improve data passing for editor fields

zero.Web.UI/App/components/forms/toggle.vue

@@ -151,6 +151,12 @@
   .ui-toggle.is-negative .ui-toggle-switch.is-active
   {
     background: var(--color-negative);
+    border-color: transparent !important;
+
+    i
+    {
+      background: white;
+    }
   }
 
   .ui-toggle-off-warning

zero.Web.UI/App/components/pickers/pick.vue

@@ -171,7 +171,7 @@
           if (JSON.stringify(newval) !== JSON.stringify(oldval))
           {
             this.buildConfig();
-            this.loaded = false;
+            this.loaded = false;          
           }
         }
       },
@@ -248,6 +248,12 @@
 
     methods: {
 
+      refresh()
+      {
+        this.buildConfig();
+        this.loaded = false;
+      },
+
       onValueChanged(val)
       {
         if (this.multiple)

zero.Web.UI/App/editor/fields/text.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ui-box">
-    <input :value="value" @input="$emit('input', $event.target.value)" type="text" class="ui-input" v-localize:placeholder="" :maxlength="maxLength" />
+    <input :value="value" @input="$emit('input', $event.target.value)" type="text" class="ui-input" v-localize:placeholder="config.placeholder" :maxlength="maxLength" />
   </div>
 </template>
 

zero.Web.UI/App/editor/fields/toggle.vue

@@ -1,5 +1,5 @@
 <template>
-  <ui-toggle :value="value" @input="$emit('input', $event)" :disabled="disabled" />
+  <ui-toggle :value="value" @input="$emit('input', $event)" :disabled="disabled" :negative="config.negative || false" />
 </template>
 
 

zero.Web.UI/Sass/Settings/_accent.scss

@@ -68,4 +68,9 @@ $accent-colors: (
 .color-primary
 {
   color: var(--color-primary);
+}
+
+.color-negative
+{
+  color: var(--color-negative);
 }