@coveo/atomic 3.50.0 → 3.52.0

package/dist/atomic/components/stencil-button.js

@@ -1,148 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-
-function buildCustomEvent(name, detail) {
-    return new CustomEvent(name, {
-        detail,
-        // Event will bubble up the DOM until it is caught
-        bubbles: true,
-        // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.
-        cancelable: true,
-        // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM
-        composed: true,
-    });
-}
-function listenOnce(element, type, listener, options) {
-    const _listener = (evt) => {
-        element.removeEventListener(type, _listener, options);
-        typeof listener === 'object'
-            ? listener.handleEvent.call(element, evt)
-            : listener.call(element, evt);
-    };
-    element.addEventListener(type, _listener, options);
-}
-
-const RIPPLE = 'ripple';
-function getAnimationDurationInMilliseconds(radiusPixels) {
-    // A 318px wide button has a duration of 700ms.
-    return Math.cbrt(radiusPixels) * 129.21;
-}
-function setPositionRelativeIfStatic(element) {
-    if (getComputedStyle(element).position === 'static') {
-        element.classList.add('ripple-relative');
-    }
-}
-async function createRipple(event, options) {
-    const button = options.parent ?? event.currentTarget;
-    const existingRipple = button.getElementsByClassName(RIPPLE)[0];
-    existingRipple?.remove();
-    button.classList.add('ripple-parent');
-    setPositionRelativeIfStatic(button);
-    Array.from(button.children).forEach(setPositionRelativeIfStatic);
-    const ripple = document.createElement('span');
-    ripple.classList.add(RIPPLE);
-    ripple.style.backgroundColor = `var(--atomic-${options.color})`;
-    ripple.setAttribute('part', RIPPLE);
-    const diameter = Math.max(button.clientWidth, button.clientHeight);
-    const radius = diameter / 2;
-    const animationDuration = getAnimationDurationInMilliseconds(radius);
-    const { top, left } = button.getBoundingClientRect();
-    ripple.style.width = ripple.style.height = `${diameter}px`;
-    ripple.style.left = `${event.clientX - (left + radius)}px`;
-    ripple.style.top = `${event.clientY - (top + radius)}px`;
-    ripple.style.setProperty('--animation-duration', `${animationDuration}ms`);
-    button.prepend(ripple);
-    await cleanupAnimationOnFinish(ripple, animationDuration);
-}
-async function cleanupAnimationOnFinish(ripple, animationDuration) {
-    listenOnce(ripple, 'animationend', () => {
-        ripple?.remove();
-    });
-    // Backup in case the button gets hidden or unmounted and the ripple hasn't been cleaned up.
-    setTimeout(() => ripple?.remove(), animationDuration + animationDuration * 0.1);
-}
-
-/**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
- */
-function getClassNameForButtonStyle(buttonStyle) {
-    switch (buttonStyle) {
-        case 'primary':
-            return 'btn-primary';
-        case 'outline-primary':
-            return 'btn-outline-primary';
-        case 'outline-neutral':
-            return 'btn-outline-neutral';
-        case 'outline-error':
-            return 'btn-outline-error';
-        case 'outline-bg-neutral':
-            return 'btn-outline-bg-neutral';
-        case 'outline-bg-error':
-            return 'btn-outline-bg-error';
-        case 'text-primary':
-            return 'btn-text-primary';
-        case 'text-neutral':
-            return 'btn-text-neutral';
-        case 'text-transparent':
-            return 'btn-text-transparent';
-        case 'square-neutral':
-            return 'btn-square-neutral';
-    }
-}
-/**
- * @deprecated Should only be used for Stencil components; for Lit components, use the button-style.ts
- * This file is required to be in a tsx file to be able to use it in Stencil components.
- */
-function getRippleColorForButtonStyle(buttonStyle) {
-    switch (buttonStyle) {
-        case 'primary':
-            return 'primary';
-        case 'text-transparent':
-            return 'neutral-light';
-        default:
-            return 'neutral';
-    }
-}
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const Button = (props, children) => {
-    const rippleColor = getRippleColorForButtonStyle(props.style);
-    const className = getClassNameForButtonStyle(props.style);
-    const attributes = {
-        class: props.class ? `${className} ${props.class}` : className,
-        part: props.part,
-        onClick: props.onClick,
-        title: props.title,
-        type: props.type,
-        role: props.role,
-        'aria-label': props.ariaLabel,
-        'aria-expanded': props.ariaExpanded,
-        'aria-pressed': props.ariaPressed,
-        'aria-checked': props.ariaChecked,
-        'aria-current': props.ariaCurrent,
-        'aria-controls': props.ariaControls,
-        'aria-hidden': props.ariaHidden,
-        disabled: props.disabled,
-        ref(buttonEl) {
-            if (props.form) {
-                buttonEl?.setAttribute('form', props.form);
-            }
-            if (props.ariaHidden) {
-                buttonEl?.setAttribute('aria-hidden', props.ariaHidden);
-            }
-            if (props.tabIndex) {
-                buttonEl?.setAttribute('tabindex', props.tabIndex);
-            }
-            props.ref?.(buttonEl);
-        },
-    };
-    return (h("button", { ...attributes, onMouseDown: (e) => createRipple(e, { color: rippleColor }) },
-        props.text ? h("span", { class: "truncate" }, props.text) : null,
-        children));
-};
-
-export { Button as B, buildCustomEvent as b };
-
-//# sourceMappingURL=stencil-button.js.map

