@coveo/atomic 3.59.3 → 3.59.4

package/dist/cjs/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.cjs

@@ -226,6 +226,7 @@ class AtomicCommerceSearchBox extends external_lit_namespaceObject.LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/cjs/components/insight/atomic-insight-search-box/atomic-insight-search-box.cjs

@@ -123,6 +123,7 @@ class AtomicInsightSearchBox extends external_lit_namespaceObject.LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/cjs/components/search/atomic-search-box/atomic-search-box.cjs

@@ -229,6 +229,7 @@ class AtomicSearchBox extends external_lit_namespaceObject.LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/cjs/global/environment.cjs

@@ -33,7 +33,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.59.3",
+        version: "3.59.4",
         headlessVersion
     };
 }

package/dist/cjs/utils/hidden-state-controller.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    HiddenStateController: ()=>HiddenStateController
+});
+const shadowSheet = new CSSStyleSheet();
+shadowSheet.replaceSync(':host(:state(empty)) { display: none }');
+const lightSheet = new CSSStyleSheet();
+lightSheet.replaceSync(':state(empty) { display: none }');
+class HiddenStateController {
+    hostConnected() {
+        const root = this.host.shadowRoot;
+        if (root) {
+            if (!root.adoptedStyleSheets.includes(shadowSheet)) root.adoptedStyleSheets.push(shadowSheet);
+        } else {
+            const parentRoot = this.host.getRootNode();
+            if (!parentRoot.adoptedStyleSheets.includes(lightSheet)) parentRoot.adoptedStyleSheets.push(lightSheet);
+        }
+    }
+    set isEmpty(value) {
+        if (value) this.internals.states.add('empty');
+        else this.internals.states.delete('empty');
+    }
+    get isEmpty() {
+        return this.internals.states.has('empty');
+    }
+    constructor(host){
+        this.host = host;
+        this.internals = host.attachInternals();
+        this.internals.states.add('empty');
+        host.addController(this);
+    }
+}
+exports.HiddenStateController = __webpack_exports__.HiddenStateController;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "HiddenStateController"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/versions.cjs

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
     headlessVersion: ()=>package_json_namespaceObject.version
 });
 const package_json_namespaceObject = require("@coveo/headless/package.json");
-const atomicVersion = "3.59.3";
+const atomicVersion = "3.59.4";
 exports.atomicVersion = __webpack_exports__.atomicVersion;
 exports.headlessVersion = __webpack_exports__.headlessVersion;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/esm/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js

@@ -198,6 +198,7 @@ class AtomicCommerceSearchBox extends LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/esm/components/insight/atomic-insight-search-box/atomic-insight-search-box.js

@@ -84,6 +84,7 @@ class AtomicInsightSearchBox extends LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/esm/components/search/atomic-search-box/atomic-search-box.js

@@ -201,6 +201,7 @@ class AtomicSearchBox extends LitElement {
                 if (!e.shiftKey) this.onSubmit();
                 break;
             case 'Escape':
+                this.isExpanded = false;
                 this.suggestionManager.clearSuggestions();
                 break;
             case 'ArrowDown':

package/dist/esm/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.59.3",
+        version: "3.59.4",
         headlessVersion
     };
 }

package/dist/esm/utils/hidden-state-controller.js

@@ -0,0 +1,29 @@
+const shadowSheet = new CSSStyleSheet();
+shadowSheet.replaceSync(':host(:state(empty)) { display: none }');
+const lightSheet = new CSSStyleSheet();
+lightSheet.replaceSync(':state(empty) { display: none }');
+class HiddenStateController {
+    hostConnected() {
+        const root = this.host.shadowRoot;
+        if (root) {
+            if (!root.adoptedStyleSheets.includes(shadowSheet)) root.adoptedStyleSheets.push(shadowSheet);
+        } else {
+            const parentRoot = this.host.getRootNode();
+            if (!parentRoot.adoptedStyleSheets.includes(lightSheet)) parentRoot.adoptedStyleSheets.push(lightSheet);
+        }
+    }
+    set isEmpty(value) {
+        if (value) this.internals.states.add('empty');
+        else this.internals.states.delete('empty');
+    }
+    get isEmpty() {
+        return this.internals.states.has('empty');
+    }
+    constructor(host){
+        this.host = host;
+        this.internals = host.attachInternals();
+        this.internals.states.add('empty');
+        host.addController(this);
+    }
+}
+export { HiddenStateController };

package/dist/esm/versions.js

@@ -1,3 +1,3 @@
-const atomicVersion = "3.59.3";
+const atomicVersion = "3.59.4";
 export { version as headlessVersion } from "@coveo/headless/package.json";
 export { atomicVersion };

package/dist/types/components/insight/atomic-insight-smart-snippet-feedback-modal/atomic-insight-smart-snippet-feedback-modal.d.ts

@@ -7,8 +7,6 @@ import type { InitializableComponent } from '../../../decorators/types';
  *
  * When the modal is opened, the class `atomic-modal-opened` is added to the body, allowing further customization.
  *
- * @internal
- *
  * @part backdrop - The transparent backdrop hiding the content behind the modal.
  * @part container - The modal's outermost container with the outline and background.
  * @part header-wrapper - The wrapper around the header.

package/dist/types/components/insight/atomic-insight-user-actions-modal/atomic-insight-user-actions-modal.d.ts

@@ -8,8 +8,6 @@ import type { InitializableComponent } from '../../../decorators/types';
  *
  * When the modal is opened, the CSS class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.
  *
- * @internal
- *
  * @part title - The title element displaying "user-actions" text.
  * @part close-button - The button used to close the modal.
  * @part close-icon - The close icon within the close button.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.59.3",
+  "version": "3.59.4",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "license": "Apache-2.0",
@@ -69,9 +69,9 @@
     "i18next-http-backend": "3.0.6",
     "lit": "3.3.3",
     "marked": "12.0.2",
-    "@coveo/atomic-legacy": "0.0.19",
+    "@coveo/atomic-legacy": "0.0.20",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.51.3"
+    "@coveo/headless": "3.51.4"
   },
   "devDependencies": {
     "@ag-ui/client": "0.0.53",
@@ -118,7 +118,7 @@
   "peerDependencies": {
     "typescript": ">=5.0.0",
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.51.3"
+    "@coveo/headless": "^3.51.4"
   },
   "peerDependenciesMeta": {
     "typescript": {