@tekkare/auriga 0.1.9 → 0.1.11

package/dist/runtime/components/argNumberInput.vue

@@ -0,0 +1,223 @@
+<template>
+  <div :class="['input_number_section', typing ? 'open' : '']" @click.stop>
+    <p class="oip_filter_label">{{ inputLabel }}</p>
+    <div class="input_number_box">
+      <div
+        class="input_number_action action_left"
+        @click="changeValueClick(-stepValue)"
+      >
+        <arg-icon name="Minus" color="var(--cool-grey)" size="16" />
+      </div>
+      <input
+        type="number"
+        :max="maxValue === -1 ? 0 : maxValue"
+        :value="returnValue"
+        class="number_input_style"
+        @input="changeInput"
+      />
+      <div
+        class="input_number_action action_right"
+        @click="changeValueClick(stepValue)"
+      >
+        <arg-icon name="Plus" color="var(--cool-grey)" size="16" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { toInteger } from "lodash";
+import argIcon from "./argIcon.vue";
+import {
+  onMounted,
+  ref,
+  watch,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argNumberInput",
+  components: { argIcon },
+  props: {
+    inputLabel: {
+      type: String,
+      required: true
+    },
+    defaultValue: {
+      type: Number,
+      default: 1
+    },
+    maxValue: {
+      type: Number,
+      default: -1
+    },
+    hasNegativeValue: {
+      type: Boolean,
+      default: false
+    },
+    stepValue: {
+      type: Number,
+      default: 1
+    }
+  },
+  emits: ["update:Number", "changeValue"],
+  setup(props, { emit }) {
+    const returnValue = ref(1);
+    const typing = ref(false);
+    onMounted(() => {
+      returnValue.value = props.defaultValue;
+      emit("update:Number", returnValue.value);
+      emit("changeValue", returnValue.value);
+    });
+    watch(
+      () => props.defaultValue,
+      (new_default_value) => {
+        returnValue.value = new_default_value;
+      }
+    );
+    function changeInput(event) {
+      if (event.target !== null) {
+        if (props.maxValue !== -1 && event.target.value > props.maxValue) {
+          event.target.value = props.maxValue;
+        } else if (props.hasNegativeValue === false && event.target.value < 0) {
+          event.target.value = 0;
+        }
+        returnValue.value = toInteger(event.target.value);
+        emit("update:Number", returnValue.value);
+        emit("changeValue", returnValue.value);
+      }
+    }
+    function changeValueClick(value) {
+      if (props.maxValue !== -1 && returnValue.value + value > props.maxValue) {
+        returnValue.value = props.maxValue;
+      } else if (props.hasNegativeValue === false && returnValue.value + value < 0) {
+        returnValue.value = 0;
+      } else
+        returnValue.value += value;
+      emit("update:Number", returnValue.value);
+      emit("changeValue", returnValue.value);
+    }
+    return {
+      returnValue,
+      typing,
+      changeInput,
+      changeValueClick
+    };
+  }
+});
+</script>
+
+<style scoped>
+.input_number_box .input_number_action.action_left:hover,
+.input_number_box .input_number_action.action_right:hover {
+  border: 1.5px solid rgba(33, 118, 255, 0.2) !important;
+}
+
+.input_number_box .input_number_action.action_left:hover svg,
+.input_number_box .input_number_action.action_right:hover svg {
+  color: var(--primary) !important;
+}
+
+.input_number_box:focus-within {
+  border: 1.5px solid var(--primary) !important;
+  box-shadow: 0px 0px 0px 4px rgba(33, 118, 255, 0.1) !important;
+}
+
+.input_number_box:focus-within .input_number_action.action_left {
+  top: 0px !important;
+  left: 0px !important;
+}
+.input_number_box:focus-within .input_number_action.action_right {
+  top: 0px !important;
+  right: 0px !important;
+}
+.input_number_box:focus-within {
+  z-index: 9999 !important;
+}
+
+.input_number_box:focus-within .input_number_action.action_left,
+.input_number_box:focus-within
+  .input_number_box
+  .input_number_action.action_left:hover {
+  border-top: 1.5px transparent !important;
+  border-left: 1.5px transparent !important;
+  border-bottom: 1.5px transparent !important;
+}
+.input_number_box:focus-within .input_number_action.action_right,
+.input_number_box:focus-within
+  .input_number_box
+  .input_number_action.action_right:hover {
+  border-top: 1.5px transparent !important;
+  border-right: 1.5px transparent !important;
+  border-bottom: 1.5px transparent !important;
+}
+
+.input_number_section {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0px;
+  gap: 4px;
+}
+
+.input_number_box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 12px 48px;
+  gap: 8px;
+  background: var(--pure-white);
+  border: 1.5px solid var(--dividers);
+  border-radius: 8px;
+  position: relative;
+  z-index: 1;
+}
+
+.input_number_action {
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 12px;
+  gap: 8px;
+  background: var(--pure-white);
+  border: 1.5px solid var(--dividers);
+  border-radius: 8px;
+  z-index: 2;
+  cursor: pointer;
+}
+.action_right {
+  top: -1px;
+  right: -1px;
+}
+
+.action_left {
+  top: -1px;
+  left: -1px;
+}
+
+.number_input_style {
+  border: none;
+  text-align: center;
+  max-width: 127.5px;
+  height: 16px;
+  padding: 0px !important;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--independence);
+}
+
+.number_input_style:focus-visible {
+  border: none;
+  outline: none;
+}
+
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+input[type="number"] {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}
+</style>

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

