@avenirs-esr/avenirs-dsav 0.1.87 → 0.1.89
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/avenirs-dsav.css +1 -1
- package/dist/components/interaction/inputs/AvInput/AvInput.stub.d.ts +33 -0
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts +1 -0
- package/dist/components/interaction/tabs/AvTabs/components/TabContent.vue.d.ts +0 -8
- package/dist/components/overlay/modals/AvModal/AvModal.stub.d.ts +14 -0
- package/dist/index.cjs.js +3 -3
- package/dist/index.es.js +1756 -1780
- package/dist/test-utils.cjs.js +17 -11
- package/dist/test-utils.es.js +66 -36
- package/dist/tests/index.d.ts +3 -1
- package/dist/tokens/icons.d.ts +2 -1
- package/package.json +1 -1
- package/src/styles/components/_grid.scss +1 -0
- package/src/styles/components/_icons.scss +1 -0
- package/dist/components/interaction/tabs/AvTabs/composables/use-tab-transition.d.ts +0 -23
- package/dist/components/interaction/tabs/AvTabs/composables/use-tab-transition.test.d.ts +0 -1
package/dist/test-utils.cjs.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
:style="{ backgroundColor, borderColor, color }"
|
|
5
5
|
>
|
|
6
6
|
{{ label }}
|
|
7
|
-
</div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),
|
|
7
|
+
</div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),d=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),c=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),r=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),p=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text"]}),u=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
|
|
8
8
|
<div class="av-accordion">
|
|
9
9
|
<button
|
|
10
10
|
class="av-accordion__btn"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
<slot />
|
|
16
16
|
</button>
|
|
17
17
|
</div>
|
|
18
|
-
`,setup(
|
|
18
|
+
`,setup(o){const t=e.inject(l.registerAccordionKey);if(!t){const n=e.ref(!1);return{isActive:n,expand:()=>{n.value=!n.value}}}const{isActive:a,expand:i}=t(e.toRef(o,"title"));return{isActive:a,expand:i}}}),m=e.defineComponent({name:"AvButton",props:["label","icon","variant","type","disabled","isLoading","small"],emits:["click"],template:`
|
|
19
19
|
<button
|
|
20
20
|
class="av-button-stub"
|
|
21
21
|
:disabled="disabled"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
>
|
|
24
24
|
{{ label }}
|
|
25
25
|
</button>
|
|
26
|
-
`}),
|
|
26
|
+
`}),v=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
|
|
27
27
|
<div class="av-cancel-confirmation-buttons-stub" >
|
|
28
28
|
<button
|
|
29
29
|
class="cancel"
|
|
@@ -54,16 +54,16 @@
|
|
|
54
54
|
/>
|
|
55
55
|
<label :for="id"><slot name="label">{{ label }}</slot></label>
|
|
56
56
|
</div>
|
|
57
|
-
`}),g=e.defineComponent({name:"AvList",props:["size"],template:`
|
|
57
|
+
`}),g=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,errorMessage:String,prefixIcon:String},emits:["update:modelValue"],template:'<input data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />'}),S=e.defineComponent({name:"AvList",props:["size"],template:`
|
|
58
58
|
<div class="av-list-stub">
|
|
59
59
|
<slot />
|
|
60
|
-
</div>`}),
|
|
60
|
+
</div>`}),A=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
|
|
61
61
|
<div
|
|
62
62
|
class="av-list-item-stub"
|
|
63
63
|
@click="$emit('click')"
|
|
64
64
|
>
|
|
65
65
|
<slot />
|
|
66
|
-
</div>`}),
|
|
66
|
+
</div>`}),f=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
|
|
67
67
|
<div class="av-tag-picker-stub">
|
|
68
68
|
<button
|
|
69
69
|
v-for="option in options"
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
{{ option.label }}
|
|
75
75
|
</button>
|
|
76
76
|
</div>
|
|
77
|
-
`}),
|
|
77
|
+
`}),h=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
|
|
78
78
|
<div class="av-autocomplete-stub">
|
|
79
79
|
<slot
|
|
80
80
|
name="item"
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
<span class="inactive-text">
|
|
129
129
|
{{ inactiveText }}
|
|
130
130
|
</span>
|
|
131
|
-
</div>`}),
|
|
131
|
+
</div>`}),x=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:`
|
|
132
132
|
<div
|
|
133
133
|
class="av-side-navigation-stub"
|
|
134
134
|
@click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
|
|
@@ -144,12 +144,12 @@
|
|
|
144
144
|
{{ index + 1 }}. {{ step }}
|
|
145
145
|
</div>
|
|
146
146
|
</div>
|
|
147
|
-
`}),
|
|
147
|
+
`}),V=e.defineComponent({name:"AvDrawer",props:["show","position","width"],emits:["escape-pressed"],template:`
|
|
148
148
|
<div class="av-drawer-stub">
|
|
149
149
|
<slot />
|
|
150
150
|
<slot name="footer" />
|
|
151
151
|
</div>
|
|
152
|
-
`}),
|
|
152
|
+
`}),I=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
|
|
153
153
|
<div class="av-dropdown-stub">
|
|
154
154
|
<button
|
|
155
155
|
v-for="item in items"
|
|
@@ -160,4 +160,10 @@
|
|
|
160
160
|
{{ item.label }}
|
|
161
161
|
</button>
|
|
162
162
|
</div>
|
|
163
|
-
`})
|
|
163
|
+
`}),L=e.defineComponent({name:"AvModal",props:["opened","closeButtonLabel","confirmButtonLabel","confirmButtonIcon"],emits:["close","confirm"],template:`
|
|
164
|
+
<div class="av-modal">
|
|
165
|
+
<slot name="header"></slot>
|
|
166
|
+
<slot />
|
|
167
|
+
<slot name="footer"></slot>
|
|
168
|
+
</div>
|
|
169
|
+
`});function T(){return{given(o,t){return describe(`🔵 GIVEN ${o}`,t),this},when(o,t){return describe(`🔶 WHEN ${o}`,t),this},and(o,t){return describe(`➕ AND ${o}`,t),this},then(o,t){return it(`🟩 THEN ${o}`,t),this}}}exports.AvAccordionStub=u;exports.AvAutocompleteStub=h;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=x;exports.AvButtonStub=m;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=b;exports.AvDrawerStub=V;exports.AvDropdownStub=I;exports.AvFieldsetStub=c;exports.AvIconStub=r;exports.AvIconTextStub=p;exports.AvInputStub=g;exports.AvListItemStub=A;exports.AvListStub=S;exports.AvModalStub=L;exports.AvSelectStub=C;exports.AvSideNavigationStub=B;exports.AvStepperStub=y;exports.AvTagPickerStub=f;exports.AvTagStub=d;exports.AvToggleStub=k;exports.BddTest=T;
|
package/dist/test-utils.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponent as e, inject as
|
|
1
|
+
import { defineComponent as e, inject as n, ref as s, toRef as c } from "vue";
|
|
2
2
|
import { r } from "./injection-key.es.js";
|
|
3
3
|
import "@vue/test-utils";
|
|
4
|
-
const
|
|
4
|
+
const v = e({
|
|
5
5
|
name: "AvBadge",
|
|
6
6
|
template: `
|
|
7
7
|
<div
|
|
@@ -44,11 +44,11 @@ const m = e({
|
|
|
44
44
|
name: "AvFieldset",
|
|
45
45
|
props: ["id", "legend", "legendId", "class", "ariaLive"],
|
|
46
46
|
template: "<fieldset><slot /></fieldset>"
|
|
47
|
-
}),
|
|
47
|
+
}), S = e({
|
|
48
48
|
name: "AvIcon",
|
|
49
49
|
props: ["name", "color", "size", "title", "animation"],
|
|
50
50
|
template: '<div class="av-vicon-stub" />'
|
|
51
|
-
}),
|
|
51
|
+
}), A = e({
|
|
52
52
|
name: "AvIconText",
|
|
53
53
|
template: '<div class="av-icon-text" />',
|
|
54
54
|
props: ["icon", "text"]
|
|
@@ -68,15 +68,15 @@ const m = e({
|
|
|
68
68
|
</div>
|
|
69
69
|
`,
|
|
70
70
|
setup(a) {
|
|
71
|
-
const t =
|
|
71
|
+
const t = n(r);
|
|
72
72
|
if (!t) {
|
|
73
|
-
const
|
|
74
|
-
return { isActive:
|
|
75
|
-
|
|
73
|
+
const o = s(!1);
|
|
74
|
+
return { isActive: o, expand: () => {
|
|
75
|
+
o.value = !o.value;
|
|
76
76
|
} };
|
|
77
77
|
}
|
|
78
|
-
const { isActive:
|
|
79
|
-
return { isActive:
|
|
78
|
+
const { isActive: i, expand: l } = t(c(a, "title"));
|
|
79
|
+
return { isActive: i, expand: l };
|
|
80
80
|
}
|
|
81
81
|
}), h = e({
|
|
82
82
|
name: "AvButton",
|
|
@@ -148,13 +148,30 @@ const m = e({
|
|
|
148
148
|
</div>
|
|
149
149
|
`
|
|
150
150
|
}), y = e({
|
|
151
|
+
name: "AvInput",
|
|
152
|
+
props: {
|
|
153
|
+
modelValue: String,
|
|
154
|
+
label: String,
|
|
155
|
+
placeholder: String,
|
|
156
|
+
isValid: Boolean,
|
|
157
|
+
isTextarea: Boolean,
|
|
158
|
+
labelVisible: Boolean,
|
|
159
|
+
disabled: Boolean,
|
|
160
|
+
required: Boolean,
|
|
161
|
+
maxlength: Number,
|
|
162
|
+
errorMessage: String,
|
|
163
|
+
prefixIcon: String
|
|
164
|
+
},
|
|
165
|
+
emits: ["update:modelValue"],
|
|
166
|
+
template: '<input data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />'
|
|
167
|
+
}), B = e({
|
|
151
168
|
name: "AvList",
|
|
152
169
|
props: ["size"],
|
|
153
170
|
template: `
|
|
154
171
|
<div class="av-list-stub">
|
|
155
172
|
<slot />
|
|
156
173
|
</div>`
|
|
157
|
-
}),
|
|
174
|
+
}), V = e({
|
|
158
175
|
name: "AvListItem",
|
|
159
176
|
props: ["clickable", "hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
|
|
160
177
|
emits: ["click"],
|
|
@@ -165,7 +182,7 @@ const m = e({
|
|
|
165
182
|
>
|
|
166
183
|
<slot />
|
|
167
184
|
</div>`
|
|
168
|
-
}),
|
|
185
|
+
}), C = e({
|
|
169
186
|
name: "AvTagPicker",
|
|
170
187
|
props: [
|
|
171
188
|
"label",
|
|
@@ -185,7 +202,7 @@ const m = e({
|
|
|
185
202
|
</button>
|
|
186
203
|
</div>
|
|
187
204
|
`
|
|
188
|
-
}),
|
|
205
|
+
}), L = e({
|
|
189
206
|
name: "AvAutocomplete",
|
|
190
207
|
props: [
|
|
191
208
|
"modelValue",
|
|
@@ -212,7 +229,7 @@ const m = e({
|
|
|
212
229
|
/>
|
|
213
230
|
</div>
|
|
214
231
|
`
|
|
215
|
-
}),
|
|
232
|
+
}), I = e({
|
|
216
233
|
name: "AvSelect",
|
|
217
234
|
props: {
|
|
218
235
|
modelValue: [String, Number],
|
|
@@ -252,7 +269,7 @@ const m = e({
|
|
|
252
269
|
<span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
|
|
253
270
|
</select>
|
|
254
271
|
`
|
|
255
|
-
}),
|
|
272
|
+
}), M = e({
|
|
256
273
|
name: "AvToggle",
|
|
257
274
|
props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
|
|
258
275
|
emits: ["update:modelValue"],
|
|
@@ -275,11 +292,11 @@ const m = e({
|
|
|
275
292
|
{{ inactiveText }}
|
|
276
293
|
</span>
|
|
277
294
|
</div>`
|
|
278
|
-
}),
|
|
295
|
+
}), T = e({
|
|
279
296
|
name: "AvBreadcrumb",
|
|
280
297
|
template: '<div class="av-breadcrumb-stub" />',
|
|
281
298
|
props: ["links", "navigationLabel", "showBreadcrumbLabel"]
|
|
282
|
-
}),
|
|
299
|
+
}), $ = e({
|
|
283
300
|
name: "AvSideNavigation",
|
|
284
301
|
props: {
|
|
285
302
|
items: Array,
|
|
@@ -294,7 +311,7 @@ const m = e({
|
|
|
294
311
|
@click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
|
|
295
312
|
/>
|
|
296
313
|
`
|
|
297
|
-
}),
|
|
314
|
+
}), w = e({
|
|
298
315
|
name: "AvStepper",
|
|
299
316
|
props: {
|
|
300
317
|
steps: {
|
|
@@ -318,7 +335,7 @@ const m = e({
|
|
|
318
335
|
</div>
|
|
319
336
|
</div>
|
|
320
337
|
`
|
|
321
|
-
}),
|
|
338
|
+
}), N = e({
|
|
322
339
|
name: "AvDrawer",
|
|
323
340
|
props: ["show", "position", "width"],
|
|
324
341
|
emits: ["escape-pressed"],
|
|
@@ -328,7 +345,7 @@ const m = e({
|
|
|
328
345
|
<slot name="footer" />
|
|
329
346
|
</div>
|
|
330
347
|
`
|
|
331
|
-
}),
|
|
348
|
+
}), q = e({
|
|
332
349
|
name: "AvDropdown",
|
|
333
350
|
props: ["items", "triggerAriaLabel", "triggerIcon", "triggerLabel", "triggerVariant", "triggerSmall", "padding"],
|
|
334
351
|
emits: ["itemSelected"],
|
|
@@ -344,8 +361,19 @@ const m = e({
|
|
|
344
361
|
</button>
|
|
345
362
|
</div>
|
|
346
363
|
`
|
|
364
|
+
}), D = e({
|
|
365
|
+
name: "AvModal",
|
|
366
|
+
props: ["opened", "closeButtonLabel", "confirmButtonLabel", "confirmButtonIcon"],
|
|
367
|
+
emits: ["close", "confirm"],
|
|
368
|
+
template: `
|
|
369
|
+
<div class="av-modal">
|
|
370
|
+
<slot name="header"></slot>
|
|
371
|
+
<slot />
|
|
372
|
+
<slot name="footer"></slot>
|
|
373
|
+
</div>
|
|
374
|
+
`
|
|
347
375
|
});
|
|
348
|
-
function
|
|
376
|
+
function O() {
|
|
349
377
|
return {
|
|
350
378
|
given(a, t) {
|
|
351
379
|
return describe(`🔵 GIVEN ${a}`, t), this;
|
|
@@ -363,24 +391,26 @@ function D() {
|
|
|
363
391
|
}
|
|
364
392
|
export {
|
|
365
393
|
f as AvAccordionStub,
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
394
|
+
L as AvAutocompleteStub,
|
|
395
|
+
v as AvBadgeStub,
|
|
396
|
+
T as AvBreadcrumbStub,
|
|
369
397
|
h as AvButtonStub,
|
|
370
398
|
k as AvCancelConfirmButtonsStub,
|
|
371
399
|
x as AvCheckboxStub,
|
|
372
|
-
|
|
373
|
-
|
|
400
|
+
N as AvDrawerStub,
|
|
401
|
+
q as AvDropdownStub,
|
|
374
402
|
g as AvFieldsetStub,
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
403
|
+
S as AvIconStub,
|
|
404
|
+
A as AvIconTextStub,
|
|
405
|
+
y as AvInputStub,
|
|
406
|
+
V as AvListItemStub,
|
|
407
|
+
B as AvListStub,
|
|
408
|
+
D as AvModalStub,
|
|
409
|
+
I as AvSelectStub,
|
|
410
|
+
$ as AvSideNavigationStub,
|
|
411
|
+
w as AvStepperStub,
|
|
412
|
+
C as AvTagPickerStub,
|
|
383
413
|
b as AvTagStub,
|
|
384
|
-
|
|
385
|
-
|
|
414
|
+
M as AvToggleStub,
|
|
415
|
+
O as BddTest
|
|
386
416
|
};
|
package/dist/tests/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { AvAccordionStub } from '@/components/interaction/accordions/AvAccordion
|
|
|
7
7
|
import { AvButtonStub } from '@/components/interaction/buttons/AvButton/AvButton.stub';
|
|
8
8
|
import { AvCancelConfirmButtonsStub } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub';
|
|
9
9
|
import { AvCheckboxStub } from '@/components/interaction/checkboxes/AvCheckbox/AvCheckbox.stub';
|
|
10
|
+
import { AvInputStub } from '@/components/interaction/inputs/AvInput/AvInput.stub';
|
|
10
11
|
import { AvListStub } from '@/components/interaction/lists/AvList/AvList.stub';
|
|
11
12
|
import { AvListItemStub } from '@/components/interaction/lists/AvListItem/AvListItem.stub';
|
|
12
13
|
import { AvTagPickerStub } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.stub';
|
|
@@ -18,5 +19,6 @@ import { AvSideNavigationStub } from '@/components/navigation/AvSideNavigation/A
|
|
|
18
19
|
import { AvStepperStub } from '@/components/navigation/AvStepper/AvStepper.stub';
|
|
19
20
|
import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stub';
|
|
20
21
|
import { AvDropdownStub } from '@/components/overlay/dropdowns/AvDropdown/AvDropdown.stub';
|
|
22
|
+
import { AvModalStub } from '@/components/overlay/modals/AvModal/AvModal.stub';
|
|
21
23
|
import { BddTest } from '@/tests/utils';
|
|
22
|
-
export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
|
|
24
|
+
export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvInputStub, AvListItemStub, AvListStub, AvModalStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
|
package/dist/tokens/icons.d.ts
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* 1. Use uppercase letters with underscores for constant names.
|
|
10
10
|
* 2. Follow the naming convention of the icon libraries (e.g., 'mdi:icon-name' for MDI).
|
|
11
11
|
* 3. Keep the list organized alphabetically for better readability.
|
|
12
|
-
* 4. Execute 'npm run generate
|
|
12
|
+
* 4. Execute 'npm run icons:generate' to update the icon assets after adding new icons.
|
|
13
13
|
*/
|
|
14
14
|
export declare const MDI_ICONS: {
|
|
15
15
|
ACCOUNT_CIRCLE_OUTLINE: string;
|
|
@@ -84,6 +84,7 @@ export declare const MDI_ICONS: {
|
|
|
84
84
|
PHONE_OUTLINE: string;
|
|
85
85
|
PLUS_CIRCLE_OUTLINE: string;
|
|
86
86
|
POST_IT_NOTES_OUTLINE: string;
|
|
87
|
+
RATE_REVIEW: string;
|
|
87
88
|
RECORD_CIRCLE_OUTLINE: string;
|
|
88
89
|
SCHOOL_OUTLINE: string;
|
|
89
90
|
SHARE_VARIANT_OUTLINE: string;
|
package/package.json
CHANGED
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
--icon-mdi-phone-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAxNS41Yy0xLjIgMC0yLjUtLjItMy42LS42aC0uM2MtLjMgMC0uNS4xLS43LjNsLTIuMiAyLjJjLTIuOC0xLjUtNS4yLTMuOC02LjYtNi42bDIuMi0yLjJjLjMtLjMuNC0uNy4yLTFjLS4zLTEuMS0uNS0yLjQtLjUtMy42YzAtLjUtLjUtMS0xLTFINGMtLjUgMC0xIC41LTEgMWMwIDkuNCA3LjYgMTcgMTcgMTdjLjUgMCAxLS41IDEtMXYtMy41YzAtLjUtLjUtMS0xLTFNNSA1aDEuNWMuMS45LjMgMS44LjUgMi42TDUuOCA4LjhDNS40IDcuNiA1LjEgNi4zIDUgNW0xNCAxNGMtMS4zLS4xLTIuNi0uNC0zLjgtLjhsMS4yLTEuMmMuOC4yIDEuNy40IDIuNi40eiIvPjwvc3ZnPg==");
|
|
77
77
|
--icon-mdi-plus-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOHM4IDMuNTkgOCA4cy0zLjU5IDgtOCA4bTAtMThBMTAgMTAgMCAwIDAgMiAxMmExMCAxMCAwIDAgMCAxMCAxMGExMCAxMCAwIDAgMCAxMC0xMEExMCAxMCAwIDAgMCAxMiAybTEgNWgtMnY0SDd2Mmg0djRoMnYtNGg0di0yaC00eiIvPjwvc3ZnPg==");
|
|
78
78
|
--icon-mdi-post-it-notes-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDZ2MTZoMTh2MkgzYTIgMiAwIDAgMS0yLTJWNnptMTMgM2g1LjVMMTYgMy41ek03IDJoMTBsNiA2djEwYTIgMiAwIDAgMS0yIDJIN2EyIDIgMCAwIDEtMi0yVjRhMiAyIDAgMCAxIDItMm0wIDJ2MTRoMTR2LTdoLTdWNHoiLz48L3N2Zz4=");
|
|
79
|
+
--icon-mdi-rate-review: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOCAxNGgtNy41bDItMkgxOE02IDE0di0yLjVsNi44OC02Ljg2Yy4xOS0uMTkuNTEtLjE5LjcxIDBsMS43NiAxLjc3Yy4yLjIuMi41MSAwIC43MUw4LjQ3IDE0TTIwIDJINGEyIDIgMCAwIDAtMiAydjE4bDQtNGgxNGEyIDIgMCAwIDAgMi0yVjRhMiAyIDAgMCAwLTItMiIvPjwvc3ZnPg==");
|
|
79
80
|
--icon-mdi-record-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyQTEwIDEwIDAgMCAwIDIgMTJhMTAgMTAgMCAwIDAgMTAgMTBhMTAgMTAgMCAwIDAgMTAtMTBBMTAgMTAgMCAwIDAgMTIgMm0wIDJhOCA4IDAgMCAxIDggOGE4IDggMCAwIDEtOCA4YTggOCAwIDAgMS04LThhOCA4IDAgMCAxIDgtOG0wIDVhMyAzIDAgMCAwLTMgM2EzIDMgMCAwIDAgMyAzYTMgMyAwIDAgMCAzLTNhMyAzIDAgMCAwLTMtMyIvPjwvc3ZnPg==");
|
|
80
81
|
--icon-mdi-school-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAzTDEgOWw0IDIuMTh2NkwxMiAyMWw3LTMuODJ2LTZsMi0xLjA5VjE3aDJWOXptNi44MiA2TDEyIDEyLjcyTDUuMTggOUwxMiA1LjI4ek0xNyAxNmwtNSAyLjcyTDcgMTZ2LTMuNzNMMTIgMTVsNS0yLjczeiIvPjwvc3ZnPg==");
|
|
81
82
|
--icon-mdi-share-variant-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOCAxNi4wOGMtLjc2IDAtMS40NC4zLTEuOTYuNzdMOC45MSAxMi43Yy4wNS0uMjMuMDktLjQ2LjA5LS43cy0uMDQtLjQ3LS4wOS0uN2w3LjA1LTQuMTFjLjU0LjUgMS4yNS44MSAyLjA0LjgxYzEuNjYgMCAzLTEuMzQgMy0zcy0xLjM0LTMtMy0zcy0zIDEuMzQtMyAzYzAgLjI0LjA0LjQ3LjA5LjdMOC4wNCA5LjgxQzcuNSA5LjMxIDYuNzkgOSA2IDljLTEuNjYgMC0zIDEuMzQtMyAzczEuMzQgMyAzIDNjLjc5IDAgMS41LS4zMSAyLjA0LS44MWw3LjEyIDQuMTVjLS4wNS4yMS0uMDguNDMtLjA4LjY2YzAgMS42MSAxLjMxIDIuOTEgMi45MiAyLjkxczIuOTItMS4zIDIuOTItMi45MXMtMS4zMS0yLjkyLTIuOTItMi45Mk0xOCA0Yy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxcy0xLS40NS0xLTFzLjQ1LTEgMS0xTTYgMTNjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTFzMSAuNDUgMSAxcy0uNDUgMS0xIDFtMTIgN2MtLjU1IDAtMS0uNDUtMS0xcy40NS0xIDEtMXMxIC40NSAxIDFzLS40NSAxLTEgMSIvPjwvc3ZnPg==");
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { ComputedRef, Ref } from 'vue';
|
|
2
|
-
/**
|
|
3
|
-
* Return type of useTabTransition composable
|
|
4
|
-
*/
|
|
5
|
-
interface UseTabTransitionReturn {
|
|
6
|
-
/**
|
|
7
|
-
* Translate value for the "from" state of the transition.
|
|
8
|
-
* Used for the .slide-fade-enter-from class.
|
|
9
|
-
*/
|
|
10
|
-
translateValueFrom: ComputedRef<string>;
|
|
11
|
-
/**
|
|
12
|
-
* Translate value for the "to" state of the transition.
|
|
13
|
-
* Used for the .slide-fade-leave-to class.
|
|
14
|
-
*/
|
|
15
|
-
translateValueTo: ComputedRef<string>;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Composable managing tab transition values based on the direction of the tab change.
|
|
19
|
-
* @param asc - Boolean indicating if the tab change is in ascending order.
|
|
20
|
-
* @returns An object containing computed properties for transition translate values.
|
|
21
|
-
*/
|
|
22
|
-
export declare function useTabTransition(asc: Ref<boolean>): UseTabTransitionReturn;
|
|
23
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|