@coveo/atomic 3.28.0-pre.c28335485c → 3.28.0-pre.d7a2bdbfed

package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js

@@ -28,9 +28,9 @@ const AtomicResultPlaceholder = class {
             } }, index.h("div", { class: placeholderClasses$1, style: { height: 'var(--font-size)' } })));
     }
     render() {
-        return (index.h("div", { key: 'e954085c5a0705046ef0d11d8e7e8e0bded1ce3e', class: `result-root placeholder with-sections animate-pulse ${displayOptions.getItemDisplayClasses(this.display, this.density, this.imageSize)
+        return (index.h("div", { key: '44d6f6fcae141700636748bf0bf1d324801ad7b0', class: `result-root placeholder with-sections animate-pulse ${displayOptions.getItemDisplayClasses(this.display, this.density, this.imageSize)
                 .join(' ')
-                .trim()}` }, index.h("atomic-result-section-visual", { key: 'a80e3e80c6d14980b8c8f688e6bcc0a9514c8362' }, index.h("div", { key: '966bd55835c29564e18073298fe57dd9c6739bb4', class: placeholderClasses$1 })), index.h("atomic-result-section-badges", { key: 'cd569d2797dcc73c1fdb7bdc8e584ba7148d72d7' }, index.h("div", { key: '99c1ed6e8be799132e1b685edde533cb3569ed6d', class: `badge ${placeholderClasses$1}` })), index.h("atomic-result-section-actions", { key: '00914e2ec6a83ca9fe15de2256310e1b2b9448f9' }, index.h("div", { key: 'bf98a57b1d75e9d0f3c640d5028424b7f024e5e9', class: `action ${placeholderClasses$1}` })), index.h("atomic-result-section-title", { key: '64c3ab2c4590a61d4d36a9919027b30b56fa43fb' }, index.h("div", { key: '0c74c8c7f95691a9d1276b6d8b8885f61e615fe6', class: `title ${placeholderClasses$1}` })), index.h("atomic-result-section-excerpt", { key: 'c6e0d695fe79ec595cbf620cfc7df6d94e44a367' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), index.h("atomic-result-section-bottom-metadata", { key: '130079d0ee995d0545485edba9268e80cfcf92fe' }, index.h("div", { key: 'b1577674d315414f7c46357b89e74155ce7d92cb', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (index.h("div", { class: `field-value-placeholder ${placeholderClasses$1}` })))))));
+                .trim()}` }, index.h("atomic-result-section-visual", { key: '26dfc3541d739adf34491f475068f7eaed1b9450' }, index.h("div", { key: 'f191b225416bab5522ccbd04482d46b8e0917e90', class: placeholderClasses$1 })), index.h("atomic-result-section-badges", { key: '08a0ba74c846888549718c9da9e8a8c931193770' }, index.h("div", { key: '6112d11347845ceebea377a9dda46f29893ea4b2', class: `badge ${placeholderClasses$1}` })), index.h("atomic-result-section-actions", { key: '37c82ca42e6f287137bb6c734d2387fab395c143' }, index.h("div", { key: 'dcadfe0f127aa99b934c0a4de70e230ba0cd6cc6', class: `action ${placeholderClasses$1}` })), index.h("atomic-result-section-title", { key: '6f934bbaa48ce4e8b39eb5f8e6294e635551a977' }, index.h("div", { key: '98cbc660cb80f97aebb18673883649cb6cdbc37b', class: `title ${placeholderClasses$1}` })), index.h("atomic-result-section-excerpt", { key: '8faa1af5537e63d3862b7f98ef81e3f813908ccb' }, this.renderExcerptLine('100%'), this.renderExcerptLine('95%'), this.renderExcerptLine('98%')), index.h("atomic-result-section-bottom-metadata", { key: '5bccd91ac5ed5f9ae2abcf005ad436927856f49d' }, index.h("div", { key: 'e947f3929a136565bc86383855c78d6f15faf317', class: "fields-placeholder" }, Array.from({ length: 4 }, () => (index.h("div", { class: `field-value-placeholder ${placeholderClasses$1}` })))))));
     }
 };
 AtomicResultPlaceholder.style = AtomicResultPlaceholderStyle0;
