classcard-ui 0.2.1491 → 0.2.1492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/classcard-ui.common.js +90 -89
  2. package/dist/classcard-ui.common.js.map +1 -1
  3. package/dist/classcard-ui.css +1 -1
  4. package/dist/classcard-ui.umd.js +90 -89
  5. package/dist/classcard-ui.umd.js.map +1 -1
  6. package/dist/classcard-ui.umd.min.js +2 -2
  7. package/dist/classcard-ui.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/CGroupedSelect/CGroupedSelect.vue +7 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.1491",
3
+ "version": "0.2.1492",
4
4
  "main": "dist/classcard-ui.umd.min.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/CGroupedSelect/CGroupedSelect.vue CHANGED
@@ -71,7 +71,7 @@
71
71
  </svg>
72
72
  </span>
73
73
  <button
74
- class="absolute top-2.5 right-10 z-100"
74
+ class="z-100 absolute top-2.5 right-10"
75
75
  v-if="
76
76
  showCloseButton && (inputValue == null || inputValue.length == 0)
77
77
  "
@@ -109,7 +109,7 @@
109
109
  aria-labelledby="listbox-label"
110
110
  aria-activedescendant="listbox-option-3"
111
111
  v-if="options.length > 0"
112
- class="max-h-60 overflow-auto overscroll-contain rounded-md bg-white py-1 text-base ring-1 ring-black ring-opacity-5 shadow-lg focus:outline-none sm:text-sm"
112
+ class="max-h-60 overflow-auto overscroll-contain rounded-md bg-white text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
113
113
  >
114
114
  <!--
115
115
  Select option, manage highlight styles based on mouseenter/mouseleave and keyboard navigation.
@@ -117,9 +117,10 @@
117
117
  Highlighted: "text-white bg-indigo-600", Not Highlighted: "text-gray-900"
118
118
  -->
119
119
 
120
- <span v-for="option in options" :key="option.id">
120
+ <template v-for="option in options">
121
121
  <li
122
- class="relative cursor-default select-none bg-gray-100 px-3 py-2 text-left text-sm text-gray-700"
122
+ :key="option.id"
123
+ class="sticky top-0 z-20 cursor-default select-none bg-gray-100 px-3 py-2 text-left text-sm text-gray-700"
123
124
  role="option"
124
125
  >
125
126
  <span class="block truncate"> {{ option.label }} </span>
@@ -250,11 +251,11 @@
250
251
  </span>
251
252
  </template>
252
253
  </li>
253
- </span>
254
+ </template>
254
255
  </ul>
255
256
  <p
256
257
  v-else
257
- class="rounded-md bg-white py-2 text-center text-sm ring-1 ring-black ring-opacity-5 shadow-lg"
258
+ class="rounded-md bg-white py-2 text-center text-sm shadow-lg ring-1 ring-black ring-opacity-5"
258
259
  >
259
260
  No match found. Try a different search.
260
261
  </p>