@avenirs-esr/avenirs-dsav 0.1.56 → 0.1.58

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.
Files changed (76) hide show
  1. package/dist/avenirs-dsav.css +2 -2
  2. package/dist/components/badges/AvTag/AvTag.stub.d.ts +4 -4
  3. package/dist/components/badges/AvTag/AvTag.vue.d.ts +11 -7
  4. package/dist/components/base/AvFieldset/AvFieldset.stub.d.ts +13 -0
  5. package/dist/components/base/AvFieldset/AvFieldset.test.d.ts +1 -0
  6. package/dist/components/base/AvFieldset/AvFieldset.vue.d.ts +64 -0
  7. package/dist/components/base/AvIcon/AvIcon.stories.d.ts +47 -0
  8. package/dist/components/base/{AvVIcon/AvVIcon.stub.d.ts → AvIcon/AvIcon.stub.d.ts} +5 -1
  9. package/dist/components/base/AvIcon/AvIcon.test.d.ts +1 -0
  10. package/dist/components/base/{AvVIcon/AvVIcon.vue.d.ts → AvIcon/AvIcon.vue.d.ts} +9 -15
  11. package/dist/components/base/AvIconText/AvIconText.stories.d.ts +1 -1
  12. package/dist/components/base/index.d.ts +2 -1
  13. package/dist/components/feedback/AvAlert/AvAlert.vue.d.ts +1 -1
  14. package/dist/components/header/AvHeader/AvHeader.stories.d.ts +28 -0
  15. package/dist/components/header/AvHeader/AvHeader.vue.d.ts +12 -26
  16. package/dist/components/header/AvHeader/injection-key.d.ts +4 -0
  17. package/dist/components/header/AvHeaderMenuLinks/AvHeaderMenuLinks.vue.d.ts +3 -4
  18. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.stories.d.ts +13 -16
  19. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.stub.d.ts +10 -0
  20. package/dist/components/interaction/accordions/AvAccordion/AvAccordion.vue.d.ts +5 -0
  21. package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.stories.d.ts +5 -12
  22. package/dist/components/interaction/accordions/AvAccordionsGroup/AvAccordionsGroup.vue.d.ts +5 -9
  23. package/dist/components/interaction/accordions/injection-key.d.ts +7 -0
  24. package/dist/components/interaction/buttons/AvButton/AvButton.stub.d.ts +2 -0
  25. package/dist/components/interaction/buttons/AvButton/AvButton.vue.d.ts +6 -14
  26. package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.stories.d.ts +26 -0
  27. package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.test.d.ts +1 -0
  28. package/dist/components/interaction/buttons/AvLanguageSelector/AvLanguageSelector.vue.d.ts +38 -0
  29. package/dist/components/interaction/buttons/index.d.ts +1 -0
  30. package/dist/components/interaction/checkboxes/AvCheckbox/AvChecbox.stories.d.ts +36 -0
  31. package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.stub.d.ts +49 -0
  32. package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.test.d.ts +1 -0
  33. package/dist/components/interaction/checkboxes/AvCheckbox/AvCheckbox.vue.d.ts +71 -0
  34. package/dist/components/interaction/checkboxes/index.d.ts +1 -0
  35. package/dist/components/interaction/files/AvFileUpload/AvFileUpload.vue.d.ts +1 -1
  36. package/dist/components/interaction/index.d.ts +1 -0
  37. package/dist/components/interaction/inputs/AvInput/AvInput.stories.d.ts +7 -7
  38. package/dist/components/interaction/inputs/AvInput/AvInput.vue.d.ts +19 -9
  39. package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.stories.d.ts +27 -0
  40. package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.test.d.ts +1 -0
  41. package/dist/components/interaction/inputs/AvSearchBar/AvSearchBar.vue.d.ts +35 -0
  42. package/dist/components/interaction/inputs/index.d.ts +1 -0
  43. package/dist/components/interaction/lists/AvListItem/AvListItem.stub.d.ts +2 -2
  44. package/dist/components/interaction/radios/AvRadioButtonSet/AvRadioButtonSet.vue.d.ts +10 -0
  45. package/dist/components/interaction/radios/AvRadioButtonSet/components/RadioButton.vue.d.ts +50 -0
  46. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts +13 -13
  47. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stub.d.ts +1 -1
  48. package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.vue.d.ts +7 -7
  49. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteContext.d.ts +1 -1
  50. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteDropdown.vue.d.ts +2 -2
  51. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteInput.vue.d.ts +63 -117
  52. package/dist/components/interaction/selects/AvAutocomplete/AvAutocompleteSelectedTags.vue.d.ts +3 -3
  53. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.stories.d.ts +6 -4
  54. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.types.d.ts +17 -0
  55. package/dist/components/interaction/selects/AvMultiselect/AvMultiselect.vue.d.ts +34 -27
  56. package/dist/components/interaction/selects/AvMultiselect/components/MultiselectCollapse.test.d.ts +1 -0
  57. package/dist/components/interaction/selects/AvMultiselect/components/MultiselectCollapse.vue.d.ts +39 -0
  58. package/dist/components/interaction/selects/index.d.ts +2 -1
  59. package/dist/components/interaction/toggles/AvToggle/AvToggle.stories.d.ts +2 -0
  60. package/dist/components/interaction/toggles/AvToggle/AvToggle.stub.d.ts +4 -4
  61. package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.stories.d.ts +2 -0
  62. package/dist/composables/index.d.ts +1 -0
  63. package/dist/composables/use-collapsable/use-collapsable.d.ts +101 -0
  64. package/dist/composables/use-collapsable/use-collapsable.test.d.ts +1 -0
  65. package/dist/index.cjs.js +8 -8
  66. package/dist/index.d.ts +0 -1
  67. package/dist/index.es.js +6601 -6834
  68. package/dist/injection-key.cjs.js +1 -0
  69. package/dist/injection-key.es.js +4 -0
  70. package/dist/test-utils.cjs.js +39 -12
  71. package/dist/test-utils.es.js +105 -44
  72. package/dist/tests/index.d.ts +5 -2
  73. package/dist/tests/stubs.d.ts +0 -43
  74. package/package.json +2 -1
  75. package/dist/components/base/AvVIcon/AvVIcon.stories.d.ts +0 -40
  76. package/dist/types/index.d.ts +0 -2
