@avenirs-esr/avenirs-dsav 0.1.121 → 0.1.123

package/dist/test-utils.cjs.js

@@ -17,7 +17,7 @@
         <slot />
       </button>
     </div>
-  `,setup(o){const t=e.inject(r.registerAccordionKey);if(!t){const l=e.ref(!1);return{isActive:l,expand:()=>{l.value=!l.value},onKeydown:()=>{},setTriggerRef:()=>{}}}const{isActive:n,expand:i,onKeydown:a,setTriggerRef:s}=t(e.toRef(o,"title"));return{isActive:n,expand:i,onKeydown:a,setTriggerRef:s}}}),g=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(r.registerAccordionKey);if(!t){const l=e.ref(!1);return{isActive:l,expand:()=>{l.value=!l.value},onKeydown:()=>{},setTriggerRef:()=>{}}}const{isActive:o,expand:i,onKeydown:n,setTriggerRef:s}=t(e.toRef(a,"title"));return{isActive:o,expand:i,onKeydown:n,setTriggerRef:s}}}),g=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"
@@ -60,16 +60,16 @@
     <fieldset class="av-checkboxes-group-stub">
       <slot />
     </fieldset>
-  `}),C=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,formatDateStr: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" />`}),y=e.defineComponent({name:"AvList",props:["size"],template:`
+  `}),C=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,formatDateStr: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="maxLengthCaption" :current-value="modelValue" />`}),h=e.defineComponent({name:"AvPeriodInput",props:{id:String,label:String,labelClass:String,startModelValue:String,endModelValue:String,startLabel:String,endLabel:String,disabled:Boolean,width:String,startMinDate:Date,startMaxDate:Date,endMinDate:Date,endMaxDate:Date,stacked:Boolean,separatorSpacing:String},emits:["update:startModelValue","update:endModelValue","change"],template:'<div class="av-period-input-stub" data-testid="av-period-input-stub" />'}),y=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
-    </div>`}),h=e.defineComponent({name:"AvListItem",props:["hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
+    </div>`}),k=e.defineComponent({name:"AvListItem",props:["hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
     <div
       class="av-list-item-stub"
       @click="$emit('click')"
     >
       <slot />
-    </div>`}),k=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    </div>`}),x=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
     <div class="av-tag-picker-stub">
       <button
         v-for="option in options"
@@ -80,7 +80,7 @@
         {{ option.label }}
       </button>
     </div>
-  `}),x=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
+  `}),B=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
     <div class="av-autocomplete-stub">
       <slot
         name="item"
@@ -91,7 +91,7 @@
         :toggle="() => {}"
       />
     </div>
-  `}),B=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,placeholder:String,dense:Boolean,required:Boolean,disabled:Boolean,hint:String,errorMessage:String,successMessage:String},emits:["update:modelValue"],template:`
+  `}),V=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,placeholder:String,dense:Boolean,required:Boolean,disabled:Boolean,hint:String,errorMessage:String,successMessage:String},emits:["update:modelValue"],template:`
     <select 
       class="av-select-stub"
       :value="modelValue"
@@ -116,7 +116,7 @@
       <span v-if="errorMessage">{{ errorMessage }}</span>
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
-  `}),T=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),V=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,default:0},ariaLabel:String,compact:Boolean},emits:["update:modelValue"],setup(o,{slots:t}){const n=e.computed(()=>{var a;return((a=t.default)==null?void 0:a.call(t))??[]}),i=e.computed(()=>o.modelValue??0);return()=>e.h("div",{class:"av-tabs"},n.value[i.value]??null)}}),I=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+  `}),T=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),M=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,default:0},ariaLabel:String,compact:Boolean},emits:["update:modelValue"],setup(a,{slots:t}){const o=e.computed(()=>{var n;return((n=t.default)==null?void 0:n.call(t))??[]}),i=e.computed(()=>a.modelValue??0);return()=>e.h("div",{class:"av-tabs"},o.value[i.value]??null)}}),I=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
     <div class="av-toggle">
       <input
         type="checkbox"
@@ -134,7 +134,7 @@
       <span class="inactive-text">
         {{ inactiveText }}
       </span>
-    </div>`}),L=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),M=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
+    </div>`}),L=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),D=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
     <div
       class="av-side-navigation-stub"
       @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
