@tekkare/auriga 0.1.3 → 0.1.5

package/dist/runtime/components/argDropdownSelect.vue

@@ -1,29 +1,26 @@
 <template>
   <div>
     <!-- Simple select -->
-    <arg-simple-label
-      :disabled="disabled"
-      @click.stop="changeDisplay()"
-      :class="isDisplay ? 'open' : ''"
-    >
-      <span
-        v-if="
-          selected_item === null ||
-          selected_item.length === 0 ||
-          change_title === false
-        "
-      >
-        <slot></slot>
-      </span>
-      <arg-tooltip
-        v-else
-        class="full_width"
-        :disable="!isEllipsisActive"
-        :tooltipText="selected_item"
+    <div class="oip_select_display">
+      <p class="oip_filter_label">{{ dropdown_label }}</p>
+      <arg-simple-label
+        :disabled="disabled"
+        @click.stop="changeDisplay()"
+        :class="isDisplay ? 'open' : ''"
       >
-        <p :id="`label_${selected_item}`">{{ selected_item }}</p>
-      </arg-tooltip>
-    </arg-simple-label>
+        <arg-tooltip
+          class="full_width"
+          :disable="!isEllipsisActive"
+          :tooltipText="selected_item ? selected_item : ''"
+        >
+          <span
+            :class="selected_item ? '' : 'oip_empty_select'"
+            :id="`label_${selected_item}`"
+            >{{ selected_item === null ? empty_msg : selected_item }}</span
+          >
+        </arg-tooltip>
+      </arg-simple-label>
+    </div>
     <!-- Dropdown select -->
     <div
       :style="isDisplay === false ? 'display : none' : ''"
@@ -134,16 +131,18 @@ export default defineComponent({
     watch_default_change: { type: Boolean, default: true },
     disabled: { type: Boolean, default: false },
     return_value: { type: Boolean, default: false },
-    values_disabled: { type: Array, default: () => [] }
+    values_disabled: { type: Array, default: () => [] },
+    empty_msg: { type: String, default: "No selection" },
+    dropdown_label: { type: String, required: true }
   },
-  emits: ["changeElement", "update:Value"],
+  emits: ["changeElement", "update:Selection"],
   setup(props, { emit }) {
     const isDisplay = ref(false);
     const searchName = ref("");
     const labelElement = ref();
     const isEllipsisActive = ref(false);
     const table_values = ref(props.element_table);
-    const selected_item = ref(props.element_table[props.default_select]);
+    const selected_item = props.default_select ? ref(props.element_table[props.default_select]) : ref(null);
     const selected_number = ref(props.default_select);
     watch(
       () => props.element_table,
@@ -156,7 +155,7 @@ export default defineComponent({
             props.return_value ? selected_item.value : selected_number.value
           );
           emit(
-            "update:Value",
+            "update:Selection",
             props.return_value ? selected_item.value : selected_number.value
           );
         }
@@ -173,7 +172,7 @@ export default defineComponent({
             props.return_value ? selected_item.value : selected_number.value
           );
           emit(
-            "update:Value",
+            "update:Selection",
             props.return_value ? selected_item.value : selected_number.value
           );
         }
@@ -200,7 +199,7 @@ export default defineComponent({
           props.return_value ? selected_item.value : selected_number.value
         );
         emit(
-          "update:Value",
+          "update:Selection",
           props.return_value ? selected_item.value : selected_number.value
         );
       }

package/dist/runtime/components/argDropdownSelect.vue.d.ts

@@ -54,20 +54,28 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
+    empty_msg: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropdown_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
     isDisplay: import("vue").Ref<boolean>;
     searchName: import("vue").Ref<string>;
     labelElement: import("vue").Ref<any>;
     isEllipsisActive: import("vue").Ref<boolean>;
     table_values: import("vue").Ref<string[]>;
-    selected_item: import("vue").Ref<string>;
+    selected_item: import("vue").Ref<string> | import("vue").Ref<null>;
     selected_number: import("vue").Ref<number>;
     checkActiveEllipsis: () => void;
     add_element: (element: string, index: number) => void;
     closeDropdown: () => void;
     filterName: () => string[];
     changeDisplay: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "changeElement")[], "update:Value" | "changeElement", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection")[], "changeElement" | "update:Selection", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
             (arrayLength: number): string[];
@@ -123,12 +131,21 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
+    empty_msg: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropdown_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
-    "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onChangeElement?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
     return_value: boolean;
     disabled: boolean;
+    empty_msg: string;
     search: boolean;
     filter_placeholder: string;
     change_title: boolean;