@@ -0,0 +1 @@
1
+ "use strict";const c=Symbol("accordions");exports.registerAccordionKey=c;
@@ -0,0 +1,4 @@
1
+ const o = Symbol("accordions");
2
+ export {
3
+ o as r
4
+ };
@@ -1,4 +1,15 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("@vue/test-utils");const o=e.defineComponent({name:"AvBadge",template:'<div class="av-badge-stub" />',props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,iconPath:String}}),i=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),a=e.defineComponent({name:"AvVIcon",props:["name","color","size"],template:'<div class="av-vicon-stub" />'}),s=e.defineComponent({name:"AvButton",props:["label","variant","type","disabled","isLoading"],emits:["click"],template:`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./injection-key.cjs.js");require("@vue/test-utils");const s=e.defineComponent({name:"AvBadge",template:'<div class="av-badge-stub" />',props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,iconPath:String}}),c=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),d=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),p=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
2
+ <div class="av-accordion">
3
+ <button
4
+ class="fr-accordion__btn"
5
+ type="button"
6
+ @click="expand"
7
+ :aria-expanded="isActive"
8
+ >
9
+ <slot />
10
+ </button>
11
+ </div>
12
+ `,setup(n){const t=e.inject(l.registerAccordionKey);if(!t){const o=e.ref(!1);return{isActive:o,expand:()=>{o.value=!o.value}}}const{isActive:i,expand:a}=t(e.toRef(n,"title"));return{isActive:i,expand:a}}}),r=e.defineComponent({name:"AvButton",props:["label","variant","type","disabled","isLoading","size"],emits:["click"],template:`
2
13
  <button
3
14
  class="av-button-stub"
4
15
  :disabled="disabled"
@@ -6,7 +17,7 @@
6
17
  >
7
18
  {{ label }}
8
19
  </button>
9
- `}),l=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
20
+ `}),v=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
10
21
  <div class="av-cancel-confirmation-buttons-stub" >
11
22
  <button
12
23
  class="cancel"
@@ -21,16 +32,32 @@
21
32
  {{ confirmLabel }}
22
33
  </button>
23
34
  </div>
24
- `}),c=e.defineComponent({name:"AvList",props:["size"],template:`
35
+ `}),m=e.defineComponent({name:"AvCheckbox",props:{id:{type:String,default:""},name:{type:String,default:"checkbox"},value:{type:[String,Number,Boolean],required:!0},modelValue:{type:Array,required:!0},label:{type:String,default:""}},emits:["update:modelValue"],template:`
36
+ <div class="av-checkbox-stub">
37
+ <input
38
+ type="checkbox"
39
+ :id="id"
40
+ :name="name"
41
+ :checked="modelValue.includes(value)"
42
+ @change="$emit('update:modelValue',
43
+ modelValue.includes(value)
44
+ ? modelValue.filter(v => v !== value)
45
+ : [...modelValue, value]
46
+ )"
47
+ :data-testid="'checkbox-' + id"
48
+ />
49
+ <label :for="id">{{ label }}</label>
50
+ </div>
51
+ `}),b=e.defineComponent({name:"AvList",props:["size"],template:`
25
52
  <div class="av-list-stub">
26
53
  <slot />
27
- </div>`}),d=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
54
+ </div>`}),A=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
28
55
  <div
29
56
  class="av-list-item-stub"
30
57
  @click="$emit('click')"
31
58
  >
32
59
  <slot />
33
- </div>`}),p=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
60
+ </div>`}),S=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
34
61
  <div class="av-tag-picker-stub">
35
62
  <button
36
63
  v-for="option in options"
@@ -41,7 +68,7 @@
41
68
  {{ option.label }}
42
69
  </button>
43
70
  </div>
44
- `}),u=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
71
+ `}),g=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
45
72
  <div class="av-autocomplete-stub">
46
73
  <slot
47
74
  name="item"
@@ -52,7 +79,7 @@
52
79
  :toggle="() => {}"
53
80
  />
54
81
  </div>
55
- `}),r=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,defaultUnselectedText:String,dense:Boolean},emits:["update:modelValue"],template:`
82
+ `}),f=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,defaultUnselectedText:String,dense:Boolean},emits:["update:modelValue"],template:`
56
83
  <select
57
84
  class="av-select-stub"
58
85
  :value="modelValue"
@@ -72,7 +99,7 @@
72
99
  {{ option.text }}
73
100
  </option>
74
101
  </select>
75
- `}),v=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
102
+ `}),C=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
76
103
  <div class="av-toggle">
77
104
  <input
78
105
  type="checkbox"
@@ -90,12 +117,12 @@
90
117
  <span class="inactive-text">
91
118
  {{ inactiveText }}
92
119
  </span>
93
- </div>`}),m=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),b=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
120
+ </div>`}),k=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),h=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
94
121
  <div
95
122
  class="av-side-navigation-stub"
96
123
  @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
97
124
  />
98
- `}),S=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
125
+ `}),x=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
99
126
  <div class="av-stepper-stub">
100
127
  <div
101
128
  v-for="(step, index) in steps"
@@ -106,9 +133,9 @@
106
133
  {{ index + 1 }}. {{ step }}
107
134
  </div>
108
135
  </div>
109
- `}),g=e.defineComponent({name:"AvDrawer",props:["show","position","width"],emits:["escape-pressed"],template:`
136
+ `}),y=e.defineComponent({name:"AvDrawer",props:["show","position","width"],emits:["escape-pressed"],template:`
110
137
  <div class="av-drawer-stub">
111
138
  <slot />
112
139
  <slot name="footer" />
113
140
  </div>
114
- `});function A(){return{given(t,n){return describe(`🔵 GIVEN ${t}`,n),this},when(t,n){return describe(`🔶 WHEN ${t}`,n),this},and(t,n){return describe(`➕ AND ${t}`,n),this},then(t,n){return it(`🟩 THEN ${t}`,n),this}}}exports.AvAutocompleteStub=u;exports.AvBadgeStub=o;exports.AvBreadcrumbStub=m;exports.AvButtonStub=s;exports.AvCancelConfirmButtonsStub=l;exports.AvDrawerStub=g;exports.AvListItemStub=d;exports.AvListStub=c;exports.AvSelectStub=r;exports.AvSideNavigationStub=b;exports.AvStepperStub=S;exports.AvTagPickerStub=p;exports.AvTagStub=i;exports.AvToggleStub=v;exports.AvVIconStub=a;exports.BddTest=A;
141
+ `});function B(){return{given(n,t){return describe(`🔵 GIVEN ${n}`,t),this},when(n,t){return describe(`🔶 WHEN ${n}`,t),this},and(n,t){return describe(`➕ AND ${n}`,t),this},then(n,t){return it(`🟩 THEN ${n}`,t),this}}}exports.AvAccordionStub=u;exports.AvAutocompleteStub=g;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=k;exports.AvButtonStub=r;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=m;exports.AvDrawerStub=y;exports.AvFieldsetStub=d;exports.AvIconStub=p;exports.AvListItemStub=A;exports.AvListStub=b;exports.AvSelectStub=f;exports.AvSideNavigationStub=h;exports.AvStepperStub=x;exports.AvTagPickerStub=S;exports.AvTagStub=c;exports.AvToggleStub=C;exports.BddTest=B;
@@ -1,6 +1,7 @@
1
- import { defineComponent as e } from "vue";
1
+ import { defineComponent as e, inject as n, ref as s, toRef as c } from "vue";
2
+ import { r as d } from "./injection-key.es.js";
2
3
  import "@vue/test-utils";
3
- const n = e({
4
+ const m = e({
4
5
  name: "AvBadge",
5
6
  template: '<div class="av-badge-stub" />',
6
7
  props: {
@@ -17,7 +18,7 @@ const n = e({
17
18
  backgroundColor: String,
18
19
  iconPath: String
19
20
  }
20
- }), s = e({
21
+ }), b = e({
21
22
  name: "AvTag",
22
23
  template: '<div class="av-tag-stub" />',
23
24
  props: [
@@ -32,13 +33,43 @@ const n = e({
32
33
  "selected",
33
34
  "value"
34
35
  ]
35
- }), l = e({
36
- name: "AvVIcon",
37
- props: ["name", "color", "size"],
36
+ }), g = e({
37
+ name: "AvFieldset",
38
+ props: ["id", "legend", "legendId", "class", "ariaLive"],
39
+ template: "<fieldset><slot /></fieldset>"
40
+ }), A = e({
41
+ name: "AvIcon",
42
+ props: ["name", "color", "size", "title", "animation"],
38
43
  template: '<div class="av-vicon-stub" />'
39
- }), c = e({
44
+ }), S = e({
45
+ name: "AvAccordion",
46
+ props: ["title", "icon"],
47
+ template: `
48
+ <div class="av-accordion">
49
+ <button
50
+ class="fr-accordion__btn"
51
+ type="button"
52
+ @click="expand"
53
+ :aria-expanded="isActive"
54
+ >
55
+ <slot />
56
+ </button>
57
+ </div>
58
+ `,
59
+ setup(a) {
60
+ const t = n(d);
61
+ if (!t) {
62
+ const i = s(!1);
63
+ return { isActive: i, expand: () => {
64
+ i.value = !i.value;
65
+ } };
66
+ }
67
+ const { isActive: o, expand: l } = t(c(a, "title"));
68
+ return { isActive: o, expand: l };
69
+ }
70
+ }), f = e({
40
71
  name: "AvButton",
41
- props: ["label", "variant", "type", "disabled", "isLoading"],
72
+ props: ["label", "variant", "type", "disabled", "isLoading", "size"],
42
73
  emits: ["click"],
43
74
  template: `
