@dile/ui 2.1.35 → 2.1.36

package/components/input/src/DileInputSearch.js

@@ -1,9 +1,8 @@
 import { LitElement, html, css } from 'lit';
 import '../../icon/icon.js';
 import { searchIcon, clearIcon } from '@dile/icons/index.js';
-import { DileEmmitChange } from '../../../mixins/form/index.js';
 
-export class DileInputSearch extends DileEmmitChange(LitElement) {
+export class DileInputSearch extends LitElement {
     static styles = [
         css`
             :host {
@@ -72,12 +71,6 @@ export class DileInputSearch extends DileEmmitChange(LitElement) {
         this.input = this.shadowRoot.getElementById('elinput');
     }
 
-    updated(changedProperties) {
-        if(changedProperties.has('value')) {
-          this.emmitChange();
-        }
-      }
-
     render() {
         return html`
         <div class="${this.errored ? "errored" : ""}">
@@ -115,7 +108,7 @@ export class DileInputSearch extends DileEmmitChange(LitElement) {
     }
 
     dispatchSearch(key) {
-        this.dispatchEvent(new CustomEvent('dile-input-search', {
+        this.dispatchEvent(new CustomEvent('@dile-input-search=${this.hideErrorOnInteraction}', {
             bubbles: true,
             composed: true,
             detail: {

package/components/select/src/DileSelectAjax.js

@@ -197,6 +197,7 @@ export class DileSelectAjax  extends DileEmmitChange(LitElement) {
         value="${this.selectedText}"
         readOnly
         @dile-input-search-cleared=${this.onClearSelected}
+        @dile-input-search=${this.hideErrorOnInteraction}
       ></dile-input-search>
     `;
   }
@@ -212,7 +213,6 @@ export class DileSelectAjax  extends DileEmmitChange(LitElement) {
         @focus=${this.onFocus}
         @dile-input-search=${this.onTextInput}
         delay="${this.delay}"
-        @element-changed=${this.inputSearchChanged}
       ></dile-input-search>
       <div class="anchor">
         <section class="${this.opened && this.keyword.length > 0 ? 'opened' : ''}">
@@ -294,11 +294,6 @@ export class DileSelectAjax  extends DileEmmitChange(LitElement) {
     this.hideErrorOnInteraction();
   }
 
-  inputSearchChanged(e) {
-    e.stopPropagation();
-    this.hideErrorOnInteraction();
-  }
-
   hideErrorOnInteraction() {
     if (this.hideErrorOnInput && this.errored) {
       this.clearError();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/ui",
-  "version": "2.1.35",
+  "version": "2.1.36",
   "description": "UI Core components from dile-components.",
   "main": "index.js",
   "scripts": {
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c46fe754ac1cd5dd2a0fd628915066d651b02549"
+  "gitHead": "6ea2ac2779d56aa2edf23147fa8a173eed9db29b"
 }