edvoyui-component-library-test-flight 0.0.245 → 0.0.247

package/dist/components/checkbox/EUICheckbox.vue

@@ -1,6 +1,6 @@
 <template>
 <div>
-   <label class="flex flex-row items-center scale-100 translate-x-0 translate-y-0 eui-checkbox">
+   <label class="flex flex-row items-center scale-100 translate-x-0 translate-y-0 eui-checkbox" :class="{'select-none pointer-events-none opacity-50':disabled}">
     <input
       v-model="isChecked"
       type="checkbox"
@@ -79,46 +79,55 @@ watch(props, (newValue) => {
 <style lang="scss">
 .eui-checkbox .cbx-icon {
   transition: all 0.2s ease;
-  @apply select-none cursor-pointer p-px rounded-md overflow-hidden inline-block scale-110;
+  @apply select-none cursor-pointer p-px rounded-md overflow-hidden inline-block scale-100;
 }
 
 .eui-checkbox .cbx-icon span {
   transform: translate3d(0, 0, 0);
   transition: all 0.2s ease;
-  @apply float-left align-middle relative size-5 border-[1.5px] border-gray-400 rounded scale-100;
+  @apply float-left align-middle relative size-5 -outline-offset-1 outline outline-1 outline-gray-400 rounded scale-100;
 }
 
 .eui-checkbox .cbx-icon span > svg {
-  top: 3.5px;
-  left: 2.5px;
+  top: 5px;
+  left: 4px;
   stroke-width: 1.75;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-dasharray: 18px;
   stroke-dashoffset: 18px;
-  transition: all 0.3s ease;
-  transition-delay: 0.1s;
+  transition: stroke-dashoffset 0.16s ease-out;
   transform: translate3d(0, 0, 0);
   @apply absolute fill-none stroke-white;
 }
 
-.eui-checkbox .input-checkbox:checked + .cbx-icon > span {
-  animation: anim 0.4s ease;
-  @apply bg-purple-700 border-purple-700;
+.eui-checkbox .input-checkbox:checked:not(:indeterminate) + .cbx-icon > span {
+  animation: anim 0.18s ease-out;
+  @apply bg-violet-700 outline-violet-700;
 }
 
 .eui-checkbox .input-checkbox:indeterminate + .cbx-icon > span {
-  @apply bg-purple-700 border-purple-700;
+  @apply bg-violet-700 outline-violet-700;
+}
+
+.eui-checkbox .input-checkbox:indeterminate + .cbx-icon span > svg {
+  stroke-dashoffset: 18px;
+  transition: none;
 }
 
 .eui-checkbox .input-checkbox:indeterminate + .cbx-icon > span::after {
   content: '';
+  animation: indeterminate-in 0.14s ease-out both;
   @apply absolute left-1/2 top-1/2 h-0.5 w-2.5 -translate-x-1/2 -translate-y-1/2 rounded bg-white;
 }
 
-.eui-checkbox .input-checkbox:checked + .cbx-icon span > svg {
+.eui-checkbox .input-checkbox:checked:not(:indeterminate) + .cbx-icon span > svg {
   stroke-dashoffset: 0;
-  transition: rotate(8deg);
+}
+
+@keyframes indeterminate-in {
+  from { opacity: 0; scale: 0.5 1; }
+  to { opacity: 1; scale: 1 1; }
 }
 
 @keyframes anim {

package/dist/components/searchTagSelect/EUISearchTagSelect.d.ts

@@ -15,6 +15,8 @@ interface Props {
     searchable?: boolean;
     backendPagination?: boolean;
     hideNoData?: boolean;
+    /** Show a loading state while options are being fetched. */
+    loading?: boolean;
     disabled?: boolean;
     tag?: string;
     tagColor?: "None" | "Success" | "Error";
@@ -23,15 +25,18 @@ interface Props {
     searchIcon?: boolean;
     showTags?: boolean;
     clearable?: boolean;
+    /** Keep multiple selections in a draft until Apply or dismissal; Cancel discards them. */
+    confirmSelection?: boolean;
     ignoreDeselect?: boolean;
     popperClasses?: string;
     showCount?: boolean;
-    /** Include an All row for every item in `items` (independent of search). */
+    /** Show an All row when search has results; it selects every item in `items`. Enabled by default in multiple mode. */
     showSelectAll?: boolean;
     selectAllLabel?: string;
     /** Maximum selected tags shown before the More/Less control; 0 shows all. */
     maxVisibleTags?: number;
     tagSize?: "sm" | "md" | "lg";
+    dropdownWidth?: string;
 }
 export type SelectItemKey = string | (string | number)[] | ((item: object, fallback?: any) => any);
 declare function __VLS_template(): {
@@ -83,10 +88,23 @@ declare function __VLS_template(): {
                 required: false;
                 default: boolean;
             };
+            listboxId: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            activeOptionId: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            expanded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onCleared?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -95,6 +113,7 @@ declare function __VLS_template(): {
             click: (...args: any[]) => void;
             blur: (...args: any[]) => void;
             focus: (...args: any[]) => void;
+            keydown: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             cleared: (...args: any[]) => void;
         }, import('../../../node_modules/vue').PublicProps, {
@@ -103,6 +122,9 @@ declare function __VLS_template(): {
             placeholder: string;
             isToFocus: boolean;
             hasError: boolean;
+            listboxId: string;
+            activeOptionId: string;
+            expanded: boolean;
         }, true, {}, {}, import('../../../node_modules/vue').GlobalComponents, import('../../../node_modules/vue').GlobalDirectives, string, {
             searchInput: HTMLInputElement;
         }, HTMLDivElement, import('../../../node_modules/vue').ComponentProvideOptions, {
@@ -141,10 +163,23 @@ declare function __VLS_template(): {
                 required: false;
                 default: boolean;
             };
+            listboxId: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            activeOptionId: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            expanded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
             onBlur?: ((...args: any[]) => any) | undefined;
             onFocus?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onCleared?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -155,6 +190,9 @@ declare function __VLS_template(): {
             placeholder: string;
             isToFocus: boolean;
             hasError: boolean;
+            listboxId: string;
+            activeOptionId: string;
+            expanded: boolean;
         }> | null;
         options: HTMLUListElement;
     };
@@ -182,6 +220,7 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
     onCreate?: ((value: string) => any) | undefined;
     "onOn-deselect"?: ((value: any) => any) | undefined;
 }>, {
+    loading: boolean;
     disabled: boolean;
     name: string;
     items: any[];
@@ -202,6 +241,7 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
     hideNoData: boolean;
     searchIcon: boolean;
     showTags: boolean;
+    confirmSelection: boolean;
     ignoreDeselect: boolean;
     popperClasses: string;
     showCount: boolean;
@@ -209,6 +249,7 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
     selectAllLabel: string;
     maxVisibleTags: number;
     tagSize: "sm" | "md" | "lg";
+    dropdownWidth: string;
 }, {}, {}, {}, string, import('../../../node_modules/vue').ComponentProvideOptions, false, {
     componentRef: HTMLDivElement;
     searchInputRef: import('../../../node_modules/vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../node_modules/vue').ExtractPropTypes<{
@@ -240,10 +281,23 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
             required: false;
             default: boolean;
         };
+        listboxId: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        activeOptionId: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onCleared?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -252,6 +306,7 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
         click: (...args: any[]) => void;
         blur: (...args: any[]) => void;
         focus: (...args: any[]) => void;
+        keydown: (...args: any[]) => void;
         "update:modelValue": (...args: any[]) => void;
         cleared: (...args: any[]) => void;
     }, import('../../../node_modules/vue').PublicProps, {
@@ -260,6 +315,9 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
         placeholder: string;
         isToFocus: boolean;
         hasError: boolean;
+        listboxId: string;
+        activeOptionId: string;
+        expanded: boolean;
     }, true, {}, {}, import('../../../node_modules/vue').GlobalComponents, import('../../../node_modules/vue').GlobalDirectives, string, {
         searchInput: HTMLInputElement;
     }, HTMLDivElement, import('../../../node_modules/vue').ComponentProvideOptions, {
@@ -298,10 +356,23 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
             required: false;
             default: boolean;
         };
+        listboxId: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        activeOptionId: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
         onFocus?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         onCleared?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -312,6 +383,9 @@ declare const __VLS_component: import('../../../node_modules/vue').DefineCompone
         placeholder: string;
         isToFocus: boolean;
         hasError: boolean;
+        listboxId: string;
+        activeOptionId: string;
+        expanded: boolean;
     }> | null;
     options: HTMLUListElement;
 }, HTMLDivElement>;