@searchstax-inc/searchstudio-ux-vue 4.2.2 → 4.2.10

package/README.md

@@ -282,6 +282,8 @@ It receives the following props:
       placeholder="SEARCH FOR..."
       aria-label="search"
     />
+    <button v-if="hasInputValue" @click="onClearClick" @keyup.enter="onClearClick" id="searchstax-clear-input-action-button" class="searchstax-cross-icon " aria-label="clear input" role="button"></button>
+    <span v-if="hasInputValue" id="searchstax-separator-icon" class="searchstax-separator "></span>
     <div
       class="searchstax-autosuggest-container"
       :class="{ hidden: suggestions.length === 0 }"

package/dist/@searchstax-inc/components/templates/SearchstaxInputWidgetTemplate.vue.d.ts

@@ -17,6 +17,14 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         type: PropType<() => void>;
         required: true;
     };
+    onClearClick: {
+        type: PropType<() => void>;
+        required: false;
+    };
+    hasInputValue: {
+        type: BooleanConstructor;
+        required: false;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     suggestions: {
         type: PropType<ISearchstaxSuggestion[]>;
@@ -34,5 +42,15 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         type: PropType<() => void>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    onClearClick: {
+        type: PropType<() => void>;
+        required: false;
+    };
+    hasInputValue: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    hasInputValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;