@tekkare/auriga 0.2.90 → 0.2.92

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.90"
+  "version": "0.2.92"
 }

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -48,83 +48,90 @@
           blockCategories !== null &&
           blockCategories?.length > 0
         "
-        class="oip_list v-start gap-16"
+        class="oip_list v-start gap-16 stretch"
       >
         <div
           v-for="category in blockCategories"
           :key="category"
-          class="oip_list v-start gap-8 category_container"
+          class="stretch"
         >
-          <div class="category_label">
-            <arg-icon
-              v-if="category.icon"
-              :name="category.icon"
-              color="var(--medium)"
-              size="20"
-              thickness="20"
-            />
-            <p>
-              {{ typeof category === "string" ? category : category.label }}
-            </p>
-          </div>
-          <div class="oip_row v-start gap-16 wrap full_stretch">
-            <div
-              v-for="(block, index) in filterCategoryBlocks(category)"
-              :key="index"
-              class="oip_card block_card action"
-              :class="
-                selectedBlock?.title === block.title ? 'block_selected' : ''
-              "
-              @click="selectBlock(block)"
-            >
-              <slot
-                v-if="customizeBlocks"
-                :name="seperateCustoms ? 'customOther' : 'custom'"
-                v-bind:block="block"
+          <div
+            v-if="filterCategoryBlocks(category).length > 0"
+            class="oip_list v-start gap-8 category_container"
+          >
+            <div class="category_label">
+              <arg-icon
+                v-if="category.icon"
+                :name="category.icon"
+                color="var(--medium)"
+                size="20"
+                thickness="20"
               />
-              <div v-else class="block_content">
-                <div
-                  class="oip_row v-center space-between full_stretch card_head"
-                >
-                  <p class="block_title">
-                    <span v-if="block.country"
-                      ><arg-flag
-                        v-if="block.iso"
-                        :emoji="
-                          block.iso === 'ww' ||
-                          block.iso === 'eu' ||
-                          block.emoji
-                        "
-                        :iso="block.iso"
-                        height="14" />
-                      <arg-flag
-                        v-else
-                        :slug="block.country.toLowerCase()"
-                        :emoji="
-                          block.country === 'world' ||
-                          block.country === 'europe' ||
-                          block.emoji
-                        "
-                        height="14" /></span
-                    >{{ block.title }}
-                  </p>
+              <p>
+                {{ typeof category === "string" ? category : category.label }}
+              </p>
+            </div>
+            <div class="oip_row v-start gap-16 wrap full_stretch">
+              <div
+                v-for="(block, index) in filterCategoryBlocks(category)"
+                :key="index"
+                class="oip_card block_card action"
+                :class="
+                  selectedBlock?.title === block.title ? 'block_selected' : ''
+                "
+                @click="selectBlock(block)"
+              >
+                <slot
+                  v-if="customizeBlocks"
+                  :name="seperateCustoms ? 'customOther' : 'custom'"
+                  v-bind:block="block"
+                />
+                <div v-else class="block_content">
                   <div
-                    v-if="block.population && block.population !== null"
-                    class="oip_row v-center gap-8 population"
+                    class="oip_row v-center space-between full_stretch card_head"
                   >
-                    <arg-icon
-                      name="UsersThree"
-                      color="var(--medium)"
-                      size="14"
-                    />
-                    <p>
-                      {{
-                        new Intl.NumberFormat("us-US").format(block.population)
-                      }}
+                    <p class="block_title">
+                      <span v-if="block.country"
+                        ><arg-flag
+                          v-if="block.iso"
+                          :emoji="
+                            block.iso === 'ww' ||
+                            block.iso === 'eu' ||
+                            block.emoji
+                          "
+                          :iso="block.iso"
+                          height="14" />
+                        <arg-flag
+                          v-else
+                          :slug="block.country.toLowerCase()"
+                          :emoji="
+                            block.country === 'world' ||
+                            block.country === 'europe' ||
+                            block.emoji
+                          "
+                          height="14" /></span
+                      >{{ block.title }}
                     </p>
+                    <div
+                      v-if="block.population && block.population !== null"
+                      class="oip_row v-center gap-8 population"
+                    >
+                      <arg-icon
+                        name="UsersThree"
+                        color="var(--medium)"
+                        size="14"
+                      />
+                      <p>
+                        {{
+                          new Intl.NumberFormat("us-US").format(
+                            block.population
+                          )
+                        }}
+                      </p>
+                    </div>
                   </div>
+                  <p class="block_descr">{{ block.description }}</p>
                 </div>
-                <p class="block_descr">{{ block.description }}</p>
               </div>
             </div>
           </div>
@@ -259,7 +266,7 @@ export default defineComponent({
       type: String,
       default: "en",
       validator: (value) => {
-        return ["en", "fr"].includes(value);
+        return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
     }
   },
@@ -321,7 +328,9 @@ export default defineComponent({
       return props.appBlocks.length > 0 ? props.appBlocks.filter((a) => includesValue(a)) : null;
     });
     const filterCategoryBlocks = (cat) => {
-      return props.appBlocks.length > 0 ? props.appBlocks.filter(
+      return props.appBlocks.length > 0 ? searchBlocks.value.length > 0 ? props.appBlocks.filter(
+        (a) => typeof cat === "string" ? a.category === cat && includesValue(a) : a.category.label === cat.label && includesValue(a)
+      ) : props.appBlocks.filter(
         (a) => typeof cat === "string" ? a.category === cat : a.category.label === cat.label
       ) : null;
     };
@@ -357,5 +366,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}.category_label>p,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}.stretch{align-self:stretch}
 </style>

