@coveo/atomic 3.28.1-pre.86ce689cb5 → 3.28.1-pre.ae49fae5bb

package/dist/cjs/ripple-4070d750.js.map

@@ -0,0 +1 @@
+{"file":"ripple-4070d750.js","mappings":";;;;AAUA,MAAM,MAAM,GAAG,QAAQ,CAAC;AAExB,SAAS,kCAAkC,CAAC,YAAoB;;IAE9D,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;AAC1C,CAAC;AAED,SAAS,2BAA2B,CAAC,OAAgB;IACnD,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;QACnD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;KAC1C;AACH,CAAC;AAEM,eAAe,YAAY,CAAC,KAAiB,EAAE,OAAsB;IAC1E,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAK,KAAK,CAAC,aAAyB,CAAC;IAClE,MAAM,cAAc,GAAG,MAAM,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,cAAc,EAAE,MAAM,EAAE,CAAC;IAEzB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACtC,2BAA2B,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAEjE,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,gBAAgB,OAAO,CAAC,KAAK,GAAG,CAAC;IAChE,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAC5B,MAAM,iBAAiB,GAAG,kCAAkC,CAAC,MAAM,CAAC,CAAC;IACrE,MAAM,EAAC,GAAG,EAAE,IAAI,EAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IACnD,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC;IAC3D,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;IAC3D,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,OAAO,IAAI,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;IACzD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,iBAAiB,IAAI,CAAC,CAAC;IAC3E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvB,MAAM,wBAAwB,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;AAC5D,CAAC;AAED,eAAe,wBAAwB,CACrC,MAAuB,EACvB,iBAAyB;IAEzBA,qBAAU,CAAC,MAAM,EAAE,cAAc,EAAE;QACjC,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC,CAAC;;IAEH,UAAU,CACR,MAAM,MAAM,EAAE,MAAM,EAAE,EACtB,iBAAiB,GAAG,iBAAiB,GAAG,GAAG,CAC5C,CAAC;AACJ;;;;","names":["listenOnce"],"sources":["src/utils/ripple.ts"],"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"],"version":3}

package/dist/cjs/sections-4b4af2f8.js.map

@@ -1 +1 @@
-{"file":"sections-4b4af2f8.js","mappings":";;SAYgB,WAAW,CAAC,OAAoB,EAAE,OAAgB;IAChE,OAAO,OAAO,CAAC,aAAa,CAC1B,eAAe,CAAC,OAAO,CAAC,CACK,CAAC;AAClC,CAAC;SAEe,eAAe,CAAC,OAAgB;IAC9C,OAAO,kCAAkC,OAAO,IAAI,CAAC;AACvD;;;;;","names":[],"sources":["src/components/common/atomic-layout-section/sections.ts"],"sourcesContent":["import {AtomicLayoutSection} from './atomic-layout-section';\n\nexport type Section =\n  | 'search'\n  | 'facets'\n  | 'main'\n  | 'status'\n  | 'results'\n  | 'horizontal-facets'\n  | 'products'\n  | 'pagination';\n\nexport function findSection(element: HTMLElement, section: Section) {\n  return element.querySelector(\n    sectionSelector(section)\n  ) as AtomicLayoutSection | null;\n}\n\nexport function sectionSelector(section: Section) {\n  return `atomic-layout-section[section=\"${section}\"]`;\n}\n"],"version":3}
+{"file":"sections-4b4af2f8.js","mappings":";;SAYgB,WAAW,CAAC,OAAoB,EAAE,OAAgB;IAChE,OAAO,OAAO,CAAC,aAAa,CAC1B,eAAe,CAAC,OAAO,CAAC,CACK,CAAC;AAClC,CAAC;SAEe,eAAe,CAAC,OAAgB;IAC9C,OAAO,kCAAkC,OAAO,IAAI,CAAC;AACvD;;;;;","names":[],"sources":["src/components/common/atomic-layout-section/sections.ts"],"sourcesContent":["import type {AtomicLayoutSection} from './atomic-layout-section';\n\nexport type Section =\n  | 'search'\n  | 'facets'\n  | 'main'\n  | 'status'\n  | 'results'\n  | 'horizontal-facets'\n  | 'products'\n  | 'pagination';\n\nexport function findSection(element: HTMLElement, section: Section) {\n  return element.querySelector(\n    sectionSelector(section)\n  ) as AtomicLayoutSection | null;\n}\n\nexport function sectionSelector(section: Section) {\n  return `atomic-layout-section[section=\"${section}\"]`;\n}\n"],"version":3}

package/dist/cjs/sections-fbb93b53.js

@@ -0,0 +1,44 @@
+'use strict';
+
+const utils = require('./utils-7153ae6b.js');
+
+const resultSectionTags = new Set([
+    'atomic-result-section-visual',
+    'atomic-result-section-badges',
+    'atomic-result-section-actions',
+    'atomic-result-section-title',
+    'atomic-result-section-title-metadata',
+    'atomic-result-section-emphasized',
+    'atomic-result-section-excerpt',
+    'atomic-result-section-bottom-metadata',
+    'atomic-result-section-children',
+]);
+const productSectionTags = new Set([
+    'atomic-product-section-visual',
+    'atomic-product-section-badges',
+    'atomic-product-section-actions',
+    'atomic-product-section-name',
+    'atomic-product-section-metadata',
+    'atomic-product-section-emphasized',
+    'atomic-product-section-description',
+    'atomic-product-section-bottom-metadata',
+    'atomic-product-section-children',
+]);
+const allTags = new Set([...resultSectionTags, ...productSectionTags]);
+function isResultSectionNode(element) {
+    if (!utils.isElementNode(element)) {
+        return false;
+    }
+    return allTags.has(element.tagName.toLowerCase());
+}
+function containsSections(content) {
+    if (typeof content === 'string') {
+        return Array.from(allTags.values()).some((tag) => content.includes(tag));
+    }
+    return Array.from(content).some((child) => isResultSectionNode(child));
+}
+
+exports.containsSections = containsSections;
+exports.isResultSectionNode = isResultSectionNode;
+
+//# sourceMappingURL=sections-fbb93b53.js.map

