@tekkare/auriga 0.2.77 → 0.2.79

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.77"
+  "version": "0.2.79"
 }

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -46,12 +46,12 @@
         v-if="
           filterBlocks.length > 0 &&
           blockCategories !== null &&
-          blockCategories.value.length > 0
+          blockCategories.length > 0
         "
         class="oip_list v-start gap-16"
       >
         <div
-          v-for="category in blockCategories.value"
+          v-for="category in blockCategories"
           :key="category"
           class="oip_list v-start gap-8 category_container"
         >
@@ -268,12 +268,12 @@ export default defineComponent({
     }
     const blockCategories = computed(() => {
       const categories = ref(null);
-      if (props.appBlocks.length > 0) {
+      if (props.appBlocks.length > 0 && props.appBlocks.filter((f) => f.category !== void 0)?.length > 0) {
         categories.value = [
           ...new Set(props.appBlocks.map((a) => a.category))
         ];
       }
-      return categories;
+      return categories.value;
     });
     onBeforeMount(async () => {
       setLang();
@@ -340,5 +340,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{align-self:stretch;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}.home_subtitle{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.category_container{border-top:1.5px solid var(--light);padding:24px 0;position:relative}.category_label{align-items:center;background:var(--lightest);border-radius:4px;display:flex;gap:8px;left:24px;padding:4px 12px;position:absolute;top:-14px}p.category_label{color:var(--medium);font-size:14px;font-weight:500;text-transform:uppercase}
+.arg_home_all_blocks{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}.block_card{align-self:stretch;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:not(.block_selected):hover .block_title{color:var(--primary)!important}.block_descr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:160%;overflow:hidden}.block_content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.block_title{align-items:flex-end;display:flex;flex-direction:row;font-size:16px;font-style:normal;font-weight:700;gap:8px;line-height:normal}.block_selected{background:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important;color:var(--white)!important}.full_stretch{align-self:stretch}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.block_selected>.block_content>.card_head>.population p,.block_selected>.block_content>.card_head>.population svg{color:var(--white)!important}.home_subtitle{color:var(--dark);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.category_container{border-top:1.5px solid var(--light);padding:24px 0;position:relative}.category_label{align-items:center;background:var(--lightest);border-radius:4px;display:flex;gap:8px;left:24px;padding:4px 12px;position:absolute;top:-14px}.category_label>p,p.category_label{color:var(--medium);font-size:14px;font-weight:500;text-transform:uppercase}
 </style>

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

@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     filterBlocks: any;
     getGlobalTitle: import("vue").ComputedRef<any>;
     langData: import("vue").Ref<any>;
-    blockCategories: import("vue").ComputedRef<import("vue").Ref<any>>;
+    blockCategories: import("vue").ComputedRef<any>;
     filterCategoryBlocks: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -49,22 +49,24 @@
         </div>
         <p class="theme_descr">{{ selected.description }}</p>
       </div>
-      <div class="selected_block_links">
+      <div class="selected_block_links" :class="lineBreak ? '' : 'gap-4'">
         <div v-for="(item, index) in selected.links" :key="index">
-          <arg-sub-menu
-            v-if="item.subLinks"
-            sidebar-open
-            :label="item.linkName"
-          >
-            <arg-menu-item
-              v-for="(subLink, subIndex) in item.subLinks"
-              :key="subIndex"
-              sidebar-open
-              :label="subLink.name"
-              :to="subLink.to"
-              :icon="subLink.icon"
+          <span v-if="item.subLinks">
+            <arg-sub-menu sidebar-open :label="item.linkName">
+              <arg-menu-item
+                v-for="(subLink, subIndex) in item.subLinks"
+                :key="subIndex"
+                sidebar-open
+                :label="subLink.name"
+                :to="subLink.to"
+                :icon="subLink.icon"
+              />
+            </arg-sub-menu>
+            <arg-line-break
+              v-if="lineBreak && index !== selected.links.length - 1"
+              class="my-4"
             />
-          </arg-sub-menu>
+          </span>
           <arg-menu-item
             v-else
             sidebar-open
@@ -103,6 +105,10 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
+    },
+    lineBreak: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
@@ -131,5 +137,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.selected_block_card{flex:1;height:-moz-fit-content;height:fit-content;margin:0!important;padding:24px;position:fixed;position:sticky;top:12vh}.selected_block_display{display:flex;flex-direction:column;gap:24px}.theme_select_message{display:flex;flex-direction:column;gap:12px}.theme_title_display{display:flex;flex-direction:column;gap:8px}.icon_square{align-items:center;background:var(--light);border-radius:8px;display:flex;justify-content:center;padding:8px;width:-moz-fit-content;width:fit-content}.theme_title{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.theme_descr{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.selected_block_links{display:flex;flex-direction:column;gap:4px}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}
+.selected_block_card{flex:1;height:-moz-fit-content;height:fit-content;margin:0!important;padding:24px;position:fixed;position:sticky;top:12vh}.selected_block_display{display:flex;flex-direction:column;gap:24px}.theme_select_message{display:flex;flex-direction:column;gap:12px}.theme_title_display{display:flex;flex-direction:column;gap:8px}.icon_square{align-items:center;background:var(--light);border-radius:8px;display:flex;justify-content:center;padding:8px;width:-moz-fit-content;width:fit-content}.theme_title{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.theme_descr{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.selected_block_links{display:flex;flex-direction:column}.selected_block_links.gap-4{gap:4px}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.my-4{margin:4px 0}
 </style>

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    lineBreak: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     langData: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -20,8 +24,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
+    lineBreak: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     lang: string;
     selected: Record<string, any>;
+    lineBreak: boolean;
 }, {}>;
 export default _default;

package/package.json

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