@avenirs-esr/avenirs-dsav 0.1.100 → 0.1.102

package/dist/components/interaction/tabs/AvTabs/AvTabs.stub.d.ts

@@ -1,31 +1,22 @@
 export declare const AvTabsStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
-        required: false;
+        default: number;
     };
-    ariaLabel: {
-        type: StringConstructor;
-        required: false;
-    };
-    compact: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ariaLabel: StringConstructor;
+    compact: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
-        required: false;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        required: false;
-    };
-    compact: {
-        type: BooleanConstructor;
-        required: false;
+        default: number;
     };
+    ariaLabel: StringConstructor;
+    compact: BooleanConstructor;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: number;
     compact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/test-utils.cjs.js

@@ -4,7 +4,7 @@
       :style="{ backgroundColor, borderColor, color }"
     >
       {{ label }}
-    </div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),r=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>"}),c=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","icon-color","text-color"]}),u=e.defineComponent({name:"AvCard",props:{titleOnly:{type:Boolean,default:!1},baclgroundColor:{type:String,default:"var(--card)"},borderColor:{type:String,default:"var(--stroke)"},titleBackground:{type:String,default:"var(--surface-background)"},titleHeight:{type:String},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},template:'<div class="av-card"><slot name="title" /><slot /></div>'}),m=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
+    </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"]}),r=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),p=e.defineComponent({name:"AvCard",props:{titleOnly:{type:Boolean,default:!1},baclgroundColor:{type:String,default:"var(--card)"},borderColor:{type:String,default:"var(--stroke)"},titleBackground:{type:String,default:"var(--surface-background)"},titleHeight:{type:String},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},template:'<div class="av-card"><slot name="title" /><slot /></div>'}),m=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
     <div class="av-accordion">
       <button
         class="av-accordion__btn"
@@ -15,7 +15,7 @@
         <slot />
       </button>
     </div>
-  `,setup(o){const t=e.inject(l.registerAccordionKey);if(!t){const a=e.ref(!1);return{isActive:a,expand:()=>{a.value=!a.value}}}const{isActive:n,expand:i}=t(e.toRef(o,"title"));return{isActive:n,expand:i}}}),v=e.defineComponent({name:"AvButton",props:{variant:{type:String,default:"DEFAULT"},theme:{type:String,default:"PRIMARY"},isLoading:{type:Boolean,default:!1},iconScale:{type:Number},noRadius:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{type:String,required:!0},iconOnly:{type:Boolean,default:!1},small:{type:Boolean,default:!1},icon:{type:[String,Object]},noSentenceCase:{type:Boolean,default:!1}},emits:["click"],template:`
+  `,setup(a){const t=e.inject(l.registerAccordionKey);if(!t){const o=e.ref(!1);return{isActive:o,expand:()=>{o.value=!o.value}}}const{isActive:n,expand:i}=t(e.toRef(a,"title"));return{isActive:n,expand:i}}}),v=e.defineComponent({name:"AvButton",props:{variant:{type:String,default:"DEFAULT"},theme:{type:String,default:"PRIMARY"},isLoading:{type:Boolean,default:!1},iconScale:{type:Number},noRadius:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{type:String,required:!0},iconOnly:{type:Boolean,default:!1},small:{type:Boolean,default:!1},icon:{type:[String,Object]},noSentenceCase:{type:Boolean,default:!1}},emits:["click"],template:`
     <button
       class="av-button-stub"
       :disabled="disabled"
@@ -58,7 +58,7 @@
     <fieldset class="av-checkboxes-group-stub">
       <slot />
     </fieldset>
-  `}),f=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight: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" />'}),A=e.defineComponent({name:"AvList",props:["size"],template:`
+  `}),f=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight:String},emits:["update:modelValue"],template:`<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`}),A=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
     </div>`}),C=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
@@ -114,7 +114,7 @@
       <span v-if="errorMessage">{{ errorMessage }}</span>
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
-  `}),x=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),B=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,required:!1},ariaLabel:{type:String,required:!1},compact:{type:Boolean,required:!1}},emits:["update:modelValue"],template:'<div class="av-tabs"><slot /></div>'}),V=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+  `}),x=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),B=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,default:0},ariaLabel:String,compact:Boolean},emits:["update:modelValue"],setup(a,{slots:t}){const n=e.computed(()=>{var o;return((o=t.default)==null?void 0:o.call(t))??[]}),i=e.computed(()=>a.modelValue??0);return()=>e.h("div",{class:"av-tabs"},n.value[i.value]??null)}}),V=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
     <div class="av-toggle">
       <input
         type="checkbox"
@@ -153,7 +153,7 @@
       <slot />
       <slot name="footer" />
     </div>
-  `}),q=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
+  `}),$=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
     <div class="av-dropdown-stub">
       <button
         v-for="item in items"
@@ -164,10 +164,10 @@
         {{ item.label }}
       </button>
     </div>
