Added loader. Fixed duplicates.

app/src/Controller/ApiV2Controller.php

@@ -313,7 +313,10 @@ public function index() {
     // Construct the Query
     $query = $this->getIndexQuery($pickerMode);
 
-    // This magically makes REST calls paginated... can use eg direction=,
+    if(method_exists($table, 'findIndexed')) {
+      $query = $table->findIndexed($query);
+    }
+      // This magically makes REST calls paginated... can use eg direction=,
     // sort=, limit=, page= 
     $this->set($this->tableName, $this->paginate($query));
 

app/src/Controller/StandardController.php

@@ -570,6 +570,11 @@ public function index() {
     $tableName = $table->getTable();
     // Construct the Query
     $query = $this->getIndexQuery();
+
+    if(method_exists($table, 'findIndexed')) {
+      $query = $table->findIndexed($query);
+    }
+
     // Fetch the data and paginate
     $resultSet = $this->paginate($query);
 

app/src/Model/Table/PeopleTable.php

@@ -289,12 +289,11 @@ public function beforeDelete(\Cake\Event\Event $event, $entity, \ArrayObject $op
    * Customized finder for the Index Population View
    *
    * @param   Query  $query    Cake ORM Query
-   * @param   array  $options  Cake ORM Query options
    *
-   * @return CakeORMQuery          Cake ORM Query
+   * @return Query Cake ORM Query
    * @since  COmanage Registry v5.0.0
    */
-  public function findIndexed(Query $query, array $options): Query {
+  public function findIndexed(Query $query): Query {
     return $query->select([
                             'People.id',
                             'PrimaryName.given',

app/webroot/js/comanage/components/autocomplete/cm-autocomplete-people.js

@@ -166,6 +166,7 @@ export default {
       :minLength="this.options.minLength"
       :placeholder="this.txt['autocomplete.people.placeholder']"
       :delay="500"
+      loadingIcon=null
       forceSelection
       @item-select="setPerson">
       <template #option="slotProps">

app/webroot/js/comanage/components/common/mini-loader.js

@@ -0,0 +1,46 @@
+/**
+ * COmanage Registry MVEA Vue.js Component / Card
+ *
+ * Portions licensed to the University Corporation for Advanced Internet
+ * Development, Inc. ("UCAID") under one or more contributor license agreements.
+ * See the NOTICE file distributed with this work for additional information
+ * regarding copyright ownership.
+ *
+ * UCAID licenses this file to you under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with the
+ * License. You may obtain a copy of the License at:
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * @link          https://www.internet2.edu/comanage COmanage Project
+ * @package       registry
+ * @since         COmanage Registry v5.0.0
+ * @license       Apache License, Version 2.0 (http://www.apache.org/licenses/LICENSE-2.0)
+ */
+
+export default {
+  props: {
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    classes: {
+      type: String,
+      default: "d-inline" // by default mimic a span
+    }
+  },
+  template: `
+    <!-- Wrapping inside a dive in order to have better stylish handling -->
+    <div :class="classes">
+      <span v-show="isLoading" class="co-loading-mini" role="status">
+        <span></span><span></span><span></span>
+      </span>
+    </div>
+  `
+}