classcard-ui 0.2.1526 → 0.2.1527

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.1526",
+  "version": "0.2.1527",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CMultiselect/CMultiselect.vue

@@ -80,6 +80,7 @@
                   'vs__selected-inner inline-flex min-w-0 max-w-[120px] items-center gap-1.5 rounded bg-gray-100 px-2 py-1 text-gray-800',
                   isDisabled ? 'text-gray-500' : '',
                 ]"
+                :title="row.label"
               >
                 <c-icon
                   v-if="option.icon"
@@ -126,13 +127,16 @@
                   >
                 </button>
               </p>
-              <span
+              <button
                 v-if="row.showOverflowBadge"
-                class="vs__selected-overflow inline-flex w-max rounded bg-gray-100 px-2 py-1 text-gray-800"
+                type="button"
+                class="vs__selected-overflow inline-flex w-max rounded bg-gray-100 px-2 py-1 text-gray-800 focus:outline-none"
+                :aria-label="`Show ${selectedOverflowCount} more selected`"
                 aria-live="polite"
+                @click.stop="openDropdown"
               >
                 +{{ selectedOverflowCount }}
-              </span>
+              </button>
             </div>
           </template>
         </template>
@@ -1145,6 +1149,15 @@ export default {
         };
       });
     },
+    openDropdown() {
+      const vSelectRef = this.$refs.vselect;
+      if (!vSelectRef || this.isDisabled) return;
+      vSelectRef.open = true;
+      this.$nextTick(() => {
+        const input = vSelectRef.$el.querySelector(".vs__search");
+        if (input) input.focus();
+      });
+    },
   },
   watch: {
     optionsSelected: {

package/src/icons.js

@@ -884,4 +884,5 @@ export default {
   "exclaimation-circle-outline-v2":"M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z",
   "plus-solid-v2":"M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
   "minus-solid-v2":"M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z",
+  "squares-two-solid-v2":"M3 6a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3V6ZM3 15.75a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-2.25Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3v-2.25Z"
 };