classcard-ui 0.2.273 → 0.2.277

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.273",
+  "version": "0.2.277",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CAvatar/CAvatar.vue

@@ -2,7 +2,13 @@
   <div>
     <div :class="description ? 'items-start' : 'items-center'" class="flex">
       <div v-if="image">
-        <img :class="[classes, imageClasses]" class="inline-block" :src="image" alt="" />
+        <img
+          @error="$emit('error', $event)"
+          :class="[classes, imageClasses]"
+          class="inline-block"
+          :src="image"
+          alt=""
+        />
       </div>
       <div
         v-else
@@ -22,7 +28,10 @@
         <p v-if="name" class="text-sm text-gray-900">
           {{ name }}
         </p>
-        <p v-if="description" class="text-xs text-gray-500 group-hover:text-gray-700">
+        <p
+          v-if="description"
+          class="text-xs text-gray-500 group-hover:text-gray-700"
+        >
           {{ description }}
         </p>
         <slot></slot>

package/src/components/CIconDropdown/CIconDropdown.vue

@@ -5,19 +5,42 @@
       <div>
         <button
           type="white"
-          @click="toggleDropdown = !toggleDropdown"
+          @click.stop="toggleDropdown = !toggleDropdown"
           @blur="close()"
-          class="inline-flex justify-center w-full rounded-full border-none p-2 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600"
+          class="
+            inline-flex
+            justify-center
+            w-full
+            rounded-full
+            border-none
+            p-2
+            focus:outline-none
+            focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600
+          "
           aria-haspopup="true"
           aria-expanded="true"
         >
-          <c-icon :name="icon.name" :type="icon.type" :class="icon.class"></c-icon>
+          <c-icon
+            :name="icon.name"
+            :type="icon.type"
+            :class="icon.class"
+          ></c-icon>
         </button>
       </div>
       <div
         v-show="toggleDropdown"
         :class="classes"
-        class="origin-top-right z-10 absolute mt-2 -mr-1 rounded-md shadow-lg bg-white ring-1 ring-gray-900 ring-opacity-5"
+        class="
+          origin-top-right
+          z-10
+          absolute
+          mt-2
+          -mr-1
+          rounded-md
+          shadow-lg
+          bg-white
+          ring-1 ring-gray-900 ring-opacity-5
+        "
       >
         <div
           class="py-2 w-max"
@@ -28,8 +51,16 @@
           <a
             v-for="item in items"
             v-bind:key="item.text"
-            @mousedown="dropdownAction(item)"
-            class="flex px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 cursor-pointer"
+            @mousedown.stop="dropdownAction(item)"
+            class="
+              flex
+              px-4
+              py-2
+              text-sm text-gray-700
+              hover:bg-gray-100
+              hover:text-gray-900
+              cursor-pointer
+            "
             role="menuitem"
           >
             {{ item.text }}

package/src/icons.js

@@ -195,4 +195,6 @@ export default {
   save: "M7.707 10.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V6h5a2 2 0 012 2v7a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2h5v5.586l-1.293-1.293zM9 4a1 1 0 012 0v2H9V4z",
   "clipboard-list-solid":
     "M9 2a1 1 0 000 2h2a1 1 0 100-2H9z M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z",
+  "clipboard-check-outline":
+    "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4",
 };