package/dist/cjs/sections-fbb93b53.js.map

@@ -0,0 +1 @@
+{"file":"sections-fbb93b53.js","mappings":";;;;AAEA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC;IAChC,8BAA8B;IAC9B,8BAA8B;IAC9B,+BAA+B;IAC/B,6BAA6B;IAC7B,sCAAsC;IACtC,kCAAkC;IAClC,+BAA+B;IAC/B,uCAAuC;IACvC,gCAAgC;CACxB,CAAC,CAAC;AAEZ,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,+BAA+B;IAC/B,+BAA+B;IAC/B,gCAAgC;IAChC,6BAA6B;IAC7B,iCAAiC;IACjC,mCAAmC;IACnC,oCAAoC;IACpC,wCAAwC;IACxC,iCAAiC;CACzB,CAAC,CAAC;AAEZ,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,kBAAkB,CAAC,CAAC,CAAC;SAMvD,mBAAmB,CAAC,OAAa;IAC/C,IAAI,CAACA,mBAAa,CAAC,OAAO,CAAC,EAAE;QAC3B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAwB,CAAC,CAAC;AAC1E,CAAC;SAEe,gBAAgB,CAAC,OAA2C;IAC1E,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;KAC1E;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE;;;;;","names":["isElementNode"],"sources":["src/components/common/layout/sections.ts"],"sourcesContent":["import {isElementNode} from '../../../utils/utils';\n\nconst resultSectionTags = new Set([\n  'atomic-result-section-visual',\n  'atomic-result-section-badges',\n  'atomic-result-section-actions',\n  'atomic-result-section-title',\n  'atomic-result-section-title-metadata',\n  'atomic-result-section-emphasized',\n  'atomic-result-section-excerpt',\n  'atomic-result-section-bottom-metadata',\n  'atomic-result-section-children',\n] as const);\n\nconst productSectionTags = new Set([\n  'atomic-product-section-visual',\n  'atomic-product-section-badges',\n  'atomic-product-section-actions',\n  'atomic-product-section-name',\n  'atomic-product-section-metadata',\n  'atomic-product-section-emphasized',\n  'atomic-product-section-description',\n  'atomic-product-section-bottom-metadata',\n  'atomic-product-section-children',\n] as const);\n\nconst allTags = new Set([...resultSectionTags, ...productSectionTags]);\n\ntype SetValueType<T> = T extends Set<infer U> ? U : never;\n\nexport type ItemSectionTagName = SetValueType<typeof allTags>;\n\nexport function isResultSectionNode(element: Node) {\n  if (!isElementNode(element)) {\n    return false;\n  }\n  return allTags.has(element.tagName.toLowerCase() as ItemSectionTagName);\n}\n\nexport function containsSections(content: string | NodeList | HTMLCollection) {\n  if (typeof content === 'string') {\n    return Array.from(allTags.values()).some((tag) => content.includes(tag));\n  }\n  return Array.from(content).some((child) => isResultSectionNode(child));\n}\n"],"version":3}

package/dist/cjs/show-hide-button-2fb7407f.js

@@ -0,0 +1,103 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const eventUtils = require('./event-utils-9bfcf3c5.js');
+const stencilPlaceholders = require('./stencil-placeholders-b8c896fa.js');
+const stencilButton = require('./stencil-button-aa4c0879.js');
+
+const foldedItemListContextEventName = 'atomic/resolveFoldedResultList';
+/**
+ * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.
+ * This allows the Stencil component to modify the folded item list rendered levels.
+ */
+function FoldedItemListContext() {
+    return (component, foldedList) => {
+        const { componentWillRender } = component;
+        component.componentWillRender = function () {
+            const element = index.getElement(this);
+            const event = eventUtils.buildCustomEvent(foldedItemListContextEventName, (foldedItemList) => {
+                this[foldedList] = foldedItemList;
+            });
+            const canceled = element.dispatchEvent(event);
+            if (canceled) {
+                return;
+            }
+            return componentWillRender && componentWillRender.call(this);
+        };
+    };
+}
+const foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';
+/**
+ * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.
+ * This allows the Stencil component to modify the folded item list rendered levels.
+ */
+function FoldedItemListStateContext() {
+    return (component, foldedListState) => {
+        const { componentWillRender } = component;
+        component.componentWillRender = function () {
+            const element = index.getElement(this);
+            const event = eventUtils.buildCustomEvent(foldedItemListStateContextEventName, (foldedItemList) => {
+                foldedItemList?.subscribe(() => {
+                    this[foldedListState] = foldedItemList.state;
+                });
+            });
+            const canceled = element.dispatchEvent(event);
+            if (canceled) {
+                return;
+            }
+            return componentWillRender && componentWillRender.call(this);
+        };
+    };
+}
+
+const ChildrenWrapper = ({ hasChildren }, children) => {
+    return (index.h("div", { part: "children-root" },
+        hasChildren && index.h("slot", { name: "before-children" }),
+        children,
+        hasChildren && index.h("slot", { name: "after-children" })));
+};
+
+const CollectionGuard = ({ isLoadingMoreResults, moreResultsAvailable, hasChildren, numberOfChildren, density, imageSize, noResultText, }, children) => {
+    if (isLoadingMoreResults) {
+        return (index.h(ChildrenWrapper, { hasChildren: hasChildren },
+            index.h(stencilPlaceholders.ResultsPlaceholder, { numberOfPlaceholders: numberOfChildren, density: density, display: 'list', imageSize: imageSize })));
+    }
+    if (!moreResultsAvailable && !hasChildren) {
+        return noResultText.trim().length ? (index.h("p", { part: "no-result-root", class: "no-result-root my-3" }, noResultText)) : null;
+    }
+    if (!hasChildren) {
+        return;
+    }
+    return index.h(index.Fragment, null, children);
+};
+
+const ResultChildrenGuard = ({ inheritTemplates, resultTemplateRegistered, templateHasError }, children) => {
+    if (!inheritTemplates && !resultTemplateRegistered) {
+        return;
+    }
+    if (!inheritTemplates && templateHasError) {
+        return index.h("slot", null);
+    }
+    return index.h(index.Fragment, null, children);
+};
+
+const ShowHideButton = ({ moreResultsAvailable, loadFullCollection, showInitialChildren, toggleShowInitialChildren, loadAllResults, collapseResults, }) => {
+    return (index.h(stencilButton.Button, { part: "show-hide-button", class: "show-hide-button", style: "text-primary", onClick: () => {
+            if (moreResultsAvailable) {
+                loadFullCollection();
+                toggleShowInitialChildren();
+            }
+            toggleShowInitialChildren();
+        } }, showInitialChildren || moreResultsAvailable
+        ? loadAllResults
+        : collapseResults));
+};
+
+exports.ChildrenWrapper = ChildrenWrapper;
+exports.CollectionGuard = CollectionGuard;
+exports.FoldedItemListContext = FoldedItemListContext;
+exports.FoldedItemListStateContext = FoldedItemListStateContext;
+exports.ResultChildrenGuard = ResultChildrenGuard;
+exports.ShowHideButton = ShowHideButton;
+
+//# sourceMappingURL=show-hide-button-2fb7407f.js.map

