@tekkare/auriga 0.1.35 → 0.1.37

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.35"
+  "version": "0.1.37"
 }

package/dist/runtime/components/argBtn.vue

@@ -4,6 +4,7 @@
       fullWidth ? 'full_width' : 'fit_width',
       `oip_${btnStyle}_shadow`,
       `oip_btn_${size}`,
+      round === true ? 'oip_round_btn' : '',
     ]"
   >
     <span

package/dist/runtime/components/argScopeManage.vue

@@ -11,55 +11,59 @@
           </div>
         </div>
         <div class="arg_manage_scope_body">
-          <div
-            v-for="(scope, index) in scopes"
-            :key="index"
-            class="oip_card scope_card"
-          >
-            <div class="arg_manage_scope_general">
-              <div class="oip_row v-center space-between full-width">
-                <h2 class="oip_subtitle">{{ scope.title }}</h2>
-                <arg-text-btn
-                  text-style="warning"
-                  @onClick="deleteScope(scope)"
-                  >{{ lang === "fr" ? "Supprimer" : "Delete" }}</arg-text-btn
-                >
+          <arg-data-loader v-if="reloadingScopes" />
+          <div class="arg_scopes_list" v-else>
+            <div
+              v-for="(scope, index) in scopes"
+              :key="index"
+              class="oip_card scope_card"
+            >
+              <div class="arg_manage_scope_general">
+                <div class="oip_row v-center space-between full-width">
+                  <h2 class="oip_subtitle">{{ scope.title }}</h2>
+                  <arg-text-btn
+                    text-style="warning"
+                    @onClick="deleteScope(scope)"
+                    >{{ lang === "fr" ? "Supprimer" : "Delete" }}</arg-text-btn
+                  >
+                </div>
+                <p class="oip_body">{{ scope.description }}</p>
+                <p class="oip_filter_label">
+                  {{ lang === "fr" ? "Créé le " : "Created the " }}
+                  <span
+                    ><arg-date
+                      class="oip_filter_label"
+                      :raw-date="scope.createdAt"
+                    />
+                  </span>
+                </p>
               </div>
-              <p class="oip_body">{{ scope.description }}</p>
-              <p class="oip_filter_label">
-                {{ lang === "fr" ? "Créé le " : "Created the " }}
-                <span
-                  ><arg-date
-                    class="oip_filter_label"
-                    :raw-date="scope.createdAt"
-                  />
-                </span>
-              </p>
-            </div>
 
-            <div class="arg_scope_manage_criteria">
-              <p class="scope_criteria_title">Criteria:</p>
-              <div class="oip_row v-center gap-8 wrap">
-                <arg-tags
-                  v-for="(criteria, critIndex) in showAllProps === index
-                    ? getScopeCriteria(scope)
-                    : getScopeCriteria(scope).slice(0, 6)"
-                  set-style="gray"
-                  :key="critIndex"
-                  >{{ criteria }}</arg-tags
-                >
-                <arg-text-btn
-                  v-if="
-                    getScopeCriteria(scope).length > 6 && showAllProps !== index
-                  "
-                  @onClick="
-                    showAllProps === index
-                      ? (showAllProps = null)
-                      : (showAllProps = index)
-                  "
-                >
-                  +{{ getScopeCriteria(scope).length - 6 }}
-                </arg-text-btn>
+              <div class="arg_scope_manage_criteria">
+                <p class="scope_criteria_title">Criteria:</p>
+                <div class="oip_row v-center gap-8 wrap">
+                  <arg-tags
+                    v-for="(criteria, critIndex) in showAllProps === index
+                      ? getScopeCriteria(scope)
+                      : getScopeCriteria(scope).slice(0, 6)"
+                    set-style="gray"
+                    :key="critIndex"
+                    >{{ criteria }}</arg-tags
+                  >
+                  <arg-text-btn
+                    v-if="
+                      getScopeCriteria(scope).length > 6 &&
+                      showAllProps !== index
+                    "
+                    @onClick="
+                      showAllProps === index
+                        ? (showAllProps = null)
+                        : (showAllProps = index)
+                    "
+                  >
+                    +{{ getScopeCriteria(scope).length - 6 }}
+                  </arg-text-btn>
+                </div>
               </div>
             </div>
           </div>
@@ -85,9 +89,10 @@ import argBtn from "./argBtn.vue";
 import argDate from "./argDate.vue";
 import argIcon from "./argIcon.vue";
 import argTextBtn from "./argTextBtn.vue";
+import argDataLoader from "./argDataLoader.vue";
 export default defineComponent({
   name: "argScopeManage",
-  components: { argBtn, argIcon, argTextBtn, argDate },
+  components: { argBtn, argIcon, argTextBtn, argDate, argDataLoader },
   props: {
     scopes: {
       type: Array,
@@ -99,6 +104,10 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr"].includes(value);
       }
+    },
+    reloadingScopes: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onDelete", "onClose"],
@@ -194,11 +203,7 @@ export default defineComponent({
 }
 
 .arg_manage_scope_body {
-  display: flex;
   padding: 24px;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
   align-self: stretch;
   background-color: var(--background);
   z-index: 0;
@@ -206,6 +211,14 @@ export default defineComponent({
   overflow-y: scroll;
 }
 
+.arg_scopes_list {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: 24px;
+}
+
 .full-width {
   align-self: stretch;
 }

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    reloadingScopes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     getScopeCriteria: (scope: any) => never[];
     closeManageScope: () => void;
@@ -23,10 +27,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    reloadingScopes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnDelete?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    reloadingScopes: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeModal.vue

@@ -60,7 +60,7 @@
             </p>
             <div class="scope_criteria">
               <arg-tags
-                v-for="(criteria, index) in scopeCriteria"
+                v-for="(criteria, index) in getAllCriteria"
                 :key="index"
                 set-style="gray"
                 >{{ criteria }}</arg-tags
@@ -100,7 +100,7 @@
 </template>
 
 <script>
-import { ref, defineComponent, watch } from "vue";
+import { ref, defineComponent, watch, computed } from "vue";
 export default defineComponent({
   name: "argScopeModal",
   props: {
@@ -131,6 +131,15 @@ export default defineComponent({
         }
       }
     );
+    const getAllCriteria = computed(() => {
+      const allCriteria = [];
+      for (let i = 0; i < props.scopeCriteria.length; i++) {
+        for (let j = 0; j < props.scopeCriteria[i].values.length; j++) {
+          allCriteria.push(props.scopeCriteria[i].values[j]);
+        }
+      }
+      return allCriteria;
+    });
     function closeSaveScope() {
       emit("onClose");
     }
@@ -149,7 +158,8 @@ export default defineComponent({
       scopeName,
       scopeDescr,
       nameFilled,
-      saveFail
+      saveFail,
+      getAllCriteria
     };
   }
 });

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

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     scopeDescr: import("vue").Ref<string>;
     nameFilled: import("vue").Ref<boolean>;
     saveFail: import("vue").Ref<boolean>;
+    getAllCriteria: import("vue").ComputedRef<never[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onSave")[], "onClose" | "onSave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scopeCriteria: {
         type: ArrayConstructor;

package/dist/runtime/components/argScopeRadio.vue

@@ -26,7 +26,7 @@ import {
   defineComponent
 } from "vue";
 export default defineComponent({
-  name: "argRadioButtons",
+  name: "argScopeRadio",
   components: {
     argIcon
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",