@synergy-design-system/vue 2.18.4 → 2.18.6

package/dist/components/SynVueRange.vue.js

@@ -34,12 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("syn-range", mergeProps({
         onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
-        onSynChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-change", $event)),
-        onSynFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-focus", $event)),
-        onSynInput: _cache[3] || (_cache[3] = ($event) => {
+        onSynChange: _cache[1] || (_cache[1] = ($event) => {
           _ctx.$emit("update:modelValue", $event.target.value);
-          _ctx.$emit("syn-input", $event);
+          _ctx.$emit("syn-change", $event);
         }),
+        onSynFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-focus", $event)),
+        onSynInput: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("syn-input", $event)),
         onSynInvalid: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-invalid", $event)),
         onSynMove: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("syn-move", $event)),
         value: typeof props.modelValue !== "undefined" ? props.modelValue : typeof props.value !== "undefined" ? props.value : void 0

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.18.4"
+    "@synergy-design-system/components": "^2.18.6"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,7 +40,7 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.18.4",
+  "version": "2.18.6",
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.0",
     "@vue/tsconfig": "^0.5.1",

package/src/components/SynVueCheckbox.vue

@@ -168,7 +168,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
     @syn-change="$emit('syn-change', $event)"
     @syn-focus="$emit('syn-focus', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.checked);
+      $emit('update:modelValue', ($event.target as SynCheckbox).checked);
       $emit('syn-input', $event);
     "
     @syn-invalid="$emit('syn-invalid', $event)"

package/src/components/SynVueCombobox.vue

@@ -270,7 +270,7 @@ export type { SynErrorEvent } from '@synergy-design-system/components';
     @syn-change="$emit('syn-change', $event)"
     @syn-clear="$emit('syn-clear', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.value);
+      $emit('update:modelValue', ($event.target as SynCombobox).value);
       $emit('syn-input', $event);
     "
     @syn-focus="$emit('syn-focus', $event)"

package/src/components/SynVueFile.vue

@@ -233,7 +233,7 @@ export type { SynInputEvent } from '@synergy-design-system/components';
     @syn-error="$emit('syn-error', $event)"
     @syn-focus="$emit('syn-focus', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.files);
+      $emit('update:modelValue', ($event.target as SynFile).files);
       $emit('syn-input', $event);
     "
     :files="

package/src/components/SynVueInput.vue

@@ -297,7 +297,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
     @syn-clear="$emit('syn-clear', $event)"
     @syn-focus="$emit('syn-focus', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.value);
+      $emit('update:modelValue', ($event.target as SynInput).value);
       $emit('syn-input', $event);
     "
     @syn-invalid="$emit('syn-invalid', $event)"

package/src/components/SynVueRadioGroup.vue

@@ -140,7 +140,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
   <syn-radio-group
     @syn-change="$emit('syn-change', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.value);
+      $emit('update:modelValue', ($event.target as SynRadioGroup).value);
       $emit('syn-input', $event);
     "
     @syn-invalid="$emit('syn-invalid', $event)"

package/src/components/SynVueRange.vue

@@ -218,12 +218,12 @@ export type { SynMoveEvent } from '@synergy-design-system/components';
 <template>
   <syn-range
     @syn-blur="$emit('syn-blur', $event)"
-    @syn-change="$emit('syn-change', $event)"
-    @syn-focus="$emit('syn-focus', $event)"
-    @syn-input="
-      $emit('update:modelValue', $event.target.value);
-      $emit('syn-input', $event);
+    @syn-change="
+      $emit('update:modelValue', ($event.target as SynRange).value);
+      $emit('syn-change', $event);
     "
+    @syn-focus="$emit('syn-focus', $event)"
+    @syn-input="$emit('syn-input', $event)"
     @syn-invalid="$emit('syn-invalid', $event)"
     @syn-move="$emit('syn-move', $event)"
     :value="

package/src/components/SynVueSelect.vue

@@ -272,7 +272,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
     @syn-change="$emit('syn-change', $event)"
     @syn-clear="$emit('syn-clear', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.value);
+      $emit('update:modelValue', ($event.target as SynSelect).value);
       $emit('syn-input', $event);
     "
     @syn-focus="$emit('syn-focus', $event)"

package/src/components/SynVueSwitch.vue

@@ -159,7 +159,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
     @syn-blur="$emit('syn-blur', $event)"
     @syn-change="$emit('syn-change', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.checked);
+      $emit('update:modelValue', ($event.target as SynSwitch).checked);
       $emit('syn-input', $event);
     "
     @syn-focus="$emit('syn-focus', $event)"

package/src/components/SynVueTextarea.vue

@@ -226,7 +226,7 @@ export type { SynInvalidEvent } from '@synergy-design-system/components';
     @syn-change="$emit('syn-change', $event)"
     @syn-focus="$emit('syn-focus', $event)"
     @syn-input="
-      $emit('update:modelValue', $event.target.value);
+      $emit('update:modelValue', ($event.target as SynTextarea).value);
       $emit('syn-input', $event);
     "
     @syn-invalid="$emit('syn-invalid', $event)"