@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.
@@ -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}}),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>"}),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:`
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(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}}}),v=e.defineComponent({name:"AvButton",props:["label","icon","variant","type","disabled","isLoading","small"],emits:["click"],template:`
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
- `}),m=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
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>`}),S=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
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>`}),A=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
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
- `}),f=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
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>`}),h=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),x=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
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
- `}),B=e.defineComponent({name:"AvDrawer",props:["show","position","width"],emits:["escape-pressed"],template:`
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
- `}),L=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
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
- `});function T(){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=f;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=h;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=m;exports.AvCheckboxStub=b;exports.AvDrawerStub=B;exports.AvDropdownStub=L;exports.AvFieldsetStub=d;exports.AvIconStub=r;exports.AvIconTextStub=p;exports.AvListItemStub=S;exports.AvListStub=g;exports.AvSelectStub=C;exports.AvSideNavigationStub=x;exports.AvStepperStub=y;exports.AvTagPickerStub=A;exports.AvTagStub=c;exports.AvToggleStub=k;exports.BddTest=T;
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;
@@ -1,7 +1,7 @@
1
- import { defineComponent as e, inject as l, ref as s, toRef as c } from "vue";
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 m = e({
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
- }), A = e({
47
+ }), S = e({
48
48
  name: "AvIcon",
49
49
  props: ["name", "color", "size", "title", "animation"],
50
50
  template: '<div class="av-vicon-stub" />'
51
- }), S = e({
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 = l(r);
71
+ const t = n(r);
72
72
  if (!t) {
73
- const i = s(!1);
74
- return { isActive: i, expand: () => {
75
- i.value = !i.value;
73
+ const o = s(!1);
74
+ return { isActive: o, expand: () => {
75
+ o.value = !o.value;
76
76
  } };
77
77
  }
78
- const { isActive: o, expand: n } = t(c(a, "title"));
79
- return { isActive: o, expand: n };
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
- }), C = e({
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
- }), V = e({
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
- }), B = e({
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
- }), L = e({
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
- }), I = e({
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
- }), $ = e({
295
+ }), T = e({
279
296
  name: "AvBreadcrumb",
280
297
  template: '<div class="av-breadcrumb-stub" />',
281
298
  props: ["links", "navigationLabel", "showBreadcrumbLabel"]
282
- }), T = e({
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
- }), M = e({
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
- }), w = e({
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
- }), N = e({
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 D() {
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
- B as AvAutocompleteStub,
367
- m as AvBadgeStub,
368
- $ as AvBreadcrumbStub,
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
- w as AvDrawerStub,
373
- N as AvDropdownStub,
400
+ N as AvDrawerStub,
401
+ q as AvDropdownStub,
374
402
  g as AvFieldsetStub,
375
- A as AvIconStub,
376
- S as AvIconTextStub,
377
- C as AvListItemStub,
378
- y as AvListStub,
379
- L as AvSelectStub,
380
- T as AvSideNavigationStub,
381
- M as AvStepperStub,
382
- V as AvTagPickerStub,
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
- I as AvToggleStub,
385
- D as BddTest
414
+ M as AvToggleStub,
415
+ O as BddTest
386
416
  };
@@ -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, };
@@ -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:icons' to update the icon assets after adding new icons.
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@avenirs-esr/avenirs-dsav",
3
3
  "type": "module",
4
- "version": "0.1.87",
4
+ "version": "0.1.89",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/avenirs-esr/avenirs-dsav"
@@ -175,6 +175,7 @@ $flex-directions: (
175
175
  @each $size, $value in sp.$spacing {
176
176
  @include ns("flex-#{$dir-name}-#{$size}") {
177
177
  display: flex;
178
+ flex: 1;
178
179
  flex-direction: $dir-value;
179
180
  gap: var(--spacing-#{$size});
180
181
  }
@@ -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 {};