@@ -0,0 +1,57 @@
+declare const _default: import("vue").DefineComponent<{
+    inputLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hasNegativeValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stepValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    returnValue: import("vue").Ref<number>;
+    typing: import("vue").Ref<boolean>;
+    changeInput: (event: any) => void;
+    changeValueClick: (value: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Number")[], "changeValue" | "update:Number", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inputLabel: {
+        type: StringConstructor;
+        required: true;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hasNegativeValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    stepValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onChangeValue?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Number"?: ((...args: any[]) => any) | undefined;
+}, {
+    maxValue: number;
+    defaultValue: number;
+    hasNegativeValue: boolean;
+    stepValue: number;
+}, {}>;
+export default _default;

package/dist/runtime/components/argRadioButtons.vue

@@ -41,7 +41,7 @@ export default defineComponent({
     },
     returnValue: {
       type: Boolean,
-      default: false
+      default: true
     },
     dir: {
       type: String,
@@ -117,6 +117,7 @@ export default defineComponent({
 
 .radio_display {
   display: flex;
+  width: 100%;
 }
 
 .radio_row {

package/dist/runtime/components/argScopeCriteria.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="oip_card arg_scope_card">
+    <arg-filter-tabs
+      v-model:Tab="activeTab"
+      :tabs="lang === 'fr' ? frScopeTabs : scopeTabs"
+      return-value
+    />
+    <div v-show="activeTab === 'new'" class="arg_scope_new">
+      <div class="oip_row v-center gap-8">
+        <h1>{{ lang === "fr" ? "Critère scope" : "Scope criteria" }}</h1>
+        <slot name="filtersAmount" />
+      </div>
+      <div class="oip_row v-center gap-16 wrap">
+        <slot name="new" />
+      </div>
+    </div>
+    <div v-show="activeTab === 'saved'" class="arg_scope_save">
+      <div class="oip_row v-center gap-8">
+        <h1>
+          {{ lang === "fr" ? "Vos scopes enregistrés" : "Your saved scope" }}
+        </h1>
+        <slot name="scopeAmount" />
+      </div>
+      <slot name="saved" />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  defineComponent
+} from "vue";
+import argFilterTabs from "./argFilterTabs.vue";
+export default defineComponent({
+  name: "argScopeCriteria",
+  components: { argFilterTabs },
+  props: {
+    scopeTitle: {
+      type: String,
+      default: "My scope"
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  setup() {
+    const activeTab = ref("new");
+    const scopeTabs = [
+      { name: "New scope criteria", value: "new" },
+      { name: "Apply an existing scope", value: "saved" }
+    ];
+    const frScopeTabs = [
+      { name: "Nouveau crit\xE8re scope", value: "new" },
+      { name: "Appliquer un scope existant", value: "saved" }
+    ];
+    return { activeTab, scopeTabs, frScopeTabs };
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope_card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  width: calc(100% - 48px);
+}
+.arg_scope_new,
+.arg_scope_save {
+  display: flex;
+  align-items: flex-start;
+  align-content: flex-start;
+  flex-direction: column;
+  gap: 16px var(--m, 16px);
+  width: 100%;
+}
+
+.arg_scope_new h1,
+.arg_scope_save h1 {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    activeTab: import("vue").Ref<string>;
+    scopeTabs: {
+        name: string;
+        value: string;
+    }[];
+    frScopeTabs: {
+        name: string;
+        value: string;
+    }[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    lang: string;
+    scopeTitle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeHeader.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="arg_scope_header">
+    <div class="oip_row v-center gap-16">
+      <arg-actions :lang="lang" action-type="cancel" @onCancel="goBack()" />
+      <h1 class="scope_title">{{ scopeTitle }}</h1>
+    </div>
+    <div class="oip_row v-center gap-16">
+      <arg-actions
+        :lang="lang"
+        action-type="see-analysis"
+        @onSeeAnalysis="seeAnalysis()"
+      />
+      <arg-actions
+        :lang="lang"
+        action-type="save-analysis"
+        @onSaveAnalysis="saveAnalysis()"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+import { useRouter } from "vue-router";
+import argActions from "./argActions.vue";
+export default defineComponent({
+  name: "argScopeHeader",
+  components: { argActions },
+  props: {
+    scopeTitle: {
+      type: String,
+      default: "My scope"
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  emits: ["seeAnalysis", "saveAnalysis"],
+  setup(props, { emit }) {
+    const router = useRouter();
+    function goBack() {
+      router.back();
+    }
+    function seeAnalysis() {
+      emit("seeAnalysis");
+    }
+    function saveAnalysis() {
+      emit("saveAnalysis");
+    }
+    return {
+      router,
+      goBack,
+      seeAnalysis,
+      saveAnalysis
+    };
+  }
+});
+</script>
+
+<style scoped>
+.arg_scope_header {
+  display: flex;
+  flex-direction: row;
+  padding: var(--l, 24px);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--m, 16px);
+
+  align-self: stretch;
+  border-radius: var(--None, 0px);
+
+  border-bottom: 1px solid var(--base-dividers, #ececf2);
+  background: rgba(253, 253, 255, 0.8);
+
+  backdrop-filter: blur(12px);
+}
+
+.scope_title {
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,33 @@
+declare const _default: import("vue").DefineComponent<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    router: import("vue-router").Router;
+    goBack: () => void;
+    seeAnalysis: () => void;
+    saveAnalysis: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("seeAnalysis" | "saveAnalysis")[], "seeAnalysis" | "saveAnalysis", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    scopeTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onSeeAnalysis?: ((...args: any[]) => any) | undefined;
+    onSaveAnalysis?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+    scopeTitle: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="arg_main_scope">
+    <slot name="header" />
+    <div class="arg_scope_layout_body">
+      <slot name="body" />
+    </div>
+    <argFooter />
+  </div>
+</template>
+<script>
+import {
+  onMounted,
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+import argStyle from "./argStyle.vue";
+import argFooter from "./argFooter.vue";
+export default defineComponent({
+  name: "argMainLayout",
+  components: { argIcon, argStyle, argFooter },
+  props: {
+    sidebarOpen: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    onMounted(() => {
+      adjustMarginForBody();
+      window.addEventListener("resize", adjustMarginForBody);
+    });
+    function adjustMarginForBody() {
+      const fixedHeader = document.getElementById("arg_header");
+      const bodyContent = document.getElementById("arg_main_layout_section");
+      const infoBar = document.getElementById("arg_info_section");
+      if (fixedHeader && bodyContent) {
+        const headerHeight = fixedHeader.offsetHeight;
+        bodyContent.style.marginTop = `${headerHeight}px`;
+      }
+      if (fixedHeader && infoBar) {
+        const headerHeight = fixedHeader.offsetHeight;
+        infoBar.style.top = `${headerHeight + 8}px`;
+      }
+    }
+  }
+});
+</script>
+<style>
+.arg_main_scope {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.arg_scope_layout_body {
+  min-height: calc(100vh - 77px);
+  padding: 8px;
+  max-width: 1088px;
+  min-width: 50%;
+  margin-top: 32px;
+}
+</style>

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

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    sidebarOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    sidebarOpen: boolean;
+}, {}>;
+export default _default;

package/dist/runtime/components/argSidebar.vue

@@ -38,8 +38,9 @@
       </div>
     </div>
 
-    <h1 class="arg_sidebar_title">
-      <span v-show="sidebarOpen">{{ name }}</span>
+    <h1 v-show="sidebarOpen" class="arg_sidebar_title">
+      <span v-if="appIso"><arg-flag :iso="appIso" emoji /></span>
+      <span>{{ name }}</span>
     </h1>
     <div class="arg_sidebar_body">
       <div class="arg_sidebar_content">
@@ -61,12 +62,15 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 export default defineComponent({
   name: "argSidebar",
-  components: { argIcon, argStyle },
+  components: { argIcon },
   props: {
     name: { type: String, required: true },
+    appIso: {
+      type: String,
+      default: null
+    },
     lang: {
       type: String,
       default: "en",
@@ -151,10 +155,9 @@ export default defineComponent({
 }
 .arg_sidebar_title {
   display: flex;
+  flex-direction: row;
   padding: 0px 8px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   gap: 8px;
   align-self: stretch;
   font-size: 20px;

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    appIso: {
+        type: StringConstructor;
+        default: null;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -20,6 +24,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    appIso: {
+        type: StringConstructor;
+        default: null;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -34,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:Sidebar"?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
+    appIso: string;
     homeLink: string;
 }, {}>;
 export default _default;