@tekkare/auriga 0.1.4 → 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,7 +131,9 @@ 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:Selection"],
   setup(props, { emit }) {
@@ -143,7 +142,7 @@ export default defineComponent({
     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,

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

@@ -54,13 +54,21 @@ 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;
@@ -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;
+    };
 }>> & {
     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;