package/dist/cjs/show-hide-button-2fb7407f.js.map

@@ -0,0 +1 @@
+{"file":"show-hide-button-2fb7407f.js","mappings":"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","names":["getElement","buildCustomEvent","h","ResultsPlaceholder","Fragment","Button"],"sources":["src/components/common/item-list/item-list-decorators.tsx","src/components/common/result-children/children-wrapper.tsx","src/components/common/result-children/collection-guard.tsx","src/components/common/result-children/guard.tsx","src/components/common/result-children/show-hide-button.tsx"],"sourcesContent":["import {ComponentInterface, getElement} from '@stencil/core';\nimport {buildCustomEvent} from '../../../utils/event-utils';\n\ntype FoldedItemListContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListContextEvent =\n  CustomEvent<FoldedItemListContextEventHandler>;\nconst foldedItemListContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListContext() {\n  return (component: ComponentInterface, foldedList: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListContextEventName,\n        (foldedItemList: unknown) => {\n          this[foldedList] = foldedItemList;\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n\ntype FoldedItemListStateContextEventHandler = (foldedItemList: unknown) => void;\nexport type FoldedItemListStateContextEvent =\n  CustomEvent<FoldedItemListStateContextEventHandler>;\nconst foldedItemListStateContextEventName = 'atomic/resolveFoldedResultList';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used for elements nested within a folded item list.\n * This allows the Stencil component to modify the folded item list rendered levels.\n */\nexport function FoldedItemListStateContext() {\n  return (component: ComponentInterface, foldedListState: string) => {\n    const {componentWillRender} = component;\n    component.componentWillRender = function () {\n      const element = getElement(this);\n      const event = buildCustomEvent(\n        foldedItemListStateContextEventName,\n        (foldedItemList: {\n          subscribe: (callback: () => void) => unknown;\n          state: unknown;\n        }) => {\n          foldedItemList?.subscribe(() => {\n            this[foldedListState] = foldedItemList.state;\n          });\n        }\n      );\n\n      const canceled = element.dispatchEvent(event);\n      if (canceled) {\n        return;\n      }\n      return componentWillRender && componentWillRender.call(this);\n    };\n  };\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface ChildrenWrapperProps {\n  hasChildren: boolean;\n}\n\nexport const ChildrenWrapper: FunctionalComponent<ChildrenWrapperProps> = (\n  {hasChildren},\n  children\n) => {\n  return (\n    <div part=\"children-root\">\n      {hasChildren && <slot name=\"before-children\"></slot>}\n      {children}\n      {hasChildren && <slot name=\"after-children\"></slot>}\n    </div>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {ResultsPlaceholder} from '../atomic-result-placeholder/stencil-placeholders';\nimport {\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n} from '../layout/display-options';\nimport {ChildrenWrapper} from './children-wrapper';\n\ninterface CollectionGuardProps {\n  isLoadingMoreResults: boolean;\n  moreResultsAvailable: boolean;\n  hasChildren: boolean;\n  numberOfChildren: number;\n  density: ItemDisplayDensity;\n  imageSize: ItemDisplayImageSize;\n  noResultText: string;\n}\nexport const CollectionGuard: FunctionalComponent<CollectionGuardProps> = (\n  {\n    isLoadingMoreResults,\n    moreResultsAvailable,\n    hasChildren,\n    numberOfChildren,\n    density,\n    imageSize,\n    noResultText,\n  },\n  children\n) => {\n  if (isLoadingMoreResults) {\n    return (\n      <ChildrenWrapper hasChildren={hasChildren}>\n        <ResultsPlaceholder\n          numberOfPlaceholders={numberOfChildren}\n          density={density}\n          display={'list'}\n          imageSize={imageSize}\n        />\n      </ChildrenWrapper>\n    );\n  }\n\n  if (!moreResultsAvailable && !hasChildren) {\n    return noResultText.trim().length ? (\n      <p part=\"no-result-root\" class=\"no-result-root my-3\">\n        {noResultText}\n      </p>\n    ) : null;\n  }\n\n  if (!hasChildren) {\n    return;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\n\ninterface ResultChildrenGuardProps {\n  inheritTemplates: boolean;\n  resultTemplateRegistered: boolean;\n  templateHasError: boolean;\n}\nexport const ResultChildrenGuard: FunctionalComponent<\n  ResultChildrenGuardProps\n> = (\n  {inheritTemplates, resultTemplateRegistered, templateHasError},\n  children\n) => {\n  if (!inheritTemplates && !resultTemplateRegistered) {\n    return;\n  }\n\n  if (!inheritTemplates && templateHasError) {\n    return <slot></slot>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\ninterface ShowHideButtonProps {\n  moreResultsAvailable: boolean;\n  loadFullCollection: () => void;\n  showInitialChildren: boolean;\n  toggleShowInitialChildren: () => void;\n  loadAllResults: string;\n  collapseResults: string;\n}\n\nexport const ShowHideButton: FunctionalComponent<ShowHideButtonProps> = ({\n  moreResultsAvailable,\n  loadFullCollection,\n  showInitialChildren,\n  toggleShowInitialChildren,\n  loadAllResults,\n  collapseResults,\n}) => {\n  return (\n    <Button\n      part=\"show-hide-button\"\n      class=\"show-hide-button\"\n      style=\"text-primary\"\n      onClick={() => {\n        if (moreResultsAvailable) {\n          loadFullCollection();\n          toggleShowInitialChildren();\n        }\n\n        toggleShowInitialChildren();\n      }}\n    >\n      {showInitialChildren || moreResultsAvailable\n        ? loadAllResults\n        : collapseResults}\n    </Button>\n  );\n};\n"],"version":3}

