@coveo/atomic 3.27.4-pre.fba84e863c → 3.27.4

package/dist/atomic/p-21f506ee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductChildrenCss","AtomicProductChildrenStyle0","AtomicProductChildren","constructor","hostRef","this","children","activeChildId","label","field","fallback","validateProps","connectedCallback","product","permanentid","Schema","StringValue","validate","onSelectChild","child","selectChildProduct","emit","getImageUrl","value","ProductTemplatesHelpers","getProductProperty","filterProtocol","Array","isArray","activeChildClasses","renderChild","h","class","title","ec_name","undefined","onKeyPress","event","key","onMouseEnter","onTouchStart","stopPropagation","preventDefault","src","alt","loading","renderLabel","bindings","i18n","t","render","length","Host","trim","map","Button","style","__decorate","InitializeBindings","ProductContext"],"sources":["src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.pcss?tag=atomic-product-children","src/components/commerce/product-template-components/atomic-product-children/atomic-product-children.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n\natomic-product-children .children-container {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.display-grid {\n  atomic-product-children .children-container {\n    .product-child:nth-child(n + 6) {\n      display: none;\n    }\n\n    .product-child:nth-child(6) ~ .plus-button {\n      display: block;\n    }\n\n    .product-child:nth-child(6):last-child ~ .plus-button {\n      display: none;\n    }\n  }\n}\n\natomic-product-children .children-container .plus-button {\n  display: none;\n}\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  Product,\n  ChildProduct,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {\n  Component,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Host,\n} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {filterProtocol} from '../../../../utils/xss-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../stencil-product-template-decorators';\nimport {SelectChildProductEventArgs} from './select-child-product-event';\n\n/**\n * @alpha\n * The `atomic-product-children` component renders a section that allows the user to select a nested product (e.g., a color variant of a given product).\n *\n * This component leverages the [product grouping](https://docs.coveo.com/en/l78i2152/) feature.\n */\n@Component({\n  tag: 'atomic-product-children',\n  styleUrl: 'atomic-product-children.pcss',\n  shadow: false,\n})\nexport class AtomicProductChildren\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  @State() private children: ChildProduct[] = [];\n  @State() private activeChildId: string = '';\n\n  public error!: Error;\n\n  /**\n   * The non-localized label to display for the product children section.\n   *\n   * Set this to an empty string if you do not want to render the label at all.\n   */\n  @Prop() public label: string = 'available-in';\n\n  /**\n   * The child product field to use to render product children images. Fields in the `additionalFields` property of the child products are supported.\n   *\n   * This field should be defined on each child product, and its value should be an image URL (or an array of image URLs, in which case the component will use the first one in the array).\n   */\n  @Prop({reflect: true}) field: string = 'ec_thumbnails';\n\n  /**\n   * A fallback image URL to use when the specified `field` is not defined on a given child product, or when its value is invalid.\n   */\n  @Prop({reflect: true}) fallback: string =\n    // eslint-disable-next-line @cspell/spellchecker\n    'data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\"%3E%3Crect width=\"50\" height=\"50\" fill=\"none\" stroke=\"gray\"%3E%3C/rect%3E%3C/svg%3E';\n\n  @Event({\n    eventName: 'atomic/selectChildProduct',\n    bubbles: true,\n  })\n  public selectChildProduct!: EventEmitter<SelectChildProductEventArgs>;\n\n  constructor() {\n    this.validateProps();\n  }\n\n  public connectedCallback(): void {\n    this.activeChildId = this.product.permanentid;\n    this.children = this.product.children ?? [];\n  }\n\n  private validateProps() {\n    new Schema({\n      label: new StringValue(),\n      field: new StringValue(),\n      fallback: new StringValue(),\n    }).validate({\n      label: this.label,\n      field: this.field,\n      fallback: this.fallback,\n    });\n  }\n\n  private onSelectChild(child: ChildProduct) {\n    this.activeChildId = child.permanentid;\n    this.selectChildProduct.emit({\n      child,\n    });\n  }\n\n  private getImageUrl(child: ChildProduct) {\n    const value = ProductTemplatesHelpers.getProductProperty(child, this.field);\n\n    if (typeof value === 'string') {\n      return filterProtocol(value);\n    }\n\n    if (Array.isArray(value) && typeof value[0] === 'string') {\n      return filterProtocol(value[0]);\n    }\n\n    return filterProtocol(this.fallback);\n  }\n\n  private get activeChildClasses() {\n    return ' box-border rounded border border-primary ';\n  }\n\n  // TODO: We could leverage the totalNumberOfRelatedProducts property on the Product to show the number of available children (e.g., ...and 3 more). This would require some UX design however.\n  private renderChild(child: ChildProduct) {\n    return (\n      <button\n        class={`product-child${child.permanentid === this.activeChildId ? this.activeChildClasses : ' '}`}\n        title={child.ec_name || undefined}\n        onKeyPress={(event) =>\n          event.key === 'Enter' && this.onSelectChild(child)\n        }\n        onMouseEnter={() => this.onSelectChild(child)}\n        onTouchStart={(event) => {\n          event.stopPropagation();\n          event.preventDefault();\n          this.onSelectChild(child);\n        }}\n      >\n        <img\n          class=\"aspect-square p-1\"\n          src={this.getImageUrl(child)}\n          alt={child.ec_name || undefined}\n          loading=\"lazy\"\n        />\n      </button>\n    );\n  }\n\n  private renderLabel() {\n    return (\n      <div class=\"text-neutral-dark my-2 font-semibold\">\n        <atomic-commerce-text\n          value={this.bindings.i18n.t(this.label)}\n        ></atomic-commerce-text>\n      </div>\n    );\n  }\n\n  public render() {\n    if (this.children.length === 0) {\n      return null;\n    }\n\n    return (\n      <Host>\n        {this.label.trim() !== '' && this.renderLabel()}\n        <div class=\"children-container\">\n          {this.children.map((child) => this.renderChild(child))}\n          <Button style=\"text-primary\" class=\"product-child plus-button\">\n            +{this.children.length - 5}\n          </Button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kfAAA,MAAMA,EAA2B,wo2DACjC,MAAAC,EAAeD,E,iXCoCFE,EAAqB,MAwChC,WAAAC,CAAAC,G,wEAhCiBC,KAAAC,SAA2B,GAC3BD,KAAAE,cAAwB,GAS1BF,KAAAG,MAAgB,eAORH,KAAAI,MAAgB,gBAKhBJ,KAAAK,SAErB,6L,cAxB0C,G,mBACH,G,WASV,e,WAOQ,gB,cAOrC,6LASAL,KAAKM,e,CAGA,iBAAAC,GACLP,KAAKE,cAAgBF,KAAKQ,QAAQC,YAClCT,KAAKC,SAAWD,KAAKQ,QAAQP,UAAY,E,CAGnC,aAAAK,GACN,IAAII,EAAO,CACTP,MAAO,IAAIQ,EACXP,MAAO,IAAIO,EACXN,SAAU,IAAIM,IACbC,SAAS,CACVT,MAAOH,KAAKG,MACZC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,U,CAIX,aAAAQ,CAAcC,GACpBd,KAAKE,cAAgBY,EAAML,YAC3BT,KAAKe,mBAAmBC,KAAK,CAC3BF,S,CAII,WAAAG,CAAYH,GAClB,MAAMI,EAAQC,EAAwBC,mBAAmBN,EAAOd,KAAKI,OAErE,UAAWc,IAAU,SAAU,CAC7B,OAAOG,EAAeH,E,CAGxB,GAAII,MAAMC,QAAQL,WAAiBA,EAAM,KAAO,SAAU,CACxD,OAAOG,EAAeH,EAAM,G,CAG9B,OAAOG,EAAerB,KAAKK,S,CAG7B,sBAAYmB,GACV,MAAO,4C,CAID,WAAAC,CAAYX,GAClB,OACEY,EAAA,UACEC,MAAO,gBAAgBb,EAAML,cAAgBT,KAAKE,cAAgBF,KAAKwB,mBAAqB,MAC5FI,MAAOd,EAAMe,SAAWC,UACxBC,WAAaC,GACXA,EAAMC,MAAQ,SAAWjC,KAAKa,cAAcC,GAE9CoB,aAAc,IAAMlC,KAAKa,cAAcC,GACvCqB,aAAeH,IACbA,EAAMI,kBACNJ,EAAMK,iBACNrC,KAAKa,cAAcC,EAAM,GAG3BY,EAAA,OACEC,MAAM,oBACNW,IAAKtC,KAAKiB,YAAYH,GACtByB,IAAKzB,EAAMe,SAAWC,UACtBU,QAAQ,S,CAMR,WAAAC,GACN,OACEf,EAAA,OAAKC,MAAM,wCACTD,EAAA,wBACER,MAAOlB,KAAK0C,SAASC,KAAKC,EAAE5C,KAAKG,S,CAMlC,MAAA0C,GACL,GAAI7C,KAAKC,SAAS6C,SAAW,EAAG,CAC9B,OAAO,I,CAGT,OACEpB,EAACqB,EAAI,KACF/C,KAAKG,MAAM6C,SAAW,IAAMhD,KAAKyC,cAClCf,EAAA,OAAKC,MAAM,sBACR3B,KAAKC,SAASgD,KAAKnC,GAAUd,KAAKyB,YAAYX,KAC/CY,EAACwB,EAAM,CAACC,MAAM,eAAexB,MAAM,6BAA2B,IAC1D3B,KAAKC,SAAS6C,OAAS,I,oCAlINM,EAAA,CAA5BC,K,+BACyBD,EAAA,CAAzBE,K","ignoreList":[]}

package/dist/atomic/p-248089a0.js

@@ -1,2 +0,0 @@
-import{h as r,F as t}from"./p-dc3df5ce.js";import{B as e}from"./p-f5982205.js";const s=({hasError:e,firstRequestExecuted:s,hasItems:a},n)=>{if(e){return}if(!s){return r("div",{part:"placeholder","aria-hidden":true,class:"bg-neutral my-2 h-8 w-28 animate-pulse rounded"})}if(!a){return}return r(t,null,n)};const a=({i18n:t,onClick:s,setRef:a})=>r(e,{style:"outline-primary",class:"w-full p-3",onClick:s,text:t.t("sort-and-filter"),ref:a,part:"button"});export{a as R,s as a};
-//# sourceMappingURL=p-248089a0.js.map

package/dist/atomic/p-248089a0.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RefineToggleGuard","hasError","firstRequestExecuted","hasItems","children","h","part","class","Fragment","RefineToggleButton","i18n","onClick","setRef","Button","style","text","t","ref"],"sources":["src/components/common/refine-modal/guard.tsx","src/components/common/refine-modal/stencil-button.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface RefineToggleGuardProps {\n  hasError: boolean;\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\nexport const RefineToggleGuard: FunctionalComponent<RefineToggleGuardProps> = (\n  {hasError, firstRequestExecuted, hasItems},\n  children\n) => {\n  if (hasError) {\n    return;\n  }\n\n  if (!firstRequestExecuted) {\n    return (\n      <div\n        part=\"placeholder\"\n        aria-hidden\n        class=\"bg-neutral my-2 h-8 w-28 animate-pulse rounded\"\n      ></div>\n    );\n  }\n\n  if (!hasItems) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineToggleButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n  setRef: (button: HTMLButtonElement) => void;\n}\nexport const RefineToggleButton: FunctionalComponent<\n  RefineToggleButtonProps\n> = ({i18n, onClick, setRef}) => {\n  return (\n    <Button\n      style=\"outline-primary\"\n      class=\"w-full p-3\"\n      onClick={onClick}\n      text={i18n.t('sort-and-filter')}\n      ref={setRef}\n      part=\"button\"\n    ></Button>\n  );\n};\n"],"mappings":"qFAOaA,EAAiE,EAC3EC,WAAUC,uBAAsBC,YACjCC,KAEA,GAAIH,EAAU,CACZ,M,CAGF,IAAKC,EAAsB,CACzB,OACEG,EAAA,OACEC,KAAK,cAAa,mBAElBC,MAAM,kD,CAKZ,IAAKJ,EAAU,CACb,M,CAGF,OAAOE,EAACG,EAAQ,KAAEJ,EAAoB,E,MCpB3BK,EAET,EAAEC,OAAMC,UAASC,YAEjBP,EAACQ,EAAM,CACLC,MAAM,kBACNP,MAAM,aACNI,QAASA,EACTI,KAAML,EAAKM,EAAE,mBACbC,IAAKL,EACLN,KAAK,kB","ignoreList":[]}

package/dist/atomic/p-28327de4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["intersection","setA","setB","result","Set","elem","has","add","makeMatchConditions","mustMatch","mustNotMatch","conditions","field","mustNotMatchValues","mustMatchValues","commonValues","size","console","error","push","ProductTemplatesHelpers","fieldMustMatch","fieldMustNotMatch","makeDefinedConditions","ifDefined","ifNotDefined","fieldNames","split","fieldsMustBeDefined","fieldsMustNotBeDefined","AtomicProductFieldCondition","this","shouldBeRemoved","componentWillLoad","render","every","condition","product","h","componentDidLoad","host","remove","__decorate","MapProp","splitValues","ProductContext"],"sources":["src/utils/set.ts","src/components/common/product-template/product-template-common.ts","src/components/common/product-template/stencil-product-template-common.tsx","src/components/commerce/product-template-components/atomic-product-field-condition/atomic-product-field-condition.tsx"],"sourcesContent":["// TODO: Replace by Set.prototype.intersection in July 2025\nexport function intersection<T>(setA: Set<T>, setB: Set<T>): Set<T> {\n  const result = new Set<T>();\n  for (const elem of setA) {\n    if (setB.has(elem)) {\n      result.add(elem);\n    }\n  }\n  return result;\n}\n","import {\n  ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {intersection} from '../../../utils/set';\nimport {isElementNode, isVisualNode} from '../../../utils/utils';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {isResultSectionNode} from '../layout/sections';\n\ntype TemplateNodeType =\n  | 'section'\n  | 'metadata'\n  | 'table-column-definition'\n  | 'other';\n\nexport function getTemplateNodeType(node: Node): TemplateNodeType {\n  if (isResultSectionNode(node)) {\n    return 'section';\n  }\n  if (!isVisualNode(node)) {\n    return 'metadata';\n  }\n  if (\n    isElementNode(node) &&\n    node.tagName.toLowerCase() === tableElementTagName\n  ) {\n    return 'table-column-definition';\n  }\n  return 'other';\n}\n\nexport function makeMatchConditions(\n  mustMatch: Record<string, string[]>,\n  mustNotMatch: Record<string, string[]>\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  for (const field in mustMatch) {\n    if (mustNotMatch[field]) {\n      const mustNotMatchValues = new Set(mustNotMatch[field]);\n      const mustMatchValues = new Set(mustMatch[field]);\n      const commonValues = intersection(mustNotMatchValues, mustMatchValues);\n      if (commonValues.size > 0) {\n        console.error(\n          `Conflicting match conditions for field ${field}, the template will be ignored.`,\n          commonValues\n        );\n        return [() => false];\n      }\n    }\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustMatch(field, mustMatch[field])\n    );\n  }\n\n  for (const field in mustNotMatch) {\n    conditions.push(\n      ProductTemplatesHelpers.fieldMustNotMatch(field, mustNotMatch[field])\n    );\n  }\n  return conditions;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {aggregate, isElementNode, isVisualNode} from '@/src/utils/utils';\nimport {\n  ProductTemplate,\n  ProductTemplateCondition,\n  ProductTemplatesHelpers,\n} from '@coveo/headless/commerce';\nimport {h} from '@stencil/core';\nimport {tableElementTagName} from '../../search/atomic-table-result/table-element-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport {isResultSectionNode} from '../layout/sections';\n\nexport {makeMatchConditions} from './product-template-common';\n\nexport type TemplateContent = DocumentFragment;\n\ninterface ProductTemplateCommonProps {\n  allowEmpty?: boolean;\n  host: HTMLDivElement;\n  validParents: string[];\n  setError: (error: Error) => void;\n}\n\ntype TemplateNodeType =\n  | 'section'\n  | 'metadata'\n  | 'table-column-definition'\n  | 'other';\n\nexport function getTemplateNodeType(node: Node): TemplateNodeType {\n  if (isResultSectionNode(node)) {\n    return 'section';\n  }\n  if (!isVisualNode(node)) {\n    return 'metadata';\n  }\n  if (\n    isElementNode(node) &&\n    node.tagName.toLowerCase() === tableElementTagName\n  ) {\n    return 'table-column-definition';\n  }\n  return 'other';\n}\n\nfunction groupNodesByType(nodes: NodeList) {\n  return aggregate(Array.from(nodes), (node) => getTemplateNodeType(node));\n}\n\n/**\n * @deprecated Use `ProductTemplateController` Reactive controller instead.\n */\nexport class ProductTemplateCommon {\n  private host: HTMLDivElement;\n  public matchConditions: ProductTemplateCondition[] = [];\n  private gridCellLinkTarget?: ItemTarget;\n\n  constructor({\n    host,\n    setError,\n    validParents,\n    allowEmpty = false,\n  }: ProductTemplateCommonProps) {\n    this.host = host;\n    this.validateTemplate(host, setError, validParents, allowEmpty);\n  }\n\n  validateTemplate(\n    host: HTMLDivElement,\n    setError: (error: Error) => void,\n    validParents: string[],\n    allowEmpty = true\n  ) {\n    const hasValidParent = validParents\n      .map((p) => p.toUpperCase())\n      .includes(host.parentElement?.nodeName || '');\n    const tagName = host.nodeName.toLowerCase();\n\n    if (!hasValidParent) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component has to be the child of one of the following: ${validParents\n            .map((p) => `\"${p.toLowerCase()}\"`)\n            .join(', ')}.`\n        )\n      );\n      return;\n    }\n\n    if (\n      host.parentElement?.attributes.getNamedItem('display')?.value === 'grid'\n    ) {\n      this.gridCellLinkTarget = host.parentElement?.attributes.getNamedItem(\n        'grid-cell-link-target'\n      )?.value as ItemTarget;\n    }\n\n    const template = host.querySelector('template');\n    if (!template) {\n      setError(\n        new Error(\n          `The \"${tagName}\" component must contain a \"template\" element as a child.`\n        )\n      );\n      return;\n    }\n\n    if (!allowEmpty && !template.innerHTML.trim()) {\n      setError(\n        new Error(`The \"template\" tag inside \"${tagName}\" cannot be empty.`)\n      );\n      return;\n    }\n\n    if (template.content.querySelector('script')) {\n      console.warn(\n        'Any \"script\" tags defined inside of \"template\" elements are not supported and will not be executed when the products are rendered.',\n        host\n      );\n    }\n\n    const {section: sectionNodes, other: otherNodes} = groupNodesByType(\n      template.content.childNodes\n    );\n    if (sectionNodes?.length && otherNodes?.length) {\n      console.warn(\n        'Product templates should only contain section elements or non-section elements. Future updates could unpredictably affect this product template.',\n        host,\n        {sectionNodes, otherNodes}\n      );\n    }\n  }\n\n  getTemplate(\n    conditions: ProductTemplateCondition[],\n    error: Error\n  ): ProductTemplate<TemplateContent> | null {\n    if (error) {\n      return null;\n    }\n\n    return {\n      conditions: conditions.concat(this.matchConditions),\n      content: getTemplateElement(this.host).content!,\n      linkContent: this.getLinkTemplateElement(this.host).content!,\n      priority: 1,\n    };\n  }\n\n  renderIfError(error: Error) {\n    if (error) {\n      return (\n        <atomic-component-error\n          element={this.host}\n          error={error}\n        ></atomic-component-error>\n      );\n    }\n  }\n  getDefaultLinkTemplateElement() {\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = `<atomic-product-link>${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}</atomic-product-link>`;\n    return linkTemplate;\n  }\n\n  getLinkTemplateElement(host: HTMLElement) {\n    return (\n      host.querySelector<HTMLTemplateElement>('template[slot=\"link\"]') ??\n      this.getDefaultLinkTemplateElement()\n    );\n  }\n}\n\nfunction getTemplateElement(host: HTMLElement) {\n  return host.querySelector<HTMLTemplateElement>('template:not([slot])')!;\n}\n\nexport function makeDefinedConditions(\n  ifDefined?: string,\n  ifNotDefined?: string\n): ProductTemplateCondition[] {\n  const conditions: ProductTemplateCondition[] = [];\n  if (ifDefined) {\n    const fieldNames = ifDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustBeDefined(fieldNames));\n  }\n\n  if (ifNotDefined) {\n    const fieldNames = ifNotDefined.split(',');\n    conditions.push(ProductTemplatesHelpers.fieldsMustNotBeDefined(fieldNames));\n  }\n  return conditions;\n}\n","import {Product, ProductTemplateCondition} from '@coveo/headless/commerce';\nimport {Component, Prop, h, Element} from '@stencil/core';\nimport {MapProp} from '../../../../utils/props-utils';\nimport {\n  makeDefinedConditions,\n  makeMatchConditions,\n} from '../../../common/product-template/stencil-product-template-common';\nimport {ProductContext} from '../stencil-product-template-decorators';\n\n/**\n * The `atomic-product-field-condition` component takes a list of conditions that, if fulfilled, apply the template in which it's defined.\n * The condition properties can be based on any top-level product property of the `product` object, not restricted to fields (e.g., `ec_name`).\n * @alpha\n */\n@Component({\n  tag: 'atomic-product-field-condition',\n  shadow: false,\n})\nexport class AtomicProductFieldCondition {\n  @Element() host!: HTMLElement;\n\n  /**\n   * Verifies whether the specified fields are defined.\n   */\n  @Prop({reflect: true}) ifDefined?: string;\n  /**\n   * Verifies whether the specified fields are not defined.\n   */\n  @Prop({reflect: true}) ifNotDefined?: string;\n\n  /**\n   * Verifies whether the specified fields match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustMatch: Record<string, string[]> =\n    {};\n\n  /**\n   * Verifies whether the specified fields do not match the specified values.\n   * @type {Record<string, string[]>}\n   */\n  @Prop() @MapProp({splitValues: true}) mustNotMatch: Record<string, string[]> =\n    {};\n\n  private conditions: ProductTemplateCondition[] = [];\n  private shouldBeRemoved = false;\n\n  @ProductContext() private product!: Product;\n\n  public componentWillLoad() {\n    this.conditions = makeDefinedConditions(this.ifDefined, this.ifNotDefined);\n    this.conditions.push(\n      ...makeMatchConditions(this.mustMatch, this.mustNotMatch)\n    );\n  }\n\n  public render() {\n    if (!this.conditions.every((condition) => condition(this.product))) {\n      this.shouldBeRemoved = true;\n      return '';\n    }\n\n    return <slot />;\n  }\n\n  public componentDidLoad() {\n    this.shouldBeRemoved && this.host.remove();\n  }\n}\n"],"mappings":"2WACgBA,EAAgBC,EAAcC,GAC5C,MAAMC,EAAS,IAAIC,IACnB,IAAK,MAAMC,KAAQJ,EAAM,CACvB,GAAIC,EAAKI,IAAID,GAAO,CAClBF,EAAOI,IAAIF,E,EAGf,OAAOF,CACT,C,SCsBgBK,EACdC,EACAC,GAEA,MAAMC,EAAyC,GAC/C,IAAK,MAAMC,KAASH,EAAW,CAC7B,GAAIC,EAAaE,GAAQ,CACvB,MAAMC,EAAqB,IAAIT,IAAIM,EAAaE,IAChD,MAAME,EAAkB,IAAIV,IAAIK,EAAUG,IAC1C,MAAMG,EAAef,EAAaa,EAAoBC,GACtD,GAAIC,EAAaC,KAAO,EAAG,CACzBC,QAAQC,MACN,0CAA0CN,mCAC1CG,GAEF,MAAO,CAAC,IAAM,M,EAGlBJ,EAAWQ,KACTC,EAAwBC,eAAeT,EAAOH,EAAUG,I,CAI5D,IAAK,MAAMA,KAASF,EAAc,CAChCC,EAAWQ,KACTC,EAAwBE,kBAAkBV,EAAOF,EAAaE,I,CAGlE,OAAOD,CACT,C,SCoHgBY,EACdC,EACAC,GAEA,MAAMd,EAAyC,GAC/C,GAAIa,EAAW,CACb,MAAME,EAAaF,EAAUG,MAAM,KACnChB,EAAWQ,KAAKC,EAAwBQ,oBAAoBF,G,CAG9D,GAAID,EAAc,CAChB,MAAMC,EAAaD,EAAaE,MAAM,KACtChB,EAAWQ,KAAKC,EAAwBS,uBAAuBH,G,CAEjE,OAAOf,CACT,C,iXC7KamB,EAA2B,M,yBAgBAC,KAAAtB,UACpC,GAMoCsB,KAAArB,aACpC,GAEMqB,KAAApB,WAAyC,GACzCoB,KAAAC,gBAAkB,M,oEAVxB,G,kBAOA,E,CAOK,iBAAAC,GACLF,KAAKpB,WAAaY,EAAsBQ,KAAKP,UAAWO,KAAKN,cAC7DM,KAAKpB,WAAWQ,QACXX,EAAoBuB,KAAKtB,UAAWsB,KAAKrB,c,CAIzC,MAAAwB,GACL,IAAKH,KAAKpB,WAAWwB,OAAOC,GAAcA,EAAUL,KAAKM,WAAW,CAClEN,KAAKC,gBAAkB,KACvB,MAAO,E,CAGT,OAAOM,EAAA,Y,CAGF,gBAAAC,GACLR,KAAKC,iBAAmBD,KAAKS,KAAKC,Q,6BAhCEC,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,gCAOOF,EAAA,CAA7BC,EAAQ,CAACC,YAAa,Q,mCAMLF,EAAA,CAAzBG,K","ignoreList":[]}

package/dist/atomic/p-33006c9c.js

@@ -1,2 +0,0 @@
-import{h as r,F as e}from"./p-dc3df5ce.js";import{L as t}from"./p-93dbaa24.js";const a=({i18n:a,correctedTo:o,originalQuery:n})=>r(e,null,r("p",{class:"text-on-background mb-1",part:"no-results"},r(t,{i18n:a,key:"no-results-for-did-you-mean",params:{query:r("b",{part:"highlight"},n)}})),r("p",{class:"text-on-background",part:"auto-corrected"},r(t,{i18n:a,key:"query-auto-corrected-to",params:{query:r("b",{part:"highlight"},o)}})));const o=({i18n:e,onClick:a,correctedQuery:o})=>r("p",{class:"text-on-background",part:"did-you-mean"},r(t,{i18n:e,key:"did-you-mean",params:{query:r("button",{class:"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline",part:"correction-btn",onClick:()=>a()},o)}}));const n=({hasCorrection:t},a)=>{if(!t){return}return r(e,null,a)};const i=({i18n:a,correctedQuery:o,originalQuery:n,onClick:i})=>r(e,null,r("p",{class:"text-on-background text-lg leading-6",part:"showing-results-for"},r(t,{i18n:a,key:"showing-results-for",params:{query:r("b",{part:"highlight"},o)}})),r("p",{class:"text-on-background text-base leading-5",part:"search-instead-for"},r(t,{i18n:a,key:"search-instead-for",params:{query:r("button",{class:"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline",part:"undo-btn",onClick:()=>i()},n)}})));export{a as A,o as C,n as Q,i as T};
-//# sourceMappingURL=p-33006c9c.js.map

package/dist/atomic/p-33006c9c.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AutoCorrection","i18n","correctedTo","originalQuery","h","Fragment","class","part","LocalizedString","key","params","query","Correction","onClick","correctedQuery","QueryCorrectionGuard","hasCorrection","children","TriggerCorrection"],"sources":["src/components/common/query-correction/stencil-auto-correction.tsx","src/components/common/query-correction/stencil-correction.tsx","src/components/common/query-correction/stencil-guard.tsx","src/components/common/query-correction/stencil-trigger-correction.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface AutoCorrectionProps {\n  i18n: i18n;\n  originalQuery: string;\n  correctedTo: string;\n}\nexport const AutoCorrection: FunctionalComponent<AutoCorrectionProps> = ({\n  i18n,\n  correctedTo,\n  originalQuery,\n}) => {\n  return (\n    <Fragment>\n      <p class=\"text-on-background mb-1\" part=\"no-results\">\n        <LocalizedString\n          i18n={i18n}\n          key={'no-results-for-did-you-mean'}\n          params={{query: <b part=\"highlight\">{originalQuery}</b>}}\n        />\n      </p>\n      <p class=\"text-on-background\" part=\"auto-corrected\">\n        <LocalizedString\n          i18n={i18n}\n          key={'query-auto-corrected-to'}\n          params={{query: <b part=\"highlight\">{correctedTo}</b>}}\n        />\n      </p>\n    </Fragment>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface CorrectionProps {\n  i18n: i18n;\n  onClick: () => void;\n  correctedQuery: string;\n}\nexport const Correction: FunctionalComponent<CorrectionProps> = ({\n  i18n,\n  onClick,\n  correctedQuery,\n}) => {\n  return (\n    <p class=\"text-on-background\" part=\"did-you-mean\">\n      <LocalizedString\n        i18n={i18n}\n        key=\"did-you-mean\"\n        params={{\n          query: (\n            <button\n              class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n              part=\"correction-btn\"\n              onClick={() => onClick()}\n            >\n              {correctedQuery}\n            </button>\n          ),\n        }}\n      />\n    </p>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface QueryCorrectionGuardProps {\n  hasCorrection: boolean;\n}\n\n// Just use a when directive for Lit. This is an unnecessary component in Lit's context.\nexport const QueryCorrectionGuard: FunctionalComponent<\n  QueryCorrectionGuardProps\n> = ({hasCorrection}, children) => {\n  if (!hasCorrection) {\n    return;\n  }\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {LocalizedString} from '../../../utils/jsx-utils';\n\ninterface TriggerCorrectionProps {\n  i18n: i18n;\n  correctedQuery: string;\n  originalQuery: string;\n  onClick: () => void;\n}\nexport const TriggerCorrection: FunctionalComponent<TriggerCorrectionProps> = ({\n  i18n,\n  correctedQuery,\n  originalQuery,\n  onClick,\n}) => {\n  return (\n    <Fragment>\n      <p\n        class=\"text-on-background text-lg leading-6\"\n        part=\"showing-results-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key={'showing-results-for'}\n          params={{query: <b part=\"highlight\">{correctedQuery}</b>}}\n        />\n      </p>\n      <p\n        class=\"text-on-background text-base leading-5\"\n        part=\"search-instead-for\"\n      >\n        <LocalizedString\n          i18n={i18n}\n          key=\"search-instead-for\"\n          params={{\n            query: (\n              <button\n                class=\"text-primary hover:text-primary-light focus-visible:text-primary-light py-1 hover:underline focus-visible:underline\"\n                part=\"undo-btn\"\n                onClick={() => onClick()}\n              >\n                {originalQuery}\n              </button>\n            ),\n          }}\n        />\n      </p>\n    </Fragment>\n  );\n};\n"],"mappings":"qFASaA,EAA2D,EACtEC,OACAC,cACAC,mBAGEC,EAACC,EAAQ,KACPD,EAAA,KAAGE,MAAM,0BAA0BC,KAAK,cACtCH,EAACI,EAAe,CACdP,KAAMA,EACNQ,IAAK,8BACLC,OAAQ,CAACC,MAAOP,EAAA,KAAGG,KAAK,aAAaJ,OAGzCC,EAAA,KAAGE,MAAM,qBAAqBC,KAAK,kBACjCH,EAACI,EAAe,CACdP,KAAMA,EACNQ,IAAK,0BACLC,OAAQ,CAACC,MAAOP,EAAA,KAAGG,KAAK,aAAaL,Q,MClBlCU,EAAmD,EAC9DX,OACAY,UACAC,oBAGEV,EAAA,KAAGE,MAAM,qBAAqBC,KAAK,gBACjCH,EAACI,EAAe,CACdP,KAAMA,EACNQ,IAAI,eACJC,OAAQ,CACNC,MACEP,EAAA,UACEE,MAAM,sHACNC,KAAK,iBACLM,QAAS,IAAMA,KAEdC,O,MCnBFC,EAET,EAAEC,iBAAgBC,KACpB,IAAKD,EAAe,CAClB,M,CAEF,OAAOZ,EAACC,EAAQ,KAAEY,EAAoB,E,MCH3BC,EAAiE,EAC5EjB,OACAa,iBACAX,gBACAU,aAGET,EAACC,EAAQ,KACPD,EAAA,KACEE,MAAM,uCACNC,KAAK,uBAELH,EAACI,EAAe,CACdP,KAAMA,EACNQ,IAAK,sBACLC,OAAQ,CAACC,MAAOP,EAAA,KAAGG,KAAK,aAAaO,OAGzCV,EAAA,KACEE,MAAM,yCACNC,KAAK,sBAELH,EAACI,EAAe,CACdP,KAAMA,EACNQ,IAAI,qBACJC,OAAQ,CACNC,MACEP,EAAA,UACEE,MAAM,sHACNC,KAAK,WACLM,QAAS,IAAMA,KAEdV,e","ignoreList":[]}

package/dist/atomic/p-33ef34e8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductDescriptionCss","AtomicProductDescriptionStyle0","AtomicProductDescription","constructor","hostRef","this","isExpanded","isTruncated","truncateAfter","field","isCollapsible","resizeObserver","ResizeObserver","descriptionText","scrollHeight","clientHeight","validateProps","Schema","StringValue","constrainTo","validate","componentDidLoad","hostElement","querySelector","observe","onToggleExpand","e","stopPropagation","disconnectedCallback","disconnect","render","productDescription","product","h","Hidden","ExpandableText","showMoreLabel","bindings","i18n","t","showLessLabel","__decorate","InitializeBindings","ProductContext"],"sources":["src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.pcss?tag=atomic-product-description","src/components/commerce/product-template-components/atomic-product-description/atomic-product-description.tsx"],"sourcesContent":["@import '../../../common/expandable-text/expandable-text.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, State, h, Element, Prop} from '@stencil/core';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {\n  ExpandableText,\n  TruncateAfter,\n} from '../../../common/expandable-text/expandable-text';\nimport {Hidden} from '../../../common/stencil-hidden';\nimport {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport {ProductContext} from '../stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-description` component renders the description of a product.\n */\n@Component({\n  tag: 'atomic-product-description',\n  styleUrl: 'atomic-product-description.pcss',\n  shadow: false,\n})\nexport class AtomicProductDescription\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  @ProductContext() private product!: Product;\n\n  @Element() hostElement!: HTMLElement;\n\n  public error!: Error;\n\n  @State() private isExpanded = false;\n  @State() private isTruncated = false;\n\n  private descriptionText!: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * The number of lines after which the product description should be truncated. A value of \"none\" will disable truncation.\n   */\n  @Prop() public truncateAfter: TruncateAfter = '2';\n\n  /**\n   * The name of the description field to use.\n   */\n  @Prop() public field: 'ec_description' | 'ec_shortdesc' = 'ec_shortdesc';\n\n  /**\n   * Whether the description should be collapsible after being expanded.\n   */\n  @Prop() public isCollapsible = true;\n\n  constructor() {\n    this.resizeObserver = new ResizeObserver(() => {\n      if (\n        this.descriptionText &&\n        this.descriptionText.scrollHeight > this.descriptionText.clientHeight\n      ) {\n        this.isTruncated = true;\n      } else {\n        this.isTruncated = false;\n      }\n    });\n    this.validateProps();\n  }\n\n  private validateProps() {\n    new Schema({\n      truncateAfter: new StringValue({\n        constrainTo: ['none', '1', '2', '3', '4'],\n      }),\n      field: new StringValue({\n        constrainTo: ['ec_shortdesc', 'ec_description'],\n      }),\n    }).validate({\n      truncateAfter: this.truncateAfter,\n      field: this.field,\n    });\n  }\n\n  componentDidLoad() {\n    this.descriptionText = this.hostElement.querySelector(\n      '.expandable-text'\n    ) as HTMLDivElement;\n    if (this.descriptionText) {\n      this.resizeObserver.observe(this.descriptionText);\n    }\n  }\n\n  private onToggleExpand(e?: MouseEvent) {\n    if (e) {\n      e.stopPropagation();\n    }\n\n    this.isExpanded = !this.isExpanded;\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver.disconnect();\n  }\n\n  public render() {\n    const productDescription = this.product[this.field] ?? null;\n\n    if (!productDescription) {\n      return <Hidden />;\n    }\n\n    return (\n      <ExpandableText\n        isExpanded={this.isExpanded}\n        isTruncated={this.isTruncated}\n        truncateAfter={this.truncateAfter}\n        onToggleExpand={(e) => this.onToggleExpand(e)}\n        showMoreLabel={this.bindings.i18n.t('show-more')}\n        showLessLabel={this.bindings.i18n.t('show-less')}\n        isCollapsible={this.isCollapsible}\n      >\n        <atomic-product-text field={this.field}></atomic-product-text>\n      </ExpandableText>\n    );\n  }\n}\n"],"mappings":"obAAA,MAAMA,EAA8B,yUACpC,MAAAC,EAAeD,E,iXCuBFE,EAAwB,MA+BnC,WAAAC,CAAAC,G,UArBiBC,KAAAC,WAAa,MACbD,KAAAE,YAAc,MAQhBF,KAAAG,cAA+B,IAK/BH,KAAAI,MAA2C,eAK3CJ,KAAAK,cAAgB,K,gBAnBD,M,iBACC,M,mBAQe,I,WAKY,e,mBAK3B,KAG7BL,KAAKM,eAAiB,IAAIC,gBAAe,KACvC,GACEP,KAAKQ,iBACLR,KAAKQ,gBAAgBC,aAAeT,KAAKQ,gBAAgBE,aACzD,CACAV,KAAKE,YAAc,I,KACd,CACLF,KAAKE,YAAc,K,KAGvBF,KAAKW,e,CAGC,aAAAA,GACN,IAAIC,EAAO,CACTT,cAAe,IAAIU,EAAY,CAC7BC,YAAa,CAAC,OAAQ,IAAK,IAAK,IAAK,OAEvCV,MAAO,IAAIS,EAAY,CACrBC,YAAa,CAAC,eAAgB,sBAE/BC,SAAS,CACVZ,cAAeH,KAAKG,cACpBC,MAAOJ,KAAKI,O,CAIhB,gBAAAY,GACEhB,KAAKQ,gBAAkBR,KAAKiB,YAAYC,cACtC,oBAEF,GAAIlB,KAAKQ,gBAAiB,CACxBR,KAAKM,eAAea,QAAQnB,KAAKQ,gB,EAI7B,cAAAY,CAAeC,GACrB,GAAIA,EAAG,CACLA,EAAEC,iB,CAGJtB,KAAKC,YAAcD,KAAKC,U,CAG1B,oBAAAsB,GACEvB,KAAKM,eAAekB,Y,CAGf,MAAAC,GACL,MAAMC,EAAqB1B,KAAK2B,QAAQ3B,KAAKI,QAAU,KAEvD,IAAKsB,EAAoB,CACvB,OAAOE,EAACC,EAAM,K,CAGhB,OACED,EAACE,EAAc,CACb7B,WAAYD,KAAKC,WACjBC,YAAaF,KAAKE,YAClBC,cAAeH,KAAKG,cACpBiB,eAAiBC,GAAMrB,KAAKoB,eAAeC,GAC3CU,cAAe/B,KAAKgC,SAASC,KAAKC,EAAE,aACpCC,cAAenC,KAAKgC,SAASC,KAAKC,EAAE,aACpC7B,cAAeL,KAAKK,eAEpBuB,EAAA,uBAAqBxB,MAAOJ,KAAKI,Q,oCA9FVgC,EAAA,CAA5BC,K,+BACyBD,EAAA,CAAzBE,K","ignoreList":[]}

package/dist/atomic/p-36741edb.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as r}from"./p-dc3df5ce.js";import{buildContext as i}from"@coveo/headless/commerce";import{I as c,B as s}from"./p-d6e6dbc3.js";import{d as o}from"./p-f3c1c9a0.js";import{p as a}from"./p-8d6b2300.js";import{P as p}from"./p-c79d5981.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-f77160c6.js";import"./p-c32fca86.js";import"./p-818a7e47.js";import"./p-3dc06261.js";const n=".display-grid atomic-product-price{display:flex;flex-wrap:wrap;flex-direction:column}.display-grid atomic-product-price .original-price{line-height:1}";const d=n;var l=undefined&&undefined.__decorate||function(e,t,r,i){var c=arguments.length,s=c<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(e,t,r,i);else for(var a=e.length-1;a>=0;a--)if(o=e[a])s=(c<3?o(s):c>3?o(t,r,s):o(t,r))||s;return c>3&&s&&Object.defineProperty(t,r,s),s};const f=class{constructor(t){e(this,t)}initialize(){this.context=i(this.bindings.engine)}formatValue(e){try{const{currency:t}=this.contextState;const r=o(t);return r(e,this.bindings.i18n.languages)}catch(t){this.error=t;return e.toString()}}parse(e){try{return a(this.product,e)}catch(e){this.error=e;return null}}getFormattedValue(e){const t=this.parse(e);if(t!==null){return this.formatValue(t)}}get hasPromotionalPrice(){return this.product.ec_promo_price!==null&&this.product.ec_price!==null&&this.product.ec_promo_price<this.product.ec_price}render(){const e=this.getFormattedValue(this.hasPromotionalPrice?"ec_promo_price":"ec_price");const i=this.hasPromotionalPrice?this.getFormattedValue("ec_price"):null;return t(r,{key:"bb09e69021da5eefeebdee3c3f74a2720ddb2cf6",class:"flex flex-wrap gap-1"},t("div",{key:"72ff8d4f6260308328cf2b20fb0d9467b37e7149",class:`truncate break-keep ${this.hasPromotionalPrice&&"text-error"}`},e),t("div",{key:"b117208d1617544d5cb67a8ee107fae6eba9eeaf",class:"original-price content-center truncate text-xl break-keep line-through"+(!i?" invisible":"")},i??"​"))}};l([c()],f.prototype,"bindings",void 0);l([p()],f.prototype,"product",void 0);l([s("context")],f.prototype,"contextState",void 0);f.style=d;export{f as atomic_product_price};
-//# sourceMappingURL=p-36741edb.entry.js.map

package/dist/atomic/p-36741edb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductPriceCss","AtomicProductPriceStyle0","AtomicProductPrice","initialize","this","context","buildContext","bindings","engine","formatValue","value","currency","contextState","formatter","defaultCurrencyFormatter","i18n","languages","error","toString","parse","field","parseValue","product","getFormattedValue","hasPromotionalPrice","ec_promo_price","ec_price","render","mainPrice","originalPrice","h","Host","key","class","__decorate","InitializeBindings","ProductContext","BindStateToController"],"sources":["src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.pcss?tag=atomic-product-price","src/components/commerce/product-template-components/atomic-product-price/atomic-product-price.tsx"],"sourcesContent":[".display-grid {\n  & atomic-product-price {\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: column;\n\n    & .original-price {\n      line-height: 1;\n    }\n  }\n}\n","import {\n  buildContext,\n  Product,\n  Context,\n  ContextState,\n} from '@coveo/headless/commerce';\nimport {Component, h, Host} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {defaultCurrencyFormatter} from '../../../common/formats/format-common';\nimport {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport {parseValue} from '../product-utils';\nimport {ProductContext} from '../stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-price` component renders the price of a product.\n */\n@Component({\n  tag: 'atomic-product-price',\n  styleUrl: 'atomic-product-price.pcss',\n  shadow: false,\n})\nexport class AtomicProductPrice\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  public error!: Error;\n\n  @ProductContext() private product!: Product;\n  public context!: Context;\n  @BindStateToController('context') contextState!: ContextState;\n\n  public initialize(): void {\n    this.context = buildContext(this.bindings.engine);\n  }\n\n  private formatValue(value: number) {\n    try {\n      const {currency} = this.contextState;\n      const formatter = defaultCurrencyFormatter(currency);\n      return formatter(value, this.bindings.i18n.languages as string[]);\n    } catch (error) {\n      this.error = error as Error;\n      return value.toString();\n    }\n  }\n\n  private parse(field: string) {\n    try {\n      return parseValue(this.product, field);\n    } catch (error) {\n      this.error = error as Error;\n      return null;\n    }\n  }\n\n  private getFormattedValue(field: string) {\n    const value = this.parse(field);\n    if (value !== null) {\n      return this.formatValue(value);\n    }\n  }\n\n  private get hasPromotionalPrice() {\n    return (\n      this.product.ec_promo_price !== null &&\n      this.product.ec_price !== null &&\n      this.product.ec_promo_price < this.product.ec_price\n    );\n  }\n\n  public render() {\n    const mainPrice = this.getFormattedValue(\n      this.hasPromotionalPrice ? 'ec_promo_price' : 'ec_price'\n    );\n\n    const originalPrice = this.hasPromotionalPrice\n      ? this.getFormattedValue('ec_price')\n      : null;\n\n    return (\n      <Host class=\"flex flex-wrap gap-1\">\n        <div\n          class={`truncate break-keep ${this.hasPromotionalPrice && 'text-error'}`}\n        >\n          {mainPrice}\n        </div>\n\n        <div\n          class={\n            'original-price content-center truncate text-xl break-keep line-through' +\n            (!originalPrice ? ' invisible' : '')\n          }\n        >\n          {originalPrice ?? '​'}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yaAAA,MAAMA,EAAwB,yJAC9B,MAAAC,EAAeD,E,iXCyBFE,EAAkB,M,yBAUtB,UAAAC,GACLC,KAAKC,QAAUC,EAAaF,KAAKG,SAASC,O,CAGpC,WAAAC,CAAYC,GAClB,IACE,MAAMC,SAACA,GAAYP,KAAKQ,aACxB,MAAMC,EAAYC,EAAyBH,GAC3C,OAAOE,EAAUH,EAAON,KAAKG,SAASQ,KAAKC,U,CAC3C,MAAOC,GACPb,KAAKa,MAAQA,EACb,OAAOP,EAAMQ,U,EAIT,KAAAC,CAAMC,GACZ,IACE,OAAOC,EAAWjB,KAAKkB,QAASF,E,CAChC,MAAOH,GACPb,KAAKa,MAAQA,EACb,OAAO,I,EAIH,iBAAAM,CAAkBH,GACxB,MAAMV,EAAQN,KAAKe,MAAMC,GACzB,GAAIV,IAAU,KAAM,CAClB,OAAON,KAAKK,YAAYC,E,EAI5B,uBAAYc,GACV,OACEpB,KAAKkB,QAAQG,iBAAmB,MAChCrB,KAAKkB,QAAQI,WAAa,MAC1BtB,KAAKkB,QAAQG,eAAiBrB,KAAKkB,QAAQI,Q,CAIxC,MAAAC,GACL,MAAMC,EAAYxB,KAAKmB,kBACrBnB,KAAKoB,oBAAsB,iBAAmB,YAGhD,MAAMK,EAAgBzB,KAAKoB,oBACvBpB,KAAKmB,kBAAkB,YACvB,KAEJ,OACEO,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,wBACVH,EAAA,OAAAE,IAAA,2CACEC,MAAO,uBAAuB7B,KAAKoB,qBAAuB,gBAEzDI,GAGHE,EAAA,OAAAE,IAAA,2CACEC,MACE,2EACEJ,EAAgB,aAAe,KAGlCA,GAAiB,K,GArEGK,EAAA,CAA5BC,K,+BAGyBD,EAAA,CAAzBE,K,8BAEiCF,EAAA,CAAjCG,EAAsB,Y","ignoreList":[]}

package/dist/atomic/p-3bbc60a8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["atomicProductLinkCss","AtomicProductLinkStyle0","AtomicProductLink","logWarningIfNeed","warning","this","bindings","engine","logger","warn","initialize","host","dispatchEvent","buildCustomEvent","stopPropagation","connectedCallback","slotName","hasDefaultSlot","getDefaultSlotFromHost","linkAttributes","getAttributesFromLinkSlot","render","href","isUndefined","hrefTemplate","product","clickUri","buildStringTemplateFromProduct","interactiveProduct","warningMessage","h","LinkWithItemAnalytics","onSelect","select","onBeginDelayedSelect","beginDelayedSelect","onCancelPendingSelect","cancelPendingSelect","attributes","field","default","isCompatibleWithProductList","__decorate","InitializeBindings","ProductContext","InteractiveProductContext"],"sources":["src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.pcss?tag=atomic-product-link","src/components/commerce/product-template-components/atomic-product-link/atomic-product-link.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/link-style.tw.css';\n\natomic-product-link {\n  a {\n    @apply link-style;\n  }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {InteractiveProduct} from '@coveo/headless/commerce';\nimport {Product} from '@coveo/headless/commerce';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {getDefaultSlotFromHost} from '../../../../utils/slot-utils';\nimport {getAttributesFromLinkSlot} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/item-link';\nimport {CommerceBindings} from '../../atomic-commerce-interface/atomic-commerce-interface';\nimport {buildStringTemplateFromProduct} from '../product-utils';\nimport {\n  InteractiveProductContext,\n  ProductContext,\n} from '../stencil-product-template-decorators';\n\n/**\n * @alpha\n * The `atomic-product-link` component automatically transforms a search product title into a clickable link that points to the original item.\n * @slot default - Lets you display alternative content inside the link.\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes. Use only with an \"a\" tag, e.g., `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n *\n */\n@Component({\n  tag: 'atomic-product-link',\n  styleUrl: 'atomic-product-link.pcss',\n  shadow: false,\n})\nexport class AtomicProductLink\n  implements InitializableComponent<CommerceBindings>\n{\n  @InitializeBindings() public bindings!: CommerceBindings;\n  public error!: Error;\n\n  public static isCompatibleWithProductList = true;\n\n  @ProductContext() private product!: Product;\n  @InteractiveProductContext() private interactiveProduct!: InteractiveProduct;\n\n  @Element() private host!: HTMLElement;\n\n  /**\n   * The [template literal](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals) from which to generate the `href` attribute value\n   *\n   * The template literal can reference any number of product properties from the parent product. It can also reference the window object.\n   *\n   * For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the product's `clickUri` and `itemtitle` fields.\n   * ```html\n   * <atomic-product-link href-template='${clickUri}?id=${permanentId}'></atomic-product-link>\n   * ```\n   */\n  @Prop({reflect: true}) hrefTemplate?: string;\n\n  private hasDefaultSlot!: boolean;\n  private linkAttributes?: Attr[];\n  private stopPropagation?: boolean;\n\n  private logWarningIfNeed(warning?: string) {\n    if (warning) {\n      this.bindings.engine.logger.warn(warning);\n    }\n  }\n\n  public initialize() {\n    this.host.dispatchEvent(\n      buildCustomEvent(\n        'atomic/resolveStopPropagation',\n        (stopPropagation: boolean) => {\n          this.stopPropagation = stopPropagation;\n        }\n      )\n    );\n  }\n\n  public connectedCallback() {\n    const slotName = 'attributes';\n    this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n    this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n  }\n\n  public render() {\n    const href = isUndefined(this.hrefTemplate)\n      ? this.product.clickUri\n      : buildStringTemplateFromProduct(\n          this.hrefTemplate,\n          this.product,\n          this.bindings\n        );\n\n    if (!this.interactiveProduct) {\n      return;\n    }\n\n    const {warningMessage} = this.interactiveProduct;\n\n    return (\n      <LinkWithItemAnalytics\n        href={href}\n        onSelect={() => {\n          this.logWarningIfNeed(warningMessage);\n          this.interactiveProduct.select();\n        }}\n        onBeginDelayedSelect={() => {\n          this.logWarningIfNeed(warningMessage);\n          this.interactiveProduct.beginDelayedSelect();\n        }}\n        onCancelPendingSelect={() => {\n          this.logWarningIfNeed(warningMessage);\n          this.interactiveProduct.cancelPendingSelect();\n        }}\n        attributes={this.linkAttributes}\n        stopPropagation={this.stopPropagation}\n      >\n        {this.hasDefaultSlot ? (\n          <slot />\n        ) : (\n          <atomic-product-text\n            field=\"ec_name\"\n            default=\"no-title\"\n          ></atomic-product-text>\n        )}\n      </LinkWithItemAnalytics>\n    );\n  }\n}\n"],"mappings":"oiBAAA,MAAMA,EAAuB,6u2DAC7B,MAAAC,EAAeD,E,iXC8BFE,EAAiB,M,qDA6BpB,gBAAAC,CAAiBC,GACvB,GAAIA,EAAS,CACXC,KAAKC,SAASC,OAAOC,OAAOC,KAAKL,E,EAI9B,UAAAM,GACLL,KAAKM,KAAKC,cACRC,EACE,iCACCC,IACCT,KAAKS,gBAAkBA,CAAe,I,CAMvC,iBAAAC,GACL,MAAMC,EAAW,aACjBX,KAAKY,iBAAmBC,EAAuBb,KAAKM,MACpDN,KAAKc,eAAiBC,EAA0Bf,KAAKM,KAAMK,E,CAGtD,MAAAK,GACL,MAAMC,EAAOC,EAAYlB,KAAKmB,cAC1BnB,KAAKoB,QAAQC,SACbC,EACEtB,KAAKmB,aACLnB,KAAKoB,QACLpB,KAAKC,UAGX,IAAKD,KAAKuB,mBAAoB,CAC5B,M,CAGF,MAAMC,eAACA,GAAkBxB,KAAKuB,mBAE9B,OACEE,EAACC,EAAqB,CACpBT,KAAMA,EACNU,SAAU,KACR3B,KAAKF,iBAAiB0B,GACtBxB,KAAKuB,mBAAmBK,QAAQ,EAElCC,qBAAsB,KACpB7B,KAAKF,iBAAiB0B,GACtBxB,KAAKuB,mBAAmBO,oBAAoB,EAE9CC,sBAAuB,KACrB/B,KAAKF,iBAAiB0B,GACtBxB,KAAKuB,mBAAmBS,qBAAqB,EAE/CC,WAAYjC,KAAKc,eACjBL,gBAAiBT,KAAKS,iBAErBT,KAAKY,eACJa,EAAA,aAEAA,EAAA,uBACES,MAAM,UACNC,QAAQ,a,6BApFJtC,EAAAuC,4BAA8B,KAHfC,EAAA,CAA5BC,K,+BAKyBD,EAAA,CAAzBE,K,8BACoCF,EAAA,CAApCG,K","ignoreList":[]}