@saooti/octopus-sdk 33.2.12 → 33.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "33.2.12",
+  "version": "33.2.13",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/assets/form.scss

@@ -11,6 +11,11 @@
 		height: 2rem;
 		padding-right: 40px;
 	}
+	input[type="checkbox"] {
+		accent-color: $octopus-primary-color;
+		cursor: pointer;
+		margin-right: 5px;
+	}
 	.form-input {
 		appearance: none;
 		background: #fff;

package/src/components/display/list/Paginate.vue

@@ -7,9 +7,9 @@
       <label for="rows-per-page-select">{{ $t('Items per page :') }}</label>
       <select
         id="rows-per-page-select"
-        :model-value="rowsPerPage"
+        :value="rowsPerPage"
         class="c-hand p-1 mx-2"
-        @update:modelValue="$emit('update:rowsPerPage',$event)"
+        @input="$emit('update:rowsPerPage',$event.target.value)"
       >
         <option
           v-for="option in optionsRowsPerPage"

package/src/components/form/ClassicCheckbox.vue

@@ -5,12 +5,12 @@
     >
       <input
         :id="idCheckbox"
-        :model-value="textInit"
+        :value="textInit"
         type="checkbox"
         :disabled="isDisabled"
         :title="displayLabel?'':label"
         :data-selenium="selenium"
-        @update:modelValue="$emit('update:textInit',$event)"
+        @input="$emit('update:textInit',!textInit)"
         @click="emitClickAction"
       >
       <span
@@ -53,11 +53,6 @@ export default defineComponent({
 <style lang="scss">
 @import '@scss/_variables.scss';
 .octopus-app{
-  input[type="checkbox"] {
-    accent-color: $octopus-primary-color;
-    cursor: pointer;
-    margin-right: 5px;
-  }
   .octopus-form-switch{
     position: relative;
     display: inline-block;

package/src/components/form/ClassicRadio.vue

@@ -11,12 +11,12 @@
     >
       <input
         :id="idRadio + option.value"
-        :model-value="textInit"
+        :checked="textInit===option.value"
         type="radio"
         :name="idRadio"
         :value="option.value"
         :disabled="isDisabled"
-        @update:modelValue="$emit('update:textInit',$event)"
+        @input="$emit('update:textInit',$event.target.value)"
       >
       <label
         class="c-hand"

package/src/components/form/ClassicSearch.vue

@@ -3,12 +3,12 @@
     <input
       :id="idSearch"
       ref="search"
-      :model-value="textInit"
+      :value="textInit"
       type="text"
       class="search-input w-100 p-2 "
       :placeholder="label"
       :autofocus="autofocus"
-      @update:modelValue="$emit('update:textInit',$event)"
+      @input="$emit('update:textInit',$event.target.value)"
     >
     <label
       :for="idSearch"

package/src/components/form/ClassicSelect.vue

@@ -7,12 +7,12 @@
     >{{ label }}</label>
     <select
       :id="idSelect"
-      :model-value="textInit"
+      :value="textInit"
       :disabled="isDisabled"
       class="c-hand w-100"
       :class="transparent?'transparent':''"
       :style="getFontFamily"
-      @update:modelValue="$emit('update:textInit',$event)"
+      @input="$emit('update:textInit',$event.target.value)"
     >
       <option
         v-for="option in options"