package/dist/cjs/smart-snippet-common-abb0cdce.js

@@ -0,0 +1,60 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa4c0879.js');
+const stencilRadioButton = require('./stencil-radio-button-b7440398.js');
+const stencilHeading = require('./stencil-heading-2faee1f7.js');
+
+const Checkmark = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M4 7.07692L6 9L10 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+const Cross = `<svg fill="none" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.5" stroke="currentColor" stroke-linecap="round"/><path d="M5 9L9 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 9L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+
+const SmartSnippetFeedbackBanner = (props) => {
+    const inquiryId = 'feedback-inquiry-' + props.id;
+    const thankYouId = 'feedback-thank-you-' + props.id;
+    const radioGroupName = 'feedback-options-' + props.id;
+    const Inquiry = () => (index.h("span", { id: inquiryId, part: "feedback-inquiry", class: "shrink-0" }, props.i18n.t('smart-snippet-feedback-inquiry')));
+    const Buttons = () => (index.h("div", { part: "feedback-buttons", class: "flex gap-x-4" },
+        index.h("label", { part: "feedback-like-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.liked ? 'text-success' : 'cursor-pointer hover:underline') },
+            index.h("atomic-icon", { icon: Checkmark, class: "w-3.5" }),
+            index.h(stencilRadioButton.RadioButton, { groupName: radioGroupName, text: props.i18n.t('yes'), checked: props.liked, onChecked: () => props.onLike(), class: "cursor-[inherit] text-[inherit]" })),
+        index.h("label", { part: "feedback-dislike-button", class: 'flex items-center gap-x-1.5 ' +
+                (props.disliked ? 'text-error' : 'cursor-pointer hover:underline') },
+            index.h("atomic-icon", { icon: Cross, class: "w-3.5" }),
+            index.h(stencilRadioButton.RadioButton, { groupName: radioGroupName, text: props.i18n.t('no'), checked: props.disliked, onChecked: () => props.onDislike(), class: "cursor-[inherit] text-[inherit]" }))));
+    const ThankYouMessage = () => (index.h("span", { id: thankYouId, part: "feedback-thank-you", class: "inline-flex" }, props.i18n.t('smart-snippet-feedback-thanks')));
+    const ExplainWhyButton = () => (index.h(stencilButton.Button, { part: "feedback-explain-why-button", style: "text-primary", onClick: () => props.onPressExplainWhy(), ref: (element) => props.explainWhyRef?.(element) }, props.i18n.t('smart-snippet-feedback-explain-why')));
+    const ThankYouContainer = ({ visible }) => visible ? (index.h("div", { part: "feedback-thank-you-wrapper", class: "flex flex-wrap gap-1" },
+        index.h(ThankYouMessage, null),
+        props.disliked && !props.feedbackSent ? (index.h(ExplainWhyButton, null)) : ([]))) : ([]);
+    return (index.h("div", { part: "feedback-banner", class: "flex flex-wrap items-center gap-4 text-sm leading-4" },
+        index.h("div", { part: "feedback-inquiry-and-buttons", role: "radiogroup", "aria-labelledby": inquiryId, class: "inline-flex flex-wrap gap-4" },
+            index.h(Inquiry, null),
+            index.h(Buttons, null)),
+        index.h(ThankYouContainer, { visible: props.liked || props.disliked })));
+};
+
+const SmartSnippetWrapper = ({ headingLevel, i18n }, children) => {
+    return (index.h("aside", null,
+        index.h(stencilHeading.Heading, { level: headingLevel ?? 0, class: "sr-only" }, i18n.t('smart-snippet')),
+        index.h("article", { class: "bg-background border-neutral text-on-background rounded-lg border p-6 pb-4", part: "smart-snippet" }, children)));
+};
+const SmartSnippetQuestion = ({ headingLevel, question }) => {
+    return (index.h(stencilHeading.Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "text-xl font-bold", part: "question" }, question));
+};
+const SmartSnippetTruncatedAnswer = ({ answer, style }) => {
+    return (index.h("div", { part: "truncated-answer" },
+        index.h("atomic-smart-snippet-answer", { exportparts: "answer", part: "body", htmlContent: answer, innerStyle: style })));
+};
+const SmartSnippetFooter = ({ i18n }, children) => {
+    return (index.h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
+};
+
+exports.SmartSnippetFeedbackBanner = SmartSnippetFeedbackBanner;
+exports.SmartSnippetFooter = SmartSnippetFooter;
+exports.SmartSnippetQuestion = SmartSnippetQuestion;
+exports.SmartSnippetTruncatedAnswer = SmartSnippetTruncatedAnswer;
+exports.SmartSnippetWrapper = SmartSnippetWrapper;
+
+//# sourceMappingURL=smart-snippet-common-abb0cdce.js.map

package/dist/cjs/smart-snippet-common-abb0cdce.js.map

@@ -0,0 +1 @@
+{"file":"smart-snippet-common-abb0cdce.js","mappings":"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","names":["h","RadioButton","Button","Heading"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-banner.tsx","src/components/common/smart-snippets/atomic-smart-snippet/smart-snippet-common.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport Checkmark from '../../../images/checkmark.svg';\nimport Cross from '../../../images/cross.svg';\nimport {Button} from '../stencil-button';\nimport {RadioButton} from '../stencil-radio-button';\n\ninterface SmartSnippetFeedbackBannerProps {\n  i18n: i18n;\n  id: string;\n  liked: boolean;\n  disliked: boolean;\n  feedbackSent: boolean;\n  onLike(): void;\n  onDislike(): void;\n  onPressExplainWhy(): void;\n  explainWhyRef?(element?: HTMLButtonElement): void;\n}\n\nexport const SmartSnippetFeedbackBanner: FunctionalComponent<\n  SmartSnippetFeedbackBannerProps\n> = (props) => {\n  const inquiryId = 'feedback-inquiry-' + props.id;\n  const thankYouId = 'feedback-thank-you-' + props.id;\n  const radioGroupName = 'feedback-options-' + props.id;\n\n  const Inquiry = () => (\n    <span id={inquiryId} part=\"feedback-inquiry\" class=\"shrink-0\">\n      {props.i18n.t('smart-snippet-feedback-inquiry')}\n    </span>\n  );\n\n  const Buttons = () => (\n    <div part=\"feedback-buttons\" class=\"flex gap-x-4\">\n      <label\n        part=\"feedback-like-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.liked ? 'text-success' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Checkmark} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('yes')}\n          checked={props.liked}\n          onChecked={() => props.onLike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n      <label\n        part=\"feedback-dislike-button\"\n        class={\n          'flex items-center gap-x-1.5 ' +\n          (props.disliked ? 'text-error' : 'cursor-pointer hover:underline')\n        }\n      >\n        <atomic-icon icon={Cross} class=\"w-3.5\"></atomic-icon>\n        <RadioButton\n          groupName={radioGroupName}\n          text={props.i18n.t('no')}\n          checked={props.disliked}\n          onChecked={() => props.onDislike()}\n          class=\"cursor-[inherit] text-[inherit]\"\n        ></RadioButton>\n      </label>\n    </div>\n  );\n\n  const ThankYouMessage = () => (\n    <span id={thankYouId} part=\"feedback-thank-you\" class=\"inline-flex\">\n      {props.i18n.t('smart-snippet-feedback-thanks')}\n    </span>\n  );\n\n  const ExplainWhyButton = () => (\n    <Button\n      part=\"feedback-explain-why-button\"\n      style=\"text-primary\"\n      onClick={() => props.onPressExplainWhy()}\n      ref={(element) => props.explainWhyRef?.(element)}\n    >\n      {props.i18n.t('smart-snippet-feedback-explain-why')}\n    </Button>\n  );\n\n  const ThankYouContainer = ({visible}: {visible: boolean}) =>\n    visible ? (\n      <div part=\"feedback-thank-you-wrapper\" class=\"flex flex-wrap gap-1\">\n        <ThankYouMessage></ThankYouMessage>\n        {props.disliked && !props.feedbackSent ? (\n          <ExplainWhyButton></ExplainWhyButton>\n        ) : (\n          []\n        )}\n      </div>\n    ) : (\n      []\n    );\n\n  return (\n    <div\n      part=\"feedback-banner\"\n      class=\"flex flex-wrap items-center gap-4 text-sm leading-4\"\n    >\n      <div\n        part=\"feedback-inquiry-and-buttons\"\n        role=\"radiogroup\"\n        aria-labelledby={inquiryId}\n        class=\"inline-flex flex-wrap gap-4\"\n      >\n        <Inquiry></Inquiry>\n        <Buttons></Buttons>\n      </div>\n      <ThankYouContainer\n        visible={props.liked || props.disliked}\n      ></ThankYouContainer>\n    </div>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Heading} from '../../stencil-heading';\n\nexport interface SmartSnippetQuestionProps {\n  headingLevel?: number;\n  question: string;\n}\n\nexport const SmartSnippetWrapper: FunctionalComponent<{\n  headingLevel?: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside>\n      <Heading level={headingLevel ?? 0} class=\"sr-only\">\n        {i18n.t('smart-snippet')}\n      </Heading>\n      <article\n        class=\"bg-background border-neutral text-on-background rounded-lg border p-6 pb-4\"\n        part=\"smart-snippet\"\n      >\n        {children}\n      </article>\n    </aside>\n  );\n};\n\nexport const SmartSnippetQuestion: FunctionalComponent<{\n  headingLevel?: number;\n  question: string;\n}> = ({headingLevel, question}) => {\n  return (\n    <Heading\n      level={headingLevel ? headingLevel + 1 : 0}\n      class=\"text-xl font-bold\"\n      part=\"question\"\n    >\n      {question}\n    </Heading>\n  );\n};\n\nexport const SmartSnippetTruncatedAnswer: FunctionalComponent<{\n  answer: string;\n  style?: string;\n}> = ({answer, style}) => {\n  return (\n    <div part=\"truncated-answer\">\n      <atomic-smart-snippet-answer\n        exportparts=\"answer\"\n        part=\"body\"\n        htmlContent={answer}\n        innerStyle={style}\n      ></atomic-smart-snippet-answer>\n    </div>\n  );\n};\n\nexport const SmartSnippetFooter: FunctionalComponent<{i18n: i18n}> = (\n  {i18n},\n  children\n) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n"],"version":3}

package/dist/cjs/smart-snippet-feedback-modal-common-c29844fa.js

@@ -0,0 +1,66 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa4c0879.js');
+
+const SmartSnippetFeedbackModalHeader = ({ i18n }) => {
+    return index.h("h1", { slot: "header" }, i18n.t('smart-snippet-feedback-explain-why'));
+};
+const SmartSnippetFeedbackModalBody = ({ formId, onSubmit }, children) => {
+    return (index.h("form", { part: "form", id: formId, slot: "body", onSubmit: onSubmit, class: "flex flex-col gap-8" }, children));
+};
+const SmartSnippetFeebackModalOptions = ({ i18n }, children) => {
+    return (index.h("fieldset", null,
+        index.h("legend", { part: "reason-title", class: "text-on-background text-lg font-bold" }, i18n.t('smart-snippet-feedback-select-reason')),
+        children));
+};
+const SmartSnippetFeedbackModalOption = ({ correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange }) => {
+    return (index.h("div", { class: "flex items-center", key: id, part: "reason" },
+        index.h("input", { part: "reason-radio", type: "radio", name: "answer", id: id, checked: currentAnswer === correspondingAnswer, onChange: onChange, class: "mr-2 h-4 w-4", required: true }),
+        index.h("label", { part: "reason-label", htmlFor: id }, i18n.t(localeKey))));
+};
+const SmartSnippetFeedbackModalDetails = ({ currentAnswer, i18n, setDetailsInputRef }) => {
+    if (currentAnswer !== 'other') {
+        return;
+    }
+    return (index.h("fieldset", null,
+        index.h("legend", { part: "details-title", class: "text-on-background text-lg font-bold" }, i18n.t('details')),
+        index.h("textarea", { part: "details-input", name: "answer-details", ref: setDetailsInputRef, class: "border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5", rows: 4, required: true })));
+};
+const SmartSnippetFeedbackModalFooter = ({ formId, i18n, onClick }) => {
+    return (index.h("div", { part: "buttons", slot: "footer", class: "flex justify-end gap-2" },
+        index.h(stencilButton.Button, { part: "cancel-button", style: "outline-neutral", class: "text-primary", onClick: onClick }, i18n.t('cancel')),
+        index.h(stencilButton.Button, { part: "submit-button", style: "primary", type: "submit", form: formId }, i18n.t('feedback-send'))));
+};
+const smartSnippetFeedbackOptions = [
+    {
+        id: 'does-not-answer',
+        localeKey: 'smart-snippet-feedback-reason-does-not-answer',
+        correspondingAnswer: 'does_not_answer',
+    },
+    {
+        id: 'partially-answers',
+        localeKey: 'smart-snippet-feedback-reason-partially-answers',
+        correspondingAnswer: 'partially_answers',
+    },
+    {
+        id: 'was-not-a-question',
+        localeKey: 'smart-snippet-feedback-reason-was-not-a-question',
+        correspondingAnswer: 'was_not_a_question',
+    },
+    {
+        id: 'other',
+        localeKey: 'smart-snippet-feedback-reason-other',
+        correspondingAnswer: 'other',
+    },
+];
+
+exports.SmartSnippetFeebackModalOptions = SmartSnippetFeebackModalOptions;
+exports.SmartSnippetFeedbackModalBody = SmartSnippetFeedbackModalBody;
+exports.SmartSnippetFeedbackModalDetails = SmartSnippetFeedbackModalDetails;
+exports.SmartSnippetFeedbackModalFooter = SmartSnippetFeedbackModalFooter;
+exports.SmartSnippetFeedbackModalHeader = SmartSnippetFeedbackModalHeader;
+exports.SmartSnippetFeedbackModalOption = SmartSnippetFeedbackModalOption;
+exports.smartSnippetFeedbackOptions = smartSnippetFeedbackOptions;
+
+//# sourceMappingURL=smart-snippet-feedback-modal-common-c29844fa.js.map

package/dist/cjs/smart-snippet-feedback-modal-common-c29844fa.js.map

@@ -0,0 +1 @@
+{"file":"smart-snippet-feedback-modal-common-c29844fa.js","mappings":"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","names":["h","Button"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-feedback-modal/smart-snippet-feedback-modal-common.tsx"],"sourcesContent":["import type {SmartSnippetFeedback} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\n\nexport const SmartSnippetFeedbackModalHeader: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}) => {\n  return <h1 slot=\"header\">{i18n.t('smart-snippet-feedback-explain-why')}</h1>;\n};\n\nexport const SmartSnippetFeedbackModalBody: FunctionalComponent<{\n  formId: string;\n  onSubmit: (e: Event) => void;\n}> = ({formId, onSubmit}, children) => {\n  return (\n    <form\n      part=\"form\"\n      id={formId}\n      slot=\"body\"\n      onSubmit={onSubmit}\n      class=\"flex flex-col gap-8\"\n    >\n      {children}\n    </form>\n  );\n};\n\nexport const SmartSnippetFeebackModalOptions: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <fieldset>\n      <legend part=\"reason-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('smart-snippet-feedback-select-reason')}\n      </legend>\n      {children}\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalOption: FunctionalComponent<{\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  id: string;\n  localeKey: string;\n  onChange: (e: Event) => void;\n}> = ({correspondingAnswer, currentAnswer, i18n, id, localeKey, onChange}) => {\n  return (\n    <div class=\"flex items-center\" key={id} part=\"reason\">\n      <input\n        part=\"reason-radio\"\n        type=\"radio\"\n        name=\"answer\"\n        id={id}\n        checked={currentAnswer === correspondingAnswer}\n        onChange={onChange}\n        class=\"mr-2 h-4 w-4\"\n        required\n      />\n      <label part=\"reason-label\" htmlFor={id}>\n        {i18n.t(localeKey)}\n      </label>\n    </div>\n  );\n};\n\nexport const SmartSnippetFeedbackModalDetails: FunctionalComponent<{\n  currentAnswer?: SmartSnippetFeedback | 'other';\n  i18n: i18n;\n  setDetailsInputRef: (ref?: HTMLTextAreaElement) => void;\n}> = ({currentAnswer, i18n, setDetailsInputRef}) => {\n  if (currentAnswer !== 'other') {\n    return;\n  }\n\n  return (\n    <fieldset>\n      <legend part=\"details-title\" class=\"text-on-background text-lg font-bold\">\n        {i18n.t('details')}\n      </legend>\n      <textarea\n        part=\"details-input\"\n        name=\"answer-details\"\n        ref={setDetailsInputRef}\n        class=\"border-neutral mt-2 w-full resize-none rounded border p-2 text-base leading-5\"\n        rows={4}\n        required\n      ></textarea>\n    </fieldset>\n  );\n};\n\nexport const SmartSnippetFeedbackModalFooter: FunctionalComponent<{\n  formId: string;\n  i18n: i18n;\n  onClick: (e: MouseEvent) => void;\n}> = ({formId, i18n, onClick}) => {\n  return (\n    <div part=\"buttons\" slot=\"footer\" class=\"flex justify-end gap-2\">\n      <Button\n        part=\"cancel-button\"\n        style=\"outline-neutral\"\n        class=\"text-primary\"\n        onClick={onClick}\n      >\n        {i18n.t('cancel')}\n      </Button>\n      <Button part=\"submit-button\" style=\"primary\" type=\"submit\" form={formId}>\n        {i18n.t('feedback-send')}\n      </Button>\n    </div>\n  );\n};\n\nexport const smartSnippetFeedbackOptions: {\n  id: string;\n  localeKey: string;\n  correspondingAnswer: SmartSnippetFeedback | 'other';\n}[] = [\n  {\n    id: 'does-not-answer',\n    localeKey: 'smart-snippet-feedback-reason-does-not-answer',\n    correspondingAnswer: 'does_not_answer',\n  },\n  {\n    id: 'partially-answers',\n    localeKey: 'smart-snippet-feedback-reason-partially-answers',\n    correspondingAnswer: 'partially_answers',\n  },\n  {\n    id: 'was-not-a-question',\n    localeKey: 'smart-snippet-feedback-reason-was-not-a-question',\n    correspondingAnswer: 'was_not_a_question',\n  },\n  {\n    id: 'other',\n    localeKey: 'smart-snippet-feedback-reason-other',\n    correspondingAnswer: 'other',\n  },\n];\n"],"version":3}

package/dist/cjs/smart-snippet-suggestions-common-f0d8677b.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa4c0879.js');
+const stencilHeading = require('./stencil-heading-2faee1f7.js');
+
+const SmartSnippetSuggestionsWrapper = ({ headingLevel, i18n }, children) => {
+    return (index.h("aside", { part: "container", class: "bg-background border-neutral text-on-background overflow-hidden rounded-lg border" },
+        index.h(stencilHeading.Heading, { level: headingLevel, part: "heading", class: "border-neutral border-b px-6 py-4 text-xl leading-8" }, i18n.t('smart-snippet-people-also-ask')),
+        index.h("ul", { part: "questions", class: "divide-neutral divide-y" }, children)));
+};
+const SmartSnippetSuggestionsQuestionWrapper = ({ expanded, key }, children) => {
+    return (index.h("li", { key: key, part: `question-answer-${expanded ? 'expanded' : 'collapsed'}`, class: "flex flex-col" },
+        index.h("article", { class: "contents" }, children)));
+};
+const SmartSnippetSuggestionsQuestion = ({ ariaControls, expanded, headingLevel, onClick, question }, atomicIcon) => {
+    return (index.h(stencilButton.Button, { style: "text-neutral", part: getQuestionPart('button', expanded), onClick: onClick, class: "flex items-center px-4", ariaExpanded: expanded ? 'true' : undefined, ariaControls: expanded ? ariaControls : undefined },
+        atomicIcon,
+        index.h(stencilHeading.Heading, { level: headingLevel ? headingLevel + 1 : 0, class: "py-4 text-left text-xl font-bold", part: getQuestionPart('text', expanded) }, question)));
+};
+const SmartSnippetSuggestionsAnswerAndSourceWrapper = ({ id }, children) => {
+    return (index.h("div", { part: "answer-and-source", class: "pr-6 pb-6 pl-10", id: id }, children));
+};
+const SmartSnippetSuggestionsFooter = ({ i18n }, children) => {
+    return (index.h("footer", { part: "footer", "aria-label": i18n.t('smart-snippet-source') }, children));
+};
+const getQuestionPart = (base, expanded) => `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;
+
+exports.SmartSnippetSuggestionsAnswerAndSourceWrapper = SmartSnippetSuggestionsAnswerAndSourceWrapper;
+exports.SmartSnippetSuggestionsFooter = SmartSnippetSuggestionsFooter;
+exports.SmartSnippetSuggestionsQuestion = SmartSnippetSuggestionsQuestion;
+exports.SmartSnippetSuggestionsQuestionWrapper = SmartSnippetSuggestionsQuestionWrapper;
+exports.SmartSnippetSuggestionsWrapper = SmartSnippetSuggestionsWrapper;
+exports.getQuestionPart = getQuestionPart;
+
+//# sourceMappingURL=smart-snippet-suggestions-common-f0d8677b.js.map