@@ -111,7 +111,7 @@ const AtomicResultTablePlaceholder = class {
         return displayOptions.getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (index.h("table", { key: '983adfb713e79003cfa21dead66b825d322ef4cc', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, index.h("thead", { key: '583cdcc694237102118be5088bd1c9953d916ecb' }, index.h("tr", { key: '8329e5ac6601877352902efd4fcf27ff328db3e0' }, index.h("th", { key: '08efb7d6770dc4a92ab96a021aebab33430b96ad' }, index.h("div", { key: 'e184a34cd625342bb698733fecee1528f8fbecf6', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), index.h("th", { key: '63c3a8475479bfe8212b67e1c6d39274206360d3' }, index.h("div", { key: '88214bac36ccb1173112d3fe47db8f883a8c3377', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), index.h("th", { key: '52c9ef0c4d4f69dec6dc4a217c03db16b64bec60' }, index.h("div", { key: '657aacd576ac96e41166dffb3f3610fb7cd1773e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), index.h("tbody", { key: 'e48e39258c678df97c98a71e428dceb3d4a0253a' }, Array.from({ length: this.rows }, () => (index.h("tr", null, index.h("td", null, index.h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), index.h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), index.h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (index.h("table", { key: 'db3a9b9d55eb8d3417e60b89f13f07636c8196f9', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, index.h("thead", { key: '5dc2f253b16ec6302fbafa604d7bffac41670dd0' }, index.h("tr", { key: 'fd20bb0566ddadfaf855f9624d58aadb942e772d' }, index.h("th", { key: '85875071396ae899dc8479dfa52ec16bd3ea2e19' }, index.h("div", { key: 'b6707df93ed8d964755a539966f109c20f5e9f5f', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), index.h("th", { key: 'ee7cc8149bd3eee23225a3e2622f999acf030385' }, index.h("div", { key: '07ec2fa2f4625c63e353a842680d04540c94e85e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), index.h("th", { key: 'c24de3a80547bc1af784a238e68c931ea2586167' }, index.h("div", { key: 'fed9db9f0174e5961845d5f3cec4806f395c6722', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), index.h("tbody", { key: 'e1a3e36e69c633186d4530cc499dcd5a29b1fdb8' }, Array.from({ length: this.rows }, () => (index.h("tr", null, index.h("td", null, index.h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), index.h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), index.h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), index.h("td", null, index.h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
 };
 AtomicResultTablePlaceholder.style = AtomicResultTablePlaceholderStyle0;

package/dist/cjs/atomic-result-text_2.cjs.entry.js

@@ -7,58 +7,16 @@ const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
 const initializationUtils = require('./initialization-utils-62dc9852.js');
 const resultUtils = require('./result-utils-f5ee91df.js');
-const bueno = require('@coveo/bueno');
+const stencilItemTextHighlighted = require('./stencil-item-text-highlighted-91fd0fe8.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');
 require('./initialization-lit-stencil-common-utils-24279cfa.js');
 require('./object-utils-799780d3.js');
+require('@coveo/bueno');
 require('./stencil-item-decorators-43a96f33.js');
 
-function possiblyWarnOnBadFieldType(field, itemValueRaw, host, logger) {
-    if (bueno.isArray(itemValueRaw)) {
-        logger.error(`${host.nodeName.toLowerCase()} cannot be used with multi value field "${field}" with values "${itemValueRaw}".`, host);
-    }
-}
-
-const ItemTextFallback = ({ field, host, logger, defaultValue, item, getProperty }, children) => {
-    const raw = getProperty(item, field);
-    possiblyWarnOnBadFieldType(field, raw, host, logger);
-    if (bueno.isUndefined(defaultValue)) {
-        host.remove();
-        return null;
-    }
-    else {
-        return index.h(index.Fragment, null, children);
-    }
-};
-
-function renderWithHighlights(value, highlights, highlightString) {
-    const openingDelimiter = '_openingDelimiter_';
-    const closingDelimiter = '_closingDelimiter_';
-    const highlightedValue = highlightString({
-        content: value,
-        openingDelimiter,
-        closingDelimiter,
-        highlights,
-    });
-    return highlightedValue
-        .replace(new RegExp(openingDelimiter, 'g'), '<b>')
-        .replace(new RegExp(closingDelimiter, 'g'), '</b>');
-}
-
-const ItemTextHighlighted = ({ highlightKeywords, highlightString, onError, textValue }) => {
-    try {
-        const highlightedValue = renderWithHighlights(textValue, highlightKeywords, highlightString);
-        // deepcode ignore ReactSetInnerHtml: This is not React code
-        return index.h(index.Host, { innerHTML: highlightedValue });
-    }
-    catch (error) {
-        onError(error);
-    }
-};
-
 var __decorate$1 = (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")
@@ -84,11 +42,11 @@ const AtomicResultText = class {
     render() {
         const resultValueAsString = resultUtils.getStringValueFromResultOrNull(this.result, this.field);
         if (resultValueAsString === null) {
-            return (index.h(ItemTextFallback, { field: this.field, host: this.host, logger: this.bindings.engine.logger, defaultValue: this.default, item: this.result, getProperty: headless.ResultTemplatesHelpers.getResultProperty }, index.h("atomic-text", { value: fieldUtils.getFieldValueCaption(this.field, this.default, this.bindings.i18n) })));
+            return (index.h(stencilItemTextHighlighted.ItemTextFallback, { field: this.field, host: this.host, logger: this.bindings.engine.logger, defaultValue: this.default, item: this.result, getProperty: headless.ResultTemplatesHelpers.getResultProperty }, index.h("atomic-text", { value: fieldUtils.getFieldValueCaption(this.field, this.default, this.bindings.i18n) })));
         }
         const textValue = `${resultValueAsString}`;
         const highlightKeywords = headless.ResultTemplatesHelpers.getResultProperty(this.result, `${this.field}Highlights`);
-        return this.shouldHighlight && highlightKeywords ? (index.h(ItemTextHighlighted, { textValue: textValue, highlightKeywords: highlightKeywords, highlightString: headless.HighlightUtils.highlightString, onError: (error) => (this.error = error) })) : (fieldUtils.getFieldValueCaption(this.field, textValue, this.bindings.i18n));
+        return this.shouldHighlight && highlightKeywords ? (index.h(stencilItemTextHighlighted.ItemTextHighlighted, { textValue: textValue, highlightKeywords: highlightKeywords, highlightString: headless.HighlightUtils.highlightString, onError: (error) => (this.error = error) })) : (fieldUtils.getFieldValueCaption(this.field, textValue, this.bindings.i18n));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-result-text_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-result-text.atomic-text.entry.cjs.js","mappings":"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","names":["isArray","isUndefined","h","Fragment","Host","getStringValueFromResultOrNull","ResultTemplatesHelpers","getFieldValueCaption","HighlightUtils","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/common/item-text/field-warning.ts","src/components/common/item-text/stencil-item-text-fallback.tsx","src/components/common/item-text/render-highlights.ts","src/components/common/item-text/stencil-item-text-highlighted.tsx","src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {isArray} from '@coveo/bueno';\n\nexport function possiblyWarnOnBadFieldType(\n  field: string,\n  itemValueRaw: unknown,\n  host: HTMLElement,\n  logger: Pick<Console, 'error'>\n) {\n  if (isArray(itemValueRaw)) {\n    logger.error(\n      `${host.nodeName.toLowerCase()} cannot be used with multi value field \"${field}\" with values \"${itemValueRaw}\".`,\n      host\n    );\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {Fragment, FunctionalComponent, VNode, h} from '@stencil/core';\nimport {possiblyWarnOnBadFieldType} from './field-warning';\n\nexport interface ItemTextProps<T> {\n  logger: Pick<Console, 'error'>;\n  host: HTMLElement;\n  defaultValue: string | undefined;\n  field: string;\n  item: T;\n  getProperty: (result: T, property: string) => unknown;\n}\n\nexport const ItemTextFallback = <T,>(\n  {field, host, logger, defaultValue, item, getProperty}: ItemTextProps<T>,\n  children: VNode[]\n): FunctionalComponent<ItemTextProps<T>> | null => {\n  const raw = getProperty(item, field);\n  possiblyWarnOnBadFieldType(field, raw, host, logger);\n\n  if (isUndefined(defaultValue)) {\n    host.remove();\n    return null;\n  } else {\n    return <Fragment>{children}</Fragment>;\n  }\n};\n","export type HighlightKeywords = {\n  offset: number;\n  length: number;\n};\n\nexport type HighlightString = (params: {\n  content: string;\n  openingDelimiter: string;\n  closingDelimiter: string;\n  highlights: HighlightKeywords[];\n}) => string;\n\nexport function renderWithHighlights(\n  value: string,\n  highlights: HighlightKeywords[],\n  highlightString: HighlightString\n) {\n  const openingDelimiter = '_openingDelimiter_';\n  const closingDelimiter = '_closingDelimiter_';\n  const highlightedValue = highlightString({\n    content: value,\n    openingDelimiter,\n    closingDelimiter,\n    highlights,\n  });\n  return highlightedValue\n    .replace(new RegExp(openingDelimiter, 'g'), '<b>')\n    .replace(new RegExp(closingDelimiter, 'g'), '</b>');\n}\n","import {FunctionalComponent, h, Host} from '@stencil/core';\nimport {\n  HighlightKeywords,\n  HighlightString,\n  renderWithHighlights,\n} from './render-highlights';\n\nexport interface ItemTextHighlightedProps {\n  textValue: string;\n  highlightKeywords: HighlightKeywords[];\n  onError: (error: Error) => void;\n  highlightString: HighlightString;\n}\n\nexport const ItemTextHighlighted: FunctionalComponent<\n  ItemTextHighlightedProps\n> = ({highlightKeywords, highlightString, onError, textValue}) => {\n  try {\n    const highlightedValue = renderWithHighlights(\n      textValue,\n      highlightKeywords,\n      highlightString\n    );\n\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    return <Host innerHTML={highlightedValue}></Host>;\n  } catch (error) {\n    onError(error as Error);\n  }\n};\n","import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"version":3}
+{"file":"atomic-result-text.atomic-text.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAoBa,gBAAgB;;;;;;QAiBG,oBAAe,GAAG,IAAI,CAAC;;;+BAAL,IAAI;;;IAO7C,MAAM;QACX,MAAM,mBAAmB,GAAGA,0CAA8B,CACxD,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,IAAI,mBAAmB,KAAK,IAAI,EAAE;YAChC,QACEC,QAACC,2CAAgB,IACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EACnC,YAAY,EAAE,IAAI,CAAC,OAAO,EAC1B,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,WAAW,EAAEC,+BAAsB,CAAC,iBAAiB,IAErDF,yBACE,KAAK,EAAEG,+BAAoB,CACzB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CACnB,GACY,CACE,EACnB;SACH;QAED,MAAM,SAAS,GAAG,GAAG,mBAAmB,EAAE,CAAC;QAC3C,MAAM,iBAAiB,GAAGD,+BAAsB,CAAC,iBAAiB,CAChE,IAAI,CAAC,MAAM,EACX,GAAG,IAAI,CAAC,KAAK,YAAY,CACW,CAAC;QAEvC,OAAO,IAAI,CAAC,eAAe,IAAI,iBAAiB,IAC9CF,QAACI,8CAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,uBAAc,CAAC,eAAe,EAC/C,OAAO,EAAE,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACnB,KAEvBF,+BAAoB,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAChE,CAAC;KACH;;;AAlE4BG;IAA5BC,sCAAkB,EAAE;kDAA4B;AACxBD;IAAxBE,sCAAa,EAAE;gDAAyB;;;;;;;;;;;;MCR9B,UAAU;;;QAGb,YAAO,GAAG;YAChB,KAAK,EAAE,MACL,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB,CAAC;SACL,CAAC;;;;;IAYK,iBAAiB;QACtB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;SAClE;KACF;IAEM,MAAM;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KAC7B;;AA3B4B;IAA5BD,sCAAkB,EAAE;4CAA4B;;;;;","names":["getStringValueFromResultOrNull","h","ItemTextFallback","ResultTemplatesHelpers","getFieldValueCaption","ItemTextHighlighted","HighlightUtils","__decorate","InitializeBindings","ResultContext"],"sources":["src/components/search/result-template-components/atomic-result-text/atomic-result-text.tsx","src/components/search/atomic-text/atomic-text.tsx"],"sourcesContent":["import {HighlightUtils, Result, ResultTemplatesHelpers} from '@coveo/headless';\nimport {Component, Prop, h, Element, State} from '@stencil/core';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getStringValueFromResultOrNull} from '../../../../utils/result-utils';\nimport {ItemTextFallback} from '../../../common/item-text/stencil-item-text-fallback';\nimport {ItemTextHighlighted} from '../../../common/item-text/stencil-item-text-highlighted';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {ResultContext} from '../result-template-decorators';\n\n/**\n * The `atomic-result-text` component renders the value of a string result field.\n */\n@Component({\n  tag: 'atomic-result-text',\n  shadow: false,\n})\nexport class AtomicResultText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  @ResultContext() private result!: Result;\n\n  @Element() private host!: HTMLElement;\n\n  @State() public error!: Error;\n\n  /**\n   * The result field which the component should use.\n   * This will look in the Result object first, and then in the Result.raw object for the fields.\n   * It is important to include the necessary field in the `atomic-search-interface` component.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * When this is set to `true`, the component attempts to highlight text based on the highlighting properties provided by the search API response.\n   */\n  @Prop({reflect: true}) public shouldHighlight = true;\n\n  /**\n   * The locale key for the text to display when the configured field has no value.\n   */\n  @Prop({reflect: true}) public default?: string;\n\n  public render() {\n    const resultValueAsString = getStringValueFromResultOrNull(\n      this.result,\n      this.field\n    );\n\n    if (resultValueAsString === null) {\n      return (\n        <ItemTextFallback\n          field={this.field}\n          host={this.host}\n          logger={this.bindings.engine.logger}\n          defaultValue={this.default}\n          item={this.result}\n          getProperty={ResultTemplatesHelpers.getResultProperty}\n        >\n          <atomic-text\n            value={getFieldValueCaption(\n              this.field,\n              this.default!,\n              this.bindings.i18n\n            )}\n          ></atomic-text>\n        </ItemTextFallback>\n      );\n    }\n\n    const textValue = `${resultValueAsString}`;\n    const highlightKeywords = ResultTemplatesHelpers.getResultProperty(\n      this.result,\n      `${this.field}Highlights`\n    ) as HighlightUtils.HighlightKeyword[];\n\n    return this.shouldHighlight && highlightKeywords ? (\n      <ItemTextHighlighted\n        textValue={textValue}\n        highlightKeywords={highlightKeywords}\n        highlightString={HighlightUtils.highlightString}\n        onError={(error) => (this.error = error)}\n      ></ItemTextHighlighted>\n    ) : (\n      getFieldValueCaption(this.field, textValue, this.bindings.i18n)\n    );\n  }\n}\n","import {Component, Prop, State} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\n\n/**\n * The `atomic-text` component leverages the I18n translation module through the atomic-search-interface.\n */\n@Component({\n  tag: 'atomic-text',\n  shadow: true,\n})\nexport class AtomicText implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n\n  private strings = {\n    value: () =>\n      this.bindings.i18n.t(this.value, {\n        count: this.count,\n      }),\n  };\n  @State() public error!: Error;\n\n  /**\n   * The string key value.\n   */\n  @Prop({reflect: true}) public value!: string;\n  /**\n   * The count value used for plurals.\n   */\n  @Prop({reflect: true}) public count?: number;\n\n  public connectedCallback() {\n    if (!this.value) {\n      this.error = new Error('The \"value\" attribute must be defined.');\n    }\n  }\n\n  public render() {\n    return this.strings.value();\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-results-per-page.cjs.entry.js

@@ -139,7 +139,7 @@ const AtomicResultsPerPage = class {
         return this.bindings.i18n.t('results-per-page');
     }
     render() {
-        return (index.h(stencilPagerGuard.PagerGuard, { key: '9bdeae829b99345de8d10beabcfc528ec5e577f9', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, index.h("div", { key: '407cf91584da76c751c7609d040dbfbf9465bba6', class: "flex items-center", role: "toolbar", "aria-label": this.label }, index.h(Label, { key: '45922224c37ac5300459ba07683485c2326d0017' }, this.label), index.h(stencilFieldsetGroup.FieldsetGroup, { key: '01f272af73c746043c8737b977dd0e517a25b492', label: this.label }, index.h(Choices, { key: '9fb01d7ec187e9a872f37d257b0cc13956021aef', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
+        return (index.h(stencilPagerGuard.PagerGuard, { key: 'b0fe31054e793cf60358ec7b1edbcea450175443', hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults, isAppLoaded: this.isAppLoaded }, index.h("div", { key: '165171b0faa9d0fb0377035828682cd99b862766', class: "flex items-center", role: "toolbar", "aria-label": this.label }, index.h(Label, { key: 'c210230840e71fd5b58264f3e062901e531dd2e2' }, this.label), index.h(stencilFieldsetGroup.FieldsetGroup, { key: 'e36ca5f11d489f371d1917b04bb502bef29ca7fc', label: this.label }, index.h(Choices, { key: '2c3c5a568de2c50b1eb361c68f4acf7311969887', label: this.label, groupName: this.radioGroupName, pageSize: this.resultPerPageState.numberOfResults, choices: this.choices, lang: this.bindings.i18n.language, scrollToTopEvent: this.scrollToTopEvent.emit, setItemSize: this.resultPerPage.set, focusOnFirstResultAfterNextSearch: () => this.bindings.store.state.resultList?.focusOnFirstResultAfterNextSearch(), focusOnNextNewResult: () => this.bindings.store.state.resultList?.focusOnNextNewResult() })))));
     }
 };
 __decorate([

package/dist/cjs/atomic-search-box-query-suggestions_2.cjs.entry.js

@@ -70,7 +70,7 @@ const AtomicSearchBoxQuerySuggestions = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: '2cca74061385ba775c03563bcd5d3bd89fe24b34', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: '8bf7ca4f0c8c9a4bda7a0af471b2ee3881e65e7b', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }
@@ -222,7 +222,7 @@ const AtomicSearchBoxRecentQueries = class {
     }
     render() {
         if (this.error) {
-            return (index.h("atomic-component-error", { key: '201d091a547fafd368881fe3c77d40577c766c98', element: this.host, error: this.error }));
+            return (index.h("atomic-component-error", { key: '35b831a2e561510f9fe3d15cf956e46d35fb965e', element: this.host, error: this.error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-search-box.cjs.entry.js

@@ -431,18 +431,18 @@ const AtomicSearchBox = class {
         if (!this.suggestionManager.suggestions.length) {
             this.registerSearchboxSuggestionEvents();
         }
-        return (index.h(index.Host, { key: '749e092220c5beb6e02a32ffceff725a47ca96f3' }, this.renderAbsolutePositionSpacer(), [
-            index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '5d98dc49bcf840bf0dea10721dfe1a59643ff4ed', disabled: isDisabled, onFocusout: (event) => {
+        return (index.h(index.Host, { key: '2b41f9ebbc7d074c79b4f9ffbf7502644aeda85f' }, this.renderAbsolutePositionSpacer(), [
+            index.h(stencilSuggestionManager.SearchBoxWrapper, { key: '51627c6c4604f1f343ced6b3caa5d537f17ee731', disabled: isDisabled, onFocusout: (event) => {
                     if (!utils.isFocusingOut(event)) {
                         return;
                     }
                     this.suggestionManager.clearSuggestions();
                     this.isExpanded = false;
-                } }, this.renderTextBox(searchLabel), index.h(SubmitButton, { key: '7c5b666de85a5e00c4a6ec119204191194afb18b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
+                } }, this.renderTextBox(searchLabel), index.h(SubmitButton, { key: '079bcc8068e8c021465cf52eb0e1f25bb3f4746b', bindings: this.bindings, disabled: isDisabled, onClick: () => {
                     this.searchBox.submit();
                     this.suggestionManager.clearSuggestions();
                 } }), this.renderSuggestions()),
-            !this.suggestionManager.suggestions.length && (index.h("slot", { key: '48f1627d07c58961567b895fb68a1897cbc843b6' }, index.h("atomic-search-box-recent-queries", { key: '06859756b1889852be45df8055989925574509fc' }), index.h("atomic-search-box-query-suggestions", { key: 'dd3dc3584aab3547314deb079138bfa836af5b1d' }))),
+            !this.suggestionManager.suggestions.length && (index.h("slot", { key: 'e9fba98f79ee57e181ade72c43c907696812a80e' }, index.h("atomic-search-box-recent-queries", { key: 'e092cce8ec33ee745a7605e1e28bdebcecf042cd' }), index.h("atomic-search-box-query-suggestions", { key: '54078dfa8f0feef509ec90b6ef030c622609d10e' }))),
         ]));
     }
     get host() { return index.getElement(this); }

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const headless = require('@coveo/headless');
-const interfaceCommonStencil = require('./interface-common-stencil-9dfe2ea7.js');
+const interfaceCommonStencil = require('./interface-common-stencil-12a85cad.js');
 const localStorageUtils = require('./local-storage-utils-84663077.js');
 const propsUtils = require('./props-utils-66dfcd3a.js');
 const searchLayout = require('./search-layout-419e7eb4.js');
-const analyticsConfig = require('./analytics-config-01739896.js');
+const analyticsConfig = require('./analytics-config-d9450484.js');
 const replaceBreakpoint = require('./replace-breakpoint-9e1c0efa.js');
 const store = require('./store-116fd400.js');
 require('./dayjs.min-8b80e6d1.js');

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

@@ -98,7 +98,7 @@ const AtomicSmartSnippetAnswer = class {
             }), ref: (element) => element && this.bindAnalyticsToLinks(element), part: "answer", class: "margin" })));
     }
     render() {
-        return (index.h(index.Host, { key: '1326f8babb77089bfa824f03fa599a9be3dd642c' }, this.renderStyle(), this.renderContent()));
+        return (index.h(index.Host, { key: '73c8cecf140de750245c315c15bd9cc024c03af6' }, this.renderStyle(), this.renderContent()));
     }
     get host() { return index.getElement(this); }
 };
@@ -132,7 +132,7 @@ const AtomicSmartSnippetSource = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5bc7f5fde9a6cfad07def1d2d4b2e3b05dc35c8a' }, index.h(itemLink.LinkWithItemAnalytics, { key: '505fda21e13950313b91b6f1a012dae7f4420d7f', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), index.h(itemLink.LinkWithItemAnalytics, { key: '58cef9bf2d4fc66734c08c44ab129c2c7f9192e5', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, index.h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
+        return (index.h(index.Host, { key: '4dc8d05126261d39232c7d0ea634ea90ddcb4d90' }, index.h(itemLink.LinkWithItemAnalytics, { key: '030fa73af4fb26fa2acd56717dc00173688b301e', title: this.source.clickUri, href: this.source.clickUri, className: "block truncate", part: "source-url", attributes: this.anchorAttributes, onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, this.source.clickUri), index.h(itemLink.LinkWithItemAnalytics, { key: '5b114abb56a754597a285e3c6ba4758a6aac3a6b', title: this.source.title, href: this.source.clickUri, attributes: this.anchorAttributes, className: "block", part: "source-title", onSelect: () => this.selectSource.emit(), onBeginDelayedSelect: () => this.beginDelayedSelectSource.emit(), onCancelPendingSelect: () => this.cancelPendingSelectSource.emit() }, index.h("atomic-result-text", { field: "title", default: "no-title", key: this.source.uniqueId }))));
     }
 };
 __decorate([

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

@@ -62,11 +62,11 @@ const AtomicSmartSnippetCollapseWrapper = class {
         return (index.h("button", { onClick: () => (this.isExpanded = !this.isExpanded), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), index.h("atomic-icon", { icon: arrowDown.ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (index.h(index.Host, { key: 'ea579e57dc0fcd007cf517294e02582803b94cde', class: this.fullHeight || !this.shouldRenderButton
+        return (index.h(index.Host, { key: 'b8f301063f02330064468da7a49d94f1755fe037', class: this.fullHeight || !this.shouldRenderButton
                 ? this.isExpanded
                     ? 'expanded'
                     : ''
-                : 'invisible' }, index.h("div", { key: '869c9ced31db1fa805b9df668707e6e21d8677e3', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, index.h("slot", { key: 'e00cd4922f3c4442e53d612afb722de091629912' })), this.shouldRenderButton && this.renderButton()));
+                : 'invisible' }, index.h("div", { key: 'c47cad3b2d4fc5aa5b094bb6c9c1be7a8a60a1d7', part: "smart-snippet-collapse-wrapper", class: "block overflow-hidden" }, index.h("slot", { key: '0d89b70ec983b53febd1fcf7abe3f2af62c51d64' })), this.shouldRenderButton && this.renderButton()));
     }
     get host() { return index.getElement(this); }
 };
@@ -156,7 +156,7 @@ const AtomicSmartSnippetExpandableAnswer = class {
         return (index.h("button", { onClick: () => this.isExpanded ? this.collapse.emit() : this.expand.emit(), class: "text-primary mb-4 hover:underline", part: this.isExpanded ? 'show-less-button' : 'show-more-button' }, this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more'), index.h("atomic-icon", { icon: arrowDown.ArrowDown, class: "ml-2 w-3 align-baseline" })));
     }
     render() {
-        return (index.h("div", { key: 'b3c33a5746cda5e4e9ca3789c6ada0fc2afdfa4b', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
+        return (index.h("div", { key: '45ce0b38e5913223969a508a9c36fc7bd67c22e1', class: this.isExpanded ? 'expanded' : '' }, this.renderAnswer(), this.renderButton()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-smart-snippet-feedback-modal.cjs.entry.js

@@ -54,9 +54,9 @@ const AtomicSmartSnippetFeedbackModal = class {
     }
     render() {
         replaceBreakpoint.updateBreakpoints(this.host);
-        return (index.h("atomic-modal", { key: '83bc425dcde86fceab88333f67d6fa9198035965', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalHeader, { key: '700932a925e55b38cc6917d3a2fc4a5505124b76', i18n: this.bindings.i18n }), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalBody, { key: 'cd02ade10d6e45f4776816ba1348c2ce1e0ae78e', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeebackModalOptions, { key: '1effe1360a380a389a0e6a9a186fd4dd98ae0871', i18n: this.bindings.i18n }, smartSnippetFeedbackModalCommon.smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
+        return (index.h("atomic-modal", { key: '5cf1d8a60b5e1a0f1442d1b91d99932b5800b478', fullscreen: false, source: this.source, container: this.host, isOpen: this.isOpen, close: () => this.close(), exportparts: exportParts.ATOMIC_MODAL_EXPORT_PARTS }, index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalHeader, { key: '4b66d05fa6b314e4bc8d4f078d3b11dd1150c714', i18n: this.bindings.i18n }), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalBody, { key: 'a28995cd1fe46db2a92397f2f4e8a8fb381ff7ed', formId: this.formId, onSubmit: (e) => this.sendFeedback(e) }, index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeebackModalOptions, { key: 'fc9faf4362a240b0c1abc53db51b0595c2e58d19', i18n: this.bindings.i18n }, smartSnippetFeedbackModalCommon.smartSnippetFeedbackOptions.map(({ id, localeKey, correspondingAnswer }) => (index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalOption, { correspondingAnswer: correspondingAnswer, currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, id: id, localeKey: localeKey, onChange: () => {
                 this.currentAnswer = correspondingAnswer;
-            } })))), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalDetails, { key: '5d202f8f92e679132c4a4a5d61ab841298f82e7d', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalFooter, { key: 'd89d362b8c06402c76b4f2f823c66633727f930f', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
+            } })))), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalDetails, { key: '89a037be724a072e556a39afdff53c15526eaa31', currentAnswer: this.currentAnswer, i18n: this.bindings.i18n, setDetailsInputRef: (ref) => (this.detailsInputRef = ref) })), index.h(smartSnippetFeedbackModalCommon.SmartSnippetFeedbackModalFooter, { key: '067d01b5d56eac0396dc7b41a585f28f80e29c54', formId: this.formId, i18n: this.bindings.i18n, onClick: () => this.close() })));
     }
     close() {
         this.isOpen = false;

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

@@ -122,8 +122,8 @@ const AtomicSortDropdown = class {
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            index.h(SortGuard, { key: 'b0aa032d52f3ac18b7c9b9cc87ad7c3793118e00', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, index.h(SortContainer, { key: '2cb0671502ec77362056821da1fb2d38ec8d9423' }, index.h(SortLabel, { key: '09fdf55c8185fc2df004ddbfc4722707c0104548', i18n: i18n, id: id }), index.h(SortSelect, { key: 'f65074c745c1eb4b7ec5ff2bd032f4563b99eba4', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (index.h(stencilOption.SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            index.h("slot", { key: '925fc1459ae2f40b01fa8a0bc7d14e957a99b5b7' }),
+            index.h(SortGuard, { key: 'c7edd6b76765d787e983d8ef6987f6d96b9a1609', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, index.h(SortContainer, { key: '01d4f576f03430102f345b684d9806c821220db6' }, index.h(SortLabel, { key: '19c612f4a7fb08f99280bfd6747a7cc5b9d0a73c', i18n: i18n, id: id }), index.h(SortSelect, { key: '3386c33ee148385019a38706b5a20b9866ebf2fc', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (index.h(stencilOption.SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            index.h("slot", { key: '348514a7299aafded22fa1fc9b6fe3b2b14ffb29' }),
         ];
     }
     get host() { return index.getElement(this); }

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

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

package/dist/cjs/atomic-suggestion-renderer.cjs.entry.js

@@ -76,7 +76,7 @@ const AtomicSuggestionRenderer = class {
     }
     render() {
         const isButton = !!(this.suggestion.onSelect || this.suggestion.query);
-        return (index.h(index.Host, { key: '5184cc95eba894699448d7ea685032e43a430f91', class: "contents" }, isButton ? (index.h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
+        return (index.h(index.Host, { key: '65b5d84340d508712073522ae4ff19d4274fafeb', class: "contents" }, isButton ? (index.h("button", { id: this.id, key: this.suggestion.key, part: this.parts, class: this.classes, onMouseDown: (e) => e.preventDefault(), onClick: (e) => this.onClick?.(e), onMouseOver: (e) => this.onMouseOver?.(e), "data-query": this.suggestion.query, "aria-label": this.ariaLabel(isButton), ref: (el) => {
                 if (!el) {
                     return;
                 }

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

@@ -284,7 +284,7 @@ const TabPopover = class {
         this.popperInstance?.forceUpdate();
     }
     render() {
-        return (index.h(index.Host, { key: 'b807e843ef464c08a1cd481297df6aa2118a19ff', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
+        return (index.h(index.Host, { key: 'b9c7455e3f2ae3217cee7e8cfed419b75ed27da3', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -31,7 +31,7 @@ const AtomicTabButton = class {
         return this.active ? '' : 'text-neutral-dark hover:text-primary-light';
     }
     render() {
-        return (index.h(index.Host, { key: '74105bb42c01173d34a62dfb87f5af7005527ac5', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, index.h(stencilButton.Button, { key: '560c2af3610ce69930e67969a89dbf53200961bf', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
+        return (index.h(index.Host, { key: '7441b4c73b9517cd5f4e582d6d6302286e758b09', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, index.h(stencilButton.Button, { key: '4c36c2ce66c3cba6efe92732be65894d563af6ce', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
     }
 };
 AtomicTabButton.style = AtomicTabButtonStyle0;

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

@@ -62,7 +62,7 @@ const AtomicTabManager = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '918a1b844986e8a731cfa6a48b042b368a29e3b5' }, index.h("atomic-tab-bar", { key: '7d17f77778b55302505b22be9d5f57d1225e440c' }, index.h("div", { key: 'dd99c956c13bfb94df8ab9f7243d5cffa6147f03', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (index.h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (index.h(index.Host, { key: '99cf133406539520a02364ea9a04ec5df9c35332' }, index.h("atomic-tab-bar", { key: '7f63a5f0a65e8f30bfdbb9cf19943de4e6ccb0d5' }, index.h("div", { key: 'a1a69340dc6111bb64d18d0b2de01f9c4ef042f1', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (index.h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {