@tekkare/auriga 0.2.91 → 0.2.93

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.91"
+  "version": "0.2.93"
 }

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/argHomeAllBlocks.vue

@@ -48,9 +48,13 @@
           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">
+        <div
+          v-for="category in blockCategories"
+          :key="category"
+          class="stretch"
+        >
           <div
             v-if="filterCategoryBlocks(category).length > 0"
             class="oip_list v-start gap-8 category_container"
@@ -362,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

@@ -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.91",
+  "version": "0.2.93",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",