@coveo/atomic 3.33.9-pre.453cfecf5c → 3.33.9-pre.6d87d73340

package/dist/atomic/components/insight-layout.js

@@ -0,0 +1,87 @@
+import { f as findSection, s as sectionSelector } from './sections.js';
+
+const tabsSelector = 'atomic-insight-tabs';
+const refineModalSelector = 'atomic-insight-refine-modal';
+const searchBoxSelector = 'atomic-insight-search-box';
+const toggleSelectors = [
+    'atomic-insight-refine-toggle',
+    'atomic-insight-edit-toggle',
+    'atomic-insight-history-toggle',
+];
+const smartSnippetSelectors = [
+    'atomic-insight-smart-snippet-suggestions',
+    'atomic-insight-smart-snippet',
+];
+const generatedAnswerSelector = 'atomic-insight-generated-answer';
+function makeDesktopQuery(mobileBreakpoint) {
+    return `only screen and (min-width: ${mobileBreakpoint})`;
+}
+function buildInsightLayout(element, widget) {
+    const id = element.id;
+    const layoutSelector = `atomic-insight-layout#${id}`;
+    const hasTabs = Boolean(findSection(element, 'search')?.querySelector(tabsSelector));
+    const interfaceStyle = widget
+        ? `
+  ${layoutSelector} {
+    display: grid;
+    grid-template-rows: auto auto 8fr 1fr;
+    max-height: 100%;
+    box-sizing: border-box;
+  }
+  ${layoutSelector} ${refineModalSelector} {
+    grid-row-start: 5;
+  }`
+        : '';
+    const search = `${sectionSelector('search')} {
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      grid-gap: 0.5rem;
+      background: var(--atomic-neutral-light);
+      padding-top: 1.5rem;
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+      box-sizing: border-box;
+      min-width: 0;
+      ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}
+    }
+
+    ${sectionSelector('search')} ${searchBoxSelector} {
+      flex-grow: 1;
+      height: 2.6rem;
+    }
+
+    ${toggleSelectors.map((toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {
+      flex-shrink: 0;
+    }`)}
+
+    ${sectionSelector('search')} ${tabsSelector} {
+      width: 100%;
+    }
+    `;
+    const facets = `${sectionSelector('facets')} {
+      display: none;
+    }
+    `;
+    const results = `
+    ${sectionSelector('results')} {
+      overflow: auto;
+    }
+
+    ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {
+      padding: 1.5rem 1.5rem 0px;
+    }
+
+    ${sectionSelector('results')} ${generatedAnswerSelector} {
+      margin-left: 1.5rem;
+      margin-right: 1.5rem;
+    }
+    `;
+    return [interfaceStyle, search, facets, results]
+        .filter((declaration) => declaration !== '')
+        .join('\n\n');
+}
+
+export { buildInsightLayout as b, makeDesktopQuery as m };
+
+//# sourceMappingURL=insight-layout.js.map

package/dist/atomic/components/insight-layout.js.map

@@ -0,0 +1 @@
+{"file":"insight-layout.js","mappings":";;AAKA,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,mBAAmB,GAAG,6BAA6B,CAAC;AAC1D,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AACtD,MAAM,eAAe,GAAG;IACtB,8BAA8B;IAC9B,4BAA4B;IAC5B,+BAA+B;CAChC,CAAC;AACF,MAAM,qBAAqB,GAAG;IAC5B,0CAA0C;IAC1C,8BAA8B;CAC/B,CAAC;AACF,MAAM,uBAAuB,GAAG,iCAAiC,CAAC;SAElD,gBAAgB,CAAC,gBAAwB;IACvD,OAAO,+BAA+B,gBAAgB,GAAG,CAAC;AAC5D,CAAC;SAEe,kBAAkB,CAAC,OAAoB,EAAE,MAAe;IACtE,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;IACtB,MAAM,cAAc,GAAG,yBAAyB,EAAE,EAAE,CAAC;IAErD,MAAM,OAAO,GAAG,OAAO,CACrB,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM;UACzB;IACF,cAAc;;;;;;IAMd,cAAc,IAAI,mBAAmB;;IAErC;UACE,EAAE,CAAC;IAEP,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;;;;;;;;;QAWrC,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;;;MAG3C,eAAe,CAAC,QAAQ,CAAC,IAAI,iBAAiB;;;;;MAK9C,eAAe,CAAC,GAAG,CACnB,CAAC,cAAc,KAAK,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,cAAc;;MAElE,CACD;;MAEC,eAAe,CAAC,QAAQ,CAAC,IAAI,YAAY;;;KAG1C,CAAC;IAEJ,MAAM,MAAM,GAAG,GAAG,eAAe,CAAC,QAAQ,CAAC;;;KAGxC,CAAC;IAEJ,MAAM,OAAO,GAAG;MACZ,eAAe,CAAC,SAAS,CAAC;;;;MAI1B,eAAe,CAAC,SAAS,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;MAI7D,eAAe,CAAC,SAAS,CAAC,IAAI,uBAAuB;;;;KAItD,CAAC;IAEJ,OAAO,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;SAC7C,MAAM,CAAC,CAAC,WAAW,KAAK,WAAW,KAAK,EAAE,CAAC;SAC3C,IAAI,CAAC,MAAM,CAAC,CAAC;AAClB;;;;","names":[],"sources":["src/components/insight/atomic-insight-layout/insight-layout.ts"],"sourcesContent":["import {\n  findSection,\n  sectionSelector,\n} from '../../common/atomic-layout-section/sections';\n\nconst tabsSelector = 'atomic-insight-tabs';\nconst refineModalSelector = 'atomic-insight-refine-modal';\nconst searchBoxSelector = 'atomic-insight-search-box';\nconst toggleSelectors = [\n  'atomic-insight-refine-toggle',\n  'atomic-insight-edit-toggle',\n  'atomic-insight-history-toggle',\n];\nconst smartSnippetSelectors = [\n  'atomic-insight-smart-snippet-suggestions',\n  'atomic-insight-smart-snippet',\n];\nconst generatedAnswerSelector = 'atomic-insight-generated-answer';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n  return `only screen and (min-width: ${mobileBreakpoint})`;\n}\n\nexport function buildInsightLayout(element: HTMLElement, widget: boolean) {\n  const id = element.id;\n  const layoutSelector = `atomic-insight-layout#${id}`;\n\n  const hasTabs = Boolean(\n    findSection(element, 'search')?.querySelector(tabsSelector)\n  );\n\n  const interfaceStyle = widget\n    ? `\n  ${layoutSelector} {\n    display: grid;\n    grid-template-rows: auto auto 8fr 1fr;\n    max-height: 100%;\n    box-sizing: border-box;\n  }\n  ${layoutSelector} ${refineModalSelector} {\n    grid-row-start: 5;\n  }`\n    : '';\n\n  const search = `${sectionSelector('search')} {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      grid-gap: 0.5rem;\n      background: var(--atomic-neutral-light);\n      padding-top: 1.5rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n      box-sizing: border-box;\n      min-width: 0;\n      ${!hasTabs ? 'padding-bottom: 1.5rem;' : ''}\n    }\n\n    ${sectionSelector('search')} ${searchBoxSelector} {\n      flex-grow: 1;\n      height: 2.6rem;\n    }\n\n    ${toggleSelectors.map(\n      (toggleSelector) => `${sectionSelector('search')} ${toggleSelector} {\n      flex-shrink: 0;\n    }`\n    )}\n\n    ${sectionSelector('search')} ${tabsSelector} {\n      width: 100%;\n    }\n    `;\n\n  const facets = `${sectionSelector('facets')} {\n      display: none;\n    }\n    `;\n\n  const results = `\n    ${sectionSelector('results')} {\n      overflow: auto;\n    }\n\n    ${sectionSelector('results')} ${smartSnippetSelectors.join(',')} {\n      padding: 1.5rem 1.5rem 0px;\n    }\n\n    ${sectionSelector('results')} ${generatedAnswerSelector} {\n      margin-left: 1.5rem;\n      margin-right: 1.5rem;\n    }\n    `;\n\n  return [interfaceStyle, search, facets, results]\n    .filter((declaration) => declaration !== '')\n    .join('\\n\\n');\n}\n"],"version":3}

