@tekkare/auriga 0.2.78 → 0.2.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -4,5 +4,5 @@
4
4
  "compatibility": {
5
5
  "nuxt": "^3.0.0"
6
6
  },
7
- "version": "0.2.78"
7
+ "version": "0.2.80"
8
8
  }
@@ -46,12 +46,12 @@
46
46
  v-if="
47
47
  filterBlocks.length > 0 &&
48
48
  blockCategories !== null &&
49
- blockCategories.value.length > 0
49
+ blockCategories.length > 0
50
50
  "
51
51
  class="oip_list v-start gap-16"
52
52
  >
53
53
  <div
54
- v-for="category in blockCategories.value"
54
+ v-for="category in blockCategories"
55
55
  :key="category"
56
56
  class="oip_list v-start gap-8 category_container"
57
57
  >
@@ -268,12 +268,12 @@ export default defineComponent({
268
268
  }
269
269
  const blockCategories = computed(() => {
270
270
  const categories = ref(null);
271
- if (props.appBlocks.length > 0) {
271
+ if (props.appBlocks.length > 0 && props.appBlocks.filter((f) => f.category !== void 0)?.length > 0) {
272
272
  categories.value = [
273
273
  ...new Set(props.appBlocks.map((a) => a.category))
274
274
  ];
275
275
  }
276
- return categories;
276
+ return categories.value;
277
277
  });
278
278
  onBeforeMount(async () => {
279
279
  setLang();
@@ -340,5 +340,5 @@ export default defineComponent({
340
340
  </script>
341
341
 
342
342
  <style scoped>
343
- .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}p.category_label{color:var(--medium);font-size:14px;font-weight:500;text-transform:uppercase}
343
+ .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}
344
344
  </style>
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
61
61
  filterBlocks: any;
62
62
  getGlobalTitle: import("vue").ComputedRef<any>;
63
63
  langData: import("vue").Ref<any>;
64
- blockCategories: import("vue").ComputedRef<import("vue").Ref<any>>;
64
+ blockCategories: import("vue").ComputedRef<any>;
65
65
  filterCategoryBlocks: any;
66
66
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectBlock" | "update:Block")[], "onSelectBlock" | "update:Block", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
67
67
  title: {
@@ -1,19 +1,12 @@
1
1
  <template>
2
- <div class="oip_card selected_block_card">
3
- <div v-if="selected === null" class="selected_block_display">
4
- <div class="icon_square">
5
- <arg-icon name="HandPointing" color="var(--dark)" size="32" />
6
- </div>
7
- <div class="theme_select_message">
8
- <p class="theme_title">
9
- {{ langData?.title }}
10
- </p>
11
- <p class="theme_descr">
12
- {{ langData?.subtitle }}
13
- </p>
14
- </div>
2
+ <div class="fixed">
3
+ <div
4
+ v-if="selected === null"
5
+ class="oip_list v-center centered full_stretch no_selected"
6
+ >
7
+ <p>{{ langData?.subtitle }}</p>
15
8
  </div>
16
- <div v-else class="selected_block_display">
9
+ <div v-else class="oip_card selected_block_card selected_block_display">
17
10
  <div class="theme_title_display">
18
11
  <div class="oip_row v-center space-between">
19
12
  <div class="oip_row v-center gap-8">
@@ -137,5 +130,5 @@ export default defineComponent({
137
130
  </script>
138
131
 
139
132
  <style scoped>
140
- .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}.selected_block_links.gap-4{gap:4px}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.my-4{margin:4px 0}
133
+ .selected_block_card{margin:0!important;padding:24px}.fixed{flex-basis:100%;height:-moz-fit-content;height:fit-content;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}.selected_block_links.gap-4{gap:4px}.population p{color:var(--medium);font-size:12px;font-weight:400;line-height:14px}.my-4{margin:4px 0}.no_selected p{color:var(--dark)!important;font-size:34px;font-style:normal;font-weight:600;line-height:normal;max-width:300px;text-align:center}.no_selected{flex:1 0 100%;height:100%;margin-top:32px}
141
134
  </style>
@@ -110,7 +110,7 @@
110
110
  },
111
111
  "selectedBlock": {
112
112
  "title": "Select a theme",
113
- "subtitle": "Select a theme to display the analyses available within it."
113
+ "subtitle": "Select an application to view its content"
114
114
  },
115
115
  "noScope": {
116
116
  "message": "You need to select your scope to view any results or data. Please choose one of the options below to proceed.",
@@ -109,7 +109,7 @@
109
109
  },
110
110
  "selectedBlock": {
111
111
  "title": "Seleccione un tema",
112
- "subtitle": "Seleccione un tema para ver los análisis disponibles."
112
+ "subtitle": "Seleccione una aplicación para ver su contenido"
113
113
  },
114
114
  "noScope": {
115
115
  "message": "Debe seleccionar su scope para ver los resultados o los datos. Elija una de las opciones siguientes para continuar.",
@@ -109,7 +109,7 @@
109
109
  },
110
110
  "selectedBlock": {
111
111
  "title": "Choisissez un thème",
112
- "subtitle": "Choisissez un thème pour afficher les analyses disponibles."
112
+ "subtitle": "Sélectionnez une application pour voir son contenu"
113
113
  },
114
114
  "noScope": {
115
115
  "message": "Vous devez sélectionner votre scope pour voir les résultats ou données. Veuillez choisir une des options ci-dessous pour continuer.",
@@ -109,7 +109,7 @@
109
109
  },
110
110
  "selectedBlock": {
111
111
  "title": "テーマを選択する",
112
- "subtitle": "分析結果を表示するためテーマを選択して下さい"
112
+ "subtitle": "アプリケーションを選択してコンテンツを表示する"
113
113
  },
114
114
  "noScope": {
115
115
  "message": "分析結果やデータを見るためにはスコープを選択して下さい。",
@@ -110,7 +110,7 @@
110
110
  },
111
111
  "selectedBlock": {
112
112
  "title": "테마를 선택하세요",
113
- "subtitle": "테마 내에서 이용 가능한 분석을 보기 위해 테마를 선택하세요."
113
+ "subtitle": "콘텐츠를 보려면 애플리케이션을 선택하세요"
114
114
  },
115
115
  "noScope": {
116
116
  "message": "결과나 데이터를 보려면 스콥을 선택해야 합니다. 계속하시려면 아래 옵션 중 하나를 선택하세요.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.2.78",
3
+ "version": "0.2.80",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",