package/dist/atomic/components/stencil-button.js.map

@@ -1 +0,0 @@
-{"file":"stencil-button.js","mappings":"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","names":[],"sources":["src/utils/event-utils.ts","src/utils/ripple-utils.ts","src/components/common/stencil-button-style.tsx","src/components/common/stencil-button.tsx"],"sourcesContent":["import {promiseTimeout} from './promise-utils';\n\nexport function buildCustomEvent<T = undefined>(name: string, detail?: T) {\n  return new CustomEvent(name, {\n    detail,\n    // Event will bubble up the DOM until it is caught\n    bubbles: true,\n    // Allows to verify if event is caught (cancelled). If it's not caught, it won't be initialized.\n    cancelable: true,\n    // Allows to compose Atomic components inside one another, event will go across DOM/Shadow DOM\n    composed: true,\n  });\n}\n\nexport function listenOnce<K extends keyof HTMLElementEventMap>(\n  element: HTMLElement,\n  type: K,\n  listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions\n): void;\nexport function listenOnce(\n  element: HTMLElement,\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions\n): void;\nexport function listenOnce(\n  element: HTMLElement,\n  type: string,\n  listener: EventListenerOrEventListenerObject,\n  options?: boolean | AddEventListenerOptions\n): void {\n  const _listener: EventListener = (evt: Event) => {\n    element.removeEventListener(type, _listener, options);\n    typeof listener === 'object'\n      ? listener.handleEvent.call(element, evt)\n      : listener.call(element, evt);\n  };\n  element.addEventListener(type, _listener, options);\n}\n\nexport function eventPromise(\n  element: HTMLElement,\n  type: string,\n  timeoutMs: number = 0\n): Promise<Event> {\n  let promise = new Promise<Event>((resolve) => {\n    listenOnce(element, type, (e) => {\n      resolve(e);\n    });\n  });\n\n  if (timeoutMs > 0) {\n    promise = promiseTimeout(promise, timeoutMs);\n  }\n\n  return promise;\n}\n","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/atomic/components/stencil-heading.js

@@ -1,169 +0,0 @@
-import { b as buildCustomEvent } from './stencil-button.js';
-import { d as defer } from './utils.js';
-import { h } from '@stencil/core/internal/client';
-
-const findAriaLiveEventName = 'atomic/accessibility/findAriaLive';
-/**
- * @deprecated use Lit equivalent
- */
-function AriaLiveRegion(regionName, assertive = false) {
-    function getAriaLiveElement() {
-        const event = buildCustomEvent(findAriaLiveEventName, {});
-        document.dispatchEvent(event);
-        const { element } = event.detail;
-        return element;
-    }
-    function dispatchMessage(message) {
-        getAriaLiveElement()?.updateMessage(regionName, message, assertive);
-    }
-    function registerRegion() {
-        getAriaLiveElement()?.registerRegion(regionName, assertive);
-    }
-    return (component, setterName) => {
-        const { componentWillRender } = component;
-        Object.defineProperty(component, setterName, {
-            set: (message) => dispatchMessage(message),
-        });
-        component.componentWillRender = function () {
-            componentWillRender && componentWillRender.call(this);
-            registerRegion();
-        };
-    };
-}
-/**
- * @deprecated use Lit equivalent
- */
-class FocusTargetController {
-    constructor(component) {
-        this.component = component;
-        this.registerFocusCallback = (callback) => {
-            this.publicOnFocusCallbacks.push(callback);
-        };
-        this.doFocusAfterSearch = false;
-        this.doFocusOnNextTarget = false;
-        this.publicOnFocusCallbacks = [];
-        this.bindings = component.bindings;
-        this.handleComponentRenderLoop();
-    }
-    clearFocusCallbacks() {
-        this.internalOnFocusCallback?.();
-        while (this.publicOnFocusCallbacks.length) {
-            this.publicOnFocusCallbacks.pop()?.();
-        }
-    }
-    setTarget(el) {
-        if (!el) {
-            return;
-        }
-        this.element = el;
-        if (this.doFocusOnNextTarget) {
-            this.doFocusOnNextTarget = false;
-            this.focus();
-        }
-    }
-    async focus() {
-        await defer();
-        this.element?.focus();
-        this.clearFocusCallbacks();
-    }
-    focusAfterSearch() {
-        this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(this.bindings.engine);
-        this.doFocusAfterSearch = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
-    }
-    focusOnNextTarget() {
-        this.doFocusOnNextTarget = true;
-        return new Promise((resolve) => (this.internalOnFocusCallback = resolve));
-    }
-    disableForCurrentSearch() {
-        if (this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
-            this.lastSearchId) {
-            this.doFocusAfterSearch = false;
-        }
-    }
-    handleComponentRenderLoop() {
-        const originalComponentDidRender = this.component.componentDidRender;
-        this.component.componentDidRender = () => {
-            originalComponentDidRender &&
-                originalComponentDidRender.call(this.component);
-            if (!this.bindings) {
-                return;
-            }
-            if (this.doFocusAfterSearch &&
-                this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==
-                    this.lastSearchId) {
-                this.doFocusAfterSearch = false;
-                if (this.element) {
-                    const el = this.element;
-                    // The focus seems to be flaky without deferring, especially on iOS.
-                    defer().then(() => {
-                        el.focus();
-                        this.clearFocusCallbacks();
-                    });
-                }
-            }
-        };
-    }
-}
-function isFocusable(element) {
-    // Source: https://stackoverflow.com/a/30753870
-    if (element.getAttribute('tabindex') === '-1') {
-        return false;
-    }
-    if (element.hasAttribute('tabindex')) {
-        return true;
-    }
-    if (element.getAttribute('contentEditable') === 'true') {
-        return true;
-    }
-    switch (element.tagName) {
-        case 'A':
-        case 'AREA':
-            return element.hasAttribute('href');
-        case 'INPUT':
-        case 'SELECT':
-        case 'TEXTAREA':
-        case 'BUTTON':
-            return !element.hasAttribute('disabled');
-        case 'IFRAME':
-            return true;
-        default:
-            return false;
-    }
-}
-/**
- * @deprecated use Lit equivalent
- */
-function* getFocusableDescendants(element) {
-    if (isFocusable(element)) {
-        yield element;
-    }
-    let children = Array.from(element.children);
-    if (element instanceof HTMLSlotElement) {
-        children = element.assignedElements();
-    }
-    else if (element.shadowRoot) {
-        children.push(...Array.from(element.shadowRoot.children));
-    }
-    for (const child of children) {
-        yield* getFocusableDescendants(child);
-    }
-}
-/**
- * @deprecated use Lit equivalent
- */
-function getFirstFocusableDescendant(element) {
-    return getFocusableDescendants(element).next().value ?? null;
-}
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const Heading = ({ level, ...htmlProps }, children) => {
-    const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';
-    return h(HeadingTag, { ...htmlProps }, children);
-};
-
-export { AriaLiveRegion as A, FocusTargetController as F, Heading as H, getFirstFocusableDescendant as g };
-
-//# sourceMappingURL=stencil-heading.js.map

package/dist/atomic/components/stencil-heading.js.map

@@ -1 +0,0 @@
-{"file":"stencil-heading.js","mappings":"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","names":[],"sources":["src/utils/stencil-accessibility-utils.tsx","src/components/common/stencil-heading.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { AtomicAriaLive } from '../components/common/atomic-aria-live/atomic-aria-live';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {buildCustomEvent} from './event-utils';\nimport {InitializableComponent} from './initialization-utils';\nimport {defer} from './utils';\n\nconst findAriaLiveEventName = 'atomic/accessibility/findAriaLive';\n\n/**\n * @deprecated use Lit equivalent\n */\nexport interface FindAriaLiveEventArgs {\n  element?: AtomicAriaLive;\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function AriaLiveRegion(regionName: string, assertive = false) {\n  function getAriaLiveElement() {\n    const event = buildCustomEvent<FindAriaLiveEventArgs>(\n      findAriaLiveEventName,\n      {}\n    );\n    document.dispatchEvent(event);\n    const {element} = event.detail;\n    return element;\n  }\n\n  function dispatchMessage(message: string) {\n    getAriaLiveElement()?.updateMessage(regionName, message, assertive);\n  }\n\n  function registerRegion() {\n    getAriaLiveElement()?.registerRegion(regionName, assertive);\n  }\n\n  return (\n    component: InitializableComponent<AnyBindings>,\n    setterName: string\n  ) => {\n    const {componentWillRender} = component;\n    Object.defineProperty(component, setterName, {\n      set: (message: string) => dispatchMessage(message),\n    });\n\n    component.componentWillRender = function () {\n      componentWillRender && componentWillRender.call(this);\n      registerRegion();\n    };\n  };\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport class FocusTargetController {\n  private bindings: AnyBindings;\n  private lastSearchId?: string;\n  private element?: HTMLElement;\n  public registerFocusCallback: (callback: Function) => void = (\n    callback: Function\n  ) => {\n    this.publicOnFocusCallbacks.push(callback);\n  };\n  private internalOnFocusCallback?: Function;\n  private doFocusAfterSearch = false;\n  private doFocusOnNextTarget = false;\n  private publicOnFocusCallbacks: Function[] = [];\n\n  constructor(private component: InitializableComponent<AnyBindings>) {\n    this.bindings = component.bindings;\n    this.handleComponentRenderLoop();\n  }\n\n  private clearFocusCallbacks() {\n    this.internalOnFocusCallback?.();\n    while (this.publicOnFocusCallbacks.length) {\n      this.publicOnFocusCallbacks.pop()?.();\n    }\n  }\n\n  public setTarget(el: HTMLElement | undefined) {\n    if (!el) {\n      return;\n    }\n    this.element = el;\n    if (this.doFocusOnNextTarget) {\n      this.doFocusOnNextTarget = false;\n      this.focus();\n    }\n  }\n\n  public async focus() {\n    await defer();\n    this.element?.focus();\n    this.clearFocusCallbacks();\n  }\n\n  public focusAfterSearch() {\n    this.lastSearchId = this.bindings.store.getUniqueIDFromEngine(\n      this.bindings.engine\n    );\n    this.doFocusAfterSearch = true;\n    return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n  }\n\n  public focusOnNextTarget() {\n    this.doFocusOnNextTarget = true;\n    return new Promise((resolve) => (this.internalOnFocusCallback = resolve));\n  }\n\n  public disableForCurrentSearch() {\n    if (\n      this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n      this.lastSearchId\n    ) {\n      this.doFocusAfterSearch = false;\n    }\n  }\n\n  private handleComponentRenderLoop() {\n    const originalComponentDidRender = this.component.componentDidRender;\n\n    this.component.componentDidRender = () => {\n      originalComponentDidRender &&\n        originalComponentDidRender.call(this.component);\n      if (!this.bindings) {\n        return;\n      }\n      if (\n        this.doFocusAfterSearch &&\n        this.bindings.store.getUniqueIDFromEngine(this.bindings.engine) !==\n          this.lastSearchId\n      ) {\n        this.doFocusAfterSearch = false;\n        if (this.element) {\n          const el = this.element;\n          // The focus seems to be flaky without deferring, especially on iOS.\n          defer().then(() => {\n            el.focus();\n            this.clearFocusCallbacks();\n          });\n        }\n      }\n    };\n  }\n}\n\nfunction isFocusable(element: Element) {\n  // Source: https://stackoverflow.com/a/30753870\n  if (element.getAttribute('tabindex') === '-1') {\n    return false;\n  }\n  if (element.hasAttribute('tabindex')) {\n    return true;\n  }\n  if (element.getAttribute('contentEditable') === 'true') {\n    return true;\n  }\n  switch (element.tagName) {\n    case 'A':\n    case 'AREA':\n      return element.hasAttribute('href');\n    case 'INPUT':\n    case 'SELECT':\n    case 'TEXTAREA':\n    case 'BUTTON':\n      return !element.hasAttribute('disabled');\n    case 'IFRAME':\n      return true;\n    default:\n      return false;\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function* getFocusableDescendants(\n  element: Element\n): Generator<HTMLElement> {\n  if (isFocusable(element)) {\n    yield element as HTMLElement;\n  }\n  let children = Array.from(element.children);\n  if (element instanceof HTMLSlotElement) {\n    children = element.assignedElements();\n  } else if (element.shadowRoot) {\n    children.push(...Array.from(element.shadowRoot.children));\n  }\n  for (const child of children) {\n    yield* getFocusableDescendants(child);\n  }\n}\n\n/**\n * @deprecated use Lit equivalent\n */\nexport function getFirstFocusableDescendant(\n  element: Element\n): HTMLElement | null {\n  return getFocusableDescendants(element).next().value ?? null;\n}\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {HeadingProps} from './heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Heading: FunctionalComponent<\n  Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = ({level, ...htmlProps}, children) => {\n  const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';\n  return <HeadingTag {...htmlProps}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/atomic/components/stencil-iconButton.js

@@ -1,16 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-import { B as Button } from './stencil-button.js';
-
-/**
- * @deprecated should only be used for Stencil components.
- */
-const IconButton = (props) => {
-    return (h("div", { class: "relative", part: `${props.partPrefix}-container` },
-        h(Button, { ...props, class: "relative h-[2.6rem] w-[2.6rem] p-3", part: `${props.partPrefix}-button`, ref: props.buttonRef },
-            h("atomic-icon", { icon: props.icon, class: "h-4 w-4 shrink-0", part: `${props.partPrefix}-icon` })),
-        props.badge && (h("span", { part: `${props.partPrefix}-badge`, class: "bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4" }, props.badge))));
-};
-
-export { IconButton as I };
-
-//# sourceMappingURL=stencil-iconButton.js.map

package/dist/atomic/components/stencil-iconButton.js.map

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

package/dist/atomic/components/store.js

@@ -1,13 +0,0 @@
-const isRefineModalFacet = 'is-refine-modal';
-function createAppLoadedListener(store, callback) {
-    const updateIsAppLoaded = () => {
-        const isAppLoaded = store.state.loadingFlags.length === 0;
-        callback(isAppLoaded);
-    };
-    store.onChange('loadingFlags', updateIsAppLoaded);
-    updateIsAppLoaded();
-}
-
-export { createAppLoadedListener as c, isRefineModalFacet as i };
-
-//# sourceMappingURL=store.js.map

package/dist/atomic/components/store.js.map

@@ -1 +0,0 @@
-{"file":"store.js","mappings":"MAUa,kBAAkB,GAAG,kBAAkB;SAWpC,uBAAuB,CACrC,KAA4C,EAC5C,QAAwC;IAExC,MAAM,iBAAiB,GAAG;QACxB,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC;QAC1D,QAAQ,CAAC,WAAW,CAAC,CAAC;KACvB,CAAC;IAEF,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC;AACtB;;;;","names":[],"sources":["src/components/common/interface/store.ts"],"sourcesContent":["import type {DateFacetValue, NumericFacetValue} from '@coveo/headless';\nimport {isInDocument} from '../../../utils/utils';\nimport type {\n  FacetInfo,\n  FacetStore,\n  FacetType,\n  FacetValueFormat,\n} from '../facets/facet-common-store';\nimport type {AnyEngineType} from './bindings';\n\nexport const isRefineModalFacet = 'is-refine-modal';\n\nexport type BaseStore<T> = CommonStore<T> & {\n  getUniqueIDFromEngine(engine: unknown): string | undefined;\n};\n\nexport interface ResultListInfo {\n  focusOnNextNewResult(): void;\n  focusOnFirstResultAfterNextSearch(): Promise<void>;\n}\n\nexport function createAppLoadedListener(\n  store: CommonStore<{loadingFlags: string[]}>,\n  callback: (isAppLoaded: boolean) => void\n) {\n  const updateIsAppLoaded = () => {\n    const isAppLoaded = store.state.loadingFlags.length === 0;\n    callback(isAppLoaded);\n  };\n\n  store.onChange('loadingFlags', updateIsAppLoaded);\n  updateIsAppLoaded();\n}\n\nexport function createBaseStore<T extends {}>(initialState: T): BaseStore<T> {\n  const store = createStore(initialState) as CommonStore<T>;\n\n  return {\n    ...store,\n\n    getUniqueIDFromEngine(_engine: AnyEngineType) {\n      throw new Error(\n        'getUniqueIDFromEngine not implemented at the base store level.'\n      );\n    },\n  };\n}\n\nexport function registerFacet<T extends FacetType, U extends string>(\n  store: CommonStore<Facets>,\n  facetType: T,\n  data: Facets[T][U] & {facetId: U; element: HTMLElement}\n) {\n  const clearExistingFacetElement = (facetType: FacetType, facetId: string) => {\n    if (store.state[facetType][facetId]) {\n      store.state.facetElements = store.state.facetElements.filter(\n        (facetElement) => facetElement.getAttribute('facet-id') !== facetId\n      );\n    }\n  };\n\n  if (data.element.getAttribute(isRefineModalFacet) !== null) {\n    return;\n  }\n\n  clearExistingFacetElement(facetType, data.facetId);\n  store.state.facetElements.push(data.element);\n  store.state[facetType][data.facetId] = data;\n}\n\nexport function setLoadingFlag(\n  store: CommonStore<{loadingFlags: string[]}>,\n  loadingFlag: string\n) {\n  const flags = store.state.loadingFlags;\n  store.state.loadingFlags = flags.concat(loadingFlag);\n}\n\nexport function unsetLoadingFlag(\n  store: CommonStore<{loadingFlags: string[]}>,\n  loadingFlag: string\n) {\n  const flags = store.state.loadingFlags;\n  store.state.loadingFlags = flags.filter((value) => value !== loadingFlag);\n}\n\nexport function getFacetElements(store: CommonStore<Facets>) {\n  return store.state.facetElements.filter((element) => isInDocument(element));\n}\n\nexport function waitUntilAppLoaded(\n  store: CommonStore<{loadingFlags: string[]}>,\n  callback: () => void\n) {\n  if (!store.state.loadingFlags.length) {\n    callback();\n  } else {\n    store.onChange('loadingFlags', (flags) => {\n      if (!flags.length) {\n        callback();\n      }\n    });\n  }\n}\n\ninterface CommonStore<StoreData> {\n  state: StoreData;\n  get: <PropName extends keyof StoreData>(\n    propName: PropName\n  ) => StoreData[PropName];\n  set: <PropName extends keyof StoreData>(\n    propName: PropName,\n    value: StoreData[PropName]\n  ) => void;\n  onChange: <PropName extends keyof StoreData>(\n    propName: PropName,\n    cb: (newValue: StoreData[PropName]) => void\n  ) => () => void;\n}\n\ninterface Facets {\n  facets: FacetStore<FacetInfo>;\n  numericFacets: FacetStore<FacetInfo & FacetValueFormat<NumericFacetValue>>;\n  dateFacets: FacetStore<FacetInfo & FacetValueFormat<DateFacetValue>>;\n  categoryFacets: FacetStore<FacetInfo>;\n  facetElements: HTMLElement[];\n}\n\nfunction createStore<StoreData extends Record<string, unknown>>(\n  initialState: StoreData\n): CommonStore<StoreData> {\n  const listeners = new Map<\n    keyof StoreData,\n    Set<(newValue: unknown) => void>\n  >();\n\n  const state = new Proxy(initialState, {\n    set(target, prop: string, value) {\n      const oldValue = target[prop];\n      if (oldValue !== value) {\n        (target as Record<string, unknown>)[prop] = value;\n\n        if (listeners.has(prop)) {\n          for (const cb of listeners.get(prop)!) {\n            cb(value);\n          }\n        }\n      }\n      return true;\n    },\n  });\n\n  const get = <PropName extends keyof StoreData>(\n    propName: PropName\n  ): StoreData[PropName] => {\n    return state[propName];\n  };\n\n  const set = <PropName extends keyof StoreData>(\n    propName: PropName,\n    value: StoreData[PropName]\n  ): void => {\n    state[propName] = value;\n  };\n\n  const onChange = <PropName extends keyof StoreData>(\n    propName: PropName,\n    callback: (newValue: StoreData[PropName]) => void\n  ): (() => void) => {\n    if (!listeners.has(propName)) {\n      listeners.set(propName, new Set());\n    }\n    listeners.get(propName)!.add(callback as (newValue: unknown) => void);\n\n    return () => {\n      listeners.get(propName)!.delete(callback as (newValue: unknown) => void);\n      if (listeners.get(propName)!.size === 0) {\n        listeners.delete(propName);\n      }\n    };\n  };\n\n  return {\n    state,\n    get,\n    set,\n    onChange,\n  };\n}\n"],"version":3}