edvoyui-component-library-test-flight 0.0.146 → 0.0.147

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 (6) hide show
  1. package/dist/library-vue-ts.cjs.js +1 -1
  2. package/dist/library-vue-ts.css +1 -1
  3. package/dist/library-vue-ts.es.js +21 -20
  4. package/dist/library-vue-ts.umd.js +2 -2
  5. package/package.json +1 -1
  6. package/src/components/select/EUISelect.vue +11 -10
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "edvoyui-component-library-test-flight",
3
3
  "private": false,
4
- "version": "0.0.146",
4
+ "version": "0.0.147",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/",
package/src/components/select/EUISelect.vue CHANGED
@@ -150,32 +150,32 @@
150
150
  </template>
151
151
 
152
152
  <template v-else-if="isSelectAll || isCheckbox" #list-header>
153
- <div v-if="isCheckbox" class="flex flex-row items-center justify-between gap-2 px-3 py-2 border-b border-gray-200 border-solid">
154
- <h3 class="text-sm font-semibold text-black">
155
- All values
153
+ <div v-if="isCheckbox && groupSelect" class="flex flex-row items-center justify-between gap-1 px-2 py-2 border-b border-gray-200 border-solid">
154
+ <h3 class="text-xs font-semibold text-black">
155
+ Options
156
156
  </h3>
157
157
 
158
- <div class="flex items-center gap-1 whitespace-nowrap">
158
+ <div class="flex items-center gap-px whitespace-nowrap">
159
159
  <button
160
- class="w-full px-2 py-1 text-xs font-medium transition duration-75 text-start"
161
- :class="[items?.length !== selected?.length ? 'text-gray-600 hover:text-gray-900': 'pointer-events-none opacity-50 cursor-default text-gray-400']"
160
+ class="w-full p-1 font-medium transition duration-75 rounded text-xss text-start"
161
+ :class="[items?.length !== selected?.length ? 'text-gray-600 hover:bg-gray-50 hover:text-violet-600': 'pointer-events-none opacity-50 cursor-default text-gray-400']"
162
162
  :disabled="items?.length === selected?.length"
163
163
  @click.prevent="isCheckedAll"
164
164
  >
165
165
  Select All
166
166
  </button>
167
167
  <button
168
- class="w-full px-2 py-1 text-xs font-medium transition duration-75 text-start"
169
- :class="[(selected?.length ?? 0) > 0 ? 'text-gray-600 hover:text-gray-900': 'pointer-events-none opacity-50 cursor-default text-gray-400']"
168
+ class="w-full p-1 font-medium transition duration-75 rounded text-xss text-start"
169
+ :class="[(selected?.length ?? 0) > 0 ? 'text-gray-600 hover:text-red-600 hover:bg-gray-50': 'pointer-events-none opacity-50 cursor-default text-gray-400']"
170
170
  :disabled="(selected?.length ?? 0) === 0"
171
171
  @click.prevent="clearAll"
172
172
  >
173
- Clear all
173
+ Clear All
174
174
  </button>
175
175
  </div>
176
176
  </div>
177
177
 
178
- <template v-else>
178
+ <template v-else-if="isSelectAll">
179
179
  <button
180
180
  v-if="items.length !== selected?.length"
181
181
  class="w-full px-6 py-2 text-sm font-medium text-gray-600 transition duration-75 hover:font-bold hover:text-gray-900 text-start"
@@ -401,6 +401,7 @@ const props = defineProps({
401
401
  type: Boolean,
402
402
  default: false,
403
403
  },
404
+ groupSelect: { type: Boolean, default: false }
404
405
  });
405
406
 
406
407
  const {