@avenirs-esr/avenirs-dsav 0.1.125 → 0.1.127

package/dist/test-utils.cjs.js

@@ -60,7 +60,7 @@
     <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="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:`
+  `}),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,width:String,startMinDate:Date,startMaxDate:Date,endMinDate:Date,endMaxDate:Date,stacked:Boolean,separatorSpacing:String,endDateDisabled:Boolean,startDateDisabled:Boolean,type:String,labelVisible:Boolean},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>`}),x=e.defineComponent({name:"AvListItem",props:["hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
@@ -69,7 +69,7 @@
       @click="$emit('click')"
     >
       <slot />
-    </div>`}),k=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    </div>`}),B=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>
-  `}),B=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
+  `}),k=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"
@@ -172,4 +172,4 @@
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});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=x;exports.AvListStub=y;exports.AvModalStub=N;exports.AvPeriodInputStub=h;exports.AvSelectStub=V;exports.AvSideNavigationStub=D;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=I;exports.AvTagPickerStub=k;exports.AvTagStub=c;exports.AvToggleStub=M;exports.BddTest=O;
+  `});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=k;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=x;exports.AvListStub=y;exports.AvModalStub=N;exports.AvPeriodInputStub=h;exports.AvSelectStub=V;exports.AvSideNavigationStub=D;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=I;exports.AvTagPickerStub=B;exports.AvTagStub=c;exports.AvToggleStub=M;exports.BddTest=O;

package/dist/test-utils.es.js

@@ -215,7 +215,7 @@ const f = e({
   },
   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" />`
-}), T = e({
+}), D = e({
   name: "AvPeriodInput",
   props: {
     id: String,
@@ -225,18 +225,21 @@ const f = e({
     endModelValue: String,
     startLabel: String,
     endLabel: String,
-    disabled: Boolean,
     width: String,
     startMinDate: Date,
     startMaxDate: Date,
     endMinDate: Date,
     endMaxDate: Date,
     stacked: Boolean,
-    separatorSpacing: String
+    separatorSpacing: String,
+    endDateDisabled: Boolean,
+    startDateDisabled: Boolean,
+    type: String,
+    labelVisible: Boolean
   },
   emits: ["update:startModelValue", "update:endModelValue", "change"],
   template: '<div class="av-period-input-stub" data-testid="av-period-input-stub" />'
-}), D = e({
+}), T = e({
   name: "AvList",
   props: ["size"],
   template: `
@@ -511,9 +514,9 @@ export {
   x as AvIconTextStub,
   L as AvInputStub,
   w as AvListItemStub,
-  D as AvListStub,
+  T as AvListStub,
   z as AvModalStub,
-  T as AvPeriodInputStub,
+  D as AvPeriodInputStub,
   q as AvSelectStub,
   P as AvSideNavigationStub,
   E as AvStepperStub,

package/package.json

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

package/src/styles/utilities/_spacing.scss

@@ -3,6 +3,7 @@
 @use '../mixins/responsive-utility' as *;
 @use '../settings/breakpoints' as bp;
 @use "sass:meta";
+@use "sass:map";
 
 // === Properties and directions ===
 $properties: (
@@ -40,14 +41,18 @@ $directions: (
   @each $direction-key, $direction-value in $directions {
     @each $size, $value in sp.$spacing {
       @if meta.type-of($direction-value) == 'list' {
+        $props: ();
+        $negative-props: ();
         @each $d in $direction-value {
-          @include utility-base("#{$type}#{$direction-key}-#{$size}", (
+          $props: map.merge($props, (
             #{$property-value}-#{$d}: var(--spacing-#{$size}) !important
           ));
-          @include utility-base("-#{$type}#{$direction-key}-#{$size}", (
+          $negative-props: map.merge($negative-props, (
             #{$property-value}-#{$d}: calc(-1 * var(--spacing-#{$size})) !important
           ));
         }
+        @include utility-base("#{$type}#{$direction-key}-#{$size}", $props);
+        @include utility-base("-#{$type}#{$direction-key}-#{$size}", $negative-props);
       } @else {
         @include utility-base("#{$type}#{$direction-key}-#{$size}", (
           #{$property-value}-#{$direction-value}: var(--spacing-#{$size}) !important
@@ -81,14 +86,18 @@ $directions: (
   @each $direction-key, $direction-value in $directions {
     @each $size, $value in sp.$spacing {
       @if meta.type-of($direction-value) == 'list' {
+        $props: ();
+        $negative-props: ();
         @each $d in $direction-value {
-          @include utility-responsive("#{$type}#{$direction-key}-#{$size}", (
+          $props: map.merge($props, (
             #{$property-value}-#{$d}: var(--spacing-#{$size}) !important
           ));
-          @include utility-responsive("-#{$type}#{$direction-key}-#{$size}", (
+          $negative-props: map.merge($negative-props, (
             #{$property-value}-#{$d}: calc(-1 * var(--spacing-#{$size})) !important
           ));
         }
+        @include utility-responsive("#{$type}#{$direction-key}-#{$size}", $props);
+        @include utility-responsive("-#{$type}#{$direction-key}-#{$size}", $negative-props);
       } @else {
         @include utility-responsive("#{$type}#{$direction-key}-#{$size}", (
           #{$property-value}-#{$direction-value}: var(--spacing-#{$size}) !important

package/dist/composables/use-contained-scroll/use-contained-scroll.d.ts

@@ -1,38 +0,0 @@
-/**
- * Return type of the {@link useContainedScroll} composable.
- *
- * A composable to contain scroll events within a specified scrollable element.
- * Prevents scroll "bleed" when reaching the top or bottom of the scrollable area.
- * Handles both wheel and touch events for comprehensive support.
- *
- * It exposes event handlers for wheel and touch events to be attached to
- * the relevant container element.
- */
-export interface UseContainedScrollReturn {
-    /**
-     * Handler for wheel events to contain scrolling within the specified scrollable element.
-     * @param event - The wheel event object.
-     */
-    onWheel: (event: WheelEvent) => void;
-    /**
-     * Handler for touchstart events to initialize touch-based scrolling containment.
-     * @param event - The touch event object.
-     */
-    onTouchStart: (event: TouchEvent) => void;
-    /**
-     * Handler for touchmove events to contain scrolling within the specified scrollable element.
-     * @param event - The touch event object.
-     */
-    onTouchMove: (event: TouchEvent) => void;
-}
-interface UseContainedScrollOptions {
-    scrollableSelector: string;
-}
-/**
- * A composable that helps contain scroll events within a specified scrollable element.
- * @param options - Configuration options for the contained scroll behavior:
- * @param options.scrollableSelector - A CSS selector string to identify the scrollable element within which scrolling should be contained.
- * @returns An object containing event handlers for wheel and touch events to manage contained scrolling.
- */
-export declare function useContainedScroll({ scrollableSelector }: UseContainedScrollOptions): UseContainedScrollReturn;
-export {};

package/dist/composables/use-contained-scroll/use-contained-scroll.test.d.ts

@@ -1 +0,0 @@
-export {};