@exmg/exm-search 1.1.10 → 1.1.12

package/dist/exm-search-base.d.ts

@@ -18,8 +18,9 @@ export declare class ExmSearchBase extends ExmgElement {
     detectOutsideClick(e: Event): void;
     render(): import("lit-html").TemplateResult<1>;
     _getValue(): string;
-    _notifyChange(): void;
-    _handleClear(e: Event): void;
-    _handleKeyUp(e: KeyboardEvent): void;
+    private notifyChange;
+    private handleClear;
+    private handleKeyUp;
+    private handleBlur;
     updated(changedProperties: Map<string, any>): void;
 }

package/dist/exm-search-base.js

@@ -61,21 +61,18 @@ export class ExmSearchBase extends ExmgElement {
             placeholder=${this.placeHolder}
             value=${this.filterValue ? this.filterValue : ''}
             onfocus="let value = this.value; this.value = null; this.value = value"
-            @keyup=${this._handleKeyUp}
+            @keyup=${this.handleKeyUp}
+            @blur=${this.handleBlur}
           />
           ${this.filterValue
-            ? html `
-                <md-icon-button class="clear" @click=${this._handleClear}><md-icon>clear</md-icon></md-icon-button>
-              `
+            ? html ` <md-icon-button class="clear" @click=${this.handleClear}><md-icon>clear</md-icon></md-icon-button> `
             : nothing}
         </div>
         <div class="mode-default" @click=${() => this.focus()}>
           <md-icon class="search">search</md-icon>
           <span class="interactive-content">${this._getValue()}</span>
           ${this.filterValue
-            ? html `
-                <md-icon-button class="clear" @click=${this._handleClear}><md-icon>clear</md-icon></md-icon-button>
-              `
+            ? html ` <md-icon-button class="clear" @click=${this.handleClear}><md-icon>clear</md-icon></md-icon-button> `
             : nothing}
         </div>
       </div>
@@ -84,10 +81,10 @@ export class ExmSearchBase extends ExmgElement {
     _getValue() {
         return this.filterValue || this.placeHolder;
     }
-    _notifyChange() {
+    notifyChange() {
         this.fire('search-value-change', { value: this.filterValue }, this.bubbles);
     }
-    _handleClear(e) {
+    handleClear(e) {
         var _a;
         e.stopPropagation();
         e.preventDefault();
@@ -95,19 +92,22 @@ export class ExmSearchBase extends ExmgElement {
         if (this.search) {
             this.search.value = '';
         }
-        this._notifyChange();
+        this.notifyChange();
         (_a = this.search) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    _handleKeyUp(e) {
+    handleKeyUp(e) {
         const input = e.target;
         if (this.filterValue !== input.value) {
             this.filterValue = input.value;
-            this._notifyChange();
+            this.notifyChange();
         }
         if (e.key === 'Escape') {
             this._hasFocus = false;
         }
     }
+    handleBlur() {
+        this.fire('search-blur', {}, this.bubbles);
+    }
     updated(changedProperties) {
         if (changedProperties.has('_hasFocus')) {
             // after _hasFocus changed to true, focus the input

package/dist/styles/exm-search-css.js

@@ -5,7 +5,7 @@ export const style = css `
     --_hover-outline-color: var(--exm-search-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));
     --_outline-width: var(--exm-search-outline-width, 1px);
     --_outline-color: var(--exm-search-outline-color, var(--md-outlined-field-hover-outline-width, 1px));
-    --_container-shape: var(--exm-search-container-shape, 4px);
+    --_container-shape: var(--exm-search-container-shape, 3rem);
     --_focus-input-text-color: var(--exm-search-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));
     --_focus-label-text-color: var(--exm-search-focus-label-text-color, var(--md-sys-color-primary, #6750a4));
     --_focus-icon-color: var(--exm-search-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-search",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "36f7f6dd58a96ea7edda7af31b25e679555d79c4"
+  "gitHead": "1478e41cdcc8b109995cf78f8ccfadd7699c22aa"
 }