@tekkare/auriga 0.2.123 → 0.2.125

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.2.123"
+  "version": "0.2.125"
 }

package/dist/runtime/components/argNoSavedScope.vue

@@ -1,13 +1,29 @@
 <template>
   <div>
     <div class="no_scope_text">
-      <p>{{ noScopeText }}</p>
+      <p>
+        {{
+          isScenario
+            ? noScopeText?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : noScopeText
+        }}
+      </p>
       <ul>
         <li v-for="(step, index) in saveScopeSteps" :key="index">
-          {{ step }}
+          {{
+            isScenario
+              ? step?.replaceAll(RegExp("scope", "gi"), "scenario")
+              : step
+          }}
         </li>
       </ul>
-      <p>{{ noScopeEnd }}</p>
+      <p>
+        {{
+          isScenario
+            ? noScopeEnd?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : noScopeEnd
+        }}
+      </p>
     </div>
   </div>
 </template>
@@ -29,7 +45,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   setup(props) {
     const langData = ref(null);

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

@@ -4,6 +4,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     noScopeText: import("vue").ComputedRef<any>;
     saveScopeSteps: import("vue").ComputedRef<any[]>;
@@ -15,7 +19,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     lang: string;
+    isScenario: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -5,12 +5,20 @@
         <arg-icon name="CrosshairSimple" size="32" />
       </div>
       <div class="arg_no_scope_text">
-        {{ getNoScopeMsg }}
+        {{
+          isScenario
+            ? getNoScopeMsg?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : getNoScopeMsg
+        }}
       </div>
       <div v-if="scopeArray.length > 0" class="arg_scopes_select">
         <div class="oip_row v-center justify-between full_row">
           <p class="args_select_title">
-            {{ langData?.exists }}
+            {{
+              isScenario
+                ? langData?.exist?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.exist
+            }}
           </p>
           <slot name="manage" />
         </div>
@@ -27,7 +35,11 @@
         size="m"
         full-width
         @onClick="selectScope"
-        >{{ langData?.apply }}</arg-btn
+        >{{
+          isScenario
+            ? langData?.apply?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : langData?.apply
+        }}</arg-btn
       >
       <div
         v-if="scopeArray.length > 0"
@@ -42,7 +54,11 @@
         size="m"
         full-width
         @onClick="createNewScope"
-        >{{ langData?.new }}</arg-btn
+        >{{
+          isScenario
+            ? langData?.new?.replaceAll(RegExp("scope", "gi"), "scenario")
+            : langData?.new
+        }}</arg-btn
       >
     </div>
   </div>
@@ -73,7 +89,8 @@ export default defineComponent({
     scopeArray: {
       type: Array,
       default: () => []
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onSelectScope", "update:Scope", "onCreateScope"],
   setup(props, { emit }) {

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ArrayConstructor;
         default: () => never[];
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getNoScopeMsg: import("vue").ComputedRef<any>;
     selectedScope: import("vue").Ref<any, any>;
@@ -24,12 +28,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ArrayConstructor;
         default: () => never[];
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnSelectScope?: ((...args: any[]) => any) | undefined;
     "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onOnCreateScope?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     scopeArray: unknown[];
 }, {}, {
     argIcon: any;

package/dist/runtime/components/argScopeChange.vue

@@ -22,7 +22,13 @@
             full-width
             @onClick="saveScope()"
             prefix-icon="BoxArrowDown"
-            >{{ saveMsg !== null ? saveMsg : langData?.save }}</arg-btn
+            >{{
+              saveMsg !== null
+                ? saveMsg
+                : isScenario
+                ? langData?.save?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.save
+            }}</arg-btn
           >
           <arg-btn
             v-if="createNew"
@@ -31,7 +37,11 @@
             full-width
             @onClick="newScope()"
             prefix-icon="PlusCircle"
-            >{{ langData?.new }}</arg-btn
+            >{{
+              isScenario
+                ? langData?.new?.replaceAll(RegExp("scope", "gi"), "scenario")
+                : langData?.new
+            }}</arg-btn
           >
         </div>
         <div class="oip_scope_list">
@@ -117,6 +127,10 @@ export default defineComponent({
     customActions: {
       type: Boolean,
       default: false
+    },
+    isScenario: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["changeScope", "update:Scope", "onNewScope", "onSave"],
@@ -157,7 +171,9 @@ export default defineComponent({
       }
     );
     const getTitle = computed(() => {
-      if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
+      if (props.isScenario) {
+        return props.scopes.length === 0 ? "+ New scenario" : "Change scenario";
+      } else if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
         return langData.value?.change;
       } else
         return langData.value?.apply;

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

@@ -54,6 +54,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     isDisplay: import("vue").Ref<boolean, boolean>;
     closeDropdown: () => void;
@@ -120,6 +124,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
     onChangeScope?: ((...args: any[]) => any) | undefined;
@@ -128,6 +136,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     lang: string;
     save: boolean;
+    isScenario: boolean;
     active_scope: Record<string, any>;
     custom_active: boolean;
     createNew: boolean;

package/dist/runtime/components/argScopeCriteria.vue

@@ -9,7 +9,7 @@
     <div v-show="activeTab === 'new'" class="arg_scope_new">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{ langData?.title }}
+          {{ isScenario ? "Scenario criteria" : langData?.title }}
         </h1>
         <slot name="filtersAmount" />
       </div>
@@ -20,7 +20,7 @@
     <div v-show="!onlyNew && activeTab === 'saved'" class="arg_scope_save">
       <div class="oip_row v-center gap-8">
         <h1>
-          {{ langData?.saved }}
+          {{ isScenario ? "Your saved scenarios" : langData?.saved }}
         </h1>
         <slot name="scopeAmount" />
       </div>
@@ -49,7 +49,8 @@ export default defineComponent({
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
     },
-    onlyNew: { type: Boolean, default: false }
+    onlyNew: { type: Boolean, default: false },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["update:Criteria", "onChangeCriteria"],
   setup(props, { emit }) {
@@ -82,8 +83,14 @@ export default defineComponent({
     );
     const scopeTabs = computed(() => {
       return [
-        { name: langData.value?.tabs.new, value: "new" },
-        { name: langData.value?.tabs.saved, value: "saved" }
+        {
+          name: props.isScenario ? "New scenario criteria" : langData.value?.tabs.new,
+          value: "new"
+        },
+        {
+          name: props.isScenario ? "Apply an existing scenario" : langData.value?.tabs.saved,
+          value: "saved"
+        }
       ];
     });
     return { activeTab, scopeTabs, langData };

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     activeTab: import("vue").Ref<string, string>;
     scopeTabs: import("vue").ComputedRef<{
@@ -25,11 +29,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:Criteria"?: ((...args: any[]) => any) | undefined;
     onOnChangeCriteria?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     onlyNew: boolean;
 }, {}, {
     argFilterTabs: any;

package/dist/runtime/components/argScopeCriteriaIndicator.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="criteria_section">
     <p class="arg_scope_label">
-      {{ langData?.apply }}
+      {{ isScenario ? "Applied scenario" : langData?.apply }}
     </p>
     <p class="arg_scope">
       {{ selected !== null ? selected : langData?.custom }}
@@ -29,7 +29,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   setup(props) {
     const langData = ref(null);

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

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

package/dist/runtime/components/argScopeHeader.vue

@@ -3,7 +3,13 @@
     <div class="oip_row v-center gap-16">
       <arg-actions :lang="lang" action-type="cancel" @onAction="goBack()" />
       <h1 class="scope_title">
-        {{ scopeTitle !== null ? scopeTitle : langData }}
+        {{
+          scopeTitle !== null
+            ? scopeTitle
+            : isScenario
+            ? "My scenarios"
+            : langData
+        }}
       </h1>
     </div>
     <div class="oip_row v-center gap-16">
@@ -29,6 +35,10 @@ export default defineComponent({
       type: String,
       default: null
     },
+    isScenario: {
+      type: Boolean,
+      default: false
+    },
     lang: {
       type: String,
       default: "en",

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -22,6 +26,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: null;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -34,6 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{}>, {
     lang: string;
+    isScenario: boolean;
     scopeTitle: string;
     cancelLink: string;
 }, {}, {

package/dist/runtime/components/argScopeManage.vue

@@ -4,7 +4,7 @@
       <div class="arg_scope_manage_modal">
         <div class="arg_scope_manage_header">
           <h1>
-            {{ langData?.title }}
+            {{ isScenario ? "Manage my scenarios" : langData?.title }}
           </h1>
           <div class="cursor-pointer" @click="closeManageScope()">
             <arg-icon name="X" size="16" color="var(--dark)" />
@@ -120,7 +120,8 @@ export default defineComponent({
     reloadingScopes: {
       type: Boolean,
       default: false
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onDelete", "onClose"],
   setup(props, { emit }) {

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     getScopeCriteria: (scope: any) => any;
     closeManageScope: () => void;
@@ -32,11 +36,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnDelete?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
     reloadingScopes: boolean;
 }, {}, {
     argBtn: any;

package/dist/runtime/components/argScopeModal.vue

@@ -4,7 +4,7 @@
       <div class="arg_save_modal">
         <div class="arg_save_header">
           <h1>
-            {{ langData?.title }}
+            {{ isScenario ? "Save my scenario" : langData?.title }}
           </h1>
           <div class="cursor-pointer" @click="closeSaveScope()">
             <arg-icon name="X" size="16" color="var(--dark)" />
@@ -76,7 +76,9 @@
               btn-style="primary-fill"
               full-width
               @onClick="saveScope"
-              >{{ langData?.save }}</arg-btn
+              >{{
+                isScenario ? "Save scenario and continue" : langData?.save
+              }}</arg-btn
             >
           </div>
         </div>
@@ -112,7 +114,8 @@ export default defineComponent({
       validator: (value) => {
         return ["en", "fr", "es", "jp", "kr"].includes(value);
       }
-    }
+    },
+    isScenario: { type: Boolean, default: false }
   },
   emits: ["onClose", "onSave"],
   setup(props, { emit }) {

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

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     closeSaveScope: () => void;
     saveScope: () => void;
@@ -53,11 +57,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    isScenario: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOnClose?: ((...args: any[]) => any) | undefined;
     onOnSave?: ((...args: any[]) => any) | undefined;
 }>, {
     lang: string;
+    isScenario: boolean;
 }, {}, {
     argTags: any;
     argIcon: any;

package/dist/runtime/components/argSwitch.vue

@@ -102,5 +102,5 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
 </script>
 
 <style>
-.prmt_switch_pause{vertical-align:baseline!important;fill:var(--light)!important;color:var(--light)!important;margin:0 0 5% 11%;stroke-width:0px!important}.prmt_switch_text{font-size:14px;font-weight:600;line-height:16px;transition:all .3s ease}.prmt_switch_text.prmt_switch_is_inactive{color:var(--medium)}.prmt_switch_text.prmt_switch_is_active{color:var(--darkest)}.prmt_switch{border-radius:35.7px;height:18px;padding:0 2px;position:relative;transition:all .3s ease;width:36px}.prmt_switch.prmt_switch_is_active,.prmt_switch.prmt_switch_is_inactive{background-color:var(--accent);border:1px solid var(--accent)}.prmt_switch_round.prmt_switch_is_active{left:0;position:absolute}.prmt_switch_round.prmt_switch_is_inactive{transform:translateX(100%)}.prmt_switch_round{background-color:var(--white);border:.5px solid var(--light);border-radius:50%;box-shadow:var(--button-big-shadow);height:16px;margin-bottom:2px;transition:all .3s ease;width:16px}.prmt_parent_switch{align-items:center;background-color:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:10px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:10px 17px;width:-moz-fit-content;width:fit-content;--squircle-radius:8px;--squircle-smooth:1}.prmt_parent_switch:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}
+.prmt_switch_pause{vertical-align:baseline!important;fill:var(--light)!important;color:var(--light)!important;margin:0 0 5% 11%;stroke-width:0px!important}.prmt_switch_text{font-size:14px;font-weight:600;line-height:16px;transition:all .3s ease}.prmt_switch_text.prmt_switch_is_inactive{color:var(--medium)}.prmt_switch_text.prmt_switch_is_active{color:var(--darkest)}.prmt_switch{border-radius:35.7px;height:18px;padding:0 2px;position:relative;transition:all .3s ease;width:36px}.prmt_switch.prmt_switch_is_active,.prmt_switch.prmt_switch_is_inactive{background-color:var(--accent);border:1px solid var(--accent)}.prmt_switch_round.prmt_switch_is_active{left:2px}.prmt_switch_round.prmt_switch_is_inactive{transform:translate(128%,50%)}.prmt_switch_round{background-color:var(--white);border:.5px solid var(--white);border-radius:50%;bottom:50%;box-shadow:var(--button-big-shadow);height:15px;position:absolute;transform:translateY(50%);transition:all .3s ease;width:15px}.prmt_parent_switch{align-items:center;background-color:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:10px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:10px 17px;width:-moz-fit-content;width:fit-content;--squircle-radius:8px;--squircle-smooth:1}.prmt_parent_switch:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}
 </style>

package/package.json

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