package/dist/atomic/components/item-section-utils.js

@@ -1,4 +1,4 @@
-import { q as containsVisualElement } from './utils.js';
+import { u as containsVisualElement } from './utils.js';
 
 function hideEmptySection(element) {
     element.style.display = containsVisualElement(element) ? '' : 'none';

package/dist/atomic/components/replace-breakpoint-utils.js

@@ -36,6 +36,6 @@ function updateBreakpoints(element) {
     replateStyleContent(element, layout.mobileBreakpoint);
 }
 
-export { updateBreakpoints as u };
+export { DEFAULT_MOBILE_BREAKPOINT as D, updateBreakpoints as u };
 
 //# sourceMappingURL=replace-breakpoint-utils.js.map

package/dist/atomic/components/replace-breakpoint-utils.js.map

@@ -1 +1 @@
-{"file":"replace-breakpoint-utils.js","mappings":";;AAEO,MAAM,yBAAyB,GAAG,QAAQ,CAAC;AAElD,SAAS,iBAAiB,CAAC,KAAa,EAAE,gBAAwB;IAChE,MAAM,KAAK,GAAG,IAAI,MAAM,CACtB,iBAAiB,yBAAyB,mBAAmB,yBAAyB,KAAK,EAC3F,GAAG,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,gBAAgB,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAoB,EAAE,gBAAwB;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC;IAC3D,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;QACvC,OAAO;KACR;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;SAC7C,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;SAC3B,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACrE,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAoB,EAAE,UAAkB;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAY,EAAE,UAAU,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;SAElD,iBAAiB,CAAC,OAAoB;IACpD,MAAM,MAAM,GAAyB,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE;QAC7B,OAAO;KACR;IAED,IAAI,MAAM,CAAC,gBAAgB,KAAK,yBAAyB,EAAE;QACzD,OAAO;KACR;IAED,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/utils/replace-breakpoint-utils.ts"],"sourcesContent":["import {closest} from './dom-utils';\n\nexport const DEFAULT_MOBILE_BREAKPOINT = '1024px';\n\nfunction replaceMediaQuery(style: string, mobileBreakpoint: string) {\n  const regex = new RegExp(\n    `\\\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\\\)|\\\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\\\)`,\n    'g'\n  );\n  return style.replace(regex, `(width >= ${mobileBreakpoint})`);\n}\n\nfunction replaceStyleSheet(element: HTMLElement, mobileBreakpoint: string) {\n  const stylesheets = element.shadowRoot?.adoptedStyleSheets;\n  if (!stylesheets || !stylesheets.length) {\n    return;\n  }\n\n  const stylesheet = stylesheets[0];\n  const style = Object.values(stylesheet.cssRules)\n    .map((rule) => rule.cssText)\n    .join('');\n  stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));\n}\n\nfunction replateStyleContent(element: HTMLElement, breakpoint: string) {\n  const styleTag = element.shadowRoot?.querySelector('style');\n  if (!styleTag) {\n    return;\n  }\n\n  styleTag.textContent = replaceMediaQuery(styleTag.textContent!, breakpoint);\n}\n\nconst layouts = ['atomic-search-layout', 'atomic-insight-layout'];\ntype LayoutElement = HTMLElement & {mobileBreakpoint: string};\nexport function updateBreakpoints(element: HTMLElement) {\n  const layout: LayoutElement | null = closest(element, layouts.join(', '));\n\n  if (!layout?.mobileBreakpoint) {\n    return;\n  }\n\n  if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {\n    return;\n  }\n\n  replaceStyleSheet(element, layout.mobileBreakpoint);\n  replateStyleContent(element, layout.mobileBreakpoint);\n}\n"],"version":3}
+{"file":"replace-breakpoint-utils.js","mappings":";;MAEa,yBAAyB,GAAG,SAAS;AAElD,SAAS,iBAAiB,CAAC,KAAa,EAAE,gBAAwB;IAChE,MAAM,KAAK,GAAG,IAAI,MAAM,CACtB,iBAAiB,yBAAyB,mBAAmB,yBAAyB,KAAK,EAC3F,GAAG,CACJ,CAAC;IACF,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,gBAAgB,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAoB,EAAE,gBAAwB;IACvE,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,kBAAkB,CAAC;IAC3D,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;QACvC,OAAO;KACR;IAED,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC;SAC7C,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC;SAC3B,IAAI,CAAC,EAAE,CAAC,CAAC;IACZ,UAAU,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACrE,CAAC;AAED,SAAS,mBAAmB,CAAC,OAAoB,EAAE,UAAkB;IACnE,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,QAAQ,CAAC,WAAW,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAY,EAAE,UAAU,CAAC,CAAC;AAC9E,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,sBAAsB,EAAE,uBAAuB,CAAC,CAAC;SAElD,iBAAiB,CAAC,OAAoB;IACpD,MAAM,MAAM,GAAyB,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE;QAC7B,OAAO;KACR;IAED,IAAI,MAAM,CAAC,gBAAgB,KAAK,yBAAyB,EAAE;QACzD,OAAO;KACR;IAED,iBAAiB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACpD,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACxD;;;;","names":[],"sources":["src/utils/replace-breakpoint-utils.ts"],"sourcesContent":["import {closest} from './dom-utils';\n\nexport const DEFAULT_MOBILE_BREAKPOINT = '1024px';\n\nfunction replaceMediaQuery(style: string, mobileBreakpoint: string) {\n  const regex = new RegExp(\n    `\\\\(min-width: ${DEFAULT_MOBILE_BREAKPOINT}\\\\)|\\\\(width >= ${DEFAULT_MOBILE_BREAKPOINT}\\\\)`,\n    'g'\n  );\n  return style.replace(regex, `(width >= ${mobileBreakpoint})`);\n}\n\nfunction replaceStyleSheet(element: HTMLElement, mobileBreakpoint: string) {\n  const stylesheets = element.shadowRoot?.adoptedStyleSheets;\n  if (!stylesheets || !stylesheets.length) {\n    return;\n  }\n\n  const stylesheet = stylesheets[0];\n  const style = Object.values(stylesheet.cssRules)\n    .map((rule) => rule.cssText)\n    .join('');\n  stylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));\n}\n\nfunction replateStyleContent(element: HTMLElement, breakpoint: string) {\n  const styleTag = element.shadowRoot?.querySelector('style');\n  if (!styleTag) {\n    return;\n  }\n\n  styleTag.textContent = replaceMediaQuery(styleTag.textContent!, breakpoint);\n}\n\nconst layouts = ['atomic-search-layout', 'atomic-insight-layout'];\ntype LayoutElement = HTMLElement & {mobileBreakpoint: string};\nexport function updateBreakpoints(element: HTMLElement) {\n  const layout: LayoutElement | null = closest(element, layouts.join(', '));\n\n  if (!layout?.mobileBreakpoint) {\n    return;\n  }\n\n  if (layout.mobileBreakpoint === DEFAULT_MOBILE_BREAKPOINT) {\n    return;\n  }\n\n  replaceStyleSheet(element, layout.mobileBreakpoint);\n  replateStyleContent(element, layout.mobileBreakpoint);\n}\n"],"version":3}

