@tekkare/auriga 0.2.92 → 0.2.94

package/dist/module.json

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

package/dist/runtime/components/argComplexSelect.vue

@@ -238,7 +238,7 @@ export default defineComponent({
     search_placeholder_add: { type: String, default: null },
     search_placeholder_del: { type: String, default: null },
     need_apply: { type: Boolean, default: false },
-    select_placeholder: { type: String, required: false },
+    // select_placeholder: { type: String, required: false },
     smart_selection_table: {
       type: Array || null,
       required: false,

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

@@ -28,10 +28,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    select_placeholder: {
-        type: StringConstructor;
-        required: false;
-    };
     smart_selection_table: {
         type: ArrayConstructor;
         required: false;
@@ -210,10 +206,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    select_placeholder: {
-        type: StringConstructor;
-        required: false;
-    };
     smart_selection_table: {
         type: ArrayConstructor;
         required: false;

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -52,6 +52,7 @@
               class="my-4"
             />
             <arg-sub-menu sidebar-open :label="item.linkName">
+              {{ item.subLinks.map((a) => a.newTab) }}
               <arg-menu-item
                 v-for="(subLink, subIndex) in item.subLinks"
                 :key="subIndex"
@@ -59,6 +60,7 @@
                 :label="subLink.name"
                 :to="subLink.to"
                 :icon="subLink.icon"
+                :new-tab="subLink.newTab === undefined ? true : subLink.newTab"
               />
             </arg-sub-menu>
             <arg-line-break
@@ -72,6 +74,7 @@
             :label="item.linkName"
             :to="item.linkUrl"
             :icon="item.linkIcon"
+            :new-tab="item.newTab === undefined ? true : item.newTab"
           />
         </div>
       </div>

package/dist/runtime/components/argMenuItem.vue

@@ -1,5 +1,10 @@
 <template>
-  <NuxtLink :to="to" class="auriga_menu_item" activeClass="is-active">
+  <NuxtLink
+    :to="to"
+    class="auriga_menu_item"
+    activeClass="is-active"
+    :target="newTab ? '_blank' : '_self'"
+  >
     <arg-tooltip
       :tooltip-text="label"
       :disable="sidebarOpen"
@@ -50,7 +55,8 @@ export default defineComponent({
         return true;
       }
     },
-    label: { type: String, required: true }
+    label: { type: String, required: true },
+    newTab: { type: Boolean || void 0, default: false }
   }
 });
 </script>

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

@@ -20,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    newTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: StringConstructor;
@@ -42,5 +46,11 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+    newTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    newTab: boolean;
+}, {}>;
 export default _default;

package/dist/runtime/components/argMenuLink.vue

@@ -1,6 +1,11 @@
 <template>
   <div>
-    <nuxt-link v-if="!isAction" :to="to" class="arg_menu_link">
+    <nuxt-link
+      v-if="!isAction"
+      :to="to"
+      class="arg_menu_link"
+      :target="newTab ? '_blank' : '_self'"
+    >
       <arg-tooltip
         :tooltip-text="label"
         :disable="sidebarOpen"
@@ -44,7 +49,8 @@ export default defineComponent({
     label: { type: String, required: true },
     to: { type: String, default: "/" },
     sidebarOpen: { type: Boolean, default: true },
-    isAction: { type: Boolean, default: false }
+    isAction: { type: Boolean, default: false },
+    newTab: { type: Boolean || void 0, default: false }
   },
   emits: ["onClick"],
   setup(props, { emit }) {

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    newTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     sendAction: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -42,11 +46,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    newTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnClick?: ((...args: any[]) => any) | undefined;
 }, {
     sidebarOpen: boolean;
     to: string;
+    newTab: boolean;
     isAction: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argProductCard.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="oip_product_card"
-    :class="`${app}_banner`"
+    :class="[isFindMore ? '' : `p-40 ${app}_banner`]"
     :style="`  background: linear-gradient(
       90deg,
       rgba(255, 255, 255, 0.9) 41%,
@@ -9,21 +9,51 @@
     ),
     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
+    <div
+      class="oip_list v-start stretch"
+      :class="isFindMore ? `absolute_bg gap-16 ${app}_banner` : 'gap-24'"
+    >
+      <div :class="['banner_title', `${app}_title_color`]">
+        <p v-if="!textSlots">
+          {{ getTitle }}
+        </p>
+        <slot v-else name="title" />
+      </div>
+      <div class="oip_body banner_text">
+        <p v-if="!textSlots && !getText.includes('</p>')">
+          {{ getText }}
+        </p>
+        <p v-if="!textSlots && getText.includes('</p>')" v-html="getText" />
+        <slot v-else name="text" />
+      </div>
+      <div
+        class="oip_row v-center gap-16"
+        v-if="defaultActions && haveActions && !isFindMore"
       >
-      <arg-btn
-        :btn-style="`${app === 'oip' ? 'primary' : app}-stroke`"
-        @on-click="$emit('onContact')"
-        >Contact sales</arg-btn
+        <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>
+      <div
+        class="oip_row v-center gap-16"
+        v-else-if="defaultActions && haveActions && isFindMore"
       >
+        <arg-btn
+          :btn-style="`${app === 'oip' ? 'primary' : app}-fill`"
+          @on-click="$emit('onContact')"
+          suffix-icon="ArrowRight"
+          >Contact support</arg-btn
+        >
+      </div>
+      <slot v-else-if="haveActions" name="actions" />
     </div>
-    <slot v-else name="actions" />
   </div>
 </template>
 
@@ -41,10 +71,19 @@ export default defineComponent({
     app: {
       type: String,
       default: "oip",
+      required: true,
       validator: (value) => {
         return ["oip", "discovery", "bank"].includes(value);
       }
     },
+    haveActions: {
+      type: Boolean,
+      default: true
+    },
+    textSlots: {
+      type: Boolean,
+      default: false
+    },
     defaultActions: {
       type: Boolean,
       default: true
@@ -56,6 +95,10 @@ export default defineComponent({
     customText: {
       type: String || void 0 || null,
       default: void 0
+    },
+    isFindMore: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onTrial", "onContact"],
@@ -75,6 +118,8 @@ export default defineComponent({
     const getTitle = computed(() => {
       if (props.customTitle && props.customTitle !== null) {
         return props.customTitle;
+      } else if (props.isFindMore) {
+        return "Not finding what you're looking for ?";
       } else {
         switch (props.app) {
           case "oip":
@@ -91,6 +136,8 @@ export default defineComponent({
     const getText = computed(() => {
       if (props.customText && props.customText !== null) {
         return props.customText;
+      } else if (props.isFindMore) {
+        return `<p class="oip_body banner_text">Our database grows daily, if you're seeking a specific theme, feel free to contact us, and <b>we'll gladly add the perfect app for you!</b></p>`;
       } else {
         switch (props.app) {
           case "oip":
@@ -114,5 +161,5 @@ export default defineComponent({
 </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%}
+.oip_product_card{align-self:stretch;border-radius:12px;box-shadow:0 6px 8px 0 rgba(30,41,59,.1);display:flex;flex-direction:column;position:relative}.p-24{padding:24px}.p-40{padding:40px}.absolute_bg{align-self:stretch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.7)!important;border-radius:8px;bottom:0;left:0;padding:24px;position:relative;top:0;width:calc(100% - 48px)}.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}
 </style>

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

@@ -2,8 +2,17 @@ declare const _default: import("vue").DefineComponent<{
     app: {
         type: StringConstructor;
         default: string;
+        required: true;
         validator: (value: string) => boolean;
     };
+    haveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textSlots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultActions: {
         type: BooleanConstructor;
         default: boolean;
@@ -16,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    isFindMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     getTitle: import("vue").ComputedRef<string>;
     getText: import("vue").ComputedRef<string>;
@@ -24,8 +37,17 @@ declare const _default: import("vue").DefineComponent<{
     app: {
         type: StringConstructor;
         default: string;
+        required: true;
         validator: (value: string) => boolean;
     };
+    haveActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textSlots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     defaultActions: {
         type: BooleanConstructor;
         default: boolean;
@@ -38,13 +60,20 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    isFindMore: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnTrial?: ((...args: any[]) => any) | undefined;
     onOnContact?: ((...args: any[]) => any) | undefined;
 }, {
     customTitle: string;
     app: string;
+    haveActions: boolean;
+    textSlots: boolean;
     defaultActions: boolean;
     customText: string;
+    isFindMore: boolean;
 }, {}>;
 export default _default;

package/package.json

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