package/dist/runtime/components/argProductCard.vue

@@ -0,0 +1,118 @@
+<template>
+  <div
+    class="oip_product_card"
+    :class="`${app}_banner`"
+    :style="`  background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0.9) 41%,
+      rgba(255, 255, 255, 0) 100%
+    ),
+    url(&quot;${getBackground}&quot;) lightgray 50% / cover no-repeat;`"
+  >
+    <p :class="['banner_title', `${app}_title_color`]">{{ getTitle }}</p>
+    <p class="oip_body banner_text">{{ getText }}</p>
+    <div class="oip_row v-center gap-16" v-if="defaultActions">
+      <arg-btn
+        :btn-style="`${app === 'oip' ? 'primary' : app}-fill`"
+        @on-click="$emit('onTrial')"
+        >Free trial</arg-btn
+      >
+      <arg-btn
+        :btn-style="`${app === 'oip' ? 'primary' : app}-stroke`"
+        @on-click="$emit('onContact')"
+        >Contact sales</arg-btn
+      >
+    </div>
+    <slot v-else name="actions" />
+  </div>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+import argBtn from "./argBtn.vue";
+import { oipBG, bankBG, discoveryBG } from "../../assets";
+export default defineComponent({
+  name: "argProductCard",
+  components: { argBtn },
+  props: {
+    app: {
+      type: String,
+      default: "oip",
+      validator: (value) => {
+        return ["oip", "discovery", "bank"].includes(value);
+      }
+    },
+    defaultActions: {
+      type: Boolean,
+      default: true
+    },
+    customTitle: {
+      type: String || void 0 || null,
+      default: void 0
+    },
+    customText: {
+      type: String || void 0 || null,
+      default: void 0
+    }
+  },
+  emits: ["onTrial", "onContact"],
+  setup(props, { emit }) {
+    const getBackground = computed(() => {
+      switch (props.app) {
+        case "oip":
+          return oipBG;
+        case "discovery":
+          return discoveryBG;
+        case "bank":
+          return bankBG;
+        default:
+          return oipBG;
+      }
+    });
+    const getTitle = computed(() => {
+      if (props.customTitle && props.customTitle !== null) {
+        return props.customTitle;
+      } else {
+        switch (props.app) {
+          case "oip":
+            return "OIP Healthcare\xAE";
+          case "discovery":
+            return "Accelerate Your Research Today!";
+          case "bank":
+            return "OIP Databank\xAE";
+          default:
+            return "OIP Healthcare\xAE";
+        }
+      }
+    });
+    const getText = computed(() => {
+      if (props.customText && props.customText !== null) {
+        return props.customText;
+      } else {
+        switch (props.app) {
+          case "oip":
+            return "Spider totalus peruvian-night-powder moon mrs wheels. Invisibility vulture-hat crush ridgeback holly broomstick rock-cake broomstick for.";
+          case "discovery":
+            return "Take your drug discovery process to the next level with OIP Discovery\xAE. Sign up now to explore cutting-edge data and reports from the most trusted scientific sources.";
+          case "bank":
+            return "OIP Databank gathers all major open data decisive for healthcare project, in a single, simple and ready-to-use data infrastructure. Start building today with your own tools and explore our data packages";
+          default:
+            return "Spider totalus peruvian-night-powder moon mrs wheels. Invisibility vulture-hat crush ridgeback holly broomstick rock-cake broomstick for.";
+        }
+      }
+    });
+    return {
+      getTitle,
+      getText,
+      getBackground
+    };
+  }
+});
+</script>
+
+<style scoped>
+.oip_product_card{align-items:flex-start;align-self:stretch;background:linear-gradient(90deg,hsla(0,0%,100%,.9) 41%,hsla(0,0%,100%,0));border-radius:12px;box-shadow:0 6px 8px 0 rgba(30,41,59,.1);display:flex;flex-direction:column;gap:24px;padding:40px}.bank_banner{border:1px solid rgba(224,67,128,.1)!important}.oip_banner{border:1px solid rgba(65,100,238,.1)!important}.discovery_banner{border:1px solid rgba(7,129,111,.1)!important}.banner_title{font-size:26px;font-style:normal;font-weight:900;line-height:normal}.bank_title_color{color:var(--bank)}.discovery_title_color{color:var(--discovery)}.oip_title_color{color:var(--primary)}.banner_text{max-width:550px;width:50%}
+</style>

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

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<{
+    app: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    defaultActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customTitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    customText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    getTitle: import("vue").ComputedRef<string>;
+    getText: import("vue").ComputedRef<string>;
+    getBackground: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onTrial" | "onContact")[], "onTrial" | "onContact", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    app: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    defaultActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customTitle: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    customText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & {
+    onOnTrial?: ((...args: any[]) => any) | undefined;
+    onOnContact?: ((...args: any[]) => any) | undefined;
+}, {
+    customTitle: string;
+    app: string;
+    defaultActions: boolean;
+    customText: string;
+}, {}>;
+export default _default;

package/package.json

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