package/dist/atomic/components/store.js

@@ -1,4 +1,4 @@
-import './purify.js';
+import { q as isInDocument } from './utils.js';
 
 const isRefineModalFacet = 'is-refine-modal';
 function createAppLoadedListener(store, callback) {
@@ -18,6 +18,19 @@ function createBaseStore(initialState) {
         },
     };
 }
+function registerFacet(store, facetType, data) {
+    const clearExistingFacetElement = (facetType, facetId) => {
+        if (store.state[facetType][facetId]) {
+            store.state.facetElements = store.state.facetElements.filter((facetElement) => facetElement.getAttribute('facet-id') !== facetId);
+        }
+    };
+    if (data.element.getAttribute(isRefineModalFacet) !== null) {
+        return;
+    }
+    clearExistingFacetElement(facetType, data.facetId);
+    store.state.facetElements.push(data.element);
+    store.state[facetType][data.facetId] = data;
+}
 function setLoadingFlag(store, loadingFlag) {
     const flags = store.state.loadingFlags;
     store.state.loadingFlags = flags.concat(loadingFlag);
@@ -26,6 +39,21 @@ function unsetLoadingFlag(store, loadingFlag) {
     const flags = store.state.loadingFlags;
     store.state.loadingFlags = flags.filter((value) => value !== loadingFlag);
 }
+function getFacetElements(store) {
+    return store.state.facetElements.filter((element) => isInDocument(element));
+}
+function waitUntilAppLoaded(store, callback) {
+    if (!store.state.loadingFlags.length) {
+        callback();
+    }
+    else {
+        store.onChange('loadingFlags', (flags) => {
+            if (!flags.length) {
+                callback();
+            }
+        });
+    }
+}
 function createStore(initialState) {
     const listeners = new Map();
     const state = new Proxy(initialState, {
@@ -68,6 +96,6 @@ function createStore(initialState) {
     };
 }
 
-export { createBaseStore as a, createAppLoadedListener as c, isRefineModalFacet as i, setLoadingFlag as s, unsetLoadingFlag as u };
+export { createBaseStore as a, createAppLoadedListener as c, getFacetElements as g, isRefineModalFacet as i, registerFacet as r, setLoadingFlag as s, unsetLoadingFlag as u, waitUntilAppLoaded as w };
 
 //# sourceMappingURL=store.js.map

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

@@ -1 +1 @@
-{"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,CAAC;SAEe,eAAe,CAAe,YAAe;IAC3D,MAAM,KAAK,GAAG,WAAW,CAAC,YAAY,CAAmB,CAAC;IAE1D,OAAO;QACL,GAAG,KAAK;QAER,qBAAqB,CAAC,OAAsB;YAC1C,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;SACH;KACF,CAAC;AACJ,CAAC;SAwBe,cAAc,CAC5B,KAA4C,EAC5C,WAAmB;IAEnB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACvC,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AACvD,CAAC;SAEe,gBAAgB,CAC9B,KAA4C,EAC5C,WAAmB;IAEnB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IACvC,KAAK,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,WAAW,CAAC,CAAC;AAC5E,CAAC;AA4CD,SAAS,WAAW,CAClB,YAAuB;IAEvB,MAAM,SAAS,GAAG,IAAI,GAAG,EAGtB,CAAC;IAEJ,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,YAAY,EAAE;QACpC,GAAG,CAAC,MAAM,EAAE,IAAY,EAAE,KAAK;YAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,QAAQ,KAAK,KAAK,EAAE;gBACrB,MAAkC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBAElD,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;oBACvB,KAAK,MAAM,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAE,EAAE;wBACrC,EAAE,CAAC,KAAK,CAAC,CAAC;qBACX;iBACF;aACF;YACD,OAAO,IAAI,CAAC;SACb;KACF,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,CACV,QAAkB;QAElB,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC;KACxB,CAAC;IAEF,MAAM,GAAG,GAAG,CACV,QAAkB,EAClB,KAA0B;QAE1B,KAAK,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;KACzB,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,QAAkB,EAClB,QAAiD;QAEjD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC5B,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SACpC;QACD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC,GAAG,CAAC,QAAuC,CAAC,CAAC;QAEtE,OAAO;YACL,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC,MAAM,CAAC,QAAuC,CAAC,CAAC;YACzE,IAAI,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAE,CAAC,IAAI,KAAK,CAAC,EAAE;gBACvC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;aAC5B;SACF,CAAC;KACH,CAAC;IAEF,OAAO;QACL,KAAK;QACL,GAAG;QACH,GAAG;QACH,QAAQ;KACT,CAAC;AACJ;;;;","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}
+{"file":"store.js","mappings":"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","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}

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

@@ -25,7 +25,7 @@ const AtomicTabButton = /*@__PURE__*/ proxyCustomElement(class AtomicTabButton e
         return this.active ? '' : 'text-neutral-dark hover:text-primary-light';
     }
     render() {
-        return (h(Host, { key: '3e9e4b98d47419445fe970fff14c73e6067b7ddf', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, h(Button, { key: 'b312234b7b1999391f8909323c583ce1f81ea13b', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
+        return (h(Host, { key: '664e3146ffed0c73ec4baa3dc016da5de5865da4', role: "listitem", class: `${this.activeTabClass}`, "aria-current": this.active ? 'true' : 'false', "aria-label": 'tab for ' + this.label, part: 'button-container' + (this.active ? '-active' : '') }, h(Button, { key: 'dc11bc1ebcaa478d87a544d143028d06d11d6089', class: `w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`, part: 'tab-button' + (this.active ? '-active' : ''), onClick: this.select, style: "text-transparent" }, this.label)));
     }
     static get style() { return AtomicTabButtonStyle0; }
 }, [0, "atomic-tab-button", {

package/dist/atomic/components/tab-popover.js

@@ -144,7 +144,7 @@ const TabPopover = /*@__PURE__*/ proxyCustomElement(class TabPopover extends HTM
         this.popperInstance?.forceUpdate();
     }
     render() {
-        return (h(Host, { key: '9a47ca862fc969092a25a799083a358e547c6c64', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
+        return (h(Host, { key: '5bccea802e62c4027ebf62ce69332215925475f2', onFocusout: (event) => this.closePopoverOnFocusOut(event), class: this.show ? '' : 'visibility-hidden', "aria-hidden": !this.show }, this.renderPopover(), this.isOpen && this.renderBackdrop()));
     }
     get host() { return this; }
     static get style() { return AtomicTabPopoverStyle0; }

package/dist/atomic/components/utils.js

@@ -97,6 +97,22 @@ function isFocusingOut(event) {
             (event.currentTarget instanceof Node &&
                 !event.currentTarget.contains(event.relatedTarget))));
 }
+// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/
+function isInDocument(element) {
+    let currentElement = element;
+    while (currentElement?.parentNode) {
+        if (currentElement.parentNode === document) {
+            return true;
+        }
+        else if (currentElement.parentNode instanceof ShadowRoot) {
+            currentElement = currentElement.parentNode.host;
+        }
+        else {
+            currentElement = currentElement.parentNode;
+        }
+    }
+    return false;
+}
 function getParent(element) {
     if (element.parentNode) {
         return element.parentNode;
@@ -147,6 +163,6 @@ async function defer() {
     return new Promise((resolve) => setTimeout(resolve, 10));
 }
 
-export { spreadProperties as a, isAncestorOf as b, getFocusedElement as c, defer as d, elementHasAncestorTag as e, sortByDocumentPosition as f, getParent as g, sanitizeStyle as h, isFocusingOut as i, camelToKebab as j, kebabToCamel as k, aggregate as l, isVisualNode as m, isElementNode as n, once as o, parseXML as p, containsVisualElement as q, randomID as r, snakeToCamel as s, titleToKebab as t };
+export { spreadProperties as a, isAncestorOf as b, getFocusedElement as c, defer as d, elementHasAncestorTag as e, sortByDocumentPosition as f, getParent as g, sanitizeStyle as h, isFocusingOut as i, camelToKebab as j, kebabToCamel as k, aggregate as l, isVisualNode as m, isElementNode as n, once as o, parseXML as p, isInDocument as q, randomID as r, snakeToCamel as s, titleToKebab as t, containsVisualElement as u };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"file":"utils.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\n\n/**\n * Returns a function that can be executed only once\n */\nexport function once<T extends unknown[]>(fn: (...args: T) => unknown) {\n  let result: unknown;\n  return function (this: unknown, ...args: T) {\n    if (fn) {\n      result = fn.apply(this, args);\n      fn = () => {};\n    }\n    return result;\n  };\n}\n\nexport function camelToKebab(value: string) {\n  return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function kebabToCamel(value: string) {\n  return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\n\nexport function snakeToCamel(value: string) {\n  return value\n    .toLowerCase()\n    .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));\n}\n\nexport function titleToKebab(value: string) {\n  return value.replace(/\\s/g, '-').toLowerCase();\n}\n\nexport function randomID(prepend?: string, length = 5) {\n  const randomStr = Math.random()\n    .toString(36)\n    .substring(2, 2 + length);\n  if (!prepend) {\n    return randomStr;\n  }\n  return prepend + randomStr;\n}\n\nexport function getRandomArbitrary(min: number, max: number) {\n  return Math.random() * (max - min) + min;\n}\n\nexport function parseXML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/xml');\n}\n\nexport function parseHTML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/html');\n}\n\nexport function isElementNode(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nexport function isVisualNode(node: Node) {\n  if (isElementNode(node)) {\n    return !(node instanceof HTMLStyleElement);\n  }\n  if (isTextNode(node)) {\n    return !!node.textContent?.trim();\n  }\n  return false;\n}\n\nexport function containsVisualElement(node: Node) {\n  for (let i = 0; i < node.childNodes.length; i++) {\n    const child = node.childNodes.item(i);\n    if (isVisualNode(child)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function elementHasAncestorTag(\n  el: HTMLElement,\n  tagName: string\n): boolean {\n  const parentElement = el.parentElement;\n  if (!parentElement) {\n    return false;\n  }\n  if (parentElement.tagName === tagName.toUpperCase()) {\n    return true;\n  }\n  return elementHasAncestorTag(parentElement, tagName);\n}\n\nexport function sanitizeStyle(style: string) {\n  const purifiedOuterHTML = DOMPurify.sanitize(`<style>${style}</style>`, {\n    ALLOWED_TAGS: ['style'],\n    ALLOWED_ATTR: [],\n    FORCE_BODY: true,\n  });\n  const wrapperEl = document.createElement('div');\n  // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n  wrapperEl.innerHTML = purifiedOuterHTML;\n  return wrapperEl.querySelector('style')?.innerHTML;\n}\n\nexport function getFocusedElement(\n  rootElement: Document | ShadowRoot = document\n): Element | null {\n  const activeElement = rootElement.activeElement;\n  if (activeElement?.shadowRoot) {\n    return getFocusedElement(activeElement.shadowRoot) ?? activeElement;\n  }\n  return activeElement;\n}\n\nexport function isFocusingOut(event: FocusEvent) {\n  return (\n    document.hasFocus() &&\n    (!(event.relatedTarget instanceof Node) ||\n      (event.currentTarget instanceof Node &&\n        !event.currentTarget.contains(event.relatedTarget)))\n  );\n}\n\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nexport function isInDocument(element: Node) {\n  let currentElement = element;\n  while (currentElement?.parentNode) {\n    if (currentElement.parentNode === document) {\n      return true;\n    } else if (currentElement.parentNode instanceof ShadowRoot) {\n      currentElement = currentElement.parentNode.host;\n    } else {\n      currentElement = currentElement.parentNode;\n    }\n  }\n  return false;\n}\n\nexport function isPropValuesEqual<ObjectWithProperties extends object>(\n  subject: ObjectWithProperties,\n  target: ObjectWithProperties,\n  propNames: (keyof ObjectWithProperties)[]\n) {\n  return propNames.every((propName) => subject[propName] === target[propName]);\n}\n\nexport function getParent(element: Element | ShadowRoot) {\n  if (element.parentNode) {\n    return element.parentNode as Element | ShadowRoot;\n  }\n  if (element instanceof ShadowRoot) {\n    return element.host;\n  }\n  return null;\n}\n\nexport function isAncestorOf(\n  ancestor: Element | ShadowRoot,\n  element: Element | ShadowRoot\n): boolean {\n  if (element === ancestor) {\n    return true;\n  }\n  if (\n    element instanceof HTMLElement &&\n    element.assignedSlot &&\n    isAncestorOf(ancestor, element.assignedSlot)\n  ) {\n    return true;\n  }\n  const parent = getParent(element);\n  return parent === null ? false : isAncestorOf(ancestor, parent);\n}\n\nexport function aggregate<V, K extends PropertyKey>(\n  values: readonly V[],\n  getKey: (value: V, index: number) => K\n): Record<K, V[] | undefined> {\n  return values.reduce(\n    (aggregatedValues, value, i) => {\n      const key = getKey(value, i);\n      if (!(key in aggregatedValues)) {\n        aggregatedValues[key] = [];\n      }\n      aggregatedValues[key]!.push(value);\n      return aggregatedValues;\n    },\n    <Record<K, V[] | undefined>>{}\n  );\n}\n\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nexport function spreadProperties<Output extends object = {}>(\n  ...objects: object[]\n) {\n  const returnObject = {};\n  for (const obj of objects) {\n    Object.defineProperties(\n      returnObject,\n      Object.getOwnPropertyDescriptors(obj)\n    );\n  }\n  return returnObject as Output;\n}\n\nexport const sortByDocumentPosition = (a: Node, b: Node): 1 | -1 =>\n  a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n\nexport async function defer() {\n  return new Promise<void>((resolve) => setTimeout(resolve, 10));\n}\n"],"version":3}
+{"file":"utils.js","mappings":";;AAEA;;;SAGgB,IAAI,CAAsB,EAA2B;IACnE,IAAI,MAAe,CAAC;IACpB,OAAO,UAAyB,GAAG,IAAO;QACxC,IAAI,EAAE,EAAE;YACN,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC9B,EAAE,GAAG,SAAQ,CAAC;SACf;QACD,OAAO,MAAM,CAAC;KACf,CAAC;AACJ,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,OAAO,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AAC9E,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AACzD,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK;SACT,WAAW,EAAE;SACb,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AAC7E,CAAC;SAEe,YAAY,CAAC,KAAa;IACxC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACjD,CAAC;SAEe,QAAQ,CAAC,OAAgB,EAAE,MAAM,GAAG,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE;SAC5B,QAAQ,CAAC,EAAE,CAAC;SACZ,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;IAC5B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,OAAO,GAAG,SAAS,CAAC;AAC7B,CAAC;SAMe,QAAQ,CAAC,MAAc;IACrC,OAAO,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpE,CAAC;SAMe,aAAa,CAAC,IAAU;IACtC,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAC7C,CAAC;SAEe,UAAU,CAAC,IAAU;IACnC,OAAO,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CAAC;AAC1C,CAAC;SAEe,YAAY,CAAC,IAAU;IACrC,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE;QACvB,OAAO,EAAE,IAAI,YAAY,gBAAgB,CAAC,CAAC;KAC5C;IACD,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;KACnC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,qBAAqB,CAAC,IAAU;IAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,qBAAqB,CACnC,EAAe,EACf,OAAe;IAEf,MAAM,aAAa,GAAG,EAAE,CAAC,aAAa,CAAC;IACvC,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,KAAK,CAAC;KACd;IACD,IAAI,aAAa,CAAC,OAAO,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;QACnD,OAAO,IAAI,CAAC;KACb;IACD,OAAO,qBAAqB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;AACvD,CAAC;SAEe,aAAa,CAAC,KAAa;IACzC,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;QACtE,YAAY,EAAE,CAAC,OAAO,CAAC;QACvB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,IAAI;KACjB,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;;IAEhD,SAAS,CAAC,SAAS,GAAG,iBAAiB,CAAC;IACxC,OAAO,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;AACrD,CAAC;SAEe,iBAAiB,CAC/B,cAAqC,QAAQ;IAE7C,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAAC;IAChD,IAAI,aAAa,EAAE,UAAU,EAAE;QAC7B,OAAO,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,aAAa,CAAC;KACrE;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;SAEe,aAAa,CAAC,KAAiB;IAC7C,QACE,QAAQ,CAAC,QAAQ,EAAE;SAClB,EAAE,KAAK,CAAC,aAAa,YAAY,IAAI,CAAC;aACpC,KAAK,CAAC,aAAa,YAAY,IAAI;gBAClC,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACxD;AACJ,CAAC;AAED;SACgB,YAAY,CAAC,OAAa;IACxC,IAAI,cAAc,GAAG,OAAO,CAAC;IAC7B,OAAO,cAAc,EAAE,UAAU,EAAE;QACjC,IAAI,cAAc,CAAC,UAAU,KAAK,QAAQ,EAAE;YAC1C,OAAO,IAAI,CAAC;SACb;aAAM,IAAI,cAAc,CAAC,UAAU,YAAY,UAAU,EAAE;YAC1D,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC;SACjD;aAAM;YACL,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC;SAC5C;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC;SAUe,SAAS,CAAC,OAA6B;IACrD,IAAI,OAAO,CAAC,UAAU,EAAE;QACtB,OAAO,OAAO,CAAC,UAAkC,CAAC;KACnD;IACD,IAAI,OAAO,YAAY,UAAU,EAAE;QACjC,OAAO,OAAO,CAAC,IAAI,CAAC;KACrB;IACD,OAAO,IAAI,CAAC;AACd,CAAC;SAEe,YAAY,CAC1B,QAA8B,EAC9B,OAA6B;IAE7B,IAAI,OAAO,KAAK,QAAQ,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IACD,IACE,OAAO,YAAY,WAAW;QAC9B,OAAO,CAAC,YAAY;QACpB,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,EAC5C;QACA,OAAO,IAAI,CAAC;KACb;IACD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,MAAM,KAAK,IAAI,GAAG,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAClE,CAAC;SAEe,SAAS,CACvB,MAAoB,EACpB,MAAsC;IAEtC,OAAO,MAAM,CAAC,MAAM,CAClB,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC7B,IAAI,EAAE,GAAG,IAAI,gBAAgB,CAAC,EAAE;YAC9B,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;SAC5B;QACD,gBAAgB,CAAC,GAAG,CAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,gBAAgB,CAAC;KACzB,EAC2B,EAAE,CAC/B,CAAC;AACJ,CAAC;AAED;;;;;;;SAOgB,gBAAgB,CAC9B,GAAG,OAAiB;IAEpB,MAAM,YAAY,GAAG,EAAE,CAAC;IACxB,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;QACzB,MAAM,CAAC,gBAAgB,CACrB,YAAY,EACZ,MAAM,CAAC,yBAAyB,CAAC,GAAG,CAAC,CACtC,CAAC;KACH;IACD,OAAO,YAAsB,CAAC;AAChC,CAAC;MAEY,sBAAsB,GAAG,CAAC,CAAO,EAAE,CAAO,KACrD,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,GAAG,CAAC,CAAC,GAAG,EAAE;AAEpE,eAAe,KAAK;IACzB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AACjE;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\n\n/**\n * Returns a function that can be executed only once\n */\nexport function once<T extends unknown[]>(fn: (...args: T) => unknown) {\n  let result: unknown;\n  return function (this: unknown, ...args: T) {\n    if (fn) {\n      result = fn.apply(this, args);\n      fn = () => {};\n    }\n    return result;\n  };\n}\n\nexport function camelToKebab(value: string) {\n  return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function kebabToCamel(value: string) {\n  return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\n\nexport function snakeToCamel(value: string) {\n  return value\n    .toLowerCase()\n    .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));\n}\n\nexport function titleToKebab(value: string) {\n  return value.replace(/\\s/g, '-').toLowerCase();\n}\n\nexport function randomID(prepend?: string, length = 5) {\n  const randomStr = Math.random()\n    .toString(36)\n    .substring(2, 2 + length);\n  if (!prepend) {\n    return randomStr;\n  }\n  return prepend + randomStr;\n}\n\nexport function getRandomArbitrary(min: number, max: number) {\n  return Math.random() * (max - min) + min;\n}\n\nexport function parseXML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/xml');\n}\n\nexport function parseHTML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/html');\n}\n\nexport function isElementNode(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nexport function isVisualNode(node: Node) {\n  if (isElementNode(node)) {\n    return !(node instanceof HTMLStyleElement);\n  }\n  if (isTextNode(node)) {\n    return !!node.textContent?.trim();\n  }\n  return false;\n}\n\nexport function containsVisualElement(node: Node) {\n  for (let i = 0; i < node.childNodes.length; i++) {\n    const child = node.childNodes.item(i);\n    if (isVisualNode(child)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function elementHasAncestorTag(\n  el: HTMLElement,\n  tagName: string\n): boolean {\n  const parentElement = el.parentElement;\n  if (!parentElement) {\n    return false;\n  }\n  if (parentElement.tagName === tagName.toUpperCase()) {\n    return true;\n  }\n  return elementHasAncestorTag(parentElement, tagName);\n}\n\nexport function sanitizeStyle(style: string) {\n  const purifiedOuterHTML = DOMPurify.sanitize(`<style>${style}</style>`, {\n    ALLOWED_TAGS: ['style'],\n    ALLOWED_ATTR: [],\n    FORCE_BODY: true,\n  });\n  const wrapperEl = document.createElement('div');\n  // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n  wrapperEl.innerHTML = purifiedOuterHTML;\n  return wrapperEl.querySelector('style')?.innerHTML;\n}\n\nexport function getFocusedElement(\n  rootElement: Document | ShadowRoot = document\n): Element | null {\n  const activeElement = rootElement.activeElement;\n  if (activeElement?.shadowRoot) {\n    return getFocusedElement(activeElement.shadowRoot) ?? activeElement;\n  }\n  return activeElement;\n}\n\nexport function isFocusingOut(event: FocusEvent) {\n  return (\n    document.hasFocus() &&\n    (!(event.relatedTarget instanceof Node) ||\n      (event.currentTarget instanceof Node &&\n        !event.currentTarget.contains(event.relatedTarget)))\n  );\n}\n\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nexport function isInDocument(element: Node) {\n  let currentElement = element;\n  while (currentElement?.parentNode) {\n    if (currentElement.parentNode === document) {\n      return true;\n    } else if (currentElement.parentNode instanceof ShadowRoot) {\n      currentElement = currentElement.parentNode.host;\n    } else {\n      currentElement = currentElement.parentNode;\n    }\n  }\n  return false;\n}\n\nexport function isPropValuesEqual<ObjectWithProperties extends object>(\n  subject: ObjectWithProperties,\n  target: ObjectWithProperties,\n  propNames: (keyof ObjectWithProperties)[]\n) {\n  return propNames.every((propName) => subject[propName] === target[propName]);\n}\n\nexport function getParent(element: Element | ShadowRoot) {\n  if (element.parentNode) {\n    return element.parentNode as Element | ShadowRoot;\n  }\n  if (element instanceof ShadowRoot) {\n    return element.host;\n  }\n  return null;\n}\n\nexport function isAncestorOf(\n  ancestor: Element | ShadowRoot,\n  element: Element | ShadowRoot\n): boolean {\n  if (element === ancestor) {\n    return true;\n  }\n  if (\n    element instanceof HTMLElement &&\n    element.assignedSlot &&\n    isAncestorOf(ancestor, element.assignedSlot)\n  ) {\n    return true;\n  }\n  const parent = getParent(element);\n  return parent === null ? false : isAncestorOf(ancestor, parent);\n}\n\nexport function aggregate<V, K extends PropertyKey>(\n  values: readonly V[],\n  getKey: (value: V, index: number) => K\n): Record<K, V[] | undefined> {\n  return values.reduce(\n    (aggregatedValues, value, i) => {\n      const key = getKey(value, i);\n      if (!(key in aggregatedValues)) {\n        aggregatedValues[key] = [];\n      }\n      aggregatedValues[key]!.push(value);\n      return aggregatedValues;\n    },\n    <Record<K, V[] | undefined>>{}\n  );\n}\n\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nexport function spreadProperties<Output extends object = {}>(\n  ...objects: object[]\n) {\n  const returnObject = {};\n  for (const obj of objects) {\n    Object.defineProperties(\n      returnObject,\n      Object.getOwnPropertyDescriptors(obj)\n    );\n  }\n  return returnObject as Output;\n}\n\nexport const sortByDocumentPosition = (a: Node, b: Node): 1 | -1 =>\n  a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n\nexport async function defer() {\n  return new Promise<void>((resolve) => setTimeout(resolve, 10));\n}\n"],"version":3}