nwl-components 0.0.21 → 0.0.22

package/dist/nwl-components.es.js

@@ -10204,13 +10204,12 @@ const _sfc_main$7 = {
       default: true
     }
   },
-  emits: ["input"],
+  emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
-    const innerValue = ref(props.modelValue);
-    watch(innerValue, (value) => emit("input", value));
-    watch(props, () => {
-      innerValue.value = props.modelValue;
+    const innerValue = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
     });
     const handleInput = ($event) => {
       innerValue.value = parseInt($event.target.value);
@@ -10239,7 +10238,7 @@ const _sfc_main$7 = {
           type: "range",
           min: "0",
           max: __props.max,
-          value: innerValue.value,
+          value: unref(innerValue),
           step: "1",
           onInput: handleInput
         }, null, 40, _hoisted_3$3),
@@ -10257,7 +10256,7 @@ const _sfc_main$7 = {
     };
   }
 };
-var RangeSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-688bd612"]]);
+var RangeSlider = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-7b4d1dd8"]]);
 var Row_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$6 = {
   props: {
@@ -10505,7 +10504,7 @@ var _imports_0 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MzYiIHdpZHRoPSIx
 var _imports_1 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHdpZHRoPSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xNDcyIDg5NnEwLTExNy00NS41LTIyMy41dC0xMjMtMTg0LTE4NC0xMjMtMjIzLjUtNDUuNS0yMjMuNSA0NS41LTE4NCAxMjMtMTIzIDE4NC00NS41IDIyMy41IDQ1LjUgMjIzLjUgMTIzIDE4NCAxODQgMTIzIDIyMy41IDQ1LjUgMjIzLjUtNDUuNSAxODQtMTIzIDEyMy0xODQgNDUuNS0yMjMuNXptMjc2IDI3N3EtNCAxNS0yMCAyMGwtMjkyIDk2djMwNnEwIDE2LTEzIDI2LTE1IDEwLTI5IDRsLTI5Mi05NC0xODAgMjQ4cS0xMCAxMy0yNiAxM3QtMjYtMTNsLTE4MC0yNDgtMjkyIDk0cS0xNCA2LTI5LTQtMTMtMTAtMTMtMjZ2LTMwNmwtMjkyLTk2cS0xNi01LTIwLTIwLTUtMTcgNC0yOWwxODAtMjQ4LTE4MC0yNDhxLTktMTMtNC0yOSA0LTE1IDIwLTIwbDI5Mi05NnYtMzA2cTAtMTYgMTMtMjYgMTUtMTAgMjktNGwyOTIgOTQgMTgwLTI0OHE5LTEyIDI2LTEydDI2IDEybDE4MCAyNDggMjkyLTk0cTE0LTYgMjkgNCAxMyAxMCAxMyAyNnYzMDZsMjkyIDk2cTE2IDUgMjAgMjAgNSAxNi00IDI5bC0xODAgMjQ4IDE4MCAyNDhxOSAxMiA0IDI5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==";
 var _imports_2 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHdpZHRoPSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im05MDQuMzU0NzIgMTUyOC4yNzczLTcuODc2OS0xMjYxLjA5Mzk2Yy0xNDguNzk0OTggMC0yMjcuNjczNTEgMjcuMDI1MTgtMzI0LjAwMTk2IDgzLjE4Mzk5LTk1LjAwNzI0IDU1LjM4ODU1LTE3NC4yNjE4OCAxNDIuMTg0NjctMjI4LjgzMTg4IDIzNy42NjQ0Mi00Ny4wNzYzMyA4Mi4zNjgyNi03NC4wNjU4OCAxNzkuMzExNjktNzYuNDYwNjUgMjc0LjE1MzU0LTIuODQwMDYgMTEyLjQ3NjgyIDIxLjI2MDMzIDIyOS45ODczMSA3NC4xNTM1NSAzMjkuMjkxOTEgNTMuMDk1NDcgOTkuNjg0MyAxMzUuOTMyMiAxODguMDkyNCAyMzIuNzcwMzQgMjQ2LjIxNyA5Ny44NzE3NyA1OC43NDUgMjMxLjU4MDgzIDkwLjU4MzEgMzMwLjI0NzUgOTAuNTgzMXptNzU5LjY0NTI4LTYzMi4yNzczYzAgMTM5LjMzMzMtMzQuMzMzMyAyNjcuODMzMy0xMDMgMzg1LjVzLTE2MS44MzMzIDIxMC44MzMzLTI3OS41IDI3OS41LTI0Ni4xNjY3IDEwMy0zODUuNSAxMDNjLTEzOS4zMzMzMyAwLTI2Ny44MzMzMy0zNC4zMzMzLTM4NS41LTEwM3MtMjEwLjgzMzMzLTE2MS44MzMzLTI3OS41LTI3OS41LTEwMy0yNDYuMTY2Ny0xMDMtMzg1LjVjMC0xMzkuMzMzMzMgMzQuMzMzMzMtMjY3LjgzMzMzIDEwMy0zODUuNXMxNjEuODMzMzMtMjEwLjgzMzMzIDI3OS41LTI3OS41IDI0Ni4xNjY2Ny0xMDMgMzg1LjUtMTAzYzEzOS4zMzMzIDAgMjY3LjgzMzMgMzQuMzMzMzMgMzg1LjUgMTAzczIxMC44MzMzIDE2MS44MzMzMyAyNzkuNSAyNzkuNSAxMDMgMjQ2LjE2NjY3IDEwMyAzODUuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var AdjustSettings_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-357abb69"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-5f53e1ac"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { class: "adjust-settings" };
 const _hoisted_2 = { class: "setting" };
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
@@ -10530,15 +10529,21 @@ const _sfc_main$1 = {
   },
   emits: ["changeAlpha", "changeBrightness", "changeContrast"],
   setup(__props, { emit }) {
+    const props = __props;
+    const alpha = ref(props.alpha);
+    const brightness = ref(props.brightness);
+    const contrast = ref(props.contrast);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
           _hoisted_3,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.alpha,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(alpha) ? alpha.value = $event : null),
-            onInput: _cache[1] || (_cache[1] = ($event) => emit("changeAlpha", $event)),
+            modelValue: alpha.value,
+            "onUpdate:modelValue": [
+              _cache[0] || (_cache[0] = ($event) => alpha.value = $event),
+              _cache[1] || (_cache[1] = ($event) => emit("changeAlpha", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ]),
@@ -10546,9 +10551,11 @@ const _sfc_main$1 = {
           _hoisted_5,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.brightness,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(brightness) ? brightness.value = $event : null),
-            onInput: _cache[3] || (_cache[3] = ($event) => emit("changeBrightness", $event)),
+            modelValue: brightness.value,
+            "onUpdate:modelValue": [
+              _cache[2] || (_cache[2] = ($event) => brightness.value = $event),
+              _cache[3] || (_cache[3] = ($event) => emit("changeBrightness", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ]),
@@ -10556,9 +10563,11 @@ const _sfc_main$1 = {
           _hoisted_7,
           createVNode(RangeSlider, {
             max: 100,
-            modelValue: __props.contrast,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(contrast) ? contrast.value = $event : null),
-            onInput: _cache[5] || (_cache[5] = ($event) => emit("changeContrast", $event)),
+            modelValue: contrast.value,
+            "onUpdate:modelValue": [
+              _cache[4] || (_cache[4] = ($event) => contrast.value = $event),
+              _cache[5] || (_cache[5] = ($event) => emit("changeContrast", $event))
+            ],
             "display-buttons": false
           }, null, 8, ["modelValue"])
         ])
@@ -10566,7 +10575,7 @@ const _sfc_main$1 = {
     };
   }
 };
-var AdjustSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-357abb69"]]);
+var AdjustSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-5f53e1ac"]]);
 var ScriptConsole_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = { id: "logScript" };
 const _sfc_main = {