@tekkare/auriga 0.1.65 → 0.1.67

package/dist/runtime/components/argFilterTabs.vue

@@ -71,33 +71,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.oip_switch_tabs {
-  display: flex;
-  padding: 4px;
-  align-items: center;
-  border-radius: 12px;
-  background: var(--background);
-  width: fit-content;
-}
-
-.oip_switcher_tab {
-  display: flex;
-  padding: 8px 24px;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  border-radius: 8px;
-  cursor: pointer;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-  color: var(--cool-grey);
-}
-.active_tab {
-  background: #fdfdff;
-  /* Small Elevation */
-  box-shadow: 0px 0px 8px 0px rgba(62, 63, 94, 0.12);
-  color: var(--text-theme-light-med-em, #4f4b5c) !important;
-}
+.oip_switch_tabs{align-items:center;background:var(--lightest);border-radius:12px;display:flex;padding:4px;width:-moz-fit-content;width:fit-content}.oip_switcher_tab{align-items:center;border-radius:8px;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:700;gap:6px;justify-content:center;line-height:normal;padding:8px 24px}.active_tab{background:#fdfdff;box-shadow:0 0 8px 0 rgba(62,63,94,.12);color:var(--text-theme-light-med-em,#4f4b5c)!important}
 </style>

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

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     activeTab: import("vue").Ref<number>;
     setDefaultTab: () => void;
     changeTab: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Tab")[], "changeValue" | "update:Tab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeValue" | "update:Tab")[], "changeValue" | "update:Tab", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: {
             (arrayLength: number): Object[];

package/dist/runtime/components/argFlag.vue

@@ -501,7 +501,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.arg_country_icon.rounded {
-  clip-path: circle(41% at 50% 50%);
-}
+.arg_country_icon.rounded{-webkit-clip-path:circle(41% at 50% 50%);clip-path:circle(41% at 50% 50%)}
 </style>

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

@@ -231,7 +231,7 @@ declare const _default: import("vue").DefineComponent<{
     countryName: import("vue").ComputedRef<string>;
     size: import("vue").ComputedRef<string>;
     getEmojiFlag: (name: string) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iso: {
         type: StringConstructor;
     };

package/dist/runtime/components/argFooter.vue

@@ -17,33 +17,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.oip_footer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--background);
-  padding: 24px 84px;
-  margin-top: 24px;
-  box-shadow: 0px 4px 8px rgba(37, 99, 235, 0.04),
-    0px 0px 2px rgba(37, 99, 235, 0.06), 0px 0px 1px rgba(37, 99, 235, 0.04);
-}
-p {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 160%;
-}
-
-a {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: normal;
-  text-decoration-line: underline;
-  color: var(--primary) !important;
-}
-a:hover {
-  color: var(--primary-hover) !important;
-}
+.oip_footer{align-items:center;background:var(--lightest);box-shadow:0 4px 8px rgba(37,99,235,.04),0 0 2px rgba(37,99,235,.06),0 0 1px rgba(37,99,235,.04);display:flex;flex-direction:row;justify-content:space-between;margin-top:24px;padding:24px 84px}p{font-weight:400;line-height:160%}a,p{font-size:14px;font-style:normal}a{color:var(--primary)!important;font-weight:500;line-height:normal;text-decoration-line:underline}a:hover{color:var(--primary-hover)!important}
 </style>

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argHeader.vue

@@ -64,47 +64,5 @@ export default defineComponent({
 });
 </script>
 <style>
-.arg_header {
-  -webkit-backdrop-filter: blur(12px);
-  backdrop-filter: blur(12px);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 24px 32px 12px;
-  position: fixed;
-  top: 0;
-  z-index: 95;
-  border-bottom: 1px solid var(--base-dividers, #ececf2);
-  background: transparent;
-  width: 100%;
-  box-sizing: border-box;
-}
-.arg_header_with_sidebar {
-  left: 200px;
-}
-.arg_header_no_sidebar {
-  left: 52px;
-}
-.arg_header_title_group {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  align-self: stretch;
-}
-.arg_header_title {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-  flex-grow: 2;
-}
-.arg_header_back_button {
-  cursor: pointer;
-  border: 0px solid transparent;
-  padding: 0;
-  background: transparent;
-}
-.arg_header:has(> .header_tabs_section) {
-  padding: 24px 32px 0px;
-}
+.arg_header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:transparent;border-bottom:1px solid var(--light,#ececf2);box-sizing:border-box;display:flex;flex-direction:column;gap:24px;padding:24px 32px 12px;position:fixed;top:0;width:100%;z-index:95}.arg_header_with_sidebar{left:200px}.arg_header_no_sidebar{left:52px}.arg_header_title_group{align-items:center;align-self:stretch;display:flex;gap:16px}.arg_header_title{flex-grow:2;font-size:20px;font-style:normal;font-weight:900;line-height:normal}.arg_header_back_button{background:transparent;border:0 solid transparent;cursor:pointer;padding:0}.arg_header:has(>.header_tabs_section){padding:24px 32px 0}
 </style>

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

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     goBack: () => void;
     updateMenu: (value: number | string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: null;

package/dist/runtime/components/argHeaderTabs.vue

@@ -133,72 +133,5 @@ export default defineComponent({
 
 <!-- Custom navbar -->
 <style scoped>
-.header_tabs {
-  white-space: nowrap;
-  position: relative;
-  background-color: transparent;
-  width: auto;
-  border-radius: 12px;
-}
-
-.header_tabs_section {
-  overflow-x: hidden;
-}
-
-.header_tabs_overlay {
-  overflow: hidden;
-}
-
-.header_one_tab_container {
-  display: inline-block;
-  margin-right: 24px;
-}
-
-.header_one_tab {
-  overflow: hidden;
-  display: inline-block;
-  border: none;
-  background-color: transparent;
-  color: var(--wild-blue-yonder);
-  list-style: none;
-  font-style: normal;
-  font-size: 14px;
-  font-weight: 500;
-  text-align: center;
-  padding: 0px 0px 8px 0px;
-  white-space: pre-line;
-  overflow-wrap: break-word;
-  vertical-align: middle;
-  cursor: pointer;
-}
-
-.header_one_tab:not(.active):hover {
-  color: var(--primary) !important;
-}
-
-.header_one_tab.active {
-  color: var(--independence);
-}
-
-.header_one_tab_active-selector {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  z-index: 0;
-  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  list-style: none;
-  border-bottom: 3px solid var(--primary);
-  min-width: 5px;
-}
-.header_one_tab_bis {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  justify-content: center;
-}
-
-.header_one_tab_icon.active {
-  color: var(--primary);
-}
+.header_tabs{background-color:transparent;border-radius:12px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-x:hidden}.header_tabs_overlay{overflow:hidden}.header_one_tab_container{display:inline-block;margin-right:24px}.header_one_tab{background-color:transparent;border:none;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow:hidden;overflow-wrap:break-word;padding:0 0 8px;text-align:center;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--darkest)}.header_one_tab_active-selector{border-bottom:3px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}
 </style>

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollValue: import("vue").Ref<number>;
     oldWidth: import("vue").Ref<any>;
     changeMenu: (value: number | string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateMenu" | "update:Menu")[], "updateMenu" | "update:Menu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: ArrayConstructor;
         required: true;

package/dist/runtime/components/argHomeAllBlocks.vue

@@ -149,53 +149,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_home_all_blocks {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 24px;
-}
-.block_card {
-  flex: 0 0 calc(50% - 59px);
-  margin: 0px !important;
-  padding: 24px !important;
-  cursor: pointer;
-  border: 1.5px solid transparent;
-}
-.block_card:hover {
-  border-color: rgba(33, 118, 255, 0.2) !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;
-  overflow: hidden;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 160%;
-}
-.block_content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  align-items: flex-start;
-}
-.block_title {
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  gap: 8px;
-}
-.block_selected {
-  background: var(--primary) !important;
-  color: var(--pure-white) !important;
-}
+.arg_home_all_blocks{align-items:flex-start;display:flex;flex-direction:column;gap:24px}.block_card{border:1.5px solid transparent;cursor:pointer;flex:0 0 calc(50% - 59px);margin:0!important;padding:24px!important}.block_card:hover{border-color:rgba(33,118,255,.2)!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;color:var(--white)!important}
 </style>

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

@@ -36,11 +36,11 @@ declare const _default: import("vue").DefineComponent<{
     searchBlocks: import("vue").Ref<string>;
     getTitle: import("vue").ComputedRef<string>;
     getSearchPlaceholder: import("vue").ComputedRef<string>;
-    selectedBlock: any;
+    selectedBlock: import("vue").Ref<any>;
     selectBlock: (block: any) => void;
     filterBlocks: import("vue").ComputedRef<unknown[]>;
     getGlobalTitle: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: null;

package/dist/runtime/components/argHomeContent.vue

@@ -18,29 +18,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.arg_home_content {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: flex-start;
-  position: relative;
-  gap: 32px;
-  width: 100%;
-}
-
-.arg_home_blocks {
-  width: 66%;
-  padding-top: 8px;
-  border-top: 1px solid var(--base-dividers, #ececf2);
-}
-
-.arg_home_selected {
-  width: 33%;
-  align-self: stretch;
-  display: flex;
-  position: relative;
-}
-
-.height {
-  height: 350px;
-}
+.arg_home_content{align-items:flex-start;display:inline-flex;flex-direction:row;gap:32px;position:relative;width:100%}.arg_home_blocks{border-top:1px solid var(--light,#ececf2);padding-top:8px;width:66%}.arg_home_selected{align-self:stretch;display:flex;position:relative;width:33%}.height{height:350px}
 </style>

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argHomeHeader.vue

@@ -48,37 +48,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.arg_home_header {
-  display: flex;
-  flex-direction: row;
-  padding: 10px 24px;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--m, 16px);
-  position: fixed;
-  top: 0;
-  left: 0;
-  align-self: stretch;
-  border-bottom: 1px solid var(--base-dividers, #ececf2);
-  background: rgba(253, 253, 255, 0.8);
-  width: calc(100% - 48px);
-  backdrop-filter: blur(12px);
-  z-index: 20;
-}
-
-.home_subtitle {
-  color: var(--cool-grey, #8487ac);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  font-variant: all-small-caps;
-}
-
-.home_title {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
+.arg_home_header{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(253,253,255,.8);border-bottom:1px solid var(--light,#ececf2);display:flex;flex-direction:row;gap:var(--m,16px);justify-content:space-between;left:0;padding:10px 24px;position:fixed;top:0;width:calc(100% - 48px);z-index:20}.home_subtitle{color:var(--dark,#8487ac);font-size:14px;font-variant:all-small-caps;font-weight:400}.home_subtitle,.home_title{font-style:normal;line-height:normal}.home_title{font-size:20px;font-weight:900}
 </style>

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     homeTitle: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/argHomeKpis.vue

@@ -2,7 +2,7 @@
   <div class="oip_card kpi_card">
     <div v-for="(kpi, index) in kpis" :key="index" class="kpi_item">
       <div class="kpi_icon">
-        <arg-icon :name="kpi.icon" color="var(--cool-grey)" size="32" />
+        <arg-icon :name="kpi.icon" color="var(--dark)" size="32" />
       </div>
       <div class="kpi_text">
         <p class="kpi_value">{{ kpi.value }}</p>
@@ -29,45 +29,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.kpi_card {
-  display: flex;
-  align-self: stretch;
-  padding: 16px !important;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-}
-.kpi_item {
-  display: flex;
-  align-items: center;
-  gap: var(--m, 16px);
-  flex: 1 0 0;
-}
-.kpi_icon {
-  display: flex;
-  padding: 8px;
-  justify-content: center;
-  align-items: center;
-  background: var(--background);
-  border-radius: 8px;
-}
-.kpi_text {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 4px;
-}
-.kpi_value {
-  font-size: 22px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
-.kpi_legend {
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: normal;
-  color: var(--cool-grey);
-}
+.kpi_card{align-self:stretch;gap:16px;justify-content:space-between;padding:16px!important}.kpi_card,.kpi_item{align-items:center;display:flex}.kpi_item{flex:1 0 0;gap:var(--m,16px)}.kpi_icon{align-items:center;background:var(--lightest);border-radius:8px;display:flex;justify-content:center;padding:8px}.kpi_text{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.kpi_value{font-size:22px;font-weight:900}.kpi_legend,.kpi_value{font-style:normal;line-height:normal}.kpi_legend{color:var(--dark);font-size:12px;font-weight:400}
 </style>

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

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         required: true;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     kpis: {
         type: {
             (arrayLength: number): Object[];

package/dist/runtime/components/argHomeLayout.vue

@@ -20,18 +20,5 @@ export default defineComponent({
 });
 </script>
 <style>
-.arg_main_home {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.arg_home_layout_body {
-  min-height: calc(100vh - 77px);
-  margin: 116px 32px 95px 32px;
-  max-width: 1200px;
-}
-
-.full_width_footer {
-  align-self: stretch;
-}
+.arg_main_home{align-items:center;display:flex;flex-direction:column}.arg_home_layout_body{margin:116px 32px 95px;max-width:1200px;min-height:calc(100vh - 77px)}.full_width_footer{align-self:stretch}
 </style>

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/runtime/components/argHomeSelectedBlock.vue

@@ -2,12 +2,18 @@
   <div class="oip_card selected_block_card">
     <div v-if="selected === null" class="selected_block_display">
       <div class="icon_square">
-        <arg-icon name="HandPointing" color="var(--cool-grey)" size="32" />
+        <arg-icon name="HandPointing" color="var(--dark)" size="32" />
       </div>
       <div class="theme_select_message">
-        <p class="theme_title">Select a theme</p>
+        <p class="theme_title">
+          {{ lang === "en" ? "Select a theme" : "Choissiez un thème" }}
+        </p>
         <p class="theme_descr">
-          Select a theme to display the analyses available within it.
+          {{
+            lang === "en"
+              ? "Select a theme to display the analyses available within it."
+              : "Choissiez un thème pour afficher les analyses disponibles"
+          }}
         </p>
       </div>
     </div>
@@ -44,7 +50,7 @@
             sidebar-open
             :label="item.linkName"
             :to="item.linkUrl"
-            :icon="item.linkLogo"
+            :icon="item.linkIcon"
           />
         </div>
       </div>
@@ -67,60 +73,18 @@ export default defineComponent({
     selected: {
       type: Object,
       default: null
+    },
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
     }
   }
 });
 </script>
 
 <style scoped>
-.selected_block_card {
-  margin: 0px !important;
-  position: fixed;
-  padding: 24px;
-  position: sticky;
-  top: 12vh;
-  flex: 1;
-  height: fit-content;
-}
-.selected_block_display {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-}
-.theme_select_message {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.theme_title_display {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.icon_square {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--dividers);
-  padding: 8px;
-  border-radius: 8px;
-  width: fit-content;
-}
-.theme_title {
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 900;
-  line-height: normal;
-}
-.theme_descr {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 160%;
-}
-.selected_block_links {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
+.selected_block_card{flex:1;height:-moz-fit-content;height:fit-content;margin:0!important;padding:24px;position:fixed;position:sticky;top:12vh}.selected_block_display{display:flex;flex-direction:column;gap:24px}.theme_select_message{display:flex;flex-direction:column;gap:12px}.theme_title_display{display:flex;flex-direction:column;gap:8px}.icon_square{align-items:center;background:var(--light);border-radius:8px;display:flex;justify-content:center;padding:8px;width:-moz-fit-content;width:fit-content}.theme_title{font-size:20px;font-style:normal;font-weight:900;line-height:normal}.theme_descr{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.selected_block_links{display:flex;flex-direction:column;gap:4px}
 </style>

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

@@ -3,12 +3,23 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default: null;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     selected: {
         type: ObjectConstructor;
         default: null;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>>, {
+    lang: string;
     selected: Record<string, any>;
 }, {}>;
 export default _default;