-  `}),N=e.defineComponent({name:"AvModal",props:["opened","closeButtonLabel","confirmButtonLabel","confirmButtonIcon"],emits:["close","confirm"],template:`
+  `}),q=e.defineComponent({name:"AvModal",props:["opened","closeButtonLabel","confirmButtonLabel","confirmButtonIcon"],emits:["close","confirm"],template:`
     <div class="av-modal">
       <slot name="header"></slot>
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function $(){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=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=u;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=q;exports.AvFieldsetStub=d;exports.AvIconStub=c;exports.AvIconTextStub=p;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=N;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=r;exports.AvToggleStub=V;exports.BddTest=$;
+  `});function N(){return{given(a,t){return describe(`🔵 GIVEN ${a}`,t),this},when(a,t){return describe(`🔶 WHEN ${a}`,t),this},and(a,t){return describe(`➕ AND ${a}`,t),this},then(a,t){return it(`🟩 THEN ${a}`,t),this}}}exports.AvAccordionStub=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=p;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=$;exports.AvFieldsetStub=r;exports.AvIconStub=c;exports.AvIconTextStub=u;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=q;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=d;exports.AvToggleStub=V;exports.BddTest=N;

package/dist/test-utils.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, inject as n, ref as s, toRef as r } from "vue";
-import { r as d } from "./injection-key.es.js";
+import { defineComponent as e, inject as s, ref as r, toRef as d, computed as n, h as c } from "vue";
+import { r as p } from "./injection-key.es.js";
 import "@vue/test-utils";
-const v = e({
+const g = e({
   name: "AvBadge",
   template: `
     <div
@@ -25,7 +25,7 @@ const v = e({
     borderColor: String,
     icon: String
   }
-}), b = e({
+}), S = e({
   name: "AvTag",
   template: '<div class="av-tag-stub" />',
   props: [
@@ -40,19 +40,19 @@ const v = e({
     "selected",
     "value"
   ]
-}), g = e({
+}), f = e({
   name: "AvFieldset",
   props: ["id", "legend", "legendId", "class", "ariaLive"],
   template: "<fieldset><slot /></fieldset>"
-}), S = e({
+}), A = e({
   name: "AvIcon",
   props: ["name", "color", "size", "title", "animation"],
   template: '<div class="av-vicon-stub" />'
-}), f = e({
+}), h = e({
   name: "AvIconText",
   template: '<div class="av-icon-text" />',
   props: ["icon", "text", "icon-color", "text-color"]
-}), A = e({
+}), y = e({
   name: "AvCard",
   props: {
     titleOnly: { type: Boolean, default: !1 },
@@ -64,7 +64,7 @@ const v = e({
     collapsed: { type: Boolean, default: !1 }
   },
   template: '<div class="av-card"><slot name="title" /><slot /></div>'
-}), h = e({
+}), k = e({
   name: "AvAccordion",
   props: ["title", "icon"],
   template: `
@@ -80,17 +80,17 @@ const v = e({
     </div>
   `,
   setup(a) {
-    const t = n(d);
+    const t = s(p);
     if (!t) {
-      const o = s(!1);
-      return { isActive: o, expand: () => {
-        o.value = !o.value;
+      const l = r(!1);
+      return { isActive: l, expand: () => {
+        l.value = !l.value;
       } };
     }
-    const { isActive: l, expand: i } = t(r(a, "title"));
-    return { isActive: l, expand: i };
+    const { isActive: o, expand: i } = t(d(a, "title"));
+    return { isActive: o, expand: i };
   }
-}), y = e({
+}), x = e({
   name: "AvButton",
   props: {
     variant: { type: String, default: "DEFAULT" },
@@ -115,7 +115,7 @@ const v = e({
       {{ label }}
     </button>
   `
-}), k = e({
+}), B = e({
   name: "AvCancelConfirmButtons",
   props: [
     "cancelLabel",
@@ -144,7 +144,7 @@ const v = e({
       </button>
     </div>
   `
-}), x = e({
+}), V = e({
   name: "AvCheckbox",
   props: {
     id: { type: String, default: "" },
@@ -171,7 +171,7 @@ const v = e({
       <label :for="id"><slot name="label">{{ label }}</slot></label>
     </div>
   `
-}), B = e({
+}), C = e({
   name: "AvCheckboxesGroup",
   props: ["modelValue", "options"],
   emits: ["update:modelValue"],
@@ -180,7 +180,7 @@ const v = e({
       <slot />
     </fieldset>
   `
-}), V = e({
+}), I = e({
   name: "AvInput",
   props: {
     modelValue: String,
@@ -209,15 +209,15 @@ const v = e({
     textareaMinHeight: 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" />'
-}), C = e({
+  template: `<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`
+}), L = e({
   name: "AvList",
   props: ["size"],
   template: `
     <div class="av-list-stub">
       <slot />
     </div>`
-}), L = e({
+}), T = e({
   name: "AvListItem",
   props: ["clickable", "hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
   emits: ["click"],
@@ -228,7 +228,7 @@ const v = e({
     >
       <slot />
     </div>`
-}), I = e({
+}), M = e({
   name: "AvTagPicker",
   props: [
     "label",
@@ -248,7 +248,7 @@ const v = e({
       </button>
     </div>
   `
-}), M = e({
+}), $ = e({
   name: "AvAutocomplete",
   props: [
     "modelValue",
@@ -275,7 +275,7 @@ const v = e({
       />
     </div>
   `
-}), T = e({
+}), N = e({
   name: "AvSelect",
   props: {
     modelValue: [String, Number],
@@ -328,25 +328,25 @@ const v = e({
     }
   },
   template: '<div class="av-tab"><slot /></div>'
-}), $ = e({
+}), w = e({
   name: "AvTabs",
   props: {
     modelValue: {
       type: Number,
-      required: !1
+      default: 0
     },
-    ariaLabel: {
-      type: String,
-      required: !1
-    },
-    compact: {
-      type: Boolean,
-      required: !1
-    }
+    ariaLabel: String,
+    compact: Boolean
   },
   emits: ["update:modelValue"],
-  template: '<div class="av-tabs"><slot /></div>'
-}), N = e({
+  setup(a, { slots: t }) {
+    const o = n(() => {
+      var l;
+      return ((l = t.default) == null ? void 0 : l.call(t)) ?? [];
+    }), i = n(() => a.modelValue ?? 0);
+    return () => c("div", { class: "av-tabs" }, o.value[i.value] ?? null);
+  }
+}), D = e({
   name: "AvToggle",
   props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
   emits: ["update:modelValue"],
@@ -369,11 +369,11 @@ const v = e({
         {{ inactiveText }}
       </span>
     </div>`
-}), w = e({
+}), O = e({
   name: "AvBreadcrumb",
   template: '<div class="av-breadcrumb-stub" />',
   props: ["links", "navigationLabel", "showBreadcrumbLabel"]
-}), D = e({
+}), H = e({
   name: "AvSideNavigation",
   props: {
     items: Array,
@@ -388,7 +388,7 @@ const v = e({
       @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
     />
   `
-}), O = e({
+}), R = e({
   name: "AvStepper",
   props: {
     steps: {
@@ -412,7 +412,7 @@ const v = e({
       </div>
     </div>
   `
-}), H = e({
+}), E = e({
   name: "AvDrawer",
   props: ["show", "position", "width"],
   emits: ["escape-pressed"],
@@ -422,7 +422,7 @@ const v = e({
       <slot name="footer" />
     </div>
   `
-}), R = e({
+}), F = e({
   name: "AvDropdown",
   props: ["items", "triggerAriaLabel", "triggerIcon", "triggerLabel", "triggerVariant", "triggerSmall", "padding"],
   emits: ["itemSelected"],
@@ -438,7 +438,7 @@ const v = e({
       </button>
     </div>
   `
-}), E = e({
+}), j = e({
   name: "AvModal",
   props: ["opened", "closeButtonLabel", "confirmButtonLabel", "confirmButtonIcon"],
   emits: ["close", "confirm"],
@@ -450,7 +450,7 @@ const v = e({
     </div>
   `
 });
-function F() {
+function z() {
   return {
     given(a, t) {
       return describe(`🔵 GIVEN ${a}`, t), this;
@@ -467,31 +467,31 @@ function F() {
   };
 }
 export {
-  h as AvAccordionStub,
-  M as AvAutocompleteStub,
-  v as AvBadgeStub,
-  w as AvBreadcrumbStub,
-  y as AvButtonStub,
-  k as AvCancelConfirmButtonsStub,
-  A as AvCardStub,
-  x as AvCheckboxStub,
-  B as AvCheckboxesGroupStub,
-  H as AvDrawerStub,
-  R as AvDropdownStub,
-  g as AvFieldsetStub,
-  S as AvIconStub,
-  f as AvIconTextStub,
-  V as AvInputStub,
-  L as AvListItemStub,
-  C as AvListStub,
-  E as AvModalStub,
-  T as AvSelectStub,
-  D as AvSideNavigationStub,
-  O as AvStepperStub,
+  k as AvAccordionStub,
+  $ as AvAutocompleteStub,
+  g as AvBadgeStub,
+  O as AvBreadcrumbStub,
+  x as AvButtonStub,
+  B as AvCancelConfirmButtonsStub,
+  y as AvCardStub,
+  V as AvCheckboxStub,
+  C as AvCheckboxesGroupStub,
+  E as AvDrawerStub,
+  F as AvDropdownStub,
+  f as AvFieldsetStub,
+  A as AvIconStub,
+  h as AvIconTextStub,
+  I as AvInputStub,
+  T as AvListItemStub,
+  L as AvListStub,
+  j as AvModalStub,
+  N as AvSelectStub,
+  H as AvSideNavigationStub,
+  R as AvStepperStub,
   q as AvTabStub,
-  $ as AvTabsStub,
-  I as AvTagPickerStub,
-  b as AvTagStub,
-  N as AvToggleStub,
-  F as BddTest
+  w as AvTabsStub,
+  M as AvTagPickerStub,
+  S as AvTagStub,
+  D as AvToggleStub,
+  z as BddTest
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.100",
+  "version": "0.1.102",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"