@tekkare/auriga 0.1.124 → 0.1.125

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.1.124"
7
+ "version": "0.1.125"
8
8
  }
@@ -311,6 +311,7 @@ export default defineComponent({
311
311
  "CheckSquareOffset",
312
312
  "CheckSquare",
313
313
  "CheckSquareFill",
314
+ "CheckSquareDisable",
314
315
  "Check",
315
316
  "Checks",
316
317
  "CircleDashed",
@@ -325,5 +325,5 @@ export default defineComponent({
325
325
  </script>
326
326
 
327
327
  <style scoped>
328
- .disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--light)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.full_width{width:100%}
328
+ .disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--medium)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.full_width{width:100%}
329
329
  </style>
@@ -302,6 +302,7 @@ export default defineComponent({
302
302
  "CheckSquareOffset",
303
303
  "CheckSquare",
304
304
  "CheckSquareFill",
305
+ "CheckSquareDisable",
305
306
  "Check",
306
307
  "Checks",
307
308
  "CircleDashed",
@@ -1844,6 +1845,7 @@ export default defineComponent({
1844
1845
  CheckSquareOffset: '<rect width="256" height="256" fill="none" stroke="none"/><path d="M44,143.3V52a8,8,0,0,1,8-8H204a8,8,0,0,1,8,8V204a8,8,0,0,1-8,8H135.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><polyline points="128 152 64 216 32 184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
1845
1846
  CheckSquare: '<rect width="256" height="256" fill="none" stroke="none"/><polyline points="172 104 113.3 160 84 132" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><rect x="40" y="40" width="176" height="176" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
1846
1847
  CheckSquareFill: '<rect width="256" height="256" fill="none" stroke="none"/><rect x="40" y="40" width="176" height="176" rx="8" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><polyline points="172 104 113.3 160 84 132" fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" />',
1848
+ CheckSquareDisable: '<rect width="256" height="256" fill="none" stroke="none"/><rect x="40" y="40" width="176" height="176" rx="8" fill="var(--light)" stroke="var(--light)" stroke-linecap="round" stroke-linejoin="round" /><polyline points="172 104 113.3 160 84 132" fill="none" stroke="var(--dark)" stroke-linecap="round" stroke-linejoin="round" />',
1847
1849
  Check: '<rect width="256" height="256" fill="none" stroke="none"/><polyline points="216 72 104 184 48 128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
1848
1850
  Checks: '<rect width="256" height="256" fill="none" stroke="none"/><polyline points="148 84 60 172 16 128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><polyline points="240 84 152 172 128.6 148.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
1849
1851
  CircleDashed: '<rect width="256" height="256" fill="none" stroke="none"/><path d="M35.3,103.1a96.4,96.4,0,0,1,24.8-43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M60.1,195.9a95.7,95.7,0,0,1-24.8-43.1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M152.9,220.7a94.2,94.2,0,0,1-49.7,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M220.7,152.9a96.4,96.4,0,0,1-24.8,43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M195.9,60.1a95.7,95.7,0,0,1,24.8,43.1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M103.1,35.3a94.2,94.2,0,0,1,49.7,0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
@@ -2229,10 +2231,10 @@ export default defineComponent({
2229
2231
  MicrosoftWordLogo: '<rect width="256" height="256" fill="none" stroke="none"/><line x1="152" y1="96" x2="208" y2="96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><line x1="152" y1="160" x2="208" y2="160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><path d="M64,72V40a8,8,0,0,1,8-8H200a8,8,0,0,1,8,8V216a8,8,0,0,1-8,8H72a8,8,0,0,1-8-8V184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><polyline points="64 104 76 152 92 116 108 152 120 104" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><rect x="32" y="72" width="120" height="112" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
2230
2232
  MinusCircle: '<rect width="256" height="256" fill="none" stroke="none"/><circle cx="128" cy="128" r="96" fill="none" stroke="currentColor" stroke-miterlimit="10" /><line x1="88" y1="128" x2="168" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
2231
2233
  MinusCircleFill: '<rect width="256" height="256" fill="none" stroke="none"/><circle cx="128" cy="128" r="96" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" /><line x1="88" y1="128" x2="168" y2="128" fill="none" stroke="var(--white)" stroke-linecap="round" stroke-linejoin="round" />',
2232
- MinusCircleDisable: '<rect width="256" height="256" fill="none" stroke="none"/><circle cx="128" cy="128" r="96" fill="var(--medium)" stroke="var(--medium)" stroke-miterlimit="10" /><line x1="88" y1="128" x2="168" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
2234
+ MinusCircleDisable: '<rect width="256" height="256" fill="none" stroke="none"/><circle cx="128" cy="128" r="96" fill="var(--light)" stroke="var(--light)" stroke-miterlimit="10" /><line x1="88" y1="128" x2="168" y2="128" fill="none" stroke="var(--dark)" stroke-linecap="round" stroke-linejoin="round" />',
2233
2235
  MinusSquare: '<path d="M208 40H48C43.5817 40 40 43.5817 40 48V208C40 212.418 43.5817 216 48 216H208C212.418 216 216 212.418 216 208V48C216 43.5817 212.418 40 208 40Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M96 128H160" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>',
2234
2236
  MinusSquareFill: '<path d="M208 40H48C43.5817 40 40 43.5817 40 48V208C40 212.418 43.5817 216 48 216H208C212.418 216 216 212.418 216 208V48C216 43.5817 212.418 40 208 40Z" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M96 128H160" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>',
2235
- MinusSquareDisable: '<path d="M208 40H48C43.5817 40 40 43.5817 40 48V208C40 212.418 43.5817 216 48 216H208C212.418 216 216 212.418 216 208V48C216 43.5817 212.418 40 208 40Z" stroke="var(--medium)" stroke-linecap="round" stroke-linejoin="round" fill="var(--medium)"/><path d="M96 128H160" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>',
2237
+ MinusSquareDisable: '<path d="M208 40H48C43.5817 40 40 43.5817 40 48V208C40 212.418 43.5817 216 48 216H208C212.418 216 216 212.418 216 208V48C216 43.5817 212.418 40 208 40Z" stroke="var(--light)" stroke-linecap="round" stroke-linejoin="round" fill="var(--light)"/><path d="M96 128H160" stroke="var(--dark)" stroke-linecap="round" stroke-linejoin="round"/>',
2236
2238
  Minus: '<rect width="256" height="256" fill="none" stroke="none"/><line x1="40" y1="128" x2="216" y2="128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
2237
2239
  Molecule: '<path stroke="currentColor" fill="currentColor" stroke-width="4px" d="M64.6,15.2c-21.5,8.6-25.1,37.3-6.3,50.6c5.1,3.6,10.3,5.2,18.3,5.4l6.2,0.1l7.9,14.6l8,14.5l-4.3,4.6c-7.4,7.7-10.3,13.8-12,24.7c-1.2,7.6,0.1,16.2,3.6,23.9l2.6,5.6l-3.8,3.6c-2.1,1.9-9.8,8.8-17,15.4l-13.2,11.8l-3.5-1.7c-7.4-3.8-18.4-3.9-25.5-0.2c-4.5,2.3-10.7,8.7-13.2,13.5c-2.1,3.9-2.5,5.7-2.5,12.3c0,6.7,0.4,8.5,2.5,12.9c2.9,5.9,8.2,11,14.2,13.8c3.2,1.5,5.9,1.9,11.9,1.9c6.7,0,8.4-0.4,12.5-2.5c10.3-5.5,16-14.7,16-25.7c0-4.2-0.5-7.7-1.5-10.1l-1.5-3.6L69,196c2.7-2.5,10.4-9.5,17-15.4c11.4-10.2,12.2-10.8,14-9.7c18,11.4,37.6,10.9,52.8-1l3.4-2.7l2.4,1.8c1.3,1,3.9,3.3,5.9,5l3.5,3.2l-1.3,3.8c-1.8,5-1.7,14,0.1,19.3c1.8,5.6,8.5,12.8,14.4,15.9c4,2.1,5.7,2.5,12.8,2.5c7.1,0,8.8-0.4,12.8-2.5c6.1-3.2,10.8-8.2,13.8-14.7c2.1-4.6,2.4-6.3,2-12.3c-0.5-11.3-6.2-20.1-16-25c-6.2-3-18.8-3-25.1,0.1l-4.3,2.1l-5.9-5.2c-3.3-2.8-5.9-5.3-5.9-5.4c0-0.1,0.9-2.6,2-5.6c1.7-4.5,2.1-7.4,2.1-16.2l0.1-10.8l9.5-4.3c16.6-7.6,14.9-7.2,18.9-3.8c11.6,10.2,27.8,10.1,38.9-0.1c6.7-6.1,9.1-11.8,9.2-21.3c0-5.6-0.5-8.3-2-11.5c-2.7-6-7.8-11.3-13.8-14.2c-4.5-2.2-6.3-2.6-12.9-2.6c-6.2,0-8.6,0.5-12,2.2c-10.1,4.9-16.5,14.9-16.6,25.7l-0.1,6l-12.6,5.6l-12.7,5.6l-5.6-5.7c-11.8-12.2-27.3-16.4-44.4-12c-2.2,0.5-2.7-0.2-10.3-13.9c-4.4-7.9-7.9-14.8-7.9-15.1c0-0.4,1-2,2.3-3.6c5.9-7.7,7.7-18.5,4.6-27.9c-1.9-5.7-8.5-13-14.5-16.1C81.2,13.1,71.1,12.5,64.6,15.2z M82.9,29.7c8.9,5.6,9,18.4,0.1,25c-3.7,2.8-12.7,2.6-16.9-0.3c-7.2-5.2-8.2-15.4-2.2-22.1C69.1,26.6,76.3,25.6,82.9,29.7z M223.2,80.7c15,6.9,10.4,28.3-6.2,28.3c-4.7,0-9.1-2.6-12.3-7.3c-1.8-2.6-2.1-4.1-1.8-8.3c0.5-6.2,3.2-10.4,8.4-12.8C216,78.6,218.6,78.6,223.2,80.7z M136.5,107.2c20.3,7.7,26,33.9,10.7,49.2c-8,8-19,10.8-30.2,7.4c-5.6-1.7-7.4-2.8-11.8-7.2c-3.7-3.7-5.7-6.7-7.2-10.7c-6.1-16.2,3.1-34.5,20-39.7C122.4,104.8,131.5,105.4,136.5,107.2z M201.3,177.6c4.1,2.3,7.7,8.4,7.7,13c0,4.6-3.6,10.5-8.2,12.8c-4.9,2.6-8.6,2.6-13.7,0c-4.6-2.3-8.2-8-8.2-13.2c0-5.6,4.6-12.1,10-14.1C192.2,175,197.9,175.6,201.3,177.6z M46.1,201.3c1.6,1.1,4,3.5,5.2,5.2c1.8,2.6,2.1,4.1,1.8,8.4c-0.5,6.6-3.6,10.8-9.5,13.1c-3.6,1.4-4.7,1.5-8.5,0.5c-5.1-1.4-8-3.8-10.3-9.1c-2.2-4.6-1.6-8.9,1.5-13.8C30.5,199.2,40,197.2,46.1,201.3z"/>',
2238
2240
  Money: '<rect width="256" height="256" fill="none" stroke="none"/><rect x="16" y="64" width="224" height="128" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><circle cx="128" cy="128" r="32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><line x1="176" y1="64" x2="240" y2="120" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><line x1="176" y1="192" x2="240" y2="136" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><line x1="80" y1="64" x2="16" y2="120" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /><line x1="80" y1="192" x2="16" y2="136" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />',
@@ -301,6 +301,7 @@ declare const _default: import("vue").DefineComponent<{
301
301
  CheckSquareOffset: string;
302
302
  CheckSquare: string;
303
303
  CheckSquareFill: string;
304
+ CheckSquareDisable: string;
304
305
  Check: string;
305
306
  Checks: string;
306
307
  CircleDashed: string;
@@ -1,10 +1,26 @@
1
1
  <template>
2
- <div :class="`multiple-choice-${dir}`">
2
+ <div
3
+ :class="`multiple-choice-${dir}`"
4
+ :style="dir === 'column' && nbCols > 1 ? `max-height: ${getMaxHeight}` : ``"
5
+ >
3
6
  <div
4
7
  v-for="(option, index) in element_table"
5
8
  :key="index"
6
- class="choice_row"
7
- :class="isSelected(index, option) ? 'selected_option' : 'multiple_option'"
9
+ :style="
10
+ nbCols > 1
11
+ ? `flex-basis: calc(${Math.round(100 / nbCols)}% - ${Math.round(
12
+ 16 / nbCols
13
+ )}px)`
14
+ : ``
15
+ "
16
+ class="oip_row v-center gap-4 cursor-pointer"
17
+ :class="
18
+ isSelected(index, option)
19
+ ? 'selected_option'
20
+ : must_select.includes(index)
21
+ ? 'disabled_option'
22
+ : 'multiple_option'
23
+ "
8
24
  @click="updateSelection(index, option)"
9
25
  >
10
26
  <arg-icon
@@ -22,6 +38,7 @@ import argIcon from "./argIcon.vue";
22
38
  import {
23
39
  onMounted,
24
40
  ref,
41
+ computed,
25
42
  defineComponent
26
43
  } from "vue";
27
44
  export default defineComponent({
@@ -40,9 +57,17 @@ export default defineComponent({
40
57
  type: String,
41
58
  default: "column"
42
59
  },
60
+ must_select: {
61
+ type: Array,
62
+ default: () => []
63
+ },
43
64
  return_value: {
44
65
  type: Boolean,
45
66
  default: true
67
+ },
68
+ nbCols: {
69
+ type: Number,
70
+ default: 1
46
71
  }
47
72
  },
48
73
  emits: ["changeElement", "update:Selection"],
@@ -51,9 +76,15 @@ export default defineComponent({
51
76
  const stringArray = [];
52
77
  const selectedInts = ref(intArray);
53
78
  const selectedString = ref(stringArray);
79
+ const getMaxHeight = computed(() => {
80
+ return `${Math.round(
81
+ (props.element_table.length * 23 + (props.element_table.length + 2) * 16) / props.nbCols
82
+ )}px`;
83
+ });
54
84
  onMounted(() => {
55
85
  if (props.default_select.length > 0) {
56
- for (let i = 0; i < props.default_select.length; i++) {
86
+ const defaultSelect = ref(props.default_select);
87
+ for (let i = 0; i < defaultSelect.value.length; i++) {
57
88
  if (props.return_value) {
58
89
  selectedString.value.push(
59
90
  props.element_table[props.default_select[i]]
@@ -63,15 +94,30 @@ export default defineComponent({
63
94
  }
64
95
  }
65
96
  }
97
+ if (props.must_select.length > 0) {
98
+ for (let i = 0; i < props.must_select.length; i++) {
99
+ if (props.return_value) {
100
+ selectedString.value.push(
101
+ props.element_table[props.must_select[i]]
102
+ );
103
+ } else {
104
+ selectedInts.value.push(props.must_select[i]);
105
+ }
106
+ }
107
+ }
108
+ selectedInts.value = [...new Set(selectedInts.value)];
109
+ selectedString.value = [...new Set(selectedString.value)];
66
110
  });
67
111
  function isSelected(index, option) {
68
- if (selectedInts.value?.includes(index) || selectedString.value?.includes(option)) {
112
+ if (selectedInts.value?.includes(index) && !props.must_select.includes(index) || selectedString.value?.includes(option) && !props.must_select.includes(index)) {
69
113
  return true;
70
114
  } else
71
115
  return false;
72
116
  }
73
117
  function getIcon(index, option) {
74
- if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
118
+ if (props.must_select.includes(index)) {
119
+ return "CheckSquareDisable";
120
+ } else if (selectedInts.value.includes(index) || selectedString.value.includes(option)) {
75
121
  return "CheckSquareFill";
76
122
  } else
77
123
  return "Square";
@@ -83,32 +129,34 @@ export default defineComponent({
83
129
  return "var(--medium)";
84
130
  }
85
131
  function updateSelection(index, option) {
86
- const selected = props.return_value ? selectedString.value : selectedInts.value;
87
- if (props.return_value) {
88
- if (selectedString.value.includes(option)) {
89
- selectedString.value.splice(
90
- selected.findIndex((a) => a === option),
91
- 1
92
- );
93
- } else
94
- selectedString.value.push(option);
95
- } else {
96
- if (selectedInts.value.includes(index)) {
97
- selectedInts.value.splice(
98
- selected.findIndex((a) => a === index),
99
- 1
100
- );
101
- } else
102
- selectedInts.value.push(index);
132
+ if (!props.must_select.includes(index)) {
133
+ const selected = props.return_value ? selectedString.value : selectedInts.value;
134
+ if (props.return_value) {
135
+ if (selectedString.value.includes(option)) {
136
+ selectedString.value.splice(
137
+ selected.findIndex((a) => a === option),
138
+ 1
139
+ );
140
+ } else
141
+ selectedString.value.push(option);
142
+ } else {
143
+ if (selectedInts.value.includes(index)) {
144
+ selectedInts.value.splice(
145
+ selected.findIndex((a) => a === index),
146
+ 1
147
+ );
148
+ } else
149
+ selectedInts.value.push(index);
150
+ }
151
+ emit(
152
+ "changeElement",
153
+ props.return_value ? selectedString.value : selectedInts.value
154
+ );
155
+ emit(
156
+ "update:Selection",
157
+ props.return_value ? selectedString.value : selectedInts.value
158
+ );
103
159
  }
104
- emit(
105
- "changeElement",
106
- props.return_value ? selectedString.value : selectedInts.value
107
- );
108
- emit(
109
- "update:Selection",
110
- props.return_value ? selectedString.value : selectedInts.value
111
- );
112
160
  }
113
161
  return {
114
162
  updateSelection,
@@ -116,12 +164,13 @@ export default defineComponent({
116
164
  getIcon,
117
165
  isSelected,
118
166
  selectedInts,
119
- selectedString
167
+ selectedString,
168
+ getMaxHeight
120
169
  };
121
170
  }
122
171
  });
123
172
  </script>
124
173
 
125
174
  <style scoped>
126
- .option-value{font-size:14px;font-weight:400;line-height:160%}.choice_row,.multiple-choice-row{align-items:center;display:flex;flex-direction:row;gap:8px}.choice_row{cursor:pointer}.multiple-choice-column{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.multiple_option:hover svg{color:var(--primary)!important}.selected_option:hover svg{color:var(--primary-hover)!important}.selected_option p{font-weight:500}.cursor-pointer{cursor:pointer}
175
+ .option-value{font-size:14px;font-weight:400;line-height:160%}.multiple-choice-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.multiple-choice-column{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:16px}.multiple_option:hover svg{color:var(--primary)!important}.selected_option:hover svg{color:var(--primary-hover)!important}.disabled_option{color:var(--dark)!important}.selected_option p{font-weight:500}.cursor-pointer{cursor:pointer}
127
176
  </style>
@@ -24,17 +24,39 @@ declare const _default: import("vue").DefineComponent<{
24
24
  type: StringConstructor;
25
25
  default: string;
26
26
  };
27
+ must_select: {
28
+ type: {
29
+ (arrayLength: number): number[];
30
+ (...items: number[]): number[];
31
+ new (arrayLength: number): number[];
32
+ new (...items: number[]): number[];
33
+ isArray(arg: any): arg is any[];
34
+ readonly prototype: any[];
35
+ from<T>(arrayLike: ArrayLike<T>): T[];
36
+ from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
37
+ from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
38
+ from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
39
+ of<T_4>(...items: T_4[]): T_4[];
40
+ readonly [Symbol.species]: ArrayConstructor;
41
+ };
42
+ default: () => never[];
43
+ };
27
44
  return_value: {
28
45
  type: BooleanConstructor;
29
46
  default: boolean;
30
47
  };
48
+ nbCols: {
49
+ type: NumberConstructor;
50
+ default: number;
51
+ };
31
52
  }, {
32
53
  updateSelection: (index: number, option: string) => void;
33
54
  getColor: (index: number, option: string) => "var(--primary)" | "var(--medium)";
34
- getIcon: (index: number, option: string) => "CheckSquareFill" | "Square";
55
+ getIcon: (index: number, option: string) => "CheckSquareFill" | "CheckSquareDisable" | "Square";
35
56
  isSelected: (index: number, option: string) => boolean;
36
57
  selectedInts: import("vue").Ref<number[]>;
37
58
  selectedString: import("vue").Ref<string[]>;
59
+ getMaxHeight: import("vue").ComputedRef<string>;
38
60
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection")[], "changeElement" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
39
61
  element_table: {
40
62
  type: ArrayConstructor;
@@ -61,10 +83,31 @@ declare const _default: import("vue").DefineComponent<{
61
83
  type: StringConstructor;
62
84
  default: string;
63
85
  };
86
+ must_select: {
87
+ type: {
88
+ (arrayLength: number): number[];
89
+ (...items: number[]): number[];
90
+ new (arrayLength: number): number[];
91
+ new (...items: number[]): number[];
92
+ isArray(arg: any): arg is any[];
93
+ readonly prototype: any[];
94
+ from<T>(arrayLike: ArrayLike<T>): T[];
95
+ from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
96
+ from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
97
+ from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
98
+ of<T_4>(...items: T_4[]): T_4[];
99
+ readonly [Symbol.species]: ArrayConstructor;
100
+ };
101
+ default: () => never[];
102
+ };
64
103
  return_value: {
65
104
  type: BooleanConstructor;
66
105
  default: boolean;
67
106
  };
107
+ nbCols: {
108
+ type: NumberConstructor;
109
+ default: number;
110
+ };
68
111
  }>> & {
69
112
  onChangeElement?: ((...args: any[]) => any) | undefined;
70
113
  "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
@@ -72,5 +115,7 @@ declare const _default: import("vue").DefineComponent<{
72
115
  return_value: boolean;
73
116
  default_select: number[];
74
117
  dir: string;
118
+ must_select: number[];
119
+ nbCols: number;
75
120
  }, {}>;
76
121
  export default _default;
@@ -848,7 +848,7 @@ export default defineComponent({
848
848
  margin-bottom: 8px;
849
849
  }
850
850
  .disabled {
851
- color: var(--light);
851
+ color: var(--medium);
852
852
  }
853
853
  .oip_select_complex_selection_loop:hover {
854
854
  background: rgba(33, 118, 255, 0.05);
@@ -94,6 +94,7 @@ export default defineComponent({
94
94
  props: {
95
95
  scopes: { type: Array, required: true },
96
96
  active_scope: { type: Object, required: false, default: null },
97
+ custom_active: { type: Boolean, default: false },
97
98
  lang: {
98
99
  type: String,
99
100
  default: "en",
@@ -142,7 +143,11 @@ export default defineComponent({
142
143
  );
143
144
  const getTitle = computed(() => {
144
145
  if (props.scopes.length > 0 || props.scopes.length === 0 && props.showActions) {
145
- return props.lang === "en" ? "My scope" : props.lang === "es" ? "Mi scope" : "Mon scope";
146
+ if (props.custom_active === true) {
147
+ return props.lang === "en" ? "Change scope" : props.lang === "es" ? "Cambiar scope" : "Changer scope";
148
+ } else {
149
+ return props.lang === "en" ? "Apply scope" : props.lang === "es" ? "Aplicar scope" : "Appliquer scope";
150
+ }
146
151
  } else
147
152
  return props.lang === "en" ? "New scope" : props.lang === "es" ? "Nuevo scope" : "Nouveau scope";
148
153
  });
@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
21
21
  required: false;
22
22
  default: null;
23
23
  };
24
+ custom_active: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
24
28
  lang: {
25
29
  type: StringConstructor;
26
30
  default: string;
@@ -50,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
50
54
  isDisplay: import("vue").Ref<boolean>;
51
55
  closeDropdown: () => void;
52
56
  changeDisplay: () => void;
53
- getTitle: import("vue").ComputedRef<"Mon scope" | "Mi scope" | "My scope" | "New scope" | "Nuevo scope" | "Nouveau scope">;
57
+ getTitle: import("vue").ComputedRef<"Change scope" | "Cambiar scope" | "Changer scope" | "Apply scope" | "Aplicar scope" | "Appliquer scope" | "New scope" | "Nuevo scope" | "Nouveau scope">;
54
58
  selectScope: (scope: any) => void;
55
59
  selectedScope: import("vue").Ref<any>;
56
60
  newScope: () => void;
@@ -78,6 +82,10 @@ declare const _default: import("vue").DefineComponent<{
78
82
  required: false;
79
83
  default: null;
80
84
  };
85
+ custom_active: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
81
89
  lang: {
82
90
  type: StringConstructor;
83
91
  default: string;
@@ -113,6 +121,7 @@ declare const _default: import("vue").DefineComponent<{
113
121
  lang: string;
114
122
  clearMsg: string;
115
123
  active_scope: Record<string, any>;
124
+ custom_active: boolean;
116
125
  createNew: boolean;
117
126
  custom: boolean;
118
127
  showActions: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tekkare/auriga",
3
- "version": "0.1.124",
3
+ "version": "0.1.125",
4
4
  "description": "Aurgia is a UI kit developped by Tekkare",
5
5
  "license": "MIT",
6
6
  "type": "module",