@vcita/design-system 1.25.0 → 1.25.2
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/config/locales/ds.de.yml +17 -1
- package/config/locales/ds.es.yml +17 -1
- package/config/locales/ds.fr.yml +18 -2
- package/config/locales/ds.he.yml +17 -1
- package/config/locales/ds.it.yml +17 -1
- package/config/locales/ds.nl.yml +17 -1
- package/config/locales/ds.pl.yml +17 -1
- package/config/locales/ds.pseudo.yml +16 -0
- package/config/locales/ds.pt.yml +17 -1
- package/dist/@vcita/design-system.esm.js +1 -1
- package/dist/@vcita/design-system.ssr.js +1 -1
- package/dist/VcHeaderDropdown-0be2dc8e.js +167 -0
- package/dist/VcHeaderDropdown-16892134.js +167 -0
- package/dist/VcHeaderDropdown-6037a682.js +178 -0
- package/dist/VcHeaderDropdown-f2fab961.js +178 -0
- package/dist/entry-2008c89d.js +30636 -0
- package/dist/entry-6d885426.js +29931 -0
- package/dist/entry-a7849fb6.js +30660 -0
- package/dist/entry-f4b19d47.js +29955 -0
- package/dist/index-17e376a1.js +2 -0
- package/dist/index-8f1f166e.js +1 -0
- package/dist/index-c68c99b8.js +1 -0
- package/dist/index-e992a128.js +2 -0
- package/dist/vue2-pdf-embed-71668762.js +5 -0
- package/dist/vue2-pdf-embed-b5a8745e.js +29 -0
- package/dist/vue2-pdf-embed-c55b5a66.js +5 -0
- package/dist/vue2-pdf-embed-f1312151.js +29 -0
- package/package.json +1 -1
- package/src/components/VcListNavigator/VcListNavigator.spec.js +94 -26
- package/src/components/VcListNavigator/VcListNavigator.vue +29 -3
- package/src/components/VcWeekDatePicker/VcWeekDatePicker.spec.js +78 -6
- package/src/components/VcWeekDatePicker/VcWeekDatePicker.stories.js +58 -18
- package/src/components/VcWeekDatePicker/VcWeekDatePicker.vue +71 -25
package/config/locales/ds.de.yml
CHANGED
|
@@ -61,4 +61,20 @@ de:
|
|
|
61
61
|
pages: "{from_page} von {total_pages} Seiten"
|
|
62
62
|
rows_per_page: Reihen pro Seite
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Zum Hinzufügen klicken'
|
|
64
|
+
add_tag_button: '+ Zum Hinzufügen klicken'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Kopieren
|
|
69
|
+
copied: Kopiert
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Auswählen
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: So
|
|
75
|
+
mon: Mo
|
|
76
|
+
tue: Di
|
|
77
|
+
wed: Mi
|
|
78
|
+
thu: Do
|
|
79
|
+
fri: Fr
|
|
80
|
+
sat: Sa
|
package/config/locales/ds.es.yml
CHANGED
|
@@ -61,4 +61,20 @@ es:
|
|
|
61
61
|
pages: "{from_page} de {total_pages} páginas"
|
|
62
62
|
rows_per_page: Filas por página
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Haga clic para agregar'
|
|
64
|
+
add_tag_button: '+ Haga clic para agregar'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Copiar
|
|
69
|
+
copied: Copiado
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Elegir
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: Dom
|
|
75
|
+
mon: Lun
|
|
76
|
+
tue: Mar
|
|
77
|
+
wed: Mié
|
|
78
|
+
thu: Jue
|
|
79
|
+
fri: Vie
|
|
80
|
+
sat: Sáb
|
package/config/locales/ds.fr.yml
CHANGED
|
@@ -47,7 +47,7 @@ fr:
|
|
|
47
47
|
gallery_item:
|
|
48
48
|
select: Sélectionner
|
|
49
49
|
preview: Aperçu
|
|
50
|
-
create: Créez
|
|
50
|
+
create: Créez votre template
|
|
51
51
|
show_more: Afficher plus
|
|
52
52
|
page:
|
|
53
53
|
saveButton:
|
|
@@ -61,4 +61,20 @@ fr:
|
|
|
61
61
|
pages: "{from_page} de {total_pages} pages"
|
|
62
62
|
rows_per_page: Lignes par page
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Cliquez pour ajouter'
|
|
64
|
+
add_tag_button: '+ Cliquez pour ajouter'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Copier
|
|
69
|
+
copied: Copié
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Sélectionner
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: Dim
|
|
75
|
+
mon: Lun
|
|
76
|
+
tue: Mar
|
|
77
|
+
wed: Mer
|
|
78
|
+
thu: Jeu
|
|
79
|
+
fri: Ven
|
|
80
|
+
sat: Sam
|
package/config/locales/ds.he.yml
CHANGED
|
@@ -61,4 +61,20 @@ he:
|
|
|
61
61
|
pages: "{from_page} מתוך {total_pages} עמודים"
|
|
62
62
|
rows_per_page: מס׳ שורות מוצגות בעמוד
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ להוספה '
|
|
64
|
+
add_tag_button: '+ להוספה '
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code: "+{country_code}"
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: להעתקת הקישור
|
|
69
|
+
copied: הועתק
|
|
70
|
+
checkbox:
|
|
71
|
+
select: בחירת השירות
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: א
|
|
75
|
+
mon: ב
|
|
76
|
+
tue: ג
|
|
77
|
+
wed: ד
|
|
78
|
+
thu: ה
|
|
79
|
+
fri: ו
|
|
80
|
+
sat: ש
|
package/config/locales/ds.it.yml
CHANGED
|
@@ -61,4 +61,20 @@ it:
|
|
|
61
61
|
pages: "{from_page} di {total_pages} pagine"
|
|
62
62
|
rows_per_page: Righe per pagina
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Clicca per aggiungere'
|
|
64
|
+
add_tag_button: '+ Clicca per aggiungere'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Copia
|
|
69
|
+
copied: Copiato
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Seleziona
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: Dom
|
|
75
|
+
mon: Lu
|
|
76
|
+
tue: Ma
|
|
77
|
+
wed: Me
|
|
78
|
+
thu: Gio
|
|
79
|
+
fri: Ven
|
|
80
|
+
sat: Sab
|
package/config/locales/ds.nl.yml
CHANGED
|
@@ -61,4 +61,20 @@ nl:
|
|
|
61
61
|
pages: "{from_page} van {total_pages} pagina's"
|
|
62
62
|
rows_per_page: Rijen per pagina
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Klik om toe te voegen'
|
|
64
|
+
add_tag_button: '+ Klik om toe te voegen'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Kopieer
|
|
69
|
+
copied: Gekopieerd
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Selecteren
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: zo
|
|
75
|
+
mon: ma
|
|
76
|
+
tue: di
|
|
77
|
+
wed: wo
|
|
78
|
+
thu: do
|
|
79
|
+
fri: vr
|
|
80
|
+
sat: za
|
package/config/locales/ds.pl.yml
CHANGED
|
@@ -61,4 +61,20 @@ pl:
|
|
|
61
61
|
pages: "Strona {from_page} z {total_pages}"
|
|
62
62
|
rows_per_page: Liczba wierszy na stronę
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Kliknij, aby dodać'
|
|
64
|
+
add_tag_button: '+ Kliknij, aby dodać'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Kopiuj
|
|
69
|
+
copied: Skopiowano
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Wybierz
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: Nd
|
|
75
|
+
mon: Pn
|
|
76
|
+
tue: Wt
|
|
77
|
+
wed: Śr
|
|
78
|
+
thu: Czw
|
|
79
|
+
fri: Pt
|
|
80
|
+
sat: Sb
|
|
@@ -63,3 +63,19 @@ pseudo:
|
|
|
63
63
|
rows_per_page: Rowš pér pågé Rowš p
|
|
64
64
|
item:
|
|
65
65
|
add_tag_button: "+ Cliçk to ådd + Cliçk"
|
|
66
|
+
phone_field:
|
|
67
|
+
country_code: "+{çountry_çodé} +{çount"
|
|
68
|
+
copy_button:
|
|
69
|
+
copy: Copy Cop
|
|
70
|
+
copied: Copiéd Cop
|
|
71
|
+
checkbox:
|
|
72
|
+
select: Séléçt Sél
|
|
73
|
+
week_date_picker:
|
|
74
|
+
days:
|
|
75
|
+
sun: Sun Su
|
|
76
|
+
mon: Mon Mo
|
|
77
|
+
tue: Tué Tu
|
|
78
|
+
wed: Wéd Wé
|
|
79
|
+
thu: Thu Th
|
|
80
|
+
fri: Fri Fr
|
|
81
|
+
sat: Såt Så
|
package/config/locales/ds.pt.yml
CHANGED
|
@@ -61,4 +61,20 @@ pt:
|
|
|
61
61
|
pages: "{from_page} de {total_pages} páginas "
|
|
62
62
|
rows_per_page: Linhas por página
|
|
63
63
|
item:
|
|
64
|
-
add_tag_button: '+ Clique para adicionar'
|
|
64
|
+
add_tag_button: '+ Clique para adicionar'
|
|
65
|
+
phone_field:
|
|
66
|
+
country_code:
|
|
67
|
+
copy_button:
|
|
68
|
+
copy: Copiar
|
|
69
|
+
copied: Copiado
|
|
70
|
+
checkbox:
|
|
71
|
+
select: Selecionar
|
|
72
|
+
week_date_picker:
|
|
73
|
+
days:
|
|
74
|
+
sun: Dom
|
|
75
|
+
mon: Seg
|
|
76
|
+
tue: Ter
|
|
77
|
+
wed: Qua
|
|
78
|
+
thu: Qui
|
|
79
|
+
fri: Sex
|
|
80
|
+
sat: Sáb
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { b6 as default } from '../entry-
|
|
1
|
+
export { b6 as default } from '../entry-a7849fb6.js';
|
|
2
2
|
import 'vuetify/lib';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var entry=require('../entry-f4b19d47.js');require('vuetify/lib');exports["default"]=entry.b6;
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
'use strict';require('vuetify/lib');var entry=require('./entry-f4b19d47.js');var script = {
|
|
2
|
+
name: 'VcHeaderDropdown',
|
|
3
|
+
components: {
|
|
4
|
+
VcLayout: entry.V,
|
|
5
|
+
VcGroupedItems: entry.al,
|
|
6
|
+
VcDropdown: entry.ak,
|
|
7
|
+
VcIcon: entry.F
|
|
8
|
+
},
|
|
9
|
+
props: {
|
|
10
|
+
/**
|
|
11
|
+
* Array of grouped items for dropdown
|
|
12
|
+
* Format: [{ label, id, items: [{ id, label }] }]
|
|
13
|
+
*/
|
|
14
|
+
options: {
|
|
15
|
+
type: Array,
|
|
16
|
+
required: true
|
|
17
|
+
},
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* ID of the currently selected option
|
|
21
|
+
* Used to highlight the selected item in the dropdown
|
|
22
|
+
*/
|
|
23
|
+
selectedOptionId: {
|
|
24
|
+
type: String,
|
|
25
|
+
default: ''
|
|
26
|
+
},
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Size of dropdown icon
|
|
30
|
+
*/
|
|
31
|
+
iconSize: {
|
|
32
|
+
type: String,
|
|
33
|
+
default: '10'
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Color of dropdown icon
|
|
38
|
+
*/
|
|
39
|
+
iconColor: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: 'var(--gray-darken-4)'
|
|
42
|
+
},
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Icon name to display
|
|
46
|
+
*/
|
|
47
|
+
iconName: {
|
|
48
|
+
type: String,
|
|
49
|
+
default: '$caret_down'
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Data-qa attribute for testing
|
|
54
|
+
*/
|
|
55
|
+
dataQa: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: 'VcHeaderDropdown'
|
|
58
|
+
},
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Aria label for accessibility
|
|
62
|
+
*/
|
|
63
|
+
ariaLabel: {
|
|
64
|
+
type: String,
|
|
65
|
+
default: 'Show options'
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
data: function data() {
|
|
69
|
+
return {
|
|
70
|
+
isOpen: false
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
};/* script */
|
|
74
|
+
var __vue_script__ = script;
|
|
75
|
+
/* template */
|
|
76
|
+
|
|
77
|
+
var __vue_render__ = function __vue_render__() {
|
|
78
|
+
var _vm = this;
|
|
79
|
+
|
|
80
|
+
var _h = _vm.$createElement;
|
|
81
|
+
|
|
82
|
+
var _c = _vm._self._c || _h;
|
|
83
|
+
|
|
84
|
+
return _c('VcDropdown', {
|
|
85
|
+
attrs: {
|
|
86
|
+
"close-on-content-click": true
|
|
87
|
+
},
|
|
88
|
+
scopedSlots: _vm._u([{
|
|
89
|
+
key: "activator",
|
|
90
|
+
fn: function fn(ref) {
|
|
91
|
+
var on = ref.on;
|
|
92
|
+
var attrs = ref.attrs;
|
|
93
|
+
return [_c('VcLayout', _vm._g(_vm._b({
|
|
94
|
+
staticClass: "VcHeaderDropdown__icon-wrapper",
|
|
95
|
+
attrs: {
|
|
96
|
+
"align-center": ""
|
|
97
|
+
}
|
|
98
|
+
}, 'VcLayout', attrs, false), on), [_c('VcIcon', {
|
|
99
|
+
attrs: {
|
|
100
|
+
"data-qa": _vm.dataQa,
|
|
101
|
+
"size": _vm.iconSize,
|
|
102
|
+
"color": _vm.iconColor,
|
|
103
|
+
"role": "button",
|
|
104
|
+
"aria-expanded": _vm.isOpen,
|
|
105
|
+
"aria-label": _vm.ariaLabel,
|
|
106
|
+
"tabindex": "0"
|
|
107
|
+
}
|
|
108
|
+
}, [_vm._v("\n " + _vm._s(_vm.iconName) + "\n ")])], 1)];
|
|
109
|
+
}
|
|
110
|
+
}]),
|
|
111
|
+
model: {
|
|
112
|
+
value: _vm.isOpen,
|
|
113
|
+
callback: function callback($$v) {
|
|
114
|
+
_vm.isOpen = $$v;
|
|
115
|
+
},
|
|
116
|
+
expression: "isOpen"
|
|
117
|
+
}
|
|
118
|
+
}, [_vm._v(" "), _c('VcGroupedItems', {
|
|
119
|
+
attrs: {
|
|
120
|
+
"item-groups": _vm.options,
|
|
121
|
+
"selected": _vm.selectedOptionId,
|
|
122
|
+
"selected-state-design": "highlighted"
|
|
123
|
+
},
|
|
124
|
+
on: {
|
|
125
|
+
"change": function change($event) {
|
|
126
|
+
return _vm.$emit('optionClicked', $event);
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
scopedSlots: _vm._u([{
|
|
130
|
+
key: "header",
|
|
131
|
+
fn: function fn(ref) {
|
|
132
|
+
var group = ref.group;
|
|
133
|
+
return [_c('div', {
|
|
134
|
+
staticClass: "VcHeaderDropdown__group-label"
|
|
135
|
+
}, [_vm._v(_vm._s(group.label))])];
|
|
136
|
+
}
|
|
137
|
+
}])
|
|
138
|
+
})], 1);
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
var __vue_staticRenderFns__ = [];
|
|
142
|
+
/* style */
|
|
143
|
+
|
|
144
|
+
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
|
|
145
|
+
if (!inject) return;
|
|
146
|
+
inject("data-v-41098370_0", {
|
|
147
|
+
source: ".VcHeaderDropdown__icon-wrapper[data-v-41098370]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-41098370]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
|
|
148
|
+
map: undefined,
|
|
149
|
+
media: undefined
|
|
150
|
+
});
|
|
151
|
+
};
|
|
152
|
+
/* scoped */
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
var __vue_scope_id__ = "data-v-41098370";
|
|
156
|
+
/* module identifier */
|
|
157
|
+
|
|
158
|
+
var __vue_module_identifier__ = "data-v-41098370";
|
|
159
|
+
/* functional template */
|
|
160
|
+
|
|
161
|
+
var __vue_is_functional_template__ = false;
|
|
162
|
+
/* style inject shadow dom */
|
|
163
|
+
|
|
164
|
+
var __vue_component__ = /*#__PURE__*/entry.b2({
|
|
165
|
+
render: __vue_render__,
|
|
166
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
167
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.b3, undefined);exports["default"]=__vue_component__;
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
'use strict';require('vuetify/lib');var entry=require('./entry-6d885426.js');var script = {
|
|
2
|
+
name: 'VcHeaderDropdown',
|
|
3
|
+
components: {
|
|
4
|
+
VcLayout: entry.V,
|
|
5
|
+
VcGroupedItems: entry.al,
|
|
6
|
+
VcDropdown: entry.ak,
|
|
7
|
+
VcIcon: entry.F
|
|
8
|
+
},
|
|
9
|
+
props: {
|
|
10
|
+
/**
|
|
11
|
+
* Array of grouped items for dropdown
|
|
12
|
+
* Format: [{ label, id, items: [{ id, label }] }]
|
|
13
|
+
*/
|
|
14
|
+
options: {
|
|
15
|
+
type: Array,
|
|
16
|
+
required: true
|
|
17
|
+
},
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* ID of the currently selected option
|
|
21
|
+
* Used to highlight the selected item in the dropdown
|
|
22
|
+
*/
|
|
23
|
+
selectedOptionId: {
|
|
24
|
+
type: String,
|
|
25
|
+
default: ''
|
|
26
|
+
},
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Size of dropdown icon
|
|
30
|
+
*/
|
|
31
|
+
iconSize: {
|
|
32
|
+
type: String,
|
|
33
|
+
default: '10'
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Color of dropdown icon
|
|
38
|
+
*/
|
|
39
|
+
iconColor: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: 'var(--gray-darken-4)'
|
|
42
|
+
},
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Icon name to display
|
|
46
|
+
*/
|
|
47
|
+
iconName: {
|
|
48
|
+
type: String,
|
|
49
|
+
default: '$caret_down'
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Data-qa attribute for testing
|
|
54
|
+
*/
|
|
55
|
+
dataQa: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: 'VcHeaderDropdown'
|
|
58
|
+
},
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* Aria label for accessibility
|
|
62
|
+
*/
|
|
63
|
+
ariaLabel: {
|
|
64
|
+
type: String,
|
|
65
|
+
default: 'Show options'
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
data: function data() {
|
|
69
|
+
return {
|
|
70
|
+
isOpen: false
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
};/* script */
|
|
74
|
+
var __vue_script__ = script;
|
|
75
|
+
/* template */
|
|
76
|
+
|
|
77
|
+
var __vue_render__ = function __vue_render__() {
|
|
78
|
+
var _vm = this;
|
|
79
|
+
|
|
80
|
+
var _h = _vm.$createElement;
|
|
81
|
+
|
|
82
|
+
var _c = _vm._self._c || _h;
|
|
83
|
+
|
|
84
|
+
return _c('VcDropdown', {
|
|
85
|
+
attrs: {
|
|
86
|
+
"close-on-content-click": true
|
|
87
|
+
},
|
|
88
|
+
scopedSlots: _vm._u([{
|
|
89
|
+
key: "activator",
|
|
90
|
+
fn: function fn(ref) {
|
|
91
|
+
var on = ref.on;
|
|
92
|
+
var attrs = ref.attrs;
|
|
93
|
+
return [_c('VcLayout', _vm._g(_vm._b({
|
|
94
|
+
staticClass: "VcHeaderDropdown__icon-wrapper",
|
|
95
|
+
attrs: {
|
|
96
|
+
"align-center": ""
|
|
97
|
+
}
|
|
98
|
+
}, 'VcLayout', attrs, false), on), [_c('VcIcon', {
|
|
99
|
+
attrs: {
|
|
100
|
+
"data-qa": _vm.dataQa,
|
|
101
|
+
"size": _vm.iconSize,
|
|
102
|
+
"color": _vm.iconColor,
|
|
103
|
+
"role": "button",
|
|
104
|
+
"aria-expanded": _vm.isOpen,
|
|
105
|
+
"aria-label": _vm.ariaLabel,
|
|
106
|
+
"tabindex": "0"
|
|
107
|
+
}
|
|
108
|
+
}, [_vm._v("\n " + _vm._s(_vm.iconName) + "\n ")])], 1)];
|
|
109
|
+
}
|
|
110
|
+
}]),
|
|
111
|
+
model: {
|
|
112
|
+
value: _vm.isOpen,
|
|
113
|
+
callback: function callback($$v) {
|
|
114
|
+
_vm.isOpen = $$v;
|
|
115
|
+
},
|
|
116
|
+
expression: "isOpen"
|
|
117
|
+
}
|
|
118
|
+
}, [_vm._v(" "), _c('VcGroupedItems', {
|
|
119
|
+
attrs: {
|
|
120
|
+
"item-groups": _vm.options,
|
|
121
|
+
"selected": _vm.selectedOptionId,
|
|
122
|
+
"selected-state-design": "highlighted"
|
|
123
|
+
},
|
|
124
|
+
on: {
|
|
125
|
+
"change": function change($event) {
|
|
126
|
+
return _vm.$emit('optionClicked', $event);
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
scopedSlots: _vm._u([{
|
|
130
|
+
key: "header",
|
|
131
|
+
fn: function fn(ref) {
|
|
132
|
+
var group = ref.group;
|
|
133
|
+
return [_c('div', {
|
|
134
|
+
staticClass: "VcHeaderDropdown__group-label"
|
|
135
|
+
}, [_vm._v(_vm._s(group.label))])];
|
|
136
|
+
}
|
|
137
|
+
}])
|
|
138
|
+
})], 1);
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
var __vue_staticRenderFns__ = [];
|
|
142
|
+
/* style */
|
|
143
|
+
|
|
144
|
+
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
|
|
145
|
+
if (!inject) return;
|
|
146
|
+
inject("data-v-41098370_0", {
|
|
147
|
+
source: ".VcHeaderDropdown__icon-wrapper[data-v-41098370]{height:var(--size-value4);width:var(--size-value4);flex-grow:0;cursor:pointer}.VcHeaderDropdown__group-label[data-v-41098370]{color:var(--gray-darken-3);font-size:var(--font-size-xs-small);font-weight:var(--font-weight-large);padding:var(--size-value4) var(--size-value4) var(--size-value2)}",
|
|
148
|
+
map: undefined,
|
|
149
|
+
media: undefined
|
|
150
|
+
});
|
|
151
|
+
};
|
|
152
|
+
/* scoped */
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
var __vue_scope_id__ = "data-v-41098370";
|
|
156
|
+
/* module identifier */
|
|
157
|
+
|
|
158
|
+
var __vue_module_identifier__ = "data-v-41098370";
|
|
159
|
+
/* functional template */
|
|
160
|
+
|
|
161
|
+
var __vue_is_functional_template__ = false;
|
|
162
|
+
/* style inject shadow dom */
|
|
163
|
+
|
|
164
|
+
var __vue_component__ = /*#__PURE__*/entry.b2({
|
|
165
|
+
render: __vue_render__,
|
|
166
|
+
staticRenderFns: __vue_staticRenderFns__
|
|
167
|
+
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, entry.b3, undefined);exports["default"]=__vue_component__;
|