@coveo/atomic 3.42.0 → 3.42.1

package/dist/esm/{initialization-utils-9571651d.js → initialization-utils-264915a2.js}

@@ -1,4 +1,4 @@
-import { h, H as Host, g as getElement, f as forceUpdate } from './index-62c2216d.js';
+import { h, H as Host, g as getElement, f as forceUpdate } from './index-d03d85cb.js';
 import { c as closest } from './dom-utils-f6086cd3.js';
 import { b as buildCustomEvent } from './event-utils-40fded47.js';
 import { M as MissingInterfaceParentError, e as enqueueOrDispatchInitializationEvent, i as initializeEventName, a as initializableElements } from './initialization-lit-stencil-common-utils-1ee26198.js';
@@ -142,4 +142,4 @@ function BindStateToController(controllerProperty, options) {
 
 export { BindStateToController as B, Hidden as H, InitializeBindings as I };
 
-//# sourceMappingURL=initialization-utils-9571651d.js.map
+//# sourceMappingURL=initialization-utils-264915a2.js.map

package/dist/esm/{initialization-utils-9571651d.js.map → initialization-utils-264915a2.js.map}

@@ -1 +1 @@
-{"file":"initialization-utils-9571651d.js","mappings":"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","names":["forceUpdate","forceUpdateComponent"],"sources":["src/components/common/stencil-hidden.tsx","src/utils/initialization-utils.tsx"],"sourcesContent":["import {FunctionalComponent, Host, h} from '@stencil/core';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nexport const Hidden: FunctionalComponent = () => (\n  <Host class=\"atomic-hidden\"></Host>\n);\n","import {\n  ComponentInterface,\n  getElement,\n  h,\n  forceUpdate as forceUpdateComponent,\n} from '@stencil/core';\nimport {TOptions} from 'i18next';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {Hidden} from '../components/common/stencil-hidden';\nimport {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\nimport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializableElements,\n  initializeEventName,\n  fetchBindings,\n} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function initializeBindings<\n  SpecificBindings extends AnyBindings = Bindings,\n>(element: Element) {\n  return fetchBindings<SpecificBindings>(element);\n}\n\nexport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializeEventName,\n} from './initialization-lit-stencil-common-utils';\n\n/**\n * Necessary interface an Atomic Component must have to initialize itself correctly.\n * @deprecated To be used for Stencil components. For Lit components. use `InitializableComponent` from './decorators/types/'\n */\nexport interface InitializableComponent<\n  SpecificBindings extends AnyBindings = Bindings,\n> extends ComponentInterface {\n  /**\n   * Bindings passed from the `AtomicSearchInterface` to its children components.\n   */\n  bindings: SpecificBindings;\n  /**\n   * Method called right after the `bindings` property is defined. This is the method where Headless Framework controllers should be initialized.\n   */\n  initialize?: () => void;\n  error: Error;\n}\n\ntype InitializeBindingsProps = {\n  forceUpdate?: boolean;\n};\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nexport function InitializeBindings<SpecificBindings extends AnyBindings>({\n  forceUpdate,\n}: InitializeBindingsProps = {}) {\n  return (\n    component: InitializableComponent<SpecificBindings>,\n    bindingsProperty: string\n  ) => {\n    const {\n      componentWillLoad,\n      render,\n      componentDidRender,\n      componentDidLoad,\n      disconnectedCallback,\n    } = component;\n    let unsubscribeLanguage = () => {};\n\n    if (bindingsProperty !== 'bindings') {\n      return console.error(\n        `The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`,\n        component\n      );\n    }\n\n    component.componentWillLoad = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      const event = buildCustomEvent(\n        initializeEventName,\n        (bindings: SpecificBindings) => {\n          this.bindings = bindings;\n\n          const updateLanguage = () => forceUpdateComponent(this);\n          this.bindings.i18n.on('languageChanged', updateLanguage);\n          unsubscribeLanguage = () =>\n            this.bindings.i18n.off('languageChanged', updateLanguage);\n\n          try {\n            // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n            // In this case, we have to manually trigger it.\n            if (this.initialize) {\n              this.initialize();\n              if (forceUpdate) {\n                forceUpdateComponent(this);\n              }\n            } else {\n              forceUpdateComponent(this);\n            }\n          } catch (e) {\n            this.error = e as Error;\n          }\n        }\n      );\n      const parent = closest(element, initializableElements.join(', '));\n      if (!parent) {\n        this.error = new MissingInterfaceParentError(\n          element.nodeName.toLowerCase()\n        );\n        return;\n      }\n      enqueueOrDispatchInitializationEvent(\n        parent,\n        event as InitializeEvent,\n        element\n      );\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        return (\n          <atomic-component-error\n            element={getElement(this)}\n            error={this.error}\n          ></atomic-component-error>\n        );\n      }\n\n      if (!this.bindings) {\n        return <Hidden></Hidden>;\n      }\n\n      getElement(this).setAttribute(renderedAttribute, 'true');\n      return render && render.call(this);\n    };\n\n    component.disconnectedCallback = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      unsubscribeLanguage();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      const element = getElement(this);\n      if (element.getAttribute(renderedAttribute) === 'false') {\n        return;\n      }\n\n      componentDidRender && componentDidRender.call(this);\n      if (element.getAttribute(loadedAttribute) === 'false') {\n        element.setAttribute(loadedAttribute, 'true');\n        componentDidLoad && componentDidLoad.call(this);\n      }\n    };\n\n    component.componentDidLoad = function () {};\n  };\n}\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nexport function BindStateToController(\n  controllerProperty: string,\n  options?: {\n    /**\n     * Component's method to be called when state is updated.\n     */\n    onUpdateCallbackMethod?: string;\n  }\n) {\n  return (\n    component: InitializableComponent<AnyBindings>,\n    stateProperty: string\n  ) => {\n    const {disconnectedCallback, initialize} = component;\n\n    component.initialize = function () {\n      initialize && initialize.call(this);\n\n      if (!initialize) {\n        return console.error(\n          `ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`,\n          component\n        );\n      }\n\n      if (!this[controllerProperty]) {\n        return;\n      }\n\n      if (\n        options?.onUpdateCallbackMethod &&\n        !this[options.onUpdateCallbackMethod]\n      ) {\n        return console.error(\n          `ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`,\n          component\n        );\n      }\n\n      this.unsubscribeController = this[controllerProperty].subscribe(() => {\n        this[stateProperty] = this[controllerProperty].state;\n        options?.onUpdateCallbackMethod &&\n          this[options.onUpdateCallbackMethod]();\n      });\n    };\n\n    component.disconnectedCallback = function () {\n      !getElement(this).isConnected && this.unsubscribeController?.();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n\ninterface DeferredExecution {\n  args: unknown[];\n}\n\nexport function DeferUntilRender() {\n  return (component: ComponentInterface, methodName: string) => {\n    const {componentDidRender, connectedCallback} = component;\n    const originalMethod = component[methodName] as Function;\n    let deferredExecutions: DeferredExecution[] = [];\n\n    component.connectedCallback = function () {\n      this[methodName] = function (...args: unknown[]) {\n        deferredExecutions.push({args});\n      };\n      connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      deferredExecutions.forEach(({args}) =>\n        originalMethod.call(this, ...args)\n      );\n      deferredExecutions = [];\n      componentDidRender && componentDidRender.call(this);\n    };\n  };\n}\n\nexport type I18nState = Record<string, (variables?: TOptions) => string>;\n"],"version":3}
+{"file":"initialization-utils-264915a2.js","mappings":"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","names":["forceUpdate","forceUpdateComponent"],"sources":["src/components/common/stencil-hidden.tsx","src/utils/initialization-utils.tsx"],"sourcesContent":["import {FunctionalComponent, Host, h} from '@stencil/core';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nexport const Hidden: FunctionalComponent = () => (\n  <Host class=\"atomic-hidden\"></Host>\n);\n","import {\n  ComponentInterface,\n  getElement,\n  h,\n  forceUpdate as forceUpdateComponent,\n} from '@stencil/core';\nimport {TOptions} from 'i18next';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {Hidden} from '../components/common/stencil-hidden';\nimport {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\nimport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializableElements,\n  initializeEventName,\n  fetchBindings,\n} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function initializeBindings<\n  SpecificBindings extends AnyBindings = Bindings,\n>(element: Element) {\n  return fetchBindings<SpecificBindings>(element);\n}\n\nexport {\n  MissingInterfaceParentError,\n  InitializeEventHandler,\n  initializeEventName,\n} from './initialization-lit-stencil-common-utils';\n\n/**\n * Necessary interface an Atomic Component must have to initialize itself correctly.\n * @deprecated To be used for Stencil components. For Lit components. use `InitializableComponent` from './decorators/types/'\n */\nexport interface InitializableComponent<\n  SpecificBindings extends AnyBindings = Bindings,\n> extends ComponentInterface {\n  /**\n   * Bindings passed from the `AtomicSearchInterface` to its children components.\n   */\n  bindings: SpecificBindings;\n  /**\n   * Method called right after the `bindings` property is defined. This is the method where Headless Framework controllers should be initialized.\n   */\n  initialize?: () => void;\n  error: Error;\n}\n\ntype InitializeBindingsProps = {\n  forceUpdate?: boolean;\n};\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nexport function InitializeBindings<SpecificBindings extends AnyBindings>({\n  forceUpdate,\n}: InitializeBindingsProps = {}) {\n  return (\n    component: InitializableComponent<SpecificBindings>,\n    bindingsProperty: string\n  ) => {\n    const {\n      componentWillLoad,\n      render,\n      componentDidRender,\n      componentDidLoad,\n      disconnectedCallback,\n    } = component;\n    let unsubscribeLanguage = () => {};\n\n    if (bindingsProperty !== 'bindings') {\n      return console.error(\n        `The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`,\n        component\n      );\n    }\n\n    component.componentWillLoad = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      const event = buildCustomEvent(\n        initializeEventName,\n        (bindings: SpecificBindings) => {\n          this.bindings = bindings;\n\n          const updateLanguage = () => forceUpdateComponent(this);\n          this.bindings.i18n.on('languageChanged', updateLanguage);\n          unsubscribeLanguage = () =>\n            this.bindings.i18n.off('languageChanged', updateLanguage);\n\n          try {\n            // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n            // In this case, we have to manually trigger it.\n            if (this.initialize) {\n              this.initialize();\n              if (forceUpdate) {\n                forceUpdateComponent(this);\n              }\n            } else {\n              forceUpdateComponent(this);\n            }\n          } catch (e) {\n            this.error = e as Error;\n          }\n        }\n      );\n      const parent = closest(element, initializableElements.join(', '));\n      if (!parent) {\n        this.error = new MissingInterfaceParentError(\n          element.nodeName.toLowerCase()\n        );\n        return;\n      }\n      enqueueOrDispatchInitializationEvent(\n        parent,\n        event as InitializeEvent,\n        element\n      );\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    component.render = function () {\n      if (this.error) {\n        return (\n          <atomic-component-error\n            element={getElement(this)}\n            error={this.error}\n          ></atomic-component-error>\n        );\n      }\n\n      if (!this.bindings) {\n        return <Hidden></Hidden>;\n      }\n\n      getElement(this).setAttribute(renderedAttribute, 'true');\n      return render && render.call(this);\n    };\n\n    component.disconnectedCallback = function () {\n      const element = getElement(this);\n      element.setAttribute(renderedAttribute, 'false');\n      element.setAttribute(loadedAttribute, 'false');\n      unsubscribeLanguage();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      const element = getElement(this);\n      if (element.getAttribute(renderedAttribute) === 'false') {\n        return;\n      }\n\n      componentDidRender && componentDidRender.call(this);\n      if (element.getAttribute(loadedAttribute) === 'false') {\n        element.setAttribute(loadedAttribute, 'true');\n        componentDidLoad && componentDidLoad.call(this);\n      }\n    };\n\n    component.componentDidLoad = function () {};\n  };\n}\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nexport function BindStateToController(\n  controllerProperty: string,\n  options?: {\n    /**\n     * Component's method to be called when state is updated.\n     */\n    onUpdateCallbackMethod?: string;\n  }\n) {\n  return (\n    component: InitializableComponent<AnyBindings>,\n    stateProperty: string\n  ) => {\n    const {disconnectedCallback, initialize} = component;\n\n    component.initialize = function () {\n      initialize && initialize.call(this);\n\n      if (!initialize) {\n        return console.error(\n          `ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`,\n          component\n        );\n      }\n\n      if (!this[controllerProperty]) {\n        return;\n      }\n\n      if (\n        options?.onUpdateCallbackMethod &&\n        !this[options.onUpdateCallbackMethod]\n      ) {\n        return console.error(\n          `ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`,\n          component\n        );\n      }\n\n      this.unsubscribeController = this[controllerProperty].subscribe(() => {\n        this[stateProperty] = this[controllerProperty].state;\n        options?.onUpdateCallbackMethod &&\n          this[options.onUpdateCallbackMethod]();\n      });\n    };\n\n    component.disconnectedCallback = function () {\n      !getElement(this).isConnected && this.unsubscribeController?.();\n      disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n\ninterface DeferredExecution {\n  args: unknown[];\n}\n\nexport function DeferUntilRender() {\n  return (component: ComponentInterface, methodName: string) => {\n    const {componentDidRender, connectedCallback} = component;\n    const originalMethod = component[methodName] as Function;\n    let deferredExecutions: DeferredExecution[] = [];\n\n    component.connectedCallback = function () {\n      this[methodName] = function (...args: unknown[]) {\n        deferredExecutions.push({args});\n      };\n      connectedCallback && connectedCallback.call(this);\n    };\n\n    component.componentDidRender = function () {\n      deferredExecutions.forEach(({args}) =>\n        originalMethod.call(this, ...args)\n      );\n      deferredExecutions = [];\n      componentDidRender && componentDidRender.call(this);\n    };\n  };\n}\n\nexport type I18nState = Record<string, (variables?: TOptions) => string>;\n"],"version":3}

package/dist/esm/{jsx-utils-60f0f9d1.js → jsx-utils-29d65ade.js}

@@ -1,4 +1,4 @@
-import { h, F as Fragment } from './index-62c2216d.js';
+import { h, F as Fragment } from './index-d03d85cb.js';
 
 /**
  * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead
@@ -26,4 +26,4 @@ const LocalizedString = ({ i18n, key, params, count, }) => {
 
 export { LocalizedString as L };
 
-//# sourceMappingURL=jsx-utils-60f0f9d1.js.map
+//# sourceMappingURL=jsx-utils-29d65ade.js.map

package/dist/esm/{jsx-utils-60f0f9d1.js.map → jsx-utils-29d65ade.js.map}

@@ -1 +1 @@
-{"file":"jsx-utils-60f0f9d1.js","mappings":";;AAGA;;;MAGa,eAAe,GAA8C,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,GACN;IACC,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACrC,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAC5C,MAAM,yBAAyB,GAAG,CAAC,QAAgB,KACjD,GAAG,mBAAmB,GAAG,0BAA0B,GAAG,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACzF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,KAClD,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK;QACpC,QAAQ;QACR,yBAAyB,CAAC,QAAQ,CAAC;KACpC,CAAC,CACH,CAAC;IACF,MAAM,+BAA+B,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;QAClD,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;QACnC,KAAK;QACL,GAAG,eAAe;KACnB,CAAC,CAAC;IAEH,QACE,EAAC,QAAQ,QACN,+BAA+B;SAC7B,KAAK,CAAC,mBAAmB,CAAC;SAC1B,GAAG,CAAC,CAAC,IAAI,KACR,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC;UACvC,uBAAuB,CAAC,IAAI,CAAC;UAC7B,IAAI,CACT,CACM,EACX;AACJ;;;;","names":[],"sources":["src/utils/jsx-utils.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {LocalizedStringProps} from '../directives/localized-string';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead\n */\nexport const LocalizedString: FunctionalComponent<LocalizedStringProps> = ({\n  i18n,\n  key,\n  params,\n  count,\n}) => {\n  const delimitingCharacter = '\\u001d'; // Unicode group separator\n  const placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n  const getPlaceholderForParamKey = (paramKey: string) =>\n    `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;\n  const getParamFromPlaceholder = (placeholder: string) =>\n    params[placeholder.slice(1)];\n\n  const placeholdersMap = Object.fromEntries(\n    Object.keys(params).map((paramKey) => [\n      paramKey,\n      getPlaceholderForParamKey(paramKey),\n    ])\n  );\n  const localizedStringWithPlaceholders = i18n.t(key, {\n    interpolation: {escapeValue: false},\n    count,\n    ...placeholdersMap,\n  });\n\n  return (\n    <Fragment>\n      {localizedStringWithPlaceholders\n        .split(delimitingCharacter)\n        .map((text) =>\n          text.startsWith(placeholderPrefixCharacter)\n            ? getParamFromPlaceholder(text)\n            : text\n        )}\n    </Fragment>\n  );\n};\n"],"version":3}
+{"file":"jsx-utils-29d65ade.js","mappings":";;AAGA;;;MAGa,eAAe,GAA8C,CAAC,EACzE,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,GACN;IACC,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACrC,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAC5C,MAAM,yBAAyB,GAAG,CAAC,QAAgB,KACjD,GAAG,mBAAmB,GAAG,0BAA0B,GAAG,QAAQ,GAAG,mBAAmB,EAAE,CAAC;IACzF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,KAClD,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/B,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAK;QACpC,QAAQ;QACR,yBAAyB,CAAC,QAAQ,CAAC;KACpC,CAAC,CACH,CAAC;IACF,MAAM,+BAA+B,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE;QAClD,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;QACnC,KAAK;QACL,GAAG,eAAe;KACnB,CAAC,CAAC;IAEH,QACE,EAAC,QAAQ,QACN,+BAA+B;SAC7B,KAAK,CAAC,mBAAmB,CAAC;SAC1B,GAAG,CAAC,CAAC,IAAI,KACR,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC;UACvC,uBAAuB,CAAC,IAAI,CAAC;UAC7B,IAAI,CACT,CACM,EACX;AACJ;;;;","names":[],"sources":["src/utils/jsx-utils.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {LocalizedStringProps} from '../directives/localized-string';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the localizedString directive instead\n */\nexport const LocalizedString: FunctionalComponent<LocalizedStringProps> = ({\n  i18n,\n  key,\n  params,\n  count,\n}) => {\n  const delimitingCharacter = '\\u001d'; // Unicode group separator\n  const placeholderPrefixCharacter = '\\u001a'; // Unicode substitute character\n  const getPlaceholderForParamKey = (paramKey: string) =>\n    `${delimitingCharacter}${placeholderPrefixCharacter}${paramKey}${delimitingCharacter}`;\n  const getParamFromPlaceholder = (placeholder: string) =>\n    params[placeholder.slice(1)];\n\n  const placeholdersMap = Object.fromEntries(\n    Object.keys(params).map((paramKey) => [\n      paramKey,\n      getPlaceholderForParamKey(paramKey),\n    ])\n  );\n  const localizedStringWithPlaceholders = i18n.t(key, {\n    interpolation: {escapeValue: false},\n    count,\n    ...placeholdersMap,\n  });\n\n  return (\n    <Fragment>\n      {localizedStringWithPlaceholders\n        .split(delimitingCharacter)\n        .map((text) =>\n          text.startsWith(placeholderPrefixCharacter)\n            ? getParamFromPlaceholder(text)\n            : text\n        )}\n    </Fragment>\n  );\n};\n"],"version":3}

package/dist/esm/{props-utils-d7a37cea.js → props-utils-0fdfb615.js}

@@ -1,5 +1,5 @@
 import { isArray } from '@coveo/bueno';
-import { g as getElement } from './index-62c2216d.js';
+import { g as getElement } from './index-d03d85cb.js';
 import { c as camelToKebab, k as kebabToCamel } from './utils-6f96a4d2.js';
 
 /**
@@ -83,4 +83,4 @@ function attributesToStringMap(prefix, attributes) {
 
 export { ArrayProp as A, MapProp as M };
 
-//# sourceMappingURL=props-utils-d7a37cea.js.map
+//# sourceMappingURL=props-utils-0fdfb615.js.map

package/dist/esm/{props-utils-d7a37cea.js.map → props-utils-0fdfb615.js.map}

@@ -1 +1 @@
-{"file":"props-utils-d7a37cea.js","mappings":"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","names":[],"sources":["src/utils/props-utils.ts"],"sourcesContent":["import {isArray} from '@coveo/bueno';\nimport {type ComponentInterface, getElement} from '@stencil/core';\nimport type {ReactiveElement} from 'lit';\nimport {camelToKebab, kebabToCamel} from './utils';\n\ninterface MapPropOptions {\n  attributePrefix?: string;\n  splitValues?: boolean;\n}\n\nexport function mapProperty<Element extends ReactiveElement>(\n  options?: MapPropOptions\n) {\n  return <\n    Instance extends Element & Record<string, unknown>,\n    K extends keyof Instance,\n  >(\n    proto: ReactiveElement,\n    propertyKey: K\n  ) => {\n    const ctor = proto.constructor as typeof ReactiveElement;\n\n    ctor.createProperty(propertyKey, {type: Object});\n\n    ctor.addInitializer((instance) => {\n      const props = {};\n      const prefix =\n        options?.attributePrefix || camelToKebab(propertyKey.toString());\n\n      mapAttributesToProp(\n        prefix,\n        props,\n        Array.from(instance.attributes),\n        options?.splitValues ?? false\n      );\n\n      (instance as Instance)[propertyKey] = props as Instance[K];\n    });\n  };\n}\n\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nexport function MapProp(opts?: MapPropOptions) {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n    if (!componentWillLoad) {\n      console.error(\n        'The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.'\n      );\n      return;\n    }\n\n    component.componentWillLoad = function () {\n      const prefix = opts?.attributePrefix || variableName;\n      const variable = this[variableName];\n      const attributes = getElement(this).attributes;\n      mapAttributesToProp(\n        prefix,\n        variable,\n        Array.from(attributes),\n        opts?.splitValues ?? false\n      );\n      componentWillLoad.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nexport function ArrayProp() {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n\n    const attributeWithBrackets = camelToKebab(variableName);\n\n    component.componentWillLoad = function () {\n      const value = this[variableName];\n      if (!value || isArray(value)) {\n        componentWillLoad?.call(this);\n        return;\n      }\n\n      try {\n        const valueAsArray = JSON.parse(value);\n        if (isArray(valueAsArray)) {\n          this[variableName] = valueAsArray;\n        } else {\n          console.error(\n            `Property ${attributeWithBrackets} should be an array`,\n            getElement(this)\n          );\n        }\n      } catch (e) {\n        console.error(\n          `Error while parsing attribute ${attributeWithBrackets} as array`,\n          e\n        );\n      }\n\n      componentWillLoad?.call(this);\n    };\n  };\n}\n\nfunction splitAttributeValueOnCommas(attributeValue: string) {\n  const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n  const [...valuesWithEscapeSymbols] =\n    attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n\n  const removeEscapeSymbolsExpression = /\\\\(.)/g;\n  return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) =>\n    valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1')\n  );\n}\n\nexport function mapAttributesToProp(\n  prefix: string,\n  mapVariable: Record<string, string | string[]>,\n  attributes: {name: string; value: string}[],\n  splitValues: boolean\n) {\n  const map = attributesToStringMap(prefix, attributes);\n  Object.assign(\n    mapVariable,\n    splitValues ? stringMapToStringArrayMap(map) : map\n  );\n}\n\nfunction stringMapToStringArrayMap(map: Record<string, string>) {\n  return Object.entries(map).reduce(\n    (acc, [key, value]) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: <>\n      ...acc,\n      [key]: splitAttributeValueOnCommas(value).map((subValue) =>\n        subValue.trim()\n      ),\n    }),\n    {}\n  );\n}\n\nfunction attributesToStringMap(\n  prefix: string,\n  attributes: {name: string; value: string}[]\n) {\n  const mapVariable: Record<string, string> = {};\n  const kebabPrefix = `${camelToKebab(prefix)}-`;\n  for (let i = 0; i < attributes.length; i++) {\n    const attribute = attributes[i];\n    if (attribute.name.indexOf(kebabPrefix) !== 0) {\n      continue;\n    }\n\n    const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n    mapVariable[property] = `${attribute.value}`;\n  }\n  return mapVariable;\n}\n"],"version":3}
+{"file":"props-utils-0fdfb615.js","mappings":"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","names":[],"sources":["src/utils/props-utils.ts"],"sourcesContent":["import {isArray} from '@coveo/bueno';\nimport {type ComponentInterface, getElement} from '@stencil/core';\nimport type {ReactiveElement} from 'lit';\nimport {camelToKebab, kebabToCamel} from './utils';\n\ninterface MapPropOptions {\n  attributePrefix?: string;\n  splitValues?: boolean;\n}\n\nexport function mapProperty<Element extends ReactiveElement>(\n  options?: MapPropOptions\n) {\n  return <\n    Instance extends Element & Record<string, unknown>,\n    K extends keyof Instance,\n  >(\n    proto: ReactiveElement,\n    propertyKey: K\n  ) => {\n    const ctor = proto.constructor as typeof ReactiveElement;\n\n    ctor.createProperty(propertyKey, {type: Object});\n\n    ctor.addInitializer((instance) => {\n      const props = {};\n      const prefix =\n        options?.attributePrefix || camelToKebab(propertyKey.toString());\n\n      mapAttributesToProp(\n        prefix,\n        props,\n        Array.from(instance.attributes),\n        options?.splitValues ?? false\n      );\n\n      (instance as Instance)[propertyKey] = props as Instance[K];\n    });\n  };\n}\n\n/**\n * @deprecated Use the `mapProperty` decorator instead.\n */\nexport function MapProp(opts?: MapPropOptions) {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n    if (!componentWillLoad) {\n      console.error(\n        'The \"componentWillLoad\" lifecycle method has to be defined for the MapProp decorator to work.'\n      );\n      return;\n    }\n\n    component.componentWillLoad = function () {\n      const prefix = opts?.attributePrefix || variableName;\n      const variable = this[variableName];\n      const attributes = getElement(this).attributes;\n      mapAttributesToProp(\n        prefix,\n        variable,\n        Array.from(attributes),\n        opts?.splitValues ?? false\n      );\n      componentWillLoad.call(this);\n    };\n  };\n}\n\n/**\n * @deprecated In Lit, you can achieve the same behavior by using `@property({type: Array})`.\n */\nexport function ArrayProp() {\n  return (component: ComponentInterface, variableName: string) => {\n    const {componentWillLoad} = component;\n\n    const attributeWithBrackets = camelToKebab(variableName);\n\n    component.componentWillLoad = function () {\n      const value = this[variableName];\n      if (!value || isArray(value)) {\n        componentWillLoad?.call(this);\n        return;\n      }\n\n      try {\n        const valueAsArray = JSON.parse(value);\n        if (isArray(valueAsArray)) {\n          this[variableName] = valueAsArray;\n        } else {\n          console.error(\n            `Property ${attributeWithBrackets} should be an array`,\n            getElement(this)\n          );\n        }\n      } catch (e) {\n        console.error(\n          `Error while parsing attribute ${attributeWithBrackets} as array`,\n          e\n        );\n      }\n\n      componentWillLoad?.call(this);\n    };\n  };\n}\n\nfunction splitAttributeValueOnCommas(attributeValue: string) {\n  const splitButIgnoreEscapeSymbolsExpression = /(?:\\\\.|[^,])+/g;\n  const [...valuesWithEscapeSymbols] =\n    attributeValue.matchAll(splitButIgnoreEscapeSymbolsExpression) ?? [];\n\n  const removeEscapeSymbolsExpression = /\\\\(.)/g;\n  return valuesWithEscapeSymbols.map(([valuesWithEscapeSymbols]) =>\n    valuesWithEscapeSymbols.replace(removeEscapeSymbolsExpression, '$1')\n  );\n}\n\nexport function mapAttributesToProp(\n  prefix: string,\n  mapVariable: Record<string, string | string[]>,\n  attributes: {name: string; value: string}[],\n  splitValues: boolean\n) {\n  const map = attributesToStringMap(prefix, attributes);\n  Object.assign(\n    mapVariable,\n    splitValues ? stringMapToStringArrayMap(map) : map\n  );\n}\n\nfunction stringMapToStringArrayMap(map: Record<string, string>) {\n  return Object.entries(map).reduce(\n    (acc, [key, value]) => ({\n      // biome-ignore lint/performance/noAccumulatingSpread: <>\n      ...acc,\n      [key]: splitAttributeValueOnCommas(value).map((subValue) =>\n        subValue.trim()\n      ),\n    }),\n    {}\n  );\n}\n\nfunction attributesToStringMap(\n  prefix: string,\n  attributes: {name: string; value: string}[]\n) {\n  const mapVariable: Record<string, string> = {};\n  const kebabPrefix = `${camelToKebab(prefix)}-`;\n  for (let i = 0; i < attributes.length; i++) {\n    const attribute = attributes[i];\n    if (attribute.name.indexOf(kebabPrefix) !== 0) {\n      continue;\n    }\n\n    const property = kebabToCamel(attribute.name.replace(kebabPrefix, ''));\n    mapVariable[property] = `${attribute.value}`;\n  }\n  return mapVariable;\n}\n"],"version":3}

package/dist/esm/{result-template-provider-7edb85e2.js → result-template-provider-d2f3b480.js}

@@ -1,4 +1,4 @@
-import { h } from './index-62c2216d.js';
+import { h } from './index-d03d85cb.js';
 import { buildResultTemplatesManager } from '@coveo/headless';
 
 // The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.
@@ -96,4 +96,4 @@ class ResultTemplateProvider extends TemplateProvider {
 
 export { ResultTemplateProvider as R, ResultsPlaceholdersGuard as a, ResultsPlaceholder as b };
 
-//# sourceMappingURL=result-template-provider-7edb85e2.js.map
+//# sourceMappingURL=result-template-provider-d2f3b480.js.map

package/dist/esm/{result-template-provider-7edb85e2.js.map → result-template-provider-d2f3b480.js.map}

@@ -1 +1 @@
-{"file":"result-template-provider-7edb85e2.js","mappings":";;;AAAA;AAmBA;;;MAGa,wBAAwB,GAEjC,CAAC,KAAK;IACR,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;QAC9B,OAAO;KACR;IACD,QAAQ,KAAK,CAAC,OAAO;QACnB,KAAK,OAAO;YACV,OAAO,EAAC,8BAA8B,OAAK,KAAK,GAAI,CAAC;QACvD;YACE,OAAO,EAAC,kBAAkB,OAAK,KAAK,GAAI,CAAC;KAC5C;AACH,EAAE;AAEF;;;MAGa,kBAAkB,GAAgD,CAC7E,KAAK;IAEL,OAAO,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,oBAAoB,EAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAC3D,iCACE,GAAG,EAAE,eAAe,CAAC,EAAE,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,MAAM,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,GACC,CAC9B,CAAC,CAAC;AACL,EAAE;AAEF,MAAM,8BAA8B,GAEhC,CAAC,KAAK;IACR,QACE,uCACE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,oBAAoB,GACC,EACnC;AACJ,CAAC;;MC/CqB,gBAAgB;IAapC,YACU,KAAsC,EACtC,YAIP;QALO,UAAK,GAAL,KAAK,CAAiC;QACtC,iBAAY,GAAZ,YAAY,CAInB;QAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3C,IAAI,CAAC,uBAAuB,EAAE,CAAC;KAChC;IAEO,MAAM,uBAAuB;QACnC,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,GAAG,CACvC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,qBAAqB;YAC1D,IAAI,EAAE,aAAa,IAAI,qBAAqB,CAAC,EAAE;gBAC7C,MAAM,cAAc,CAAC,WAAW,CAC7B,qBAAqC,CAAC,OAAO,CAAC,WAAW,EAAE,CAC7D,CAAC;aACH;YAED,MAAM,QAAQ,GAAG,MAAM,qBAAqB,CAAC,WAAW,EAAE,CAAC;YAC3D,IAAI,CAAC,QAAQ,EAAE;gBACb,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;aACtC;YACD,OAAO,QAAQ,CAAC;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,SAAS,GAAG,CAChB,CAAC,eAAe,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB;cACxD,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;cAC5B,EAAE,EACN,MAAM,CACN,eAAe,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAI1C,CACJ,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,2BAA2B,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEM,kBAAkB,CAAC,IAAc;QACtC,OAAO,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,IAAI,CAAE,CAAC;KACnD;IAEM,sBAAsB,CAAC,IAAc;QAC1C,OAAO,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC,IAAI,CAAE,CAAC;KACvD;IAEM,2BAA2B;QAChC,OAAO,QAAQ,CAAC,sBAAsB,EAAE,CAAC;KAC1C;IAED,IAAW,mBAAmB;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,2BAA2B,EAAE,CAAC;KACjD;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC;KACzC;;;MC/EU,sBAAuB,SAAQ,gBAAwB;IAClE,YACE,KAA8D,EACtD,kBAA+B;QAEvC,KAAK,CAAC,KAAK,EAAE,MAAM,2BAA2B,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAF/D,uBAAkB,GAAlB,kBAAkB,CAAa;KAGxC;;IAGS,mBAAmB;QAK3B,MAAM,OAAO,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAClD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC5D,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE5B,MAAM,WAAW,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QACtD,MAAM,UAAU,GAAG;;QAEf,IAAI,CAAC,kBAAkB,GAAG,gCAAgC,IAAI,CAAC,kBAAkB,QAAQ,GAAG,EAAE;;KAEjG,CAAC;QACF,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACxD,YAAY,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC;QAC3C,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC9C,OAAO;YACL,OAAO;YACP,WAAW;YACX,UAAU,EAAE,EAAE;SACf,CAAC;KACH;;;;;","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/result-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n  getTemplate(): Promise<Template<ItemType, DocumentFragment> | null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n  getResultTemplateRegistered(): boolean;\n  setResultTemplateRegistered(value: boolean): void;\n  getTemplateHasError(): boolean;\n  setTemplateHasError(value: boolean): void;\n  templateElements: TemplateElement<ItemType>[];\n  includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n  private templateManager: TemplatesManager<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  protected abstract makeDefaultTemplate(): Template<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  constructor(\n    private props: TemplateProviderProps<ItemType>,\n    private buildManager: () => TemplatesManager<\n      ItemType,\n      DocumentFragment,\n      DocumentFragment\n    >\n  ) {\n    this.templateManager = this.buildManager();\n    this.registerResultTemplates();\n  }\n\n  private async registerResultTemplates() {\n    const customTemplates = await Promise.all(\n      this.props.templateElements.map(async (resultTemplateElement) => {\n        if (!('getTemplate' in resultTemplateElement)) {\n          await customElements.whenDefined(\n            (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n          );\n        }\n\n        const template = await resultTemplateElement.getTemplate();\n        if (!template) {\n          this.props.setTemplateHasError(true);\n        }\n        return template;\n      })\n    );\n\n    const templates = (\n      !customTemplates.length && this.props.includeDefaultTemplate\n        ? [this.makeDefaultTemplate()]\n        : []\n    ).concat(\n      customTemplates.filter((template) => template) as Template<\n        ItemType,\n        DocumentFragment,\n        DocumentFragment\n      >[]\n    );\n\n    this.templateManager.registerTemplates(...templates);\n    this.props.setResultTemplateRegistered(true);\n  }\n\n  public getTemplateContent(item: ItemType) {\n    return this.templateManager.selectTemplate(item)!;\n  }\n\n  public getLinkTemplateContent(item: ItemType) {\n    return this.templateManager.selectLinkTemplate(item)!;\n  }\n\n  public getEmptyLinkTemplateContent() {\n    return document.createDocumentFragment();\n  }\n\n  public get templatesRegistered() {\n    return this.props.getResultTemplateRegistered();\n  }\n\n  public get hasError() {\n    return this.props.getTemplateHasError();\n  }\n}\n","import {\n  buildResultTemplatesManager,\n  type Result,\n  type Template,\n} from '@coveo/headless';\nimport type {ItemTarget} from '@/src/components/common/layout/item-layout-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport {\n  TemplateProvider,\n  type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ResultTemplateProvider extends TemplateProvider<Result> {\n  constructor(\n    props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n    private gridCellLinkTarget?: ItemTarget\n  ) {\n    super(props, () => buildResultTemplatesManager(props.bindings.engine));\n  }\n\n  // TODO: Add JSX support for default template\n  protected makeDefaultTemplate(): Template<\n    Result,\n    DocumentFragment,\n    DocumentFragment\n  > {\n    const content = document.createDocumentFragment();\n    const linkEl = document.createElement('atomic-result-link');\n    content.appendChild(linkEl);\n\n    const linkContent = document.createDocumentFragment();\n    const linkMarkup = `\n      <atomic-result-link>\n      ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n      </atomic-result-link>\n    `;\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = linkMarkup.trim();\n    linkContent.appendChild(linkTemplate.content);\n    return {\n      content,\n      linkContent,\n      conditions: [],\n    };\n  }\n}\n"],"version":3}
+{"file":"result-template-provider-d2f3b480.js","mappings":"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","names":[],"sources":["src/components/common/atomic-result-placeholder/stencil-placeholders.tsx","src/components/common/template-provider/template-provider.ts","src/components/common/item-list/result-template-provider.ts"],"sourcesContent":["// The Lit equivalent of this file is item-placeholders.ts. The Lit version doesn't include the placeholder guard.\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  ItemDisplayLayout,\n} from '../layout/display-options.js';\n\ninterface ResultPlaceholderProps {\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  display: ItemDisplayLayout;\n  numberOfPlaceholders: number;\n}\n\ninterface ResultPlaceholderGuardProps extends ResultPlaceholderProps {\n  displayPlaceholders: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholdersGuard: FunctionalComponent<\n  ResultPlaceholderGuardProps\n> = (props) => {\n  if (!props.displayPlaceholders) {\n    return;\n  }\n  switch (props.display) {\n    case 'table':\n      return <TableDisplayResultsPlaceholder {...props} />;\n    default:\n      return <ResultsPlaceholder {...props} />;\n  }\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ResultsPlaceholder: FunctionalComponent<ResultPlaceholderProps> = (\n  props\n) => {\n  return Array.from({length: props.numberOfPlaceholders}, (_, i) => (\n    <atomic-result-placeholder\n      key={`placeholder-${i}`}\n      density={props.density}\n      display={props.display || 'list'}\n      imageSize={props.imageSize}\n    ></atomic-result-placeholder>\n  ));\n};\n\nconst TableDisplayResultsPlaceholder: FunctionalComponent<\n  ResultPlaceholderProps\n> = (props) => {\n  return (\n    <atomic-result-table-placeholder\n      density={props.density}\n      imageSize={props.imageSize}\n      rows={props.numberOfPlaceholders}\n    ></atomic-result-table-placeholder>\n  );\n};\n","import type {Template, TemplatesManager} from '@coveo/headless';\n\nexport interface TemplateElement<ItemType> extends HTMLElement {\n  getTemplate(): Promise<Template<ItemType, DocumentFragment> | null>;\n}\n\nexport interface TemplateProviderProps<ItemType> {\n  getResultTemplateRegistered(): boolean;\n  setResultTemplateRegistered(value: boolean): void;\n  getTemplateHasError(): boolean;\n  setTemplateHasError(value: boolean): void;\n  templateElements: TemplateElement<ItemType>[];\n  includeDefaultTemplate: boolean;\n}\n\nexport abstract class TemplateProvider<ItemType> {\n  private templateManager: TemplatesManager<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  protected abstract makeDefaultTemplate(): Template<\n    ItemType,\n    DocumentFragment,\n    DocumentFragment\n  >;\n\n  constructor(\n    private props: TemplateProviderProps<ItemType>,\n    private buildManager: () => TemplatesManager<\n      ItemType,\n      DocumentFragment,\n      DocumentFragment\n    >\n  ) {\n    this.templateManager = this.buildManager();\n    this.registerResultTemplates();\n  }\n\n  private async registerResultTemplates() {\n    const customTemplates = await Promise.all(\n      this.props.templateElements.map(async (resultTemplateElement) => {\n        if (!('getTemplate' in resultTemplateElement)) {\n          await customElements.whenDefined(\n            (resultTemplateElement as HTMLElement).tagName.toLowerCase()\n          );\n        }\n\n        const template = await resultTemplateElement.getTemplate();\n        if (!template) {\n          this.props.setTemplateHasError(true);\n        }\n        return template;\n      })\n    );\n\n    const templates = (\n      !customTemplates.length && this.props.includeDefaultTemplate\n        ? [this.makeDefaultTemplate()]\n        : []\n    ).concat(\n      customTemplates.filter((template) => template) as Template<\n        ItemType,\n        DocumentFragment,\n        DocumentFragment\n      >[]\n    );\n\n    this.templateManager.registerTemplates(...templates);\n    this.props.setResultTemplateRegistered(true);\n  }\n\n  public getTemplateContent(item: ItemType) {\n    return this.templateManager.selectTemplate(item)!;\n  }\n\n  public getLinkTemplateContent(item: ItemType) {\n    return this.templateManager.selectLinkTemplate(item)!;\n  }\n\n  public getEmptyLinkTemplateContent() {\n    return document.createDocumentFragment();\n  }\n\n  public get templatesRegistered() {\n    return this.props.getResultTemplateRegistered();\n  }\n\n  public get hasError() {\n    return this.props.getTemplateHasError();\n  }\n}\n","import {\n  buildResultTemplatesManager,\n  type Result,\n  type Template,\n} from '@coveo/headless';\nimport type {ItemTarget} from '@/src/components/common/layout/item-layout-utils';\nimport type {AnyBindings} from '../interface/bindings';\nimport {\n  TemplateProvider,\n  type TemplateProviderProps,\n} from '../template-provider/template-provider';\n\nexport class ResultTemplateProvider extends TemplateProvider<Result> {\n  constructor(\n    props: TemplateProviderProps<Result> & {bindings: AnyBindings},\n    private gridCellLinkTarget?: ItemTarget\n  ) {\n    super(props, () => buildResultTemplatesManager(props.bindings.engine));\n  }\n\n  // TODO: Add JSX support for default template\n  protected makeDefaultTemplate(): Template<\n    Result,\n    DocumentFragment,\n    DocumentFragment\n  > {\n    const content = document.createDocumentFragment();\n    const linkEl = document.createElement('atomic-result-link');\n    content.appendChild(linkEl);\n\n    const linkContent = document.createDocumentFragment();\n    const linkMarkup = `\n      <atomic-result-link>\n      ${this.gridCellLinkTarget ? `<a slot=\"attributes\" target=\"${this.gridCellLinkTarget}\"></a>` : ''}\n      </atomic-result-link>\n    `;\n    const linkTemplate = document.createElement('template');\n    linkTemplate.innerHTML = linkMarkup.trim();\n    linkContent.appendChild(linkTemplate.content);\n    return {\n      content,\n      linkContent,\n      conditions: [],\n    };\n  }\n}\n"],"version":3}

package/dist/esm/{stencil-button-7a168163.js → stencil-button-052bf55b.js}

@@ -1,4 +1,4 @@
-import { h } from './index-62c2216d.js';
+import { h } from './index-d03d85cb.js';
 import { l as listenOnce } from './event-utils-40fded47.js';
 
 const RIPPLE = 'ripple';
@@ -125,4 +125,4 @@ const Button = (props, children) => {
 
 export { Button as B, getClassNameForButtonStyle as a, createRipple as c, getRippleColorForButtonStyle as g };
 
-//# sourceMappingURL=stencil-button-7a168163.js.map
+//# sourceMappingURL=stencil-button-052bf55b.js.map

package/dist/esm/{stencil-button-7a168163.js.map → stencil-button-052bf55b.js.map}

@@ -1 +1 @@
-{"file":"stencil-button-7a168163.js","mappings":"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","names":[],"sources":["src/utils/ripple-utils.ts","src/components/common/stencil-button-style.tsx","src/components/common/stencil-button.tsx"],"sourcesContent":["import {listenOnce} from './event-utils';\n\ninterface RippleOptions {\n  color: string;\n  /**\n   * When the ripple's parent is not the event's origin\n   */\n  parent?: Element;\n}\n\nconst RIPPLE = 'ripple';\n\nfunction getAnimationDurationInMilliseconds(radiusPixels: number) {\n  // A 318px wide button has a duration of 700ms.\n  return Math.cbrt(radiusPixels) * 129.21;\n}\n\nfunction setPositionRelativeIfStatic(element: Element) {\n  if (getComputedStyle(element).position === 'static') {\n    element.classList.add('ripple-relative');\n  }\n}\n\nexport async function createRipple(event: MouseEvent, options: RippleOptions) {\n  const button = options.parent ?? (event.currentTarget as Element);\n  const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n  existingRipple?.remove();\n\n  button.classList.add('ripple-parent');\n  setPositionRelativeIfStatic(button);\n  Array.from(button.children).forEach(setPositionRelativeIfStatic);\n\n  const ripple = document.createElement('span');\n  ripple.classList.add(RIPPLE);\n  ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n  ripple.setAttribute('part', RIPPLE);\n\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n  const animationDuration = getAnimationDurationInMilliseconds(radius);\n  const {top, left} = button.getBoundingClientRect();\n  ripple.style.width = ripple.style.height = `${diameter}px`;\n  ripple.style.left = `${event.clientX - (left + radius)}px`;\n  ripple.style.top = `${event.clientY - (top + radius)}px`;\n  ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n  button.prepend(ripple);\n  await cleanupAnimationOnFinish(ripple, animationDuration);\n}\n\nasync function cleanupAnimationOnFinish(\n  ripple: HTMLSpanElement,\n  animationDuration: number\n) {\n  listenOnce(ripple, 'animationend', () => {\n    ripple?.remove();\n  });\n  // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n  setTimeout(\n    () => ripple?.remove(),\n    animationDuration + animationDuration * 0.1\n  );\n}\n","export type ButtonStyle =\n  | 'primary'\n  | 'outline-primary'\n  | 'outline-neutral'\n  | 'outline-error'\n  | 'outline-bg-neutral'\n  | 'outline-bg-error'\n  | 'text-primary'\n  | 'text-neutral'\n  | 'text-transparent'\n  | 'square-neutral';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getClassNameForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'btn-primary';\n    case 'outline-primary':\n      return 'btn-outline-primary';\n    case 'outline-neutral':\n      return 'btn-outline-neutral';\n    case 'outline-error':\n      return 'btn-outline-error';\n    case 'outline-bg-neutral':\n      return 'btn-outline-bg-neutral';\n    case 'outline-bg-error':\n      return 'btn-outline-bg-error';\n    case 'text-primary':\n      return 'btn-text-primary';\n    case 'text-neutral':\n      return 'btn-text-neutral';\n    case 'text-transparent':\n      return 'btn-text-transparent';\n    case 'square-neutral':\n      return 'btn-square-neutral';\n  }\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getRippleColorForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'primary';\n    case 'text-transparent':\n      return 'neutral-light';\n    default:\n      return 'neutral';\n  }\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {\n  ButtonStyle,\n  getRippleColorForButtonStyle,\n  getClassNameForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilButtonProps {\n  style: ButtonStyle;\n  onClick?(event?: MouseEvent): void;\n  class?: string;\n  text?: string;\n  part?: string;\n  type?: string;\n  form?: string;\n  role?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  ariaExpanded?: string;\n  ariaPressed?: string;\n  ariaChecked?: string;\n  ariaCurrent?: string;\n  ariaControls?: string;\n  ariaHidden?: string;\n  tabIndex?: string;\n  title?: string;\n  ref?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Button: FunctionalComponent<StencilButtonProps> = (\n  props,\n  children\n) => {\n  const rippleColor = getRippleColorForButtonStyle(props.style);\n  const className = getClassNameForButtonStyle(props.style);\n\n  const attributes = {\n    class: props.class ? `${className} ${props.class}` : className,\n    part: props.part,\n    onClick: props.onClick,\n    title: props.title,\n    type: props.type,\n    role: props.role,\n    'aria-label': props.ariaLabel,\n    'aria-expanded': props.ariaExpanded,\n    'aria-pressed': props.ariaPressed,\n    'aria-checked': props.ariaChecked,\n    'aria-current': props.ariaCurrent,\n    'aria-controls': props.ariaControls,\n    'aria-hidden': props.ariaHidden,\n    disabled: props.disabled,\n    ref(buttonEl?: HTMLButtonElement) {\n      if (props.form) {\n        buttonEl?.setAttribute('form', props.form);\n      }\n      if (props.ariaHidden) {\n        buttonEl?.setAttribute('aria-hidden', props.ariaHidden);\n      }\n      if (props.tabIndex) {\n        buttonEl?.setAttribute('tabindex', props.tabIndex);\n      }\n      props.ref?.(buttonEl);\n    },\n  };\n\n  return (\n    <button\n      {...attributes}\n      onMouseDown={(e) => createRipple(e, {color: rippleColor})}\n    >\n      {props.text ? <span class=\"truncate\">{props.text}</span> : null}\n      {children}\n    </button>\n  );\n};\n"],"version":3}
+{"file":"stencil-button-052bf55b.js","mappings":"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","names":[],"sources":["src/utils/ripple-utils.ts","src/components/common/stencil-button-style.tsx","src/components/common/stencil-button.tsx"],"sourcesContent":["import {listenOnce} from './event-utils';\n\ninterface RippleOptions {\n  color: string;\n  /**\n   * When the ripple's parent is not the event's origin\n   */\n  parent?: Element;\n}\n\nconst RIPPLE = 'ripple';\n\nfunction getAnimationDurationInMilliseconds(radiusPixels: number) {\n  // A 318px wide button has a duration of 700ms.\n  return Math.cbrt(radiusPixels) * 129.21;\n}\n\nfunction setPositionRelativeIfStatic(element: Element) {\n  if (getComputedStyle(element).position === 'static') {\n    element.classList.add('ripple-relative');\n  }\n}\n\nexport async function createRipple(event: MouseEvent, options: RippleOptions) {\n  const button = options.parent ?? (event.currentTarget as Element);\n  const existingRipple = button.getElementsByClassName(RIPPLE)[0];\n  existingRipple?.remove();\n\n  button.classList.add('ripple-parent');\n  setPositionRelativeIfStatic(button);\n  Array.from(button.children).forEach(setPositionRelativeIfStatic);\n\n  const ripple = document.createElement('span');\n  ripple.classList.add(RIPPLE);\n  ripple.style.backgroundColor = `var(--atomic-${options.color})`;\n  ripple.setAttribute('part', RIPPLE);\n\n  const diameter = Math.max(button.clientWidth, button.clientHeight);\n  const radius = diameter / 2;\n  const animationDuration = getAnimationDurationInMilliseconds(radius);\n  const {top, left} = button.getBoundingClientRect();\n  ripple.style.width = ripple.style.height = `${diameter}px`;\n  ripple.style.left = `${event.clientX - (left + radius)}px`;\n  ripple.style.top = `${event.clientY - (top + radius)}px`;\n  ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);\n  button.prepend(ripple);\n  await cleanupAnimationOnFinish(ripple, animationDuration);\n}\n\nasync function cleanupAnimationOnFinish(\n  ripple: HTMLSpanElement,\n  animationDuration: number\n) {\n  listenOnce(ripple, 'animationend', () => {\n    ripple?.remove();\n  });\n  // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.\n  setTimeout(\n    () => ripple?.remove(),\n    animationDuration + animationDuration * 0.1\n  );\n}\n","export type ButtonStyle =\n  | 'primary'\n  | 'outline-primary'\n  | 'outline-neutral'\n  | 'outline-error'\n  | 'outline-bg-neutral'\n  | 'outline-bg-error'\n  | 'text-primary'\n  | 'text-neutral'\n  | 'text-transparent'\n  | 'square-neutral';\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getClassNameForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'btn-primary';\n    case 'outline-primary':\n      return 'btn-outline-primary';\n    case 'outline-neutral':\n      return 'btn-outline-neutral';\n    case 'outline-error':\n      return 'btn-outline-error';\n    case 'outline-bg-neutral':\n      return 'btn-outline-bg-neutral';\n    case 'outline-bg-error':\n      return 'btn-outline-bg-error';\n    case 'text-primary':\n      return 'btn-text-primary';\n    case 'text-neutral':\n      return 'btn-text-neutral';\n    case 'text-transparent':\n      return 'btn-text-transparent';\n    case 'square-neutral':\n      return 'btn-square-neutral';\n  }\n}\n\n/**\n * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts\n * This file is required to be in a tsx file to be able to use it in Stencil components.\n */\nexport function getRippleColorForButtonStyle(buttonStyle: ButtonStyle) {\n  switch (buttonStyle) {\n    case 'primary':\n      return 'primary';\n    case 'text-transparent':\n      return 'neutral-light';\n    default:\n      return 'neutral';\n  }\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../utils/ripple-utils';\nimport {\n  ButtonStyle,\n  getRippleColorForButtonStyle,\n  getClassNameForButtonStyle,\n} from './stencil-button-style';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilButtonProps {\n  style: ButtonStyle;\n  onClick?(event?: MouseEvent): void;\n  class?: string;\n  text?: string;\n  part?: string;\n  type?: string;\n  form?: string;\n  role?: string;\n  disabled?: boolean;\n  ariaLabel?: string;\n  ariaExpanded?: string;\n  ariaPressed?: string;\n  ariaChecked?: string;\n  ariaCurrent?: string;\n  ariaControls?: string;\n  ariaHidden?: string;\n  tabIndex?: string;\n  title?: string;\n  ref?(element?: HTMLButtonElement): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Button: FunctionalComponent<StencilButtonProps> = (\n  props,\n  children\n) => {\n  const rippleColor = getRippleColorForButtonStyle(props.style);\n  const className = getClassNameForButtonStyle(props.style);\n\n  const attributes = {\n    class: props.class ? `${className} ${props.class}` : className,\n    part: props.part,\n    onClick: props.onClick,\n    title: props.title,\n    type: props.type,\n    role: props.role,\n    'aria-label': props.ariaLabel,\n    'aria-expanded': props.ariaExpanded,\n    'aria-pressed': props.ariaPressed,\n    'aria-checked': props.ariaChecked,\n    'aria-current': props.ariaCurrent,\n    'aria-controls': props.ariaControls,\n    'aria-hidden': props.ariaHidden,\n    disabled: props.disabled,\n    ref(buttonEl?: HTMLButtonElement) {\n      if (props.form) {\n        buttonEl?.setAttribute('form', props.form);\n      }\n      if (props.ariaHidden) {\n        buttonEl?.setAttribute('aria-hidden', props.ariaHidden);\n      }\n      if (props.tabIndex) {\n        buttonEl?.setAttribute('tabindex', props.tabIndex);\n      }\n      props.ref?.(buttonEl);\n    },\n  };\n\n  return (\n    <button\n      {...attributes}\n      onMouseDown={(e) => createRipple(e, {color: rippleColor})}\n    >\n      {props.text ? <span class=\"truncate\">{props.text}</span> : null}\n      {children}\n    </button>\n  );\n};\n"],"version":3}

package/dist/esm/{stencil-carousel-522ddacc.js → stencil-carousel-15d48c0d.js}

@@ -1,6 +1,6 @@
-import { h, F as Fragment } from './index-62c2216d.js';
+import { h, F as Fragment } from './index-d03d85cb.js';
 import { A as ArrowRight } from './arrow-right-cb365b01.js';
-import { B as Button } from './stencil-button-7a168163.js';
+import { B as Button } from './stencil-button-052bf55b.js';
 
 // The Lit equivalent of this file is grid-layout.ts
 /**
@@ -47,4 +47,4 @@ const Carousel = (props, children) => {
 
 export { Carousel as C, DisplayGrid as D };
 
-//# sourceMappingURL=stencil-carousel-522ddacc.js.map
+//# sourceMappingURL=stencil-carousel-15d48c0d.js.map

package/dist/esm/{stencil-carousel-522ddacc.js.map → stencil-carousel-15d48c0d.js.map}

@@ -1 +1 @@
-{"file":"stencil-carousel-522ddacc.js","mappings":";;;;AAAA;AAYA;;;MAGa,WAAW,GAA0C,CAChE,EAAC,MAAM,EAAE,eAAe,EAAC,EACzB,QAAQ;IAER,IAAI,GAA4B,CAAC;IACjC,QACE,WACE,IAAI,EAAC,8CAA8C,EACnD,GAAG,EAAE,CAAC,OAAO;YACX,GAAG,GAAG,OAAO,CAAC;YACd,MAAM,CAAC,OAAO,CAAC,CAAC;SACjB,EACD,OAAO,EAAE,CAAC,KAAK;YACb,KAAK,CAAC,cAAc,EAAE,CAAC;YACtB,GAAG,EAAE,aAAa,CAAC,eAAe,CAAiB,EAAE,KAAK,EAAE,CAAC;SAC/D,OAEG,QAAQ,CACR,EACN;AACJ;;ACrBA;;;MAGa,QAAQ,GAEjB,CAAC,KAAK,EAAE,QAAQ;IAClB,MAAM,uBAAuB,GAC3B,kGAAkG,CAAC;IACrG,MAAM,kBAAkB,GACtB,+FAA+F,CAAC;IAElG,SAAS,oBAAoB;QAC3B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5C,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,EAAE,EACnC,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,GAAG,uBAAuB,mBAAmB;YAEpD,mBACE,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,GAAG,kBAAkB,aAAa,GAC5B,CACR,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,EAAE,EAC/B,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,GAAG,uBAAuB,0BAA0B;YAE3D,mBAAa,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,GAAgB,CACjE,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,UAAI,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gCAAgC,IACzD,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK;YAClD,MAAM,QAAQ,GAAG,KAAK,KAAK,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;YACnE,QACE,UACE,IAAI,EAAE,aAAa,QAAQ,GAAG,kBAAkB,GAAG,EAAE,EAAE,EACvD,KAAK,EAAE,uBACL,QAAQ,GAAG,YAAY,GAAG,YAC5B,GAAG,GACC,EACN;SACH,CAAC,CACC,EACL;KACH;IAED,QACE,EAAC,QAAQ;QACP,WAAK,KAAK,EAAC,UAAU;YAClB,oBAAoB,EAAE;YACtB,QAAQ;YACR,gBAAgB,EAAE,CACf;QACL,gBAAgB,EAAE,CACV,EACX;AACJ;;;;","names":[],"sources":["src/components/common/item-list/stencil-display-grid.tsx","src/components/common/stencil-carousel.tsx"],"sourcesContent":["// The Lit equivalent of this file is grid-layout.ts\nimport {FunctionalComponent, h} from '@stencil/core';\n\ninterface DisplayGridProps {\n  selectorForItem: string;\n  item: {clickUri: string; title: string};\n  setRef: (element?: HTMLElement) => void;\n  select: () => void;\n  beginDelayedSelect: () => void;\n  cancelPendingSelect: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayGrid: FunctionalComponent<DisplayGridProps> = (\n  {setRef, selectorForItem},\n  children\n) => {\n  let ref: HTMLElement | undefined;\n  return (\n    <div\n      part=\"result-list-grid-clickable-container outline\"\n      ref={(element) => {\n        ref = element;\n        setRef(element);\n      }}\n      onClick={(event) => {\n        event.preventDefault();\n        (ref?.querySelector(selectorForItem) as HTMLElement)?.click();\n      }}\n    >\n      {...children}\n    </div>\n  );\n};\n","import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport ArrowRight from '../../images/arrow-right.svg';\nimport {AnyBindings} from './interface/bindings.js';\nimport {Button} from './stencil-button.js';\n\ninterface CarouselProps {\n  bindings: AnyBindings;\n  previousPage(): void;\n  nextPage(): void;\n  numberOfPages: number;\n  currentPage: number;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Carousel: FunctionalComponent<\n  CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = (props, children) => {\n  const commonPaginationClasses =\n    'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';\n  const commonArrowClasses =\n    'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';\n\n  function renderPreviousButton() {\n    return (\n      <Button\n        style=\"outline-primary\"\n        ariaLabel={props.bindings.i18n.t('previous')}\n        onClick={() => props.previousPage()}\n        part=\"previous-button\"\n        class={`${commonPaginationClasses} -translate-x-1/2`}\n      >\n        <atomic-icon\n          icon={ArrowRight}\n          class={`${commonArrowClasses} rotate-180`}\n        ></atomic-icon>\n      </Button>\n    );\n  }\n\n  function renderNextButton() {\n    return (\n      <Button\n        style=\"outline-primary\"\n        ariaLabel={props.bindings.i18n.t('next')}\n        onClick={() => props.nextPage()}\n        part=\"next-button\"\n        class={`${commonPaginationClasses} right-0 translate-x-1/2`}\n      >\n        <atomic-icon icon={ArrowRight} class={commonArrowClasses}></atomic-icon>\n      </Button>\n    );\n  }\n\n  function renderIndicators() {\n    return (\n      <ul part=\"indicators\" class=\"mt-6 flex justify-center gap-2\">\n        {Array.from({length: props.numberOfPages}, (_, index) => {\n          const isActive = index === props.currentPage % props.numberOfPages;\n          return (\n            <li\n              part={`indicator ${isActive ? 'active-indicator' : ''}`}\n              class={`h-1 w-12 rounded-md ${\n                isActive ? 'bg-primary' : 'bg-neutral'\n              } `}\n            ></li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  return (\n    <Fragment>\n      <div class=\"relative\">\n        {renderPreviousButton()}\n        {children}\n        {renderNextButton()}\n      </div>\n      {renderIndicators()}\n    </Fragment>\n  );\n};\n"],"version":3}
+{"file":"stencil-carousel-15d48c0d.js","mappings":";;;;AAAA;AAYA;;;MAGa,WAAW,GAA0C,CAChE,EAAC,MAAM,EAAE,eAAe,EAAC,EACzB,QAAQ;IAER,IAAI,GAA4B,CAAC;IACjC,QACE,WACE,IAAI,EAAC,8CAA8C,EACnD,GAAG,EAAE,CAAC,OAAO;YACX,GAAG,GAAG,OAAO,CAAC;YACd,MAAM,CAAC,OAAO,CAAC,CAAC;SACjB,EACD,OAAO,EAAE,CAAC,KAAK;YACb,KAAK,CAAC,cAAc,EAAE,CAAC;YACtB,GAAG,EAAE,aAAa,CAAC,eAAe,CAAiB,EAAE,KAAK,EAAE,CAAC;SAC/D,OAEG,QAAQ,CACR,EACN;AACJ;;ACrBA;;;MAGa,QAAQ,GAEjB,CAAC,KAAK,EAAE,QAAQ;IAClB,MAAM,uBAAuB,GAC3B,kGAAkG,CAAC;IACrG,MAAM,kBAAkB,GACtB,+FAA+F,CAAC;IAElG,SAAS,oBAAoB;QAC3B,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5C,OAAO,EAAE,MAAM,KAAK,CAAC,YAAY,EAAE,EACnC,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,GAAG,uBAAuB,mBAAmB;YAEpD,mBACE,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,GAAG,kBAAkB,aAAa,GAC5B,CACR,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,EAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACxC,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,EAAE,EAC/B,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,GAAG,uBAAuB,0BAA0B;YAE3D,mBAAa,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,GAAgB,CACjE,EACT;KACH;IAED,SAAS,gBAAgB;QACvB,QACE,UAAI,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gCAAgC,IACzD,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,KAAK,CAAC,aAAa,EAAC,EAAE,CAAC,CAAC,EAAE,KAAK;YAClD,MAAM,QAAQ,GAAG,KAAK,KAAK,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC;YACnE,QACE,UACE,IAAI,EAAE,aAAa,QAAQ,GAAG,kBAAkB,GAAG,EAAE,EAAE,EACvD,KAAK,EAAE,uBACL,QAAQ,GAAG,YAAY,GAAG,YAC5B,GAAG,GACC,EACN;SACH,CAAC,CACC,EACL;KACH;IAED,QACE,EAAC,QAAQ;QACP,WAAK,KAAK,EAAC,UAAU;YAClB,oBAAoB,EAAE;YACtB,QAAQ;YACR,gBAAgB,EAAE,CACf;QACL,gBAAgB,EAAE,CACV,EACX;AACJ;;;;","names":[],"sources":["src/components/common/item-list/stencil-display-grid.tsx","src/components/common/stencil-carousel.tsx"],"sourcesContent":["// The Lit equivalent of this file is grid-layout.ts\nimport {FunctionalComponent, h} from '@stencil/core';\n\ninterface DisplayGridProps {\n  selectorForItem: string;\n  item: {clickUri: string; title: string};\n  setRef: (element?: HTMLElement) => void;\n  select: () => void;\n  beginDelayedSelect: () => void;\n  cancelPendingSelect: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayGrid: FunctionalComponent<DisplayGridProps> = (\n  {setRef, selectorForItem},\n  children\n) => {\n  let ref: HTMLElement | undefined;\n  return (\n    <div\n      part=\"result-list-grid-clickable-container outline\"\n      ref={(element) => {\n        ref = element;\n        setRef(element);\n      }}\n      onClick={(event) => {\n        event.preventDefault();\n        (ref?.querySelector(selectorForItem) as HTMLElement)?.click();\n      }}\n    >\n      {...children}\n    </div>\n  );\n};\n","import {h, FunctionalComponent, Fragment} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport ArrowRight from '../../images/arrow-right.svg';\nimport {AnyBindings} from './interface/bindings.js';\nimport {Button} from './stencil-button.js';\n\ninterface CarouselProps {\n  bindings: AnyBindings;\n  previousPage(): void;\n  nextPage(): void;\n  numberOfPages: number;\n  currentPage: number;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Carousel: FunctionalComponent<\n  CarouselProps & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = (props, children) => {\n  const commonPaginationClasses =\n    'w-10 h-10 grid justify-center items-center absolute top-1/2 -translate-y-1/2 z-1 shadow-lg group';\n  const commonArrowClasses =\n    'w-3.5 align-middle text-on-background group-hover:text-primary group-focus:text-primary-light';\n\n  function renderPreviousButton() {\n    return (\n      <Button\n        style=\"outline-primary\"\n        ariaLabel={props.bindings.i18n.t('previous')}\n        onClick={() => props.previousPage()}\n        part=\"previous-button\"\n        class={`${commonPaginationClasses} -translate-x-1/2`}\n      >\n        <atomic-icon\n          icon={ArrowRight}\n          class={`${commonArrowClasses} rotate-180`}\n        ></atomic-icon>\n      </Button>\n    );\n  }\n\n  function renderNextButton() {\n    return (\n      <Button\n        style=\"outline-primary\"\n        ariaLabel={props.bindings.i18n.t('next')}\n        onClick={() => props.nextPage()}\n        part=\"next-button\"\n        class={`${commonPaginationClasses} right-0 translate-x-1/2`}\n      >\n        <atomic-icon icon={ArrowRight} class={commonArrowClasses}></atomic-icon>\n      </Button>\n    );\n  }\n\n  function renderIndicators() {\n    return (\n      <ul part=\"indicators\" class=\"mt-6 flex justify-center gap-2\">\n        {Array.from({length: props.numberOfPages}, (_, index) => {\n          const isActive = index === props.currentPage % props.numberOfPages;\n          return (\n            <li\n              part={`indicator ${isActive ? 'active-indicator' : ''}`}\n              class={`h-1 w-12 rounded-md ${\n                isActive ? 'bg-primary' : 'bg-neutral'\n              } `}\n            ></li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  return (\n    <Fragment>\n      <div class=\"relative\">\n        {renderPreviousButton()}\n        {children}\n        {renderNextButton()}\n      </div>\n      {renderIndicators()}\n    </Fragment>\n  );\n};\n"],"version":3}

package/dist/esm/{stencil-checkbox-55f8e00f.js → stencil-checkbox-3e2446b1.js}

@@ -1,4 +1,4 @@
-import { h } from './index-62c2216d.js';
+import { h } from './index-d03d85cb.js';
 
 const Tick = `<svg viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M1.5 5L4.6 7.99999L11 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
@@ -39,4 +39,4 @@ const StencilCheckbox = (props) => {
 
 export { StencilCheckbox as S, Tick as T };
 
-//# sourceMappingURL=stencil-checkbox-55f8e00f.js.map
+//# sourceMappingURL=stencil-checkbox-3e2446b1.js.map

package/dist/esm/{stencil-checkbox-55f8e00f.js.map → stencil-checkbox-3e2446b1.js.map}

@@ -1 +1 @@
-{"file":"stencil-checkbox-55f8e00f.js","mappings":";;;;;;AAqBA;;;MAGa,eAAe,GAA8C,CACxE,KAAK;IAEL,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC;IAE1C,MAAM,UAAU,GAAG;QACjB,kIAAkI;KACnI,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,UAAU,CAAC,IAAI,CACb,2EAA2E,CAC5E,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;KAC/C;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9B;IAED,MAAM,UAAU,GAAG;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QACrB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;QACxC,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;KACf,CAAC;IAEF,QACE,iBACM,UAAU,EACd,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAC/C,WAAW,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QAE1C,mBACE,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,EACxB,KAAK,EAAE,SAAS,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,QAAQ,EAAE,EACpD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,QAAQ,GACP,CACR,EACT;AACJ;;;;","names":[],"sources":["src/components/common/stencil-checkbox.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilCheckboxProps {\n  checked: boolean;\n  onToggle(checked: boolean): void;\n  key?: string | number;\n  id?: string;\n  class?: string;\n  text?: string;\n  part?: string;\n  iconPart?: string;\n  ariaLabel?: string;\n  ariaCurrent?: string;\n  ref?(element?: HTMLElement): void;\n  onMouseDown?(evt: MouseEvent): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const StencilCheckbox: FunctionalComponent<StencilCheckboxProps> = (\n  props\n) => {\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (props.checked) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-checked': props.checked.toString(),\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"checkbox\"\n      onClick={() => props.onToggle?.(!props.checked)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white'}}\n        class={`w-3/5 ${props.checked ? 'block' : 'hidden'}`}\n        icon={Tick}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n"],"version":3}
+{"file":"stencil-checkbox-3e2446b1.js","mappings":";;;;;;AAqBA;;;MAGa,eAAe,GAA8C,CACxE,KAAK;IAEL,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC;IAE1C,MAAM,UAAU,GAAG;QACjB,kIAAkI;KACnI,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzB,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,UAAU,CAAC,IAAI,CACb,2EAA2E,CAC5E,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;KAC/C;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9B;IAED,MAAM,UAAU,GAAG;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QACrB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;QACxC,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;KACf,CAAC;IAEF,QACE,iBACM,UAAU,EACd,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAC/C,WAAW,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QAE1C,mBACE,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,EACxB,KAAK,EAAE,SAAS,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,QAAQ,EAAE,EACpD,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,KAAK,CAAC,QAAQ,GACP,CACR,EACT;AACJ;;;;","names":[],"sources":["src/components/common/stencil-checkbox.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport interface StencilCheckboxProps {\n  checked: boolean;\n  onToggle(checked: boolean): void;\n  key?: string | number;\n  id?: string;\n  class?: string;\n  text?: string;\n  part?: string;\n  iconPart?: string;\n  ariaLabel?: string;\n  ariaCurrent?: string;\n  ref?(element?: HTMLElement): void;\n  onMouseDown?(evt: MouseEvent): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const StencilCheckbox: FunctionalComponent<StencilCheckboxProps> = (\n  props\n) => {\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (props.checked) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-checked': props.checked.toString(),\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"checkbox\"\n      onClick={() => props.onToggle?.(!props.checked)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white'}}\n        class={`w-3/5 ${props.checked ? 'block' : 'hidden'}`}\n        icon={Tick}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n"],"version":3}

package/dist/esm/{stencil-display-wrapper-c7ff2cb7.js → stencil-display-wrapper-bea96f22.js}

@@ -1,4 +1,4 @@
-import { h, F as Fragment } from './index-62c2216d.js';
+import { h, F as Fragment } from './index-d03d85cb.js';
 
 /**
  * @deprecated should only be used for Stencil components.
@@ -26,4 +26,4 @@ const ListWrapper = ({ listClasses }, children) => {
 
 export { DisplayWrapper as D, ItemDisplayGuard as I };
 
-//# sourceMappingURL=stencil-display-wrapper-c7ff2cb7.js.map
+//# sourceMappingURL=stencil-display-wrapper-bea96f22.js.map

package/dist/esm/{stencil-display-wrapper-c7ff2cb7.js.map → stencil-display-wrapper-bea96f22.js.map}

@@ -1 +1 @@
-{"file":"stencil-display-wrapper-c7ff2cb7.js","mappings":";;AAOA;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;QAClD,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,WAAK,QAAQ,CAAY,CAAC;AAC5C;;ACXA;;;MAGa,cAAc,GAA6C,CACtE,EAAC,OAAO,EAAE,WAAW,EAAC,EACtB,QAAQ;IAER,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,EAAC,WAAW,IAAC,WAAW,EAAE,WAAW,OAAM,QAAQ,CAAe,CAAC;KAC3E;IAED,QACE,EAAC,WAAW,IAAC,WAAW,EAAE,WAAW;QACnC,WAAK,KAAK,EAAE,aAAa,WAAW,EAAE,EAAE,IAAI,EAAC,aAAa,IACvD,QAAQ,CACL,CACM,EACd;AACJ,EAAE;AAEF,MAAM,WAAW,GAEb,CAAC,EAAC,WAAW,EAAC,EAAE,QAAQ;IAC1B,OAAO,WAAK,KAAK,EAAE,gBAAgB,WAAW,EAAE,OAAM,QAAQ,CAAO,CAAC;AACxE,CAAC;;;;","names":[],"sources":["src/components/common/item-list/stencil-item-display-guard.tsx","src/components/common/item-list/stencil-display-wrapper.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\ninterface ItemDisplayGuardProps {\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemDisplayGuard: FunctionalComponent<ItemDisplayGuardProps> = (\n  props,\n  children\n) => {\n  if (!props.hasItems || !props.firstRequestExecuted) {\n    return;\n  }\n\n  return <Fragment>{...children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {ItemDisplayLayout} from '../layout/display-options.js';\n\ninterface DisplayWrapperProps {\n  display: ItemDisplayLayout;\n  listClasses: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayWrapper: FunctionalComponent<DisplayWrapperProps> = (\n  {display, listClasses},\n  children\n) => {\n  if (display === 'table') {\n    return <ListWrapper listClasses={listClasses}>{...children}</ListWrapper>;\n  }\n\n  return (\n    <ListWrapper listClasses={listClasses}>\n      <div class={`list-root ${listClasses}`} part=\"result-list\">\n        {children}\n      </div>\n    </ListWrapper>\n  );\n};\n\nconst ListWrapper: FunctionalComponent<\n  Pick<DisplayWrapperProps, 'listClasses'>\n> = ({listClasses}, children) => {\n  return <div class={`list-wrapper ${listClasses}`}>{...children}</div>;\n};\n"],"version":3}
+{"file":"stencil-display-wrapper-bea96f22.js","mappings":";;AAOA;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;QAClD,OAAO;KACR;IAED,OAAO,EAAC,QAAQ,WAAK,QAAQ,CAAY,CAAC;AAC5C;;ACXA;;;MAGa,cAAc,GAA6C,CACtE,EAAC,OAAO,EAAE,WAAW,EAAC,EACtB,QAAQ;IAER,IAAI,OAAO,KAAK,OAAO,EAAE;QACvB,OAAO,EAAC,WAAW,IAAC,WAAW,EAAE,WAAW,OAAM,QAAQ,CAAe,CAAC;KAC3E;IAED,QACE,EAAC,WAAW,IAAC,WAAW,EAAE,WAAW;QACnC,WAAK,KAAK,EAAE,aAAa,WAAW,EAAE,EAAE,IAAI,EAAC,aAAa,IACvD,QAAQ,CACL,CACM,EACd;AACJ,EAAE;AAEF,MAAM,WAAW,GAEb,CAAC,EAAC,WAAW,EAAC,EAAE,QAAQ;IAC1B,OAAO,WAAK,KAAK,EAAE,gBAAgB,WAAW,EAAE,OAAM,QAAQ,CAAO,CAAC;AACxE,CAAC;;;;","names":[],"sources":["src/components/common/item-list/stencil-item-display-guard.tsx","src/components/common/item-list/stencil-display-wrapper.tsx"],"sourcesContent":["import {FunctionalComponent, h, Fragment} from '@stencil/core';\n\ninterface ItemDisplayGuardProps {\n  firstRequestExecuted: boolean;\n  hasItems: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const ItemDisplayGuard: FunctionalComponent<ItemDisplayGuardProps> = (\n  props,\n  children\n) => {\n  if (!props.hasItems || !props.firstRequestExecuted) {\n    return;\n  }\n\n  return <Fragment>{...children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {ItemDisplayLayout} from '../layout/display-options.js';\n\ninterface DisplayWrapperProps {\n  display: ItemDisplayLayout;\n  listClasses: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const DisplayWrapper: FunctionalComponent<DisplayWrapperProps> = (\n  {display, listClasses},\n  children\n) => {\n  if (display === 'table') {\n    return <ListWrapper listClasses={listClasses}>{...children}</ListWrapper>;\n  }\n\n  return (\n    <ListWrapper listClasses={listClasses}>\n      <div class={`list-root ${listClasses}`} part=\"result-list\">\n        {children}\n      </div>\n    </ListWrapper>\n  );\n};\n\nconst ListWrapper: FunctionalComponent<\n  Pick<DisplayWrapperProps, 'listClasses'>\n> = ({listClasses}, children) => {\n  return <div class={`list-wrapper ${listClasses}`}>{...children}</div>;\n};\n"],"version":3}

package/dist/esm/{stencil-facet-placeholder-4962dc34.js → stencil-facet-placeholder-c4d453a9.js}

@@ -1,4 +1,4 @@
-import { h } from './index-62c2216d.js';
+import { h } from './index-d03d85cb.js';
 
 /**
  * @deprecated should only be used for Stencil components.
@@ -15,4 +15,4 @@ const FacetPlaceholder = ({ numberOfValues, isCollapsed, }) => {
 
 export { FacetPlaceholder as F };
 
-//# sourceMappingURL=stencil-facet-placeholder-4962dc34.js.map
+//# sourceMappingURL=stencil-facet-placeholder-c4d453a9.js.map

package/dist/esm/{stencil-facet-placeholder-4962dc34.js.map → stencil-facet-placeholder-c4d453a9.js.map}

@@ -1 +1 @@
-{"file":"stencil-facet-placeholder-4962dc34.js","mappings":";;AAOA;;;MAGa,gBAAgB,GAA+C,CAAC,EAC3E,cAAc,EACd,WAAW,GACZ;IACC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CACd,WACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,GACjC,CACR,CAAC;KACH;IAED,QACE,WACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,uEAAuE,iBACjE,MAAM;QAElB,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,GAAQ;QAChE,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,MAAM,IAAE,WAAW,CAAO,CAClD,EACN;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-placeholder/stencil-facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"version":3}
+{"file":"stencil-facet-placeholder-c4d453a9.js","mappings":";;AAOA;;;MAGa,gBAAgB,GAA+C,CAAC,EAC3E,cAAc,EACd,WAAW,GACZ;IACC,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE;QACvC,WAAW,CAAC,IAAI,CACd,WACE,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAC,GACjC,CACR,CAAC;KACH;IAED,QACE,WACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,uEAAuE,iBACjE,MAAM;QAElB,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,GAAQ;QAChE,CAAC,WAAW,IAAI,WAAK,KAAK,EAAC,MAAM,IAAE,WAAW,CAAO,CAClD,EACN;AACJ;;;;","names":[],"sources":["src/components/common/facets/facet-placeholder/stencil-facet-placeholder.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\ninterface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n"],"version":3}

package/dist/esm/{stencil-facet-value-checkbox-38c93144.js → stencil-facet-value-checkbox-336d415e.js}

@@ -1,9 +1,20 @@
-import { h } from './index-62c2216d.js';
-import { c as createRipple } from './stencil-button-7a168163.js';
+import { h, F as Fragment } from './index-d03d85cb.js';
+import { H as Hidden } from './initialization-utils-264915a2.js';
+import { c as createRipple } from './stencil-button-052bf55b.js';
 import { r as randomID } from './utils-6f96a4d2.js';
-import { T as Tick$1, S as StencilCheckbox } from './stencil-checkbox-55f8e00f.js';
+import { T as Tick$1, S as StencilCheckbox } from './stencil-checkbox-3e2446b1.js';
 import { C as CloseIcon } from './close-ff816971.js';
 
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetGuard = ({ hasError, enabled, firstSearchExecuted, hasResults }, children) => {
+    if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {
+        return h(Hidden, null);
+    }
+    return h(Fragment, null, children);
+};
+
 /**
  * @deprecated should only be used for Stencil components.
  */
@@ -102,6 +113,6 @@ const FacetValueCheckbox = (props, children) => {
         renderExclusion()));
 };
 
-export { FacetValueCheckbox as F };
+export { FacetValueCheckbox as F, FacetGuard as a };
 
-//# sourceMappingURL=stencil-facet-value-checkbox-38c93144.js.map
+//# sourceMappingURL=stencil-facet-value-checkbox-336d415e.js.map

package/dist/esm/stencil-facet-value-checkbox-336d415e.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-checkbox-336d415e.js","mappings":";;;;;;;AAUA;;;MAGa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;ACZA;;;AAGO,MAAM,gBAAgB,GAA+C,CAC1E,KAAK;IAEL,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC;IAC9C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC;IAE1C,MAAM,UAAU,GAAG;QACjB,kIAAkI;KACnI,CAAC;IACF,MAAM,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzB,IAAI,UAAU,EAAE;QACd,UAAU,CAAC,IAAI,CACb,2EAA2E,CAC5E,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;KACnC;SAAM,IAAI,UAAU,EAAE;QACrB,UAAU,CAAC,IAAI,CACb,uGAAuG,CACxG,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,UAAU,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;KAC/C;IACD,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9B;IAED,MAAM,UAAU,GAAG;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;QACrB,cAAc,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO;QACpE,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,GAAG,EAAE,KAAK,CAAC,GAAG;KACf,CAAC;IAEF,QACE,iBACM,UAAU,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,KAAK,CAAC,QAAQ,GAAG,CAAC,UAAU,CAAC,EAC5C,WAAW,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QAE1C,mBACE,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,EACvC,KAAK,EAAE,SAAS,UAAU,IAAI,UAAU,GAAG,OAAO,GAAG,QAAQ,EAAE,EAC/D,IAAI,EAAE,UAAU,GAAGA,MAAI,GAAGC,SAAK,EAC/B,IAAI,EAAE,KAAK,CAAC,QAAQ,GACP,CACR,EACT;AACJ,CAAC;;;;AC3DD;;;AAGO,MAAM,iBAAiB,GAAsC,CAAC,KAAK;IACxE,QACE,cACE,IAAI,EAAC,sBAAsB,gBACf,KAAK,CAAC,SAAS,EAC3B,KAAK,EAAC,sGAAsG,EAC5G,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI;QAEhC,mBACE,KAAK,EAAC,uEAAuE,EAC7E,IAAI,EAAE,IAAI,GACG,CACR,EACT;AACJ,CAAC;;ACZD;;;MAGa,kBAAkB,GAE3B,CAAC,KAAK,EAAE,QAAQ;IAClB,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxE,MAAM,mBAAmB,GAAG;QAC1B,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,KAAK,EAAE,KAAK,CAAC,eAAe;QAC5B,cAAc,EAAE,KAAK;QACrB,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;KACpC,CAAC;IACF,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,mBAAmB,CAAC,CAAC;IAC3E,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CACpC,qBAAqB,EACrB,mBAAmB,CACpB,CAAC;IACF,IAAI,QAA0B,CAAC;IAE/B,MAAM,kBAAkB,GAAG,CACzB,CAA4C;QAE5C,OAAO,OAAO,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,CAAC;KAC1C,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,MAAM,UAAU,GAAG;YACjB,EAAE;YACF,QAAQ,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE;YAC/B,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,gBAAgB;YACvB,SAAS,EAAE,iBAAiB;YAC5B,GAAG,EAAE,KAAK,CAAC,SAAS;YACpB,WAAW,EAAE,CAAC,CAAa,KACzB,YAAY,CAAC,CAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,CAAC;YACvD,QAAQ,EAAE,qBAAqB;SAChC,CAAC;QAEF,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YAC7B,OAAO,EAAC,gBAAgB,OAAK,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;SACjE;QAED,OAAO,EAAC,eAAe,OAAK,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,GAAI,CAAC;KACvE,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YAC7B,QACE,EAAC,iBAAiB,IAChB,OAAO,EAAE,MAAM,KAAK,CAAC,SAAS,IAAI,EAClC,SAAS,EAAE,iBAAiB,GACT,EACrB;SACH;KACF,CAAC;IAEF,QACE,UAAI,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAC,kCAAkC;QAClE,cAAc,EAAE;QACjB,aACE,GAAG,EAAE,CAAC,GAAG,MAAM,QAAQ,GAAG,GAAI,CAAC,EAC/B,OAAO,EAAE,EAAE,EACX,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,cAAc,EACpB,WAAW,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,iBAC3C,MAAM;YAEjB,QAAQ;YACT,YAAM,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,IACzC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACnC,IAAI,EAAE,KAAK;aACZ,CAAC,CACG,CACD;QACP,eAAe,EAAE,CACf,EACL;AACJ;;;;","names":["Tick","Close"],"sources":["src/components/common/facets/stencil-facet-guard.tsx","src/components/common/stencil-triStateCheckbox.tsx","src/components/common/facets/facet-value-exclude/stencil-facet-value-exclude.tsx","src/components/common/facets/facet-value-checkbox/stencil-facet-value-checkbox.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FacetValueState} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\nimport Close from '../../images/close.svg';\nimport {StencilCheckboxProps} from './stencil-checkbox';\n\ntype TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {\n  state: FacetValueState;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps> = (\n  props\n) => {\n  const isSelected = props.state === 'selected';\n  const isExcluded = props.state === 'excluded';\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (isSelected) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else if (isExcluded) {\n    classNames.push(\n      'excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"button\"\n      onClick={() => props.onToggle?.(!isSelected)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white', fill: 'white'}}\n        class={`w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`}\n        icon={isSelected ? Tick : Close}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../../../images/clear.svg';\n\ninterface ExcludeProps {\n  onClick(): void;\n  ariaLabel?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueExclude: FunctionalComponent<ExcludeProps> = (props) => {\n  return (\n    <button\n      part=\"value-exclude-button\"\n      aria-label={props.ariaLabel}\n      class=\"value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible\"\n      onClick={() => props.onClick?.()}\n    >\n      <atomic-icon\n        class=\"bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white\"\n        icon={Tick}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../../../utils/ripple-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {StencilCheckbox} from '../../stencil-checkbox';\nimport {TriStateCheckbox} from '../../stencil-triStateCheckbox';\nimport {FacetValueExclude} from '../facet-value-exclude/stencil-facet-value-exclude';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ntype TriStateFacetValueProps = Omit<FacetValueProps, 'isSelected'> & {\n  state: 'idle' | 'selected' | 'excluded';\n  onExclude(): void;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueCheckbox: FunctionalComponent<\n  FacetValueProps | TriStateFacetValueProps\n> = (props, children) => {\n  const id = randomID('facet-value-');\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabelAttributes = {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  };\n  const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n  const excludedAriaLabel = props.i18n.t(\n    'facet-value-exclude',\n    ariaLabelAttributes\n  );\n  let labelRef: HTMLLabelElement;\n\n  const isTriStateCheckbox = (\n    a: FacetValueProps | TriStateFacetValueProps\n  ): a is TriStateFacetValueProps => {\n    return 'state' in a && 'isSelected' in a;\n  };\n\n  const renderCheckbox = () => {\n    const attributes = {\n      id,\n      onToggle: () => props.onClick(),\n      part: 'value-checkbox',\n      class: 'value-checkbox',\n      ariaLabel: selectedAriaLabel,\n      ref: props.buttonRef,\n      onMouseDown: (e: MouseEvent) =>\n        createRipple(e, {color: 'neutral', parent: labelRef}),\n      iconPart: 'value-checkbox-icon',\n    };\n\n    if (isTriStateCheckbox(props)) {\n      return <TriStateCheckbox {...attributes} state={props.state} />;\n    }\n\n    return <StencilCheckbox {...attributes} checked={props.isSelected} />;\n  };\n\n  const renderExclusion = () => {\n    if (isTriStateCheckbox(props)) {\n      return (\n        <FacetValueExclude\n          onClick={() => props.onExclude?.()}\n          ariaLabel={excludedAriaLabel}\n        ></FacetValueExclude>\n      );\n    }\n  };\n\n  return (\n    <li key={props.displayValue} class=\"group relative flex items-center\">\n      {renderCheckbox()}\n      <label\n        ref={(ref) => (labelRef = ref!)}\n        htmlFor={id}\n        part=\"value-checkbox-label\"\n        class=\"items-center\"\n        onMouseDown={(e) => createRipple(e, {color: 'neutral'})}\n        aria-hidden=\"true\"\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </label>\n      {renderExclusion()}\n    </li>\n  );\n};\n"],"version":3}

package/dist/esm/{stencil-facet-header-7b6d64b6.js → stencil-facet-value-link-ee67f14d.js}

@@ -1,10 +1,39 @@
-import { h } from './index-62c2216d.js';
-import { r as regexEncode } from './string-utils-5f5a23a8.js';
-import { B as Button } from './stencil-button-7a168163.js';
-import { A as ArrowBottomIcon } from './arrow-bottom-rounded-043572da.js';
+import { h } from './index-d03d85cb.js';
+import { A as ArrowDown } from './arrow-bottom-rounded-71aac83a.js';
 import { A as ArrowUp } from './arrow-top-rounded-cf1dd47d.js';
 import { C as CloseIcon } from './close-ff816971.js';
-import { H as Heading } from './stencil-heading-b741d578.js';
+import { B as Button } from './stencil-button-052bf55b.js';
+import { H as Heading } from './stencil-heading-b835c763.js';
+import { r as regexEncode } from './string-utils-5f5a23a8.js';
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetContainer = (_, children) => (h("div", { class: "bg-background border-neutral rounded-lg border p-4", part: "facet" }, children));
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetHeader = (props) => {
+    const label = props.i18n.t(props.label);
+    const expandFacet = props.i18n.t('expand-facet', { label });
+    const collapseFacet = props.i18n.t('collapse-facet', { label });
+    const clearFilters = props.i18n.t('clear-filters', {
+        count: props.numberOfActiveValues,
+    });
+    const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {
+        count: props.numberOfActiveValues,
+        label,
+    });
+    return [
+        h(Button, { style: "text-transparent", part: "label-button", class: "flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold", ariaLabel: props.isCollapsed ? expandFacet : collapseFacet, onClick: () => props.onToggleCollapse(), ariaExpanded: (!props.isCollapsed).toString(), ref: props.headerRef },
+            h(Heading, { level: props.headingLevel, class: "truncate" }, label),
+            h("atomic-icon", { part: "label-button-icon", class: "ml-4 w-3 shrink-0 self-center", icon: props.isCollapsed ? ArrowDown : ArrowUp })),
+        props.onClearFilters && props.numberOfActiveValues > 0 && (h(Button, { style: "text-primary", part: "clear-button", class: "flex max-w-full items-baseline p-2 text-sm", ariaLabel: clearFiltersForFacet, onClick: () => props.onClearFilters() },
+            h("atomic-icon", { part: "clear-button-icon", class: "mr-1 h-2 w-2", icon: CloseIcon }),
+            h("span", null, clearFilters))),
+    ];
+};
 
 /*!
  * escape-html
@@ -97,18 +126,6 @@ function shouldUpdateFacetSearchComponent(nextFacetSearchState, prevFacetSearchS
     }
     return true;
 }
-function shouldDisplaySearchResults(facetSearchState) {
-    const hasQuery = facetSearchState.query !== '';
-    const isLoading = facetSearchState.isLoading;
-    const hasValues = !!facetSearchState.values.length;
-    if (!hasQuery) {
-        return false;
-    }
-    if (hasValues) {
-        return true;
-    }
-    return !isLoading;
-}
 function highlightSearchResult(resultValue, searchQuery = '') {
     const sanitizedResult = escapeHtml_1(resultValue);
     if (searchQuery.trim() === '') {
@@ -151,35 +168,6 @@ const FacetValueLink = (props, children) => {
         props.subList));
 };
 
-/**
- * @deprecated should only be used for Stencil components.
- */
-const FacetContainer = (_, children) => (h("div", { class: "bg-background border-neutral rounded-lg border p-4", part: "facet" }, children));
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const FacetHeader = (props) => {
-    const label = props.i18n.t(props.label);
-    const expandFacet = props.i18n.t('expand-facet', { label });
-    const collapseFacet = props.i18n.t('collapse-facet', { label });
-    const clearFilters = props.i18n.t('clear-filters', {
-        count: props.numberOfActiveValues,
-    });
-    const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {
-        count: props.numberOfActiveValues,
-        label,
-    });
-    return [
-        h(Button, { style: "text-transparent", part: "label-button", class: "flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold", ariaLabel: props.isCollapsed ? expandFacet : collapseFacet, onClick: () => props.onToggleCollapse(), ariaExpanded: (!props.isCollapsed).toString(), ref: props.headerRef },
-            h(Heading, { level: props.headingLevel, class: "truncate" }, label),
-            h("atomic-icon", { part: "label-button-icon", class: "ml-4 w-3 shrink-0 self-center", icon: props.isCollapsed ? ArrowBottomIcon : ArrowUp })),
-        props.onClearFilters && props.numberOfActiveValues > 0 && (h(Button, { style: "text-primary", part: "clear-button", class: "flex max-w-full items-baseline p-2 text-sm", ariaLabel: clearFiltersForFacet, onClick: () => props.onClearFilters() },
-            h("atomic-icon", { part: "clear-button-icon", class: "mr-1 h-2 w-2", icon: CloseIcon }),
-            h("span", null, clearFilters))),
-    ];
-};
-
-export { FacetValueLabelHighlight as F, FacetValueLink as a, FacetHeader as b, FacetContainer as c, shouldDisplaySearchResults as d, escapeHtml_1 as e, shouldUpdateFacetSearchComponent as s };
+export { FacetValueLabelHighlight as F, FacetValueLink as a, FacetContainer as b, FacetHeader as c, shouldUpdateFacetSearchComponent as s };
 
-//# sourceMappingURL=stencil-facet-header-7b6d64b6.js.map
+//# sourceMappingURL=stencil-facet-value-link-ee67f14d.js.map