@coveo/atomic-react 3.11.42 → 3.11.44

package/dist/cjs/atomic-react.cjs

@@ -605,7 +605,7 @@ const renderBreadcrumbContainer = ({ props })=>(children)=>{
     </div>`;
     };
 
-/*! @license DOMPurify 3.4.14 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.14/LICENSE */
+/*! @license DOMPurify 3.4.15 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.15/LICENSE */
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -1077,7 +1077,7 @@ const _resolveObjectOption = function _resolveObjectOption(cfg, key, makeFallbac
 function createDOMPurify() {
   let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
   const DOMPurify = root => createDOMPurify(root);
-  DOMPurify.version = '3.4.14';
+  DOMPurify.version = '3.4.15';
   DOMPurify.removed = [];
   if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
     // Not running in a browser, provide a factory function
@@ -1101,6 +1101,12 @@ function createDOMPurify() {
   const ElementPrototype = Element.prototype;
   const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
   const remove = lookupGetter(ElementPrototype, 'remove');
+  // Clobber-safe Attr-node removal. On an HTMLFormElement a descendant named
+  // "removeAttributeNode" shadows the prototype method via
+  // [LegacyOverrideBuiltIns], so element.removeAttributeNode(attr) throws.
+  // Calling the cached Element.prototype method with the element as the
+  // receiver removes the exact live Attr node regardless of the shadowing.
+  const removeAttributeNode = lookupGetter(ElementPrototype, 'removeAttributeNode');
   const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
   const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
   const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
@@ -1765,7 +1771,7 @@ function createDOMPurify() {
    */
   const _stripAttributeNode = function _stripAttributeNode(element, attribute, name) {
     try {
-      element.removeAttributeNode(attribute);
+      removeAttributeNode(element, attribute);
     } catch (_) {
       try {
         element.removeAttribute(name);
@@ -1853,13 +1859,18 @@ function createDOMPurify() {
     });
     try {
       if (attr) {
-        element.removeAttributeNode(attr);
+        removeAttributeNode(element, attr);
       } else {
         element.removeAttribute(name);
       }
     } catch (_) {
       /* Clobbered or already-detached node - best-effort fall back to a
-         name-based removal so the "is" handling below still runs. */
+         name-based removal so the "is" handling below still runs. Note this
+         fallback ASCII-lowercases its lookup key in an HTML document and so
+         cannot reach a case-preserved attribute name; the cached
+         removeAttributeNode() above is what removes those, and a clobbered
+         form is already removed wholesale by _isClobbered() before reaching
+         here. */
       try {
         element.removeAttribute(name);
       } catch (_) {}
@@ -2195,7 +2206,17 @@ function createDOMPurify() {
     // makes the direct read diverge from the cached read; a clean form
     // (same-realm OR foreign-realm) has both reads pointing at the same
     // canonical NamedNodeMap.
-    element.attributes !== getAttributes(element) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function' ||
+    element.attributes !== getAttributes(element) || typeof element.removeAttribute !== 'function' ||
+    // A form descendant named "removeAttributeNode" or "getAttributeNode"
+    // shadows these Attr-node methods via [LegacyOverrideBuiltIns].
+    // _removeAttribute() / _stripAttributeNode() reach for
+    // element.removeAttributeNode(attr) first; when it is shadowed the call
+    // throws and the name-based fallback element.removeAttribute(name)
+    // ASCII-lowercases its lookup key in an HTML document, silently missing
+    // a case-preserved event-handler attribute (e.g. an ONANIMATIONSTART
+    // that reached the sanitizer through an XML/XHTML parse). Flag the form
+    // so it is removed wholesale, exactly as for the other shadowed methods.
+    typeof element.removeAttributeNode !== 'function' || typeof element.getAttributeNode !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function' ||
     // NodeType clobbering probe. Cached Node.prototype.nodeType getter
     // returns the integer 1 for any Element regardless of realm; direct
     // read on a clobbered form (e.g. <input name="nodeType">) returns
@@ -2686,15 +2707,25 @@ function createDOMPurify() {
   /**
    * Write a modified attribute value back onto the element. On
    * success, re-probe for clobbering introduced by the new value and
-   * remove the element when found; otherwise pop the removal entry
-   * recorded by the earlier _removeAttribute (long-standing pairing
-   * with the SANITIZE_NAMED_PROPS path - do not "fix" casually). On
+   * remove the element when found; otherwise, when this writeback is the
+   * recreate half of the SANITIZE_NAMED_PROPS remove-and-recreate, pop the
+   * removal entry that path recorded so it does not show as removed. On
    * failure, remove the attribute instead.
    *
+   * Returns true only on a clean write (the value was set and the new value
+   * introduced no clobbering). The caller uses that, together with its own
+   * knowledge of whether this attribute pushed a DOMPurify.removed record, to
+   * decide whether to pop that record. The pop must happen ONLY for the
+   * named-prop remove-and-recreate; popping on any other value change (trim,
+   * template scrubbing, Trusted Types) would consume an unrelated _forceRemove
+   * subtree-cleanup record and let that detached subtree keep a live event
+   * handler through the IN_PLACE neutralization pass (SO-001).
+   *
    * @param currentNode the element carrying the attribute
    * @param name the attribute name as present on the element
    * @param namespaceURI the attribute's namespace, if any
    * @param value the new attribute value
+   * @return true if the value was written without introducing clobbering
    */
   const _setAttributeValue = function _setAttributeValue(currentNode, name, namespaceURI, value) {
     try {
@@ -2706,11 +2737,12 @@ function createDOMPurify() {
       }
       if (_isClobbered(currentNode)) {
         _forceRemove(currentNode);
-      } else {
-        arrayPop(DOMPurify.removed);
+        return false;
       }
+      return true;
     } catch (_) {
       _removeAttribute(name, currentNode);
+      return false;
     }
   };
   /**
@@ -2723,6 +2755,7 @@ function createDOMPurify() {
    *
    * @param currentNode to sanitize
    */
+  // eslint-disable-next-line complexity
   const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
     /* Execute a hook if present */
     _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
@@ -2752,6 +2785,15 @@ function createDOMPurify() {
       const lcName = transformCaseFunc(name);
       const initValue = attrValue;
       let value = name === 'value' ? initValue : stringTrim(initValue);
+      /* Tracks whether this specific attribute pushed a DOMPurify.removed
+         record that a later _setAttributeValue() writeback is expected to pop
+         back off (the SANITIZE_NAMED_PROPS remove-and-recreate below is the
+         only path that does). A value that merely changed via trim, template
+         scrubbing, or Trusted Types pushes no such record, so its writeback
+         must NOT pop — otherwise it consumes an unrelated _forceRemove subtree
+         record and that detached subtree escapes the IN_PLACE handler-
+         neutralization pass (SO-001). */
+      let recreatedNamedProp = false;
       /* Execute a hook if present */
       hookEvent.attrName = lcName;
       hookEvent.attrValue = value;
@@ -2767,6 +2809,9 @@ function createDOMPurify() {
         _removeAttribute(name, currentNode, attr);
         // Prefix the value and later re-create the attribute with the sanitized value
         value = SANITIZE_NAMED_PROPS_PREFIX + value;
+        // This attribute owns the record just pushed; its recreate writeback
+        // is the one allowed to pop it back off.
+        recreatedNamedProp = true;
       }
       // Else: already prefixed, leave the attribute alone — the prefix is
       // itself the clobbering protection, and re-applying it is incorrect.
@@ -2807,7 +2852,14 @@ function createDOMPurify() {
       value = _applyTrustedTypesToAttribute(lcTag, lcName, namespaceURI, value);
       /* Handle invalid data-* attribute set by try-catching it */
       if (value !== initValue) {
-        _setAttributeValue(currentNode, name, namespaceURI, value);
+        const cleanWrite = _setAttributeValue(currentNode, name, namespaceURI, value);
+        /* Only the named-prop remove-and-recreate owns a DOMPurify.removed
+           record to pop; a plain trim/template/Trusted-Types writeback owns
+           none, so popping here would drop an unrelated subtree's cleanup
+           record (SO-001). */
+        if (cleanWrite && recreatedNamedProp) {
+          arrayPop(DOMPurify.removed);
+        }
       }
     }
     /* Execute a hook if present */
@@ -3083,8 +3135,15 @@ function createDOMPurify() {
          them before the main iterator runs, since the iterator does not
          descend into shadow trees. The walk routes every read through a
          cached prototype getter so clobbering descendants on a form root
-         cannot hide a shadow host from this pass. */
-      _sanitizeAttachedShadowRoots(importedNode);
+         cannot hide a shadow host from this pass.
+                Traverse from `body`, not `importedNode`: when importedNode is a
+         DocumentFragment, the appendChild() above moves its children into
+         `body` and leaves the fragment empty, so walking importedNode would
+         scan nothing and miss every attached shadow host now under `body`
+         (SO-003). In the BODY/HTML branches `body === importedNode`, so this
+         is equivalent there; in the element branch `body` contains the
+         appended element and its descendants. `body` covers all three. */
+      _sanitizeAttachedShadowRoots(body);
     } else {
       /* Exit directly if we have nothing to do */
       if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
@@ -5092,7 +5151,7 @@ const renderCategoryFacetSearchValue = ({ props })=>{
 
 const renderCategoryFacetTreeValueContainer = ()=>(children)=>lit.html`<li class="contents">${children}</li>`;
 
-const styles$r = lit.css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.value-count{margin-left:calc(var(--spacing,.25rem)*1.5);color:var(--atomic-neutral-dark)}[part=value-exclude-button]+.value-count{margin-right:calc(var(--spacing,.25rem)*2)}:host(.popover-nested){min-width:var(--container-2xs,18rem)}:host(.popover-nested)::part(label-button){display:none}:host(.popover-nested)::part(facet){--tw-shadow:0px 2px 8px var(--tw-shadow-color,#e5e8e8bf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:host(.popover-nested)::part(values){max-height:calc(var(--spacing,.25rem)*96);margin-top:0;overflow-y:auto}:host(.popover-nested)::part(search-wrapper){margin-bottom:calc(var(--spacing,.25rem)*2)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`;
+const styles$r = lit.css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.value-count{margin-left:calc(var(--spacing,.25rem)*1.5);color:var(--atomic-neutral-dark)}[part=value-exclude-button]+.value-count{margin-right:calc(var(--spacing,.25rem)*2)}:host(:state(hidden)){display:none}:host(.popover-nested){min-width:var(--container-2xs,18rem)}:host(.popover-nested)::part(label-button){display:none}:host(.popover-nested)::part(facet){--tw-shadow:0px 2px 8px var(--tw-shadow-color,#e5e8e8bf);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:host(.popover-nested)::part(values){max-height:calc(var(--spacing,.25rem)*96);margin-top:0;overflow-y:auto}:host(.popover-nested)::part(search-wrapper){margin-bottom:calc(var(--spacing,.25rem)*2)}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`;
 const facet_common_tw_css = styles$r;
 
 const styles$q = lit.css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */input[type=text]:focus-visible~.search-icon{color:var(--atomic-primary)}input[type=text]:hover~.search-icon{color:var(--atomic-primary-light)}.search-icon atomic-icon{width:var(--atomic-facet-search-icon-size,.75rem);height:var(--atomic-facet-search-icon-size,.75rem)}.search-clear-button atomic-icon{width:var(--atomic-facet-search-clear-icon-size,.625rem);height:var(--atomic-facet-search-clear-icon-size,.625rem)}`;
@@ -7252,7 +7311,7 @@ class Interpolator {
           interpolationkey: match[1].trim()
         }), value.trim());
       }
-      str = str.replace(match[0], value);
+      str = str.replace(match[0], regexSafe(makeString(value)));
       this.regexp.lastIndex = 0;
     }
     return str;
@@ -8302,7 +8361,7 @@ function getWindow$1() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.61.2",
+        version: "3.61.4",
         headlessVersion
     };
 }
@@ -8529,7 +8588,7 @@ function isSafeUrlSegmentBase(v) {
 	if (UNSAFE_KEYS$1.indexOf(v) > -1) return false;
 	if (v.indexOf("..") > -1) return false;
 	if (v.indexOf("\\") > -1) return false;
-	if (/[?#%\s]/.test(v)) return false;
+	if (/[?#%:\s]/.test(v)) return false;
 	if (/[\x00-\x1F\x7F]/.test(v)) return false;
 	return true;
 }
@@ -8539,7 +8598,9 @@ function isSafeLangUrlSegment(v) {
 	return true;
 }
 function isSafeNsUrlSegment(v) {
-	return isSafeUrlSegmentBase(v);
+	if (!isSafeUrlSegmentBase(v)) return false;
+	if (v.indexOf("//") > -1) return false;
+	return true;
 }
 const SAFETY_CHECK_BY_KEY = {
 	lng: isSafeLangUrlSegment,
@@ -12617,7 +12678,7 @@ var attachStyles = (hostRef) => {
   const cmpMeta = hostRef.$cmpMeta$;
   const elm = hostRef.$hostElement$;
   const flags = cmpMeta.$flags$;
-  createTime("attachStyles", cmpMeta.$tagName$);
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta,
@@ -12630,6 +12691,7 @@ var attachStyles = (hostRef) => {
       elm.classList.add(scopeId2 + "-s");
     }
   }
+  endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
@@ -13311,7 +13373,7 @@ var scheduleUpdate = (hostRef, isInitialLoad) => {
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
-  createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
+  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = elm;
   if (!instance) {
     throw new Error(
@@ -13331,6 +13393,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   {
     maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
   }
+  endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
 var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
@@ -13340,15 +13403,17 @@ var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then
 var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
 var updateComponent = async (hostRef, instance, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
-  createTime("update", hostRef.$cmpMeta$.$tagName$);
+  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
   elm["s-rc"];
   if (isInitialLoad) {
     attachStyles(hostRef);
   }
-  createTime("render", hostRef.$cmpMeta$.$tagName$);
+  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   {
     callRender(hostRef, instance, elm, isInitialLoad);
   }
+  endRender();
+  endUpdate();
   {
     postUpdateComponent(hostRef);
   }
@@ -13382,8 +13447,9 @@ var callRender = (hostRef, instance, elm, isInitialLoad) => {
   return null;
 };
 var postUpdateComponent = (hostRef) => {
-  hostRef.$cmpMeta$.$tagName$;
+  const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
+  const endPostUpdate = createTime("postUpdate", tagName);
   const instance = elm;
   hostRef.$ancestorComponent$;
   {
@@ -13394,10 +13460,12 @@ var postUpdateComponent = (hostRef) => {
     {
       safeCall(instance, "componentDidLoad");
     }
+    endPostUpdate();
   } else {
     {
       safeCall(instance, "componentDidUpdate");
     }
+    endPostUpdate();
   }
 };
 var safeCall = (instance, method, arg) => {
@@ -13544,8 +13612,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       }
       const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
       if (!styles$h.has(scopeId2)) {
-        createTime("registerStyles", cmpMeta.$tagName$);
+        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+        endRegisterStyles();
       }
     }
   }
@@ -13563,7 +13632,7 @@ var connectedCallback = (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
     const cmpMeta = hostRef.$cmpMeta$;
-    createTime("connectedCallback", cmpMeta.$tagName$);
+    const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
       {
@@ -13592,6 +13661,7 @@ var connectedCallback = (elm) => {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
+    endConnected();
   }
 };
 var setContentReference = (elm) => {
@@ -21850,6 +21920,18 @@ function initializePopover(host, childFacet) {
     host.dispatchEvent(buildCustomEvent('atomic/initializePopover', childFacet));
 }
 
+class FacetVisibilityController {
+    hostUpdate() {
+        if (this.isHidden()) this.internals.states.add('hidden');
+        else this.internals.states.delete('hidden');
+    }
+    constructor(host, isHidden){
+        this.isHidden = isHidden;
+        this.internals = host.attachInternals();
+        host.addController(this);
+    }
+}
+
 class ResultTemplateProvider extends TemplateProvider {
     makeDefaultTemplate() {
         const content = document.createDocumentFragment();
@@ -23589,22 +23671,27 @@ class TimeframeFacetCommon {
         this.facetForDatePickerDependenciesManager?.stopWatching();
         this.filterDependenciesManager?.stopWatching();
     }
-    get isHidden() {
-        return !this.shouldRenderFacet || !this.enabled;
+    isHostHidden({ hasError, firstSearchExecuted }) {
+        return hasError || !this.enabled || firstSearchExecuted && this.facetInfo.isHidden();
     }
-    registerFacetToStore() {
-        const facetInfo = {
+    get facetInfo() {
+        return {
             label: ()=>this.props.bindings.i18n.t(this.props.label),
             facetId: this.facetId,
             element: this.props.host,
             isHidden: ()=>this.isHidden
         };
+    }
+    get isHidden() {
+        return !this.shouldRenderFacet || !this.enabled;
+    }
+    registerFacetToStore() {
         this.props.bindings.store.registerFacet('dateFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value)
         });
         initializePopover(this.props.host, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -23701,14 +23788,16 @@ class TimeframeFacetCommon {
     ></atomic-facet-date-input>`;
     }
     render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse }) {
-        if (hasError || !this.enabled) return lit.nothing;
+        if (this.isHostHidden({
+            hasError,
+            firstSearchExecuted
+        })) return lit.nothing;
         if (!firstSearchExecuted) return renderFacetPlaceholder({
             props: {
                 numberOfValues: this.currentValues.length,
                 isCollapsed
             }
         });
-        if (!this.shouldRenderFacet) return lit.nothing;
         return renderFacetContainer()(lit.html`${this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}
       ${!isCollapsed ? lit.html`${this.shouldRenderValues ? this.renderValues() : lit.nothing}
             ${this.shouldRenderInput ? this.renderDateInput() : lit.nothing}` : lit.nothing}`);
@@ -25591,6 +25680,14 @@ function _ts_metadata$Y(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 let AtomicCategoryFacet$1 = class AtomicCategoryFacet extends lit.LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) console.warn('Values for both "tabs-included" and "tabs-excluded" have been provided. This could lead to unexpected behaviors.');
         this.searchStatus = headless.buildSearchStatus(this.bindings.engine);
@@ -25620,15 +25717,9 @@ let AtomicCategoryFacet$1 = class AtomicCategoryFacet extends lit.LitElement {
         announceFacetSearchResultsWithAriaLive(this.facet, this.label, (msg)=>{
             this.facetSearchAriaMessage.message = msg;
         }, this.bindings.i18n);
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
-        this.bindings.store.registerFacet('categoryFacets', facetInfo);
+        this.bindings.store.registerFacet('categoryFacets', this.facetInfo);
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.facet.state.valuesAsTrees.length,
             numberOfActiveValues: ()=>this.facetState.hasActiveValues ? 1 : 0
         });