package/dist/cjs/smart-snippet-suggestions-common-f0d8677b.js.map

@@ -0,0 +1 @@
+{"file":"smart-snippet-suggestions-common-f0d8677b.js","mappings":";;;;;;MAKa,8BAA8B,GAGtC,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,QAAQ;IAClC,QACEA,mBACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,mFAAmF;QAEzFA,QAACC,sBAAO,IACN,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qDAAqD,IAE1D,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAChC;QACVD,gBAAI,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,yBAAyB,IACjD,QAAQ,CACN,CACC,EACR;AACJ,EAAE;MAEW,sCAAsC,GAG9C,CAAC,EAAC,QAAQ,EAAE,GAAG,EAAC,EAAE,QAAQ;IAC7B,QACEA,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,mBAAmB,QAAQ,GAAG,UAAU,GAAG,WAAW,EAAE,EAC9D,KAAK,EAAC,eAAe;QAErBA,qBAAS,KAAK,EAAC,UAAU,IAAE,QAAQ,CAAW,CAC3C,EACL;AACJ,EAAE;MAEW,+BAA+B,GAMvC,CACH,EAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAC,EACzD,UAAU;IAEV,QACEA,QAACE,oBAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,wBAAwB,EAC9B,YAAY,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC3C,YAAY,EAAE,QAAQ,GAAG,YAAY,GAAG,SAAS;QAEhD,UAAU;QACXF,QAACC,sBAAO,IACN,KAAK,EAAE,YAAY,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC,EAC1C,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,IAEtC,QAAQ,CACD,CACH,EACT;AACJ,EAAE;MAEW,6CAA6C,GAGrD,CAAC,EAAC,EAAE,EAAC,EAAE,QAAQ;IAClB,QACED,iBAAK,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,EAAE,IACzD,QAAQ,CACL,EACN;AACJ,EAAE;MAEW,6BAA6B,GAErC,CAAC,EAAC,IAAI,EAAC,EAAE,QAAQ;IACpB,QACEA,oBAAQ,IAAI,EAAC,QAAQ,gBAAa,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAC7D,QAAQ,CACF,EACT;AACJ,EAAE;MAEW,eAAe,GAAG,CAAC,IAAY,EAAE,QAAiB,KAC7D,YAAY,IAAI,IAAI,QAAQ,GAAG,UAAU,GAAG,WAAW;;;;;;;;;","names":["h","Heading","Button"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-suggestions/smart-snippet-suggestions-common.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\nexport const SmartSnippetSuggestionsWrapper: FunctionalComponent<{\n  headingLevel: number;\n  i18n: i18n;\n}> = ({headingLevel, i18n}, children) => {\n  return (\n    <aside\n      part=\"container\"\n      class=\"bg-background border-neutral text-on-background overflow-hidden rounded-lg border\"\n    >\n      <Heading\n        level={headingLevel}\n        part=\"heading\"\n        class=\"border-neutral border-b px-6 py-4 text-xl leading-8\"\n      >\n        {i18n.t('smart-snippet-people-also-ask')}\n      </Heading>\n      <ul part=\"questions\" class=\"divide-neutral divide-y\">\n        {children}\n      </ul>\n    </aside>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestionWrapper: FunctionalComponent<{\n  expanded: boolean;\n  key: string;\n}> = ({expanded, key}, children) => {\n  return (\n    <li\n      key={key}\n      part={`question-answer-${expanded ? 'expanded' : 'collapsed'}`}\n      class=\"flex flex-col\"\n    >\n      <article class=\"contents\">{children}</article>\n    </li>\n  );\n};\n\nexport const SmartSnippetSuggestionsQuestion: FunctionalComponent<{\n  ariaControls: string;\n  expanded: boolean;\n  headingLevel?: number;\n  onClick: (event: MouseEvent) => void;\n  question: string;\n}> = (\n  {ariaControls, expanded, headingLevel, onClick, question},\n  atomicIcon\n) => {\n  return (\n    <Button\n      style=\"text-neutral\"\n      part={getQuestionPart('button', expanded)}\n      onClick={onClick}\n      class=\"flex items-center px-4\"\n      ariaExpanded={expanded ? 'true' : undefined}\n      ariaControls={expanded ? ariaControls : undefined}\n    >\n      {atomicIcon}\n      <Heading\n        level={headingLevel ? headingLevel + 1 : 0}\n        class=\"py-4 text-left text-xl font-bold\"\n        part={getQuestionPart('text', expanded)}\n      >\n        {question}\n      </Heading>\n    </Button>\n  );\n};\n\nexport const SmartSnippetSuggestionsAnswerAndSourceWrapper: FunctionalComponent<{\n  expanded: boolean;\n  id: string;\n}> = ({id}, children) => {\n  return (\n    <div part=\"answer-and-source\" class=\"pr-6 pb-6 pl-10\" id={id}>\n      {children}\n    </div>\n  );\n};\n\nexport const SmartSnippetSuggestionsFooter: FunctionalComponent<{\n  i18n: i18n;\n}> = ({i18n}, children) => {\n  return (\n    <footer part=\"footer\" aria-label={i18n.t('smart-snippet-source')}>\n      {children}\n    </footer>\n  );\n};\n\nexport const getQuestionPart = (base: string, expanded: boolean) =>\n  `question-${base}-${expanded ? 'expanded' : 'collapsed'}`;\n"],"version":3}

package/dist/cjs/stencil-accessibility-utils-aa4c9f6c.js

@@ -0,0 +1,164 @@
+'use strict';
+
+const eventUtils = require('./event-utils-9bfcf3c5.js');
+const utils = require('./utils-7153ae6b.js');
+
+const findAriaLiveEventName = 'atomic/accessibility/findAriaLive';
+/**
+ * @deprecated use Lit equivalent
+ */
+function AriaLiveRegion(regionName, assertive = false) {
+    function getAriaLiveElement() {
+        const event = eventUtils.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 utils.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.
+                    utils.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;
+}
+
+exports.AriaLiveRegion = AriaLiveRegion;
+exports.FocusTargetController = FocusTargetController;
+exports.getFirstFocusableDescendant = getFirstFocusableDescendant;
+
+//# sourceMappingURL=stencil-accessibility-utils-aa4c9f6c.js.map

package/dist/cjs/stencil-accessibility-utils-aa4c9f6c.js.map

@@ -0,0 +1 @@
+{"file":"stencil-accessibility-utils-aa4c9f6c.js","mappings":"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","names":["buildCustomEvent","defer"],"sources":["src/utils/stencil-accessibility-utils.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\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?: HTMLAtomicAriaLiveElement;\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"],"version":3}