edvoyui-component-library-test-flight 0.0.217 → 0.0.219

package/dist/components/accordion/EUIAccordion.d.ts

@@ -36,6 +36,10 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
         type: PropType<"grouped" | "separated">;
         default: string;
     };
+    rightIconActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     className: {
         type: StringConstructor;
         required: false;
@@ -64,6 +68,10 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
         type: PropType<"grouped" | "separated">;
         default: string;
     };
+    rightIconActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     className: {
         type: StringConstructor;
         required: false;
@@ -79,6 +87,7 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
     defaultOpen: number[];
     collapse: boolean;
     accordionStyle: "grouped" | "separated";
+    rightIconActions: boolean;
     animateContent: boolean;
 }, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/accordion/EUIAccordion.vue

@@ -33,7 +33,9 @@
           <div
             :class="[
               'text-gray-600 transition-all duration-200 ease-in-out faq-title group-hover/accordion:text-gray-900 group-open/accordion:text-gray-900',
-              accordionStyle === 'grouped' ? 'w-11/12' : 'flex-initial w-[calc(75%-1.5rem)]',
+              rightIconActions
+                ? 'flex-1 min-w-0'
+                : accordionStyle === 'grouped' ? 'w-11/12' : 'flex-initial w-[calc(75%-1.5rem)]',
             ]"
           >
             <slot name="title" :item="item">
@@ -41,12 +43,22 @@
             </slot>
           </div>
 
-          <svg
-            v-if="accordionStyle === 'grouped'"
-            class="absolute text-gray-700 transition-all duration-150 ease-out pointer-events-none expand-icon group-open/accordion:text-gray-900 right-4 group-open/accordion:rotate-90" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M10 8.13867C11.4619 9.20073 12.7713 10.4457 13.8942 11.8408C14.0353 12.016 14.0353 12.2613 13.8942 12.4365C12.7713 13.8316 11.4619 15.0766 10 16.1387" stroke="currentColor" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-          </svg>
-          <div v-else class="flex-1 min-w-0 max-w-[25%] flex items-center justify-end gap-3" @click.stop.prevent>
-             <slot name="right-icon" :item="item" :open="openAccordions[index]" :toggle="() => onClick(index)"></slot>
+          <div
+            :class="[
+              'flex items-center gap-3',
+              rightIconActions
+                ? 'justify-end shrink-0'
+                : accordionStyle === 'grouped'
+                  ? 'absolute right-4'
+                  : 'justify-end min-w-0 shrink-0',
+            ]"
+            @click="onRightSideClick"
+          >
+            <slot name="right-icon" :item="item" :open="openAccordions[index]" :toggle="() => onClick(index)">
+              <svg
+                class="text-gray-500 transition-all duration-150 ease-out pointer-events-none expand-icon group-open/accordion:text-gray-900 group-open/accordion:rotate-90" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M10 8.13867C11.4619 9.20073 12.7713 10.4457 13.8942 11.8408C14.0353 12.016 14.0353 12.2613 13.8942 12.4365C12.7713 13.8316 11.4619 15.0766 10 16.1387" stroke="currentColor" stroke-opacity="0.8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+              </svg>
+            </slot>
           </div>
         </summary>
         <div
@@ -86,6 +98,14 @@ const props = defineProps({
     type: String as PropType<"grouped" | "separated">,
     default: "grouped",
   },
+  // When true, the `right-icon` slot becomes an interactive "actions" area:
+  // clicks inside it no longer toggle the accordion (so buttons/menus work
+  // on their own), and it renders in normal flow instead of as an absolute
+  // overlay — in both `grouped` and `separated` styles.
+  rightIconActions: {
+    type: Boolean,
+    default: false,
+  },
   className: {
     type: String,
     required: false,
@@ -123,6 +143,18 @@ onMounted(() => {
   });
 });
 
+// In actions mode, stop clicks on the right-icon side from toggling the
+// accordion: `.stop` skips the summary's managed onClick and `.prevent`
+// blocks the native <details> toggle. Slot click handlers still run (they
+// fire earlier, during bubbling). When the prop is off this is a no-op, so
+// the default chevron keeps toggling on click.
+const onRightSideClick = (e: MouseEvent) => {
+  if (props.rightIconActions) {
+    e.stopPropagation();
+    e.preventDefault();
+  }
+};
+
 const emit = defineEmits(['update:activeItem']);
 const onClick = (index: number) => {
   // openAccordions.value = openAccordions.value.map((isOpen, i) => i === index ? !isOpen : isOpen);

package/dist/components/select/EUISelect.vue

@@ -295,8 +295,10 @@ type VirtualElement = {
 
 const showPlaceholder = computed(() => {
   const label = props.placeholder || `Select ${name}`;
-  const labelReq = props.required ? "*" : "";
-  return `${label} ${labelReq}`;
+  // Only surface the required marker in the placeholder when there's no label,
+  // otherwise it duplicates the asterisk the label already renders.
+  const labelReq = props.required && !props.label ? "*" : "";
+  return `${label} ${labelReq}`.trim();
 });
 
 const startCaseText = (x: string) => {