@coveo/quantic 3.45.3 → 3.45.4

package/docs/out/quantic-docs.json

@@ -1995,9 +1995,9 @@
                         "name": "placeholder",
                         "attribute": "placeholder",
                         "access": "@api",
-                        "description": "<p>The placeholder text to display in the search box input area.</p>",
-                        "required": true,
-                        "defaultValue": "",
+                        "description": "<p>The placeholder text to display in the search box input area.\nDefaults to the <code>quantic_SearchBoxPlaceholder</code> custom label.</p>",
+                        "required": false,
+                        "defaultValue": "'Search...'",
                         "type": "string"
                     },
                     {
@@ -2427,9 +2427,9 @@
                         "name": "placeholder",
                         "attribute": "placeholder",
                         "access": "@api",
-                        "description": "<p>The placeholder text to display in the search box input area.</p>",
-                        "required": true,
-                        "defaultValue": "",
+                        "description": "<p>The placeholder text to display in the search box input area.\nDefaults to the <code>quantic_SearchBoxPlaceholder</code> custom label.</p>",
+                        "required": false,
+                        "defaultValue": "'Search...'",
                         "type": "string"
                     },
                     {
@@ -5829,9 +5829,9 @@
                         "name": "placeholder",
                         "attribute": "placeholder",
                         "access": "@api",
-                        "description": "<p>The placeholder text to display in the search box input area.</p>",
-                        "required": true,
-                        "defaultValue": "",
+                        "description": "<p>The placeholder text to display in the search box input area.\nDefaults to the <code>quantic_SearchBoxPlaceholder</code> custom label.</p>",
+                        "required": false,
+                        "defaultValue": "'Search...'",
                         "type": "string"
                     },
                     {

package/force-app/main/default/labels/CustomLabels.labels-meta.xml

@@ -1435,6 +1435,13 @@
     <protected>false</protected>
     <shortDescription>Search field with suggestions.</shortDescription>
   </labels>
+  <labels>
+    <fullName>quantic_SearchBoxPlaceholder</fullName>
+    <value>Search...</value>
+    <language>en_US</language>
+    <protected>false</protected>
+    <shortDescription>Search box placeholder</shortDescription>
+  </labels>
   <labels>
     <fullName>quantic_SuggestionFound</fullName>
     <value>{{0}} search suggestion found, to navigate use up and down arrows.</value>

package/force-app/main/default/lwc/quanticSearchBox/quanticSearchBox.js

@@ -1,3 +1,4 @@
+import searchBoxPlaceholder from '@salesforce/label/c.quantic_SearchBoxPlaceholder';
 import {
   registerComponentForInit,
   initializeWithHeadless,
@@ -29,10 +30,18 @@ export default class QuanticSearchBox extends LightningElement {
   @api engineId;
   /**
    * The placeholder text to display in the search box input area.
+   * Defaults to the `quantic_SearchBoxPlaceholder` custom label.
    * @api
    * @type {string}
+   * @defaultValue 'Search...'
    */
-  @api placeholder = null;
+  @api
+  get placeholder() {
+    return this._placeholder ?? this.labels.searchBoxPlaceholder;
+  }
+  set placeholder(value) {
+    this._placeholder = value;
+  }
   /**
    * Whether not to render a submit button.
    * @api
@@ -73,6 +82,10 @@ export default class QuanticSearchBox extends LightningElement {
   /** @type {SearchBoxState} */
   @track state;
 
+  labels = {
+    searchBoxPlaceholder,
+  };
+
   /** @type {SearchBox} */
   searchBox;
   /** @type {Function} */
@@ -87,6 +100,8 @@ export default class QuanticSearchBox extends LightningElement {
   recentQueriesList;
   /** @type {String[]} */
   recentQueries;
+  /** @type {string} */
+  _placeholder;
 
   /**
    * @param {SearchEngine} engine

package/force-app/main/default/lwc/quanticStandaloneSearchBox/quanticStandaloneSearchBox.js

@@ -1,3 +1,4 @@
+import searchBoxPlaceholder from '@salesforce/label/c.quantic_SearchBoxPlaceholder';
 import {
   registerComponentForInit,
   initializeWithHeadless,
@@ -37,10 +38,18 @@ export default class QuanticStandaloneSearchBox extends NavigationMixin(
   @api engineId;
   /**
    * The placeholder text to display in the search box input area.
+   * Defaults to the `quantic_SearchBoxPlaceholder` custom label.
    * @api
    * @type {string}
+   * @defaultValue 'Search...'
    */
-  @api placeholder = null;
+  @api
+  get placeholder() {
+    return this._placeholder ?? this.labels.searchBoxPlaceholder;
+  }
+  set placeholder(value) {
+    this._placeholder = value;
+  }
   /**
    * Whether not to render a submit button.
    * @api
@@ -113,6 +122,10 @@ export default class QuanticStandaloneSearchBox extends NavigationMixin(
     isLoadingSuggestions: false,
   };
 
+  labels = {
+    searchBoxPlaceholder,
+  };
+
   /** @type {StandaloneSearchBox} */
   standaloneSearchBox;
   /** @type {Function} */
@@ -123,6 +136,8 @@ export default class QuanticStandaloneSearchBox extends NavigationMixin(
   suggestions = [];
   /** @type {boolean} */
   hasInitializationError = false;
+  /** @type {string} */
+  _placeholder;
 
   /** @type {string} */
   get standaloneEngineId() {