feat(props): discard the loadingIndicator prop

It was decided that this is not a flexible way to set the loading indicator. To do this, do it
through a slot, for example, via the "input-end" slot.

BREAKING CHANGE: this prop no longer exists

gh-pages-src/pages/dev/Example2.vue

@@ -57,6 +57,17 @@
             </div>
           </div>
         </template>
+        <template slot="input-end">
+          <!--
+          http://loadinggif.com/images/image-selection/3.gif
+          https://loading.io/
+          -->
+          <img
+            src="https://i.imgur.com/fLYd7PN.gif"
+            class="loading-indicator"
+            alt="loading"
+          >
+        </template>
       </cool-select>
     </div>
   </div>
@@ -115,4 +126,9 @@ export default {
     margin-right: 10px;
     border: 1px solid #eaecf0;
   }
+
+  .loading-indicator {
+    width: 24px;
+    margin-right: 5px;
+  }
 </style>

src/computed.js

@@ -26,9 +26,6 @@ export default {
   inputForTextStyles () {
     let styles = {}
 
-    if (this.loading) {
-      styles['background-image'] = `url(${this.loadingIndicator})`
-    }
     if (this.inputElCustomAttributes && this.inputElCustomAttributes.style) {
       styles = {
         ...styles,

src/props.js

@@ -32,11 +32,6 @@ export default {
     default: false,
     note: 'display the loading indicator.'
   },
-  loadingIndicator: { // http://loadinggif.com/images/image-selection/3.gif
-    type: String,
-    default: 'https://i.imgur.com/fLYd7PN.gif',
-    note: 'sets custom loading spinner/indicator. https://loading.io/'
-  },
   disabled: {
     type: Boolean,
     default: false,