@@ -172,4 +172,4 @@
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function D(){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=b;exports.AvAutocompleteStub=x;exports.AvBadgeStub=d;exports.AvBreadcrumbStub=L;exports.AvButtonStub=g;exports.AvCancelConfirmButtonsStub=S;exports.AvCardStub=v;exports.AvCheckboxStub=f;exports.AvCheckboxesGroupStub=A;exports.AvDrawerStub=$;exports.AvDropdownStub=q;exports.AvFieldsetStub=u;exports.AvIconStub=p;exports.AvIconTextStub=m;exports.AvInputStub=C;exports.AvListItemStub=h;exports.AvListStub=y;exports.AvModalStub=N;exports.AvSelectStub=B;exports.AvSideNavigationStub=M;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=V;exports.AvTagPickerStub=k;exports.AvTagStub=c;exports.AvToggleStub=I;exports.BddTest=D;
+  `});function O(){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=b;exports.AvAutocompleteStub=B;exports.AvBadgeStub=d;exports.AvBreadcrumbStub=L;exports.AvButtonStub=g;exports.AvCancelConfirmButtonsStub=S;exports.AvCardStub=v;exports.AvCheckboxStub=f;exports.AvCheckboxesGroupStub=A;exports.AvDrawerStub=$;exports.AvDropdownStub=q;exports.AvFieldsetStub=u;exports.AvIconStub=p;exports.AvIconTextStub=m;exports.AvInputStub=C;exports.AvListItemStub=k;exports.AvListStub=y;exports.AvModalStub=N;exports.AvPeriodInputStub=h;exports.AvSelectStub=V;exports.AvSideNavigationStub=D;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=M;exports.AvTagPickerStub=x;exports.AvTagStub=c;exports.AvToggleStub=I;exports.BddTest=O;

package/dist/test-utils.es.js

@@ -48,11 +48,11 @@ const f = e({
   name: "AvIcon",
   props: ["name", "color", "size", "title", "animation"],
   template: '<div class="av-vicon-stub" />'
-}), k = e({
+}), x = e({
   name: "AvIconText",
   template: '<div class="av-icon-text" />',
   props: ["icon", "text", "icon-color", "text-color"]
-}), x = e({
+}), k = e({
   name: "AvCard",
   props: {
     titleOnly: { type: Boolean, default: !1 },
@@ -148,7 +148,7 @@ const f = e({
       </button>
     </div>
   `
-}), T = e({
+}), M = e({
   name: "AvCheckbox",
   props: {
     id: { type: String, default: "" },
@@ -175,7 +175,7 @@ const f = e({
       <label :for="id"><slot name="label">{{ label }}</slot></label>
     </div>
   `
-}), I = e({
+}), L = e({
   name: "AvCheckboxesGroup",
   props: ["modelValue", "options"],
   emits: ["update:modelValue"],
@@ -184,7 +184,7 @@ const f = e({
       <slot />
     </fieldset>
   `
-}), L = e({
+}), I = e({
   name: "AvInput",
   props: {
     modelValue: String,
@@ -214,15 +214,36 @@ const f = e({
     formatDateStr: 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" />`
-}), M = 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="maxLengthCaption" :current-value="modelValue" />`
+}), T = e({
+  name: "AvPeriodInput",
+  props: {
+    id: String,
+    label: String,
+    labelClass: String,
+    startModelValue: String,
+    endModelValue: String,
+    startLabel: String,
+    endLabel: String,
+    disabled: Boolean,
+    width: String,
+    startMinDate: Date,
+    startMaxDate: Date,
+    endMinDate: Date,
+    endMaxDate: Date,
+    stacked: Boolean,
+    separatorSpacing: String
+  },
+  emits: ["update:startModelValue", "update:endModelValue", "change"],
+  template: '<div class="av-period-input-stub" data-testid="av-period-input-stub" />'
+}), D = e({
   name: "AvList",
   props: ["size"],
   template: `
     <div class="av-list-stub">
       <slot />
     </div>`
-}), $ = e({
+}), w = e({
   name: "AvListItem",
   props: ["hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
   emits: ["click"],
@@ -233,7 +254,7 @@ const f = e({
     >
       <slot />
     </div>`
-}), w = e({
+}), $ = e({
   name: "AvTagPicker",
   props: [
     "label",
@@ -320,7 +341,7 @@ const f = e({
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
   `
-}), D = e({
+}), O = e({
   name: "AvTab",
   props: {
     title: {
@@ -333,7 +354,7 @@ const f = e({
     }
   },
   template: '<div class="av-tab"><slot /></div>'
-}), O = e({
+}), R = e({
   name: "AvTabs",
   props: {
     modelValue: {
@@ -351,7 +372,7 @@ const f = e({
     }), i = s(() => a.modelValue ?? 0);
     return () => u("div", { class: "av-tabs" }, l.value[i.value] ?? null);
   }
-}), R = e({
+}), H = e({
   name: "AvToggle",
   props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
   emits: ["update:modelValue"],
@@ -374,11 +395,11 @@ const f = e({
         {{ inactiveText }}
       </span>
     </div>`
-}), H = e({
+}), K = e({
   name: "AvBreadcrumb",
   template: '<div class="av-breadcrumb-stub" />',
   props: ["links", "navigationLabel", "showBreadcrumbLabel"]
-}), K = e({
+}), P = e({
   name: "AvSideNavigation",
   props: {
     items: Array,
@@ -475,28 +496,29 @@ export {
   B as AvAccordionStub,
   N as AvAutocompleteStub,
   f as AvBadgeStub,
-  H as AvBreadcrumbStub,
+  K as AvBreadcrumbStub,
   V as AvButtonStub,
   C as AvCancelConfirmButtonsStub,
-  x as AvCardStub,
-  T as AvCheckboxStub,
-  I as AvCheckboxesGroupStub,
+  k as AvCardStub,
+  M as AvCheckboxStub,
+  L as AvCheckboxesGroupStub,
   F as AvDrawerStub,
   j as AvDropdownStub,
   h as AvFieldsetStub,
   y as AvIconStub,
-  k as AvIconTextStub,
-  L as AvInputStub,
-  $ as AvListItemStub,
-  M as AvListStub,
+  x as AvIconTextStub,
+  I as AvInputStub,
+  w as AvListItemStub,
+  D as AvListStub,
   z as AvModalStub,
+  T as AvPeriodInputStub,
   q as AvSelectStub,
-  K as AvSideNavigationStub,
+  P as AvSideNavigationStub,
   E as AvStepperStub,
-  D as AvTabStub,
-  O as AvTabsStub,
-  w as AvTagPickerStub,
+  O as AvTabStub,
+  R as AvTabsStub,
+  $ as AvTagPickerStub,
   A as AvTagStub,
-  R as AvToggleStub,
+  H as AvToggleStub,
   G as BddTest
 };

package/dist/tests/index.d.ts

@@ -10,6 +10,7 @@ import { AvCancelConfirmButtonsStub } from '@/components/interaction/buttons/AvC
 import { AvCheckboxStub } from '@/components/interaction/checkboxes/AvCheckbox/AvCheckbox.stub';
 import { AvCheckboxesGroupStub } from '@/components/interaction/checkboxes/AvCheckboxesGroup/AvCheckboxesGroup.stub';
 import { AvInputStub } from '@/components/interaction/inputs/AvInput/AvInput.stub';
+import { AvPeriodInputStub } from '@/components/interaction/inputs/AvPeriodInput/AvPeriodInput.stub';
 import { AvListStub } from '@/components/interaction/lists/AvList/AvList.stub';
 import { AvListItemStub } from '@/components/interaction/lists/AvListItem/AvListItem.stub';
 import { AvTagPickerStub } from '@/components/interaction/pickers/AvTagPicker/AvTagPicker.stub';
@@ -25,4 +26,4 @@ import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stu
 import { AvDropdownStub } from '@/components/overlay/dropdowns/AvDropdown/AvDropdown.stub';
 import { AvModalStub } from '@/components/overlay/modals/AvModal/AvModal.stub';
 import { BddTest } from '@/tests/utils';
-export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCardStub, AvCheckboxesGroupStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvInputStub, AvListItemStub, AvListStub, AvModalStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTabsStub, AvTabStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
+export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCardStub, AvCheckboxesGroupStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvInputStub, AvListItemStub, AvListStub, AvModalStub, AvPeriodInputStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTabsStub, AvTabStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };

package/package.json

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