glib-web 0.5.77 → 0.5.78

package/components/fields/radio.vue

@@ -1,64 +1,64 @@
-<template>
-  <v-radio
-    :label="spec.label"
-    :value="spec.value.presence() || vuetifyEmptyString"
-    :off-icon="data.icon || '$vuetify.icons.radioOff'"
-    :on-icon="data.icon || '$vuetify.icons.radioOn'"
-    :class="$classes()"
-    :disabled="spec.readOnly"
-    @change="changed"
-  ></v-radio>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      groupElement: null,
-      data: { value: this.spec.value, icon: null }
-    };
-  },
-  methods: {
-    $ready() {
-      this.groupElement = this.$el.closest("[data-component=radioGroup]");
-
-      // Execute later to ensure the radioGroup has registered its event listener
-      const vm = this;
-      setTimeout(function() {
-        const ev = new Event("add");
-        ev.spec = vm.data;
-        vm.$type.ifObject(vm.groupElement, val => val.dispatchEvent(ev));
-      }, 100);
-    },
-    changed(event) {
-      // Execute later to ensure the checkbox's checked state has been updated.
-      const vm = this;
-      setTimeout(function() {
-        vm.$type.ifObject(vm.groupElement, val =>
-          val.dispatchEvent(new Event("change"))
-        );
-      }, 100);
-    }
-  }
-};
-</script>
-
-<style lang="scss">
-.v-input--selection-controls {
-  .v-radio.vertical {
-    display: inline-block;
-    text-align: center;
-
-    .v-input--selection-controls__input {
-      margin-right: 0;
-    }
-
-    label {
-      display: block;
-    }
-  }
-}
-</style>
+<template>
+  <v-radio
+    :label="spec.label"
+    :value="spec.value.presence() || vuetifyEmptyString"
+    :off-icon="data.icon || '$vuetify.icons.radioOff'"
+    :on-icon="data.icon || '$vuetify.icons.radioOn'"
+    :class="$classes()"
+    :disabled="spec.readOnly"
+    @change="changed"
+  ></v-radio>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      groupElement: null,
+      data: { value: this.spec.value, icon: null }
+    };
+  },
+  methods: {
+    $ready() {
+      this.groupElement = this.$el.closest("[data-component=radioGroup]");
+
+      // Execute later to ensure the radioGroup has registered its event listener
+      const vm = this;
+      setTimeout(function() {
+        const ev = new Event("add");
+        ev.spec = vm.data;
+        vm.$type.ifObject(vm.groupElement, val => val.dispatchEvent(ev));
+      }, 100);
+    },
+    changed(event) {
+      // Execute later to ensure the checkbox's checked state has been updated.
+      const vm = this;
+      setTimeout(function() {
+        vm.$type.ifObject(vm.groupElement, val =>
+          val.dispatchEvent(new Event("change"))
+        );
+      }, 100);
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.v-input--selection-controls {
+  .v-radio.vertical {
+    display: inline-block;
+    text-align: center;
+
+    .v-input--selection-controls__input {
+      margin-right: 0;
+    }
+
+    label {
+      display: block;
+    }
+  }
+}
+</style>

package/components/fields/select.vue

@@ -1,17 +1,17 @@
-<template>
-  <fields-genericSelect :spec="spec" />
-</template>
-
-<script>
-import SelectField from "./_select";
-
-export default {
-  components: {
-    // Need to start with `fields-` to enable jsonlogic in `styles.js#_linkFieldModels`
-    "fields-genericSelect": SelectField
-  },
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
+<template>
+  <fields-genericSelect :spec="spec" />
+</template>
+
+<script>
+import SelectField from "./_select";
+
+export default {
+  components: {
+    // Need to start with `fields-` to enable jsonlogic in `styles.js#_linkFieldModels`
+    "fields-genericSelect": SelectField
+  },
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>

package/components/fields/stripe/stripeFields.vue

@@ -1,93 +1,93 @@
-<template>
-  <div>
-    <div ref="container">
-      <!-- A Stripe Element will be inserted here. -->
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    onComplete: {
-      type: Function,
-      required: true
-    },
-    onError: {
-      type: Function,
-      required: true
-    }
-  },
-  data() {
-    return {
-      stripe: null,
-      card: null
-    };
-  },
-  watch: {
-    "$root.vueApp.stateUpdatedAt": function(val, oldVal) {
-      this.onComplete(this.stripe, this.card);
-    }
-  },
-  mounted() {
-    this.stripe = Stripe(this.spec.publicKey);
-    const elements = this.stripe.elements();
-
-    const style = {
-      base: {
-        fontSize: "16px",
-        color: "#32325d"
-      }
-    };
-
-    this.card = elements.create("card", { style: style });
-    this.card.mount(this.$refs.container);
-
-    this._registerEvent();
-  },
-  methods: {
-    _registerEvent() {
-      this.card.addEventListener("change", event => {
-        const error = event.error;
-        if (error) {
-          this.onError(error.message);
-        } else {
-          this.onError("");
-        }
-        if (event.complete) {
-          this.onComplete(this.stripe, this.card);
-        }
-      });
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-.outlined {
-  .StripeElement {
-    box-sizing: border-box;
-    height: 60px;
-    padding: 18px 12px;
-    border: 1px solid #999999;
-    border-radius: 4px;
-    background-color: white;
-    box-shadow: 0 1px 3px 0 #e6ebf1;
-    -webkit-transition: box-shadow 150ms ease;
-    transition: box-shadow 150ms ease;
-  }
-  .StripeElement:hover {
-    border-color: #000000;
-    cursor: text;
-  }
-  .StripeElement--focus {
-    border-color: #1976d2;
-    border-width: 2px;
-  }
-  .StripeElement--invalid {
-    border-color: #f44336;
-    border-width: 2px;
-  }
-}
-</style>
+<template>
+  <div>
+    <div ref="container">
+      <!-- A Stripe Element will be inserted here. -->
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    onComplete: {
+      type: Function,
+      required: true
+    },
+    onError: {
+      type: Function,
+      required: true
+    }
+  },
+  data() {
+    return {
+      stripe: null,
+      card: null
+    };
+  },
+  watch: {
+    "$root.vueApp.stateUpdatedAt": function(val, oldVal) {
+      this.onComplete(this.stripe, this.card);
+    }
+  },
+  mounted() {
+    this.stripe = Stripe(this.spec.publicKey);
+    const elements = this.stripe.elements();
+
+    const style = {
+      base: {
+        fontSize: "16px",
+        color: "#32325d"
+      }
+    };
+
+    this.card = elements.create("card", { style: style });
+    this.card.mount(this.$refs.container);
+
+    this._registerEvent();
+  },
+  methods: {
+    _registerEvent() {
+      this.card.addEventListener("change", event => {
+        const error = event.error;
+        if (error) {
+          this.onError(error.message);
+        } else {
+          this.onError("");
+        }
+        if (event.complete) {
+          this.onComplete(this.stripe, this.card);
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.outlined {
+  .StripeElement {
+    box-sizing: border-box;
+    height: 60px;
+    padding: 18px 12px;
+    border: 1px solid #999999;
+    border-radius: 4px;
+    background-color: white;
+    box-shadow: 0 1px 3px 0 #e6ebf1;
+    -webkit-transition: box-shadow 150ms ease;
+    transition: box-shadow 150ms ease;
+  }
+  .StripeElement:hover {
+    border-color: #000000;
+    cursor: text;
+  }
+  .StripeElement--focus {
+    border-color: #1976d2;
+    border-width: 2px;
+  }
+  .StripeElement--invalid {
+    border-color: #f44336;
+    border-width: 2px;
+  }
+}
+</style>