@@ -25904,6 +25995,7 @@ let AtomicCategoryFacet$1 = class AtomicCategoryFacet extends lit.LitElement {
     }
     constructor(){
         super(), this.resultIndexToFocusOnShowMore = 0, this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = false, this.sortCriteria = 'occurrences', this.delimitingCharacter = ';', this.basePath = [], this.filterByBasePath = true, this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.facetSearchAriaMessage = new AriaLiveRegionController(this, 'facet-search');
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,
@@ -26425,6 +26517,7 @@ let AtomicColorFacet$1 = class AtomicColorFacet extends lit.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = true, this.sortCriteria = 'automatic', this.resultsMustMatch = 'atLeastOneValue', this.displayValuesAs = 'box', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.allowedValues = [], this.customSort = [], this.valuesBeforeShowMore = new Set();
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,
@@ -27218,6 +27311,7 @@ let AtomicFacet$1 = class AtomicFacet extends lit.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.withSearch = true, this.sortCriteria = 'automatic', this.resultsMustMatch = 'atLeastOneValue', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.enableExclusion = false, this.injectionDepth = 1000, this.allowedValues = [], this.customSort = [], this.valuesBeforeShowMore = new Set();
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfValues: this.numberOfValues,
@@ -29347,6 +29441,14 @@ function _ts_metadata$H(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 let AtomicNumericFacet$1 = class AtomicNumericFacet extends lit.LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     initialize() {
         this.validateTabs();
         this.initializeTabManager();
@@ -29506,14 +29608,8 @@ let AtomicNumericFacet$1 = class AtomicNumericFacet extends lit.LitElement {
         });
     }
     registerFacetToStore() {
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>formatHumanReadable({
                     facetValue: value,
                     logger: this.bindings.engine.logger,
@@ -29524,7 +29620,7 @@ let AtomicNumericFacet$1 = class AtomicNumericFacet extends lit.LitElement {
                 })
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>this.hasValues,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -29625,6 +29721,7 @@ let AtomicNumericFacet$1 = class AtomicNumericFacet extends lit.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfValues = 8, this.sortCriteria = 'ascending', this.rangeAlgorithm = 'equiprobable', this.displayValuesAs = 'checkbox', this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.manualRanges = [], this.formatter = defaultNumberFormatter, this.conditionManagers = [];
+        new FacetVisibilityController(this, ()=>!!this.searchStatus && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 displayValuesAs: this.displayValuesAs,
                 withInput: this.withInput
@@ -30488,6 +30585,14 @@ let AtomicRatingFacet$1 = class AtomicRatingFacet extends lit.LitElement {
         if (!this.headerFocus) this.headerFocus = new FocusTargetController(this, this.bindings);
         return this.headerFocus;
     }
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     connectedCallback() {
         super.connectedCallback();
         if (void 0 === this.maxValueInIndex) this.maxValueInIndex = this.numberOfIntervals;
@@ -30533,19 +30638,13 @@ let AtomicRatingFacet$1 = class AtomicRatingFacet extends lit.LitElement {
             options
         });
         this.facetId = this.facet.state.facetId;
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value),
             content: (value)=>this.ratingContent(value)
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.valuesToRender.length,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -30672,6 +30771,7 @@ let AtomicRatingFacet$1 = class AtomicRatingFacet extends lit.LitElement {
     }
     constructor(){
         super(), this.label = 'no-label', this.numberOfIntervals = 5, this.tabsIncluded = [], this.tabsExcluded = [], this.minValueInIndex = 1, this.displayValuesAs = 'checkbox', this.icon = star, this.isCollapsed = false, this.headingLevel = 0, this.injectionDepth = 1000;
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfIntervals: this.numberOfIntervals,
@@ -30885,6 +30985,14 @@ function _ts_metadata$A(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 let AtomicRatingRangeFacet$1 = class AtomicRatingRangeFacet extends lit.LitElement {
+    get facetInfo() {
+        return {
+            label: ()=>this.bindings.i18n.t(this.label),
+            facetId: this.facetId,
+            element: this,
+            isHidden: ()=>this.isHidden
+        };
+    }
     connectedCallback() {
         super.connectedCallback();
         if (void 0 === this.maxValueInIndex) this.maxValueInIndex = this.numberOfIntervals;
@@ -30933,19 +31041,13 @@ let AtomicRatingRangeFacet$1 = class AtomicRatingRangeFacet extends lit.LitEleme
             options
         });
         this.facetId = this.facet.state.facetId;
-        const facetInfo = {
-            label: ()=>this.bindings.i18n.t(this.label),
-            facetId: this.facetId,
-            element: this,
-            isHidden: ()=>this.isHidden
-        };
         this.bindings.store.registerFacet('numericFacets', {
-            ...facetInfo,
+            ...this.facetInfo,
             format: (value)=>this.formatFacetValue(value),
             content: (value)=>this.ratingContent(value)
         });
         initializePopover(this, {
-            ...facetInfo,
+            ...this.facetInfo,
             hasValues: ()=>!!this.valuesToRender.length,
             numberOfActiveValues: ()=>this.numberOfSelectedValues
         });
@@ -31065,6 +31167,7 @@ let AtomicRatingRangeFacet$1 = class AtomicRatingRangeFacet extends lit.LitEleme
     }
     constructor(){
         super(), this.label = 'no-label', this.tabsIncluded = [], this.tabsExcluded = [], this.numberOfIntervals = 5, this.minValueInIndex = 1, this.icon = star, this.isCollapsed = false, this.headingLevel = 0, this.injectionDepth = 1000;
+        new FacetVisibilityController(this, ()=>!!this.facet && this.facetInfo.isHidden());
         new ValidatePropsController(this, ()=>({
                 field: this.field,
                 numberOfIntervals: this.numberOfIntervals,
@@ -31329,8 +31432,10 @@ let AtomicRefineModal$1 = class AtomicRefineModal extends lit.LitElement {
         const visibleFacetsClone = this.cloneFacets(visibleFacets);
         const invisibleFacetsClone = this.cloneFacets(invisibleFacets);
         collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);
-        divSlot.append(...visibleFacetsClone);
-        divSlot.append(...invisibleFacetsClone);
+        const clonesByFacet = new Map();
+        visibleFacets.forEach((facet, index)=>clonesByFacet.set(facet, visibleFacetsClone[index]));
+        invisibleFacets.forEach((facet, index)=>clonesByFacet.set(facet, invisibleFacetsClone[index]));
+        divSlot.append(...sortedFacets.map((facet)=>clonesByFacet.get(facet)));
         const generator = this.makeAutomaticFacetGenerator();
         if (generator) {
             generator.updateCollapseFacetsDependingOnFacetsVisibility(this.collapseFacetsAfter, visibleFacets.length);
@@ -32552,6 +32657,7 @@ function requireBgStandard_common () {
 	  pastChat: "rgb(255, 93, 45)",
 	  cryptoTransactionEnvelopeChangeLog: "rgb(8, 73, 104)",
 	  feedback: "rgb(27, 150, 255)",
+	  voicemailDrop: "rgb(3, 45, 96)",
 	  actionListComponent: "rgb(16, 124, 173)",
 	  opportunitySplits: "rgb(255, 93, 45)",
 	  locationPermit: "rgb(6, 165, 154)",
@@ -32702,7 +32808,9 @@ function requireBgStandard_common () {
 	  sendLog: "rgb(147, 147, 147)",
 	  dxPipeline: "rgb(255, 93, 45)",
 	  account: "rgb(88, 103, 232)",
+	  suggestedForYou: "rgb(144, 80, 233)",
 	  programStatus: "rgb(144, 80, 233)",
+	  outboundCall: "rgb(3, 45, 96)",
 	  studyCandidate: "rgb(47, 44, 183)",
 	  couponCodes: "rgb(57, 101, 71)",
 	  adverseEvent: "rgb(182, 5, 84)",
@@ -32795,6 +32903,7 @@ function requireBgStandard_common () {
 	  contract: "rgb(57, 101, 71)",
 	  policy: "rgb(6, 165, 154)",
 	  sobject: "rgb(147, 147, 147)",
+	  inQueueExperience: "rgb(3, 45, 96)",
 	  adEventEffect: "rgb(182, 5, 84)",
 	  whatsapp: "rgb(59, 167, 85)",
 	  salesCadenceTarget: "rgb(16, 124, 173)",
@@ -32827,6 +32936,7 @@ function requireBgStandard_common () {
 	  taxRate: "rgb(57, 101, 71)",
 	  report: "rgb(6, 165, 154)",
 	  customerWorkspace: "rgb(57, 101, 71)",
+	  rfpRecord: "rgb(59, 167, 85)",
 	  groups: "rgb(27, 150, 255)",
 	  diseaseOutbreak: "rgb(255, 83, 138)",
 	  dataModel: "rgb(255, 83, 138)",
@@ -32840,6 +32950,7 @@ function requireBgStandard_common () {
 	  priceBooks: "rgb(57, 101, 71)",
 	  entityMilestone: "rgb(255, 93, 45)",
 	  contractLineOutcome: "rgb(57, 101, 71)",
+	  aiModelGenerative: "rgb(27, 150, 255)",
 	  wealthManagement: "rgb(6, 165, 154)",
 	  customers: "rgb(6, 165, 154)",
 	  disclosureAndCompliance: "rgb(6, 165, 154)",
@@ -32918,6 +33029,7 @@ function requireBgStandard_common () {
 	  avatar: "rgb(27, 150, 255)",
 	  recordDelete: "rgb(255, 83, 138)",
 	  solution: "rgb(59, 167, 85)",
+	  initiateExternalTransfer: "rgb(3, 45, 96)",
 	  editForm: "rgb(147, 147, 147)",
 	  nftStudio: "rgb(88, 103, 232)",
 	  manualDiscounts: "rgb(16, 124, 173)",
@@ -37381,6 +37493,7 @@ let AtomicSortDropdown$1 = class AtomicSortDropdown extends lit.LitElement {
                 })))}`);
     }
     render() {
+        if (!this.options.length) return lit.html`<slot></slot>`;
         const { hasError, hasResults, firstSearchExecuted, isLoading } = this.searchStatusState;
         return lit.html`
       ${sortGuard({
@@ -37742,6 +37855,10 @@ function _ts_metadata(metadataKey, metadataValue) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(metadataKey, metadataValue);
 }
 let AtomicTimeframeFacet$1 = class AtomicTimeframeFacet extends lit.LitElement {
+    get isHidden() {
+        if (!this.timeframeFacetCommon || !this.searchStatusState) return false;
+        return this.timeframeFacetCommon.isHostHidden(this.searchStatusState);
+    }
     get focusTarget() {
         if (!this.headerFocus) this.headerFocus = new FocusTargetController(this, this.bindings);
         return this.headerFocus;
@@ -37850,6 +37967,7 @@ let AtomicTimeframeFacet$1 = class AtomicTimeframeFacet extends lit.LitElement {
         super(), this.label = 'no-label', this.field = 'date', this.tabsIncluded = [], this.tabsExcluded = [], this.withDatePicker = false, this.isCollapsed = false, this.headingLevel = 0, this.filterFacetCount = true, this.injectionDepth = 1000, this.sortCriteria = 'descending', this.handleDateInputApply = ()=>{
             if (this.facetId) this.bindings.engine.dispatch(headless.loadDateFacetSetActions(this.bindings.engine).deselectAllDateFacetValues(this.facetId));
         };
+        new FacetVisibilityController(this, ()=>this.isHidden);
         new ValidatePropsController(this, ()=>({
                 injectionDepth: this.injectionDepth,
                 headingLevel: this.headingLevel,