44
75
  <button
@@ -49,7 +80,7 @@ const n = e({
49
80
  {{ label }}
50
81
  </button>
51
82
  `
52
- }), d = e({
83
+ }), k = e({
53
84
  name: "AvCancelConfirmButtons",
54
85
  props: [
55
86
  "cancelLabel",
@@ -78,14 +109,41 @@ const n = e({
78
109
  </button>
79
110
  </div>
80
111
  `
81
- }), p = e({
112
+ }), h = e({
113
+ name: "AvCheckbox",
114
+ props: {
115
+ id: { type: String, default: "" },
116
+ name: { type: String, default: "checkbox" },
117
+ value: { type: [String, Number, Boolean], required: !0 },
118
+ modelValue: { type: Array, required: !0 },
119
+ label: { type: String, default: "" }
120
+ },
121
+ emits: ["update:modelValue"],
122
+ template: `
123
+ <div class="av-checkbox-stub">
124
+ <input
125
+ type="checkbox"
126
+ :id="id"
127
+ :name="name"
128
+ :checked="modelValue.includes(value)"
129
+ @change="$emit('update:modelValue',
130
+ modelValue.includes(value)
131
+ ? modelValue.filter(v => v !== value)
132
+ : [...modelValue, value]
133
+ )"
134
+ :data-testid="'checkbox-' + id"
135
+ />
136
+ <label :for="id">{{ label }}</label>
137
+ </div>
138
+ `
139
+ }), x = e({
82
140
  name: "AvList",
83
141
  props: ["size"],
84
142
  template: `
85
143
  <div class="av-list-stub">
86
144
  <slot />
87
145
  </div>`
88
- }), r = e({
146
+ }), y = e({
89
147
  name: "AvListItem",
90
148
  props: ["clickable", "hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
91
149
  emits: ["click"],
@@ -96,7 +154,7 @@ const n = e({
96
154
  >
97
155
  <slot />
98
156
  </div>`
99
- }), u = e({
157
+ }), V = e({
100
158
  name: "AvTagPicker",
101
159
  props: [
102
160
  "label",
@@ -116,7 +174,7 @@ const n = e({
116
174
  </button>
117
175
  </div>
118
176
  `
119
- }), v = e({
177
+ }), B = e({
120
178
  name: "AvAutocomplete",
121
179
  props: [
122
180
  "modelValue",
@@ -143,7 +201,7 @@ const n = e({
143
201
  />
144
202
  </div>
145
203
  `
146
- }), m = e({
204
+ }), C = e({
147
205
  name: "AvSelect",
148
206
  props: {
149
207
  modelValue: [String, Number],
@@ -173,7 +231,7 @@ const n = e({
173
231
  </option>
174
232
  </select>
175
233
  `
176
- }), b = e({
234
+ }), L = e({
177
235
  name: "AvToggle",
178
236
  props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
179
237
  emits: ["update:modelValue"],
@@ -196,11 +254,11 @@ const n = e({
196
254
  {{ inactiveText }}
197
255
  </span>
198
256
  </div>`
199
- }), g = e({
257
+ }), T = e({
200
258
  name: "AvBreadcrumb",
201
259
  template: '<div class="av-breadcrumb-stub" />',
202
260
  props: ["links", "navigationLabel", "showBreadcrumbLabel"]
203
- }), S = e({
261
+ }), $ = e({
204
262
  name: "AvSideNavigation",
205
263
  props: {
206
264
  items: Array,
@@ -215,7 +273,7 @@ const n = e({
215
273
  @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
216
274
  />
217
275
  `
218
- }), A = e({
276
+ }), I = e({
219
277
  name: "AvStepper",
220
278
  props: {
221
279
  steps: {
@@ -239,7 +297,7 @@ const n = e({
239
297
  </div>
240
298
  </div>
241
299
  `
242
- }), f = e({
300
+ }), N = e({
243
301
  name: "AvDrawer",
244
302
  props: ["show", "position", "width"],
245
303
  emits: ["escape-pressed"],
@@ -250,37 +308,40 @@ const n = e({
250
308
  </div>
251
309
  `
252
310
  });
253
- function k() {
311
+ function w() {
254
312
  return {
255
- given(t, a) {
256
- return describe(`🔵 GIVEN ${t}`, a), this;
313
+ given(a, t) {
314
+ return describe(`🔵 GIVEN ${a}`, t), this;
257
315
  },
258
- when(t, a) {
259
- return describe(`🔶 WHEN ${t}`, a), this;
316
+ when(a, t) {
317
+ return describe(`🔶 WHEN ${a}`, t), this;
260
318
  },
261
- and(t, a) {
262
- return describe(`➕ AND ${t}`, a), this;
319
+ and(a, t) {
320
+ return describe(`➕ AND ${a}`, t), this;
263
321
  },
264
- then(t, a) {
265
- return it(`🟩 THEN ${t}`, a), this;
322
+ then(a, t) {
323
+ return it(`🟩 THEN ${a}`, t), this;
266
324
  }
267
325
  };
268
326
  }
269
327
  export {
270
- v as AvAutocompleteStub,
271
- n as AvBadgeStub,
272
- g as AvBreadcrumbStub,
273
- c as AvButtonStub,
274
- d as AvCancelConfirmButtonsStub,
275
- f as AvDrawerStub,
276
- r as AvListItemStub,
277
- p as AvListStub,
278
- m as AvSelectStub,
279
- S as AvSideNavigationStub,
280
- A as AvStepperStub,
281
- u as AvTagPickerStub,
282
- s as AvTagStub,
283
- b as AvToggleStub,
284
- l as AvVIconStub,
285
- k as BddTest
328
+ S as AvAccordionStub,
329
+ B as AvAutocompleteStub,
330
+ m as AvBadgeStub,
331
+ T as AvBreadcrumbStub,
332
+ f as AvButtonStub,
333
+ k as AvCancelConfirmButtonsStub,
334
+ h as AvCheckboxStub,
335
+ N as AvDrawerStub,
336
+ g as AvFieldsetStub,
337
+ A as AvIconStub,
338
+ y as AvListItemStub,
339
+ x as AvListStub,
340
+ C as AvSelectStub,
341
+ $ as AvSideNavigationStub,
342
+ I as AvStepperStub,
343
+ V as AvTagPickerStub,
344
+ b as AvTagStub,
345
+ L as AvToggleStub,
346
+ w as BddTest
286
347
  };
@@ -1,8 +1,11 @@
1
1
  import { AvBadgeStub } from '@/components/badges/AvBadge/AvBadge.stub';
2
2
  import { AvTagStub } from '@/components/badges/AvTag/AvTag.stub';
3
- import { AvVIconStub } from '@/components/base/AvVIcon/AvVIcon.stub';
3
+ import { AvFieldsetStub } from '@/components/base/AvFieldset/AvFieldset.stub';
4
+ import { AvIconStub } from '@/components/base/AvIcon/AvIcon.stub';
5
+ import { AvAccordionStub } from '@/components/interaction/accordions/AvAccordion/AvAccordion.stub';
4
6
  import { AvButtonStub } from '@/components/interaction/buttons/AvButton/AvButton.stub';
5
7
  import { AvCancelConfirmButtonsStub } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub';
8
+ import { AvCheckboxStub } from '@/components/interaction/checkboxes/AvCheckbox/AvCheckbox.stub';
6
9
  import { AvListStub } from '@/components/interaction/lists/AvList/AvList.stub';
7
10
  import { AvListItemStub } from '@/components/interaction/lists/AvListItem/AvListItem.stub';
8
11
  import { AvTagPickerStub } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.stub';
@@ -14,4 +17,4 @@ import { AvSideNavigationStub } from '@/components/navigation/AvSideNavigation/A
14
17
  import { AvStepperStub } from '@/components/navigation/AvStepper/AvStepper.stub';
15
18
  import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stub';
16
19
  import { BddTest } from '@/tests/utils';
17
- export { AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvDrawerStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, AvVIconStub, BddTest, };
20
+ export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvFieldsetStub, AvIconStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
@@ -1,14 +1,3 @@
1
- export declare const DsfrBadgeStub: import("vue").DefineComponent<{
2
- label?: any;
3
- small?: any;
4
- type?: any;
5
- ellipsis?: any;
6
- }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
7
- label?: any;
8
- small?: any;
9
- type?: any;
10
- ellipsis?: any;
11
- }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
12
1
  export declare const DsfrBreadcrumbStub: import("vue").DefineComponent<{
13
2
  links?: any;
14
3
  navigationLabel?: any;
@@ -62,35 +51,3 @@ export declare const DsfrNavigationStub: import("vue").DefineComponent<import("v
62
51
  readonly [Symbol.species]: ArrayConstructor;
63
52
  };
64
53
  }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
65
- export declare const DsfrTagStub: import("vue").DefineComponent<{
66
- label?: any;
67
- link?: any;
68
- small?: any;
69
- icon?: any;
70
- selected?: any;
71
- disabled?: any;
72
- iconOnly?: any;
73
- value?: any;
74
- tagName?: any;
75
- selectable?: any;
76
- }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
77
- label?: any;
78
- link?: any;
79
- small?: any;
80
- icon?: any;
81
- selected?: any;
82
- disabled?: any;
83
- iconOnly?: any;
84
- value?: any;
85
- tagName?: any;
86
- selectable?: any;
87
- }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
88
- export declare const VIconStub: import("vue").DefineComponent<{
89
- size?: any;
90
- name?: any;
91
- color?: any;
92
- }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
93
- size?: any;
94
- name?: any;
95
- color?: any;
96
- }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@avenirs-esr/avenirs-dsav",
3
3
  "type": "module",
4
- "version": "0.1.56",
4
+ "version": "0.1.58",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/avenirs-esr/avenirs-dsav"
@@ -86,6 +86,7 @@
86
86
  "dependencies": {
87
87
  "@gouvfr/dsfr": "^1.14.0",
88
88
  "@gouvminint/vue-dsfr": "^8.4.0",
89
+ "@iconify/vue": "^4.3.0",
89
90
  "@vueuse/core": "^13.9.0",
90
91
  "date-fns": "^4.1.0",
91
92
  "focus-trap": "^7.5.4",
@@ -1,40 +0,0 @@
1
- import type { Meta, StoryFn } from '@storybook/vue3';
2
- import { type AvVIconProps } from '@/components/base/AvVIcon/AvVIcon.vue';
3
- /**
4
- * <h1 class="n1">Icons - <code>AvVIcon</code></h1>
5
- *
6
- * <h2 class="n2">✨ Introduction</h2>
7
- *
8
- * <p>
9
- * <span class="b2-regular">
10
- * The <code>AvVIcon</code> component places a <code>VIcon</code> in a square <code>div</code> of configurable size.
11
- * It's a Vue.js component for displaying icons with a wide range of customization options, including animations, colors, and sizes.
12
- * It's designed to be flexible and performant, with support for various display options, flip options, and accessible titles.
13
- * </span>
14
- * </p>
15
- *
16
- * <p>
17
- * <span class="b2-regular">
18
- * It has exactly the same API as OhVueIcon, and uses <code>@iconify/vue</code> under the hood.
19
- * </span>
20
- * </p>
21
- *
22
- * <p>
23
- * <span class="b2-regular">
24
- * <strong>⚠️ Icon names must be those from </strong>
25
- * <a href="https://icon-sets.iconify.design/" target="_blank" rel="noopener noreferrer">Iconify-vue</a>
26
- * </span>
27
- * </p>
28
- *
29
- * <h2 class="n2">🏗️ Structure</h2>
30
- *
31
- * <p>
32
- * <span class="b2-regular">
33
- * The icon is composed of a square <code>div</code> of configurable size containing the <code>VIcon</code> component.
34
- * </span>
35
- * </p>
36
- */
37
- declare const meta: Meta<AvVIconProps>;
38
- export default meta;
39
- export declare const Default: StoryFn<AvVIconProps>;
40
- export declare const Animated: StoryFn<AvVIconProps>;
@@ -1,2 +0,0 @@
1
- import type { DsfrLanguageSelectorElement as AvLanguageSelectorElement } from '@gouvminint/vue-dsfr';
2
- export type { AvLanguageSelectorElement };