glib-web 0.5.77 → 0.5.78

package/components/component.vue

@@ -1,222 +1,222 @@
-<template>
-  <fields-text v-if="name == 'fields-text'" :spec="spec" type="text" />
-  <fields-text v-else-if="name == 'fields-number'" :spec="spec" type="number" />
-  <fields-text v-else-if="name == 'fields-email'" :spec="spec" type="email" />
-  <fields-text v-else-if="name == 'fields-url'" :spec="spec" type="url" />
-  <fields-text
-    v-else-if="name == 'fields-password'"
-    :spec="spec"
-    type="password"
-  />
-  <!-- <fields-textarea v-else-if="spec.view == 'fields/textarea-v1'" :spec="spec" />
-  <fields-richText v-else-if="spec.view == 'fields/richText-v1'" :spec="spec" /> -->
-  <!-- <fields-file v-else-if="spec.view == 'fields/file-v1'" :spec="spec" />
-  <fields-select v-else-if="spec.view == 'fields/select-v1'" :spec="spec" />
-  <fields-dynamicSelect
-    v-else-if="spec.view == 'fields/dynamicSelect-v1'"
-    :spec="spec"
-  /> -->
-  <!-- <fields-country v-else-if="spec.view == 'fields/country-v1'" :spec="spec" /> -->
-
-  <!-- <fields-latLong v-else-if="spec.view == 'fields/latLong-v1'" :spec="spec" /> -->
-  <fields-googlePlace
-    v-else-if="spec.view == 'fields/googlePlace-v1'"
-    :spec="spec"
-  />
-
-  <!-- <panels-responsive v-else-if="spec.view == 'panels/scroll-v1'" :spec="spec" /> -->
-
-  <component :is="name" v-else-if="name" :spec="spec" />
-
-  <div v-else>Unsupported view: {{ spec.view }}</div>
-</template>
-
-<script>
-import H1 from "./h1";
-import H2 from "./h2";
-import H3 from "./h3";
-import H4 from "./h4";
-import H5 from "./h5";
-import H6 from "./h6";
-import Label from "./label";
-import P from "./p";
-import Markdown from "./markdown";
-import Html from "./html";
-import Chip from "./chip";
-import Datetime from "./datetime";
-
-import Image from "./image";
-import Avatar from "./avatar";
-import Icon from "./icon";
-
-import Button from "./button";
-import Fab from "./fab";
-import Switch from "./switch";
-
-import Hr from "./hr";
-import Spacer from "./spacer";
-
-import Map from "./map";
-import TabBar from "./tabBar";
-import Calendar from "./calendar";
-
-import HiddenField from "./fields/hidden";
-import TextField from "./fields/text";
-import SubmitField from "./fields/submit";
-import TextAreaField from "./fields/textarea";
-import RichTextField from "./fields/richText";
-import NewRichTextField from "./fields/newRichText";
-import FileField from "./fields/file";
-import AutocompleteField from "./fields/autocomplete";
-import SelectField from "./fields/select";
-import TimeZoneField from "./fields/timeZone";
-import DynamicSelectField from "./fields/dynamicSelect";
-import CountryField from "./fields/country/field";
-import RadioGroupField from "./fields/radioGroup";
-import RadioField from "./fields/radio";
-import CheckGroupField from "./fields/checkGroup";
-import CheckField from "./fields/check";
-import DateField from "./fields/date";
-import DateTimeField from "./fields/datetime";
-import LocationField from "./fields/location";
-import GooglePlaceField from "./fields/googlePlace";
-import DynamicGroupField from "./fields/dynamicGroup";
-import StripeTokenField from "./fields/stripeToken";
-import StripeExternalAccount from "./fields/stripeExternalAccount";
-import CreditCardField from "./fields/creditCard";
-import RatingField from "./fields/rating";
-import PhoneField from "./fields/phone/field";
-import TimerField from "./fields/timer";
-
-import ScrollPanel from "./panels/scroll";
-import VerticalPanel from "./panels/vertical";
-import HorizontalPanel from "./panels/horizontal";
-import FlowPanel from "./panels/flow";
-import SplitPanel from "./panels/split";
-import FormPanel from "./panels/form";
-import ListPanel from "./panels/list";
-import CarouselPanel from "./panels/carousel";
-import TablePanel from "./panels/table";
-import CustomPanel from "./panels/custom";
-import ColumnPanel from "./panels/column";
-import ResponsivePanel from "./panels/responsive";
-import UlPanel from "./panels/ul";
-import WebPanel from "./panels/web";
-
-import AlertBanner from "./banners/alert";
-import SelectBanner from "./banners/select";
-
-import LineChart from "./charts/line";
-import ColumnChart from "./charts/column";
-
-export default {
-  components: {
-    "views-h1": H1,
-    "views-h2": H2,
-    "views-h3": H3,
-    "views-h4": H4,
-    "views-h5": H5,
-    "views-h6": H6,
-    "views-label": Label,
-    "views-p": P,
-    "views-markdown": Markdown,
-    "views-html": Html,
-    "views-chip": Chip,
-    "views-datetime": Datetime,
-
-    "views-image": Image,
-    "views-avatar": Avatar,
-    "views-icon": Icon,
-
-    "views-button": Button,
-    "views-fab": Fab,
-    "views-switch": Switch,
-
-    "views-hr": Hr,
-    "views-spacer": Spacer,
-
-    "views-map": Map,
-    "views-tabBar": TabBar,
-    "views-calendar": Calendar,
-
-    "fields-hidden": HiddenField,
-    "fields-text": TextField,
-    "fields-submit": SubmitField,
-    "fields-textarea": TextAreaField,
-    "fields-richText": RichTextField,
-    "fields-newRichText": NewRichTextField,
-    "fields-file": FileField,
-    "fields-autocomplete": AutocompleteField,
-    "fields-select": SelectField,
-    "fields-timeZone": TimeZoneField,
-    "fields-dynamicSelect": DynamicSelectField,
-    "fields-country": CountryField,
-    "fields-radioGroup": RadioGroupField,
-    "fields-radio": RadioField,
-    "fields-checkGroup": CheckGroupField,
-    "fields-check": CheckField,
-    "fields-date": DateField,
-    "fields-datetime": DateTimeField,
-    "fields-location": LocationField,
-    "fields-googlePlace": GooglePlaceField,
-    "fields-dynamicGroup": DynamicGroupField,
-    "fields-stripeToken": StripeTokenField,
-    "fields-stripeExternalAccount": StripeExternalAccount,
-    "fields-creditCard": CreditCardField,
-    "fields-rating": RatingField,
-    "fields-phone": PhoneField,
-    "fields-timer": TimerField,
-
-    "panels-scroll": ScrollPanel,
-    "panels-vertical": VerticalPanel,
-    "panels-horizontal": HorizontalPanel,
-    "panels-flow": FlowPanel,
-    "panels-split": SplitPanel,
-    "panels-form": FormPanel,
-    "panels-list": ListPanel,
-    "panels-carousel": CarouselPanel,
-    "panels-table": TablePanel,
-    "panels-custom": CustomPanel,
-    "panels-responsive": ResponsivePanel,
-    "panels-column": ColumnPanel,
-    "panels-ul": UlPanel,
-    "panels-web": WebPanel,
-
-    "banners-alert": AlertBanner,
-    "banners-select": SelectBanner,
-
-    "charts-line": LineChart,
-    "charts-column": ColumnChart
-  },
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      name: null
-    };
-  },
-  beforeUpdate() {
-    // NOTE: Not sure what this is for
-    // Make sure vuejs will not attempt to render old data.
-    // if (this._mountedUrl !== window.location.href) {
-    //   this.name = null;
-    // }
-  },
-  methods: {
-    $ready() {
-      const name = Utils.app.componentName(this.spec.view);
-      const strict = true;
-      if (strict) {
-        this.name = name;
-      } else {
-        if (this.$options.components[name]) {
-          this.name = name;
-        }
-      }
-    }
-  }
-};
-</script>
-
-<style scoped></style>
+<template>
+  <fields-text v-if="name == 'fields-text'" :spec="spec" type="text" />
+  <fields-text v-else-if="name == 'fields-number'" :spec="spec" type="number" />
+  <fields-text v-else-if="name == 'fields-email'" :spec="spec" type="email" />
+  <fields-text v-else-if="name == 'fields-url'" :spec="spec" type="url" />
+  <fields-text
+    v-else-if="name == 'fields-password'"
+    :spec="spec"
+    type="password"
+  />
+  <!-- <fields-textarea v-else-if="spec.view == 'fields/textarea-v1'" :spec="spec" />
+  <fields-richText v-else-if="spec.view == 'fields/richText-v1'" :spec="spec" /> -->
+  <!-- <fields-file v-else-if="spec.view == 'fields/file-v1'" :spec="spec" />
+  <fields-select v-else-if="spec.view == 'fields/select-v1'" :spec="spec" />
+  <fields-dynamicSelect
+    v-else-if="spec.view == 'fields/dynamicSelect-v1'"
+    :spec="spec"
+  /> -->
+  <!-- <fields-country v-else-if="spec.view == 'fields/country-v1'" :spec="spec" /> -->
+
+  <!-- <fields-latLong v-else-if="spec.view == 'fields/latLong-v1'" :spec="spec" /> -->
+  <fields-googlePlace
+    v-else-if="spec.view == 'fields/googlePlace-v1'"
+    :spec="spec"
+  />
+
+  <!-- <panels-responsive v-else-if="spec.view == 'panels/scroll-v1'" :spec="spec" /> -->
+
+  <component :is="name" v-else-if="name" :spec="spec" />
+
+  <div v-else>Unsupported view: {{ spec.view }}</div>
+</template>
+
+<script>
+import H1 from "./h1";
+import H2 from "./h2";
+import H3 from "./h3";
+import H4 from "./h4";
+import H5 from "./h5";
+import H6 from "./h6";
+import Label from "./label";
+import P from "./p";
+import Markdown from "./markdown";
+import Html from "./html";
+import Chip from "./chip";
+import Datetime from "./datetime";
+
+import Image from "./image";
+import Avatar from "./avatar";
+import Icon from "./icon";
+
+import Button from "./button";
+import Fab from "./fab";
+import Switch from "./switch";
+
+import Hr from "./hr";
+import Spacer from "./spacer";
+
+import Map from "./map";
+import TabBar from "./tabBar";
+import Calendar from "./calendar";
+
+import HiddenField from "./fields/hidden";
+import TextField from "./fields/text";
+import SubmitField from "./fields/submit";
+import TextAreaField from "./fields/textarea";
+import RichTextField from "./fields/richText";
+import NewRichTextField from "./fields/newRichText";
+import FileField from "./fields/file";
+import AutocompleteField from "./fields/autocomplete";
+import SelectField from "./fields/select";
+import TimeZoneField from "./fields/timeZone";
+import DynamicSelectField from "./fields/dynamicSelect";
+import CountryField from "./fields/country/field";
+import RadioGroupField from "./fields/radioGroup";
+import RadioField from "./fields/radio";
+import CheckGroupField from "./fields/checkGroup";
+import CheckField from "./fields/check";
+import DateField from "./fields/date";
+import DateTimeField from "./fields/datetime";
+import LocationField from "./fields/location";
+import GooglePlaceField from "./fields/googlePlace";
+import DynamicGroupField from "./fields/dynamicGroup";
+import StripeTokenField from "./fields/stripeToken";
+import StripeExternalAccount from "./fields/stripeExternalAccount";
+import CreditCardField from "./fields/creditCard";
+import RatingField from "./fields/rating";
+import PhoneField from "./fields/phone/field";
+import TimerField from "./fields/timer";
+
+import ScrollPanel from "./panels/scroll";
+import VerticalPanel from "./panels/vertical";
+import HorizontalPanel from "./panels/horizontal";
+import FlowPanel from "./panels/flow";
+import SplitPanel from "./panels/split";
+import FormPanel from "./panels/form";
+import ListPanel from "./panels/list";
+import CarouselPanel from "./panels/carousel";
+import TablePanel from "./panels/table";
+import CustomPanel from "./panels/custom";
+import ColumnPanel from "./panels/column";
+import ResponsivePanel from "./panels/responsive";
+import UlPanel from "./panels/ul";
+import WebPanel from "./panels/web";
+
+import AlertBanner from "./banners/alert";
+import SelectBanner from "./banners/select";
+
+import LineChart from "./charts/line";
+import ColumnChart from "./charts/column";
+
+export default {
+  components: {
+    "views-h1": H1,
+    "views-h2": H2,
+    "views-h3": H3,
+    "views-h4": H4,
+    "views-h5": H5,
+    "views-h6": H6,
+    "views-label": Label,
+    "views-p": P,
+    "views-markdown": Markdown,
+    "views-html": Html,
+    "views-chip": Chip,
+    "views-datetime": Datetime,
+
+    "views-image": Image,
+    "views-avatar": Avatar,
+    "views-icon": Icon,
+
+    "views-button": Button,
+    "views-fab": Fab,
+    "views-switch": Switch,
+
+    "views-hr": Hr,
+    "views-spacer": Spacer,
+
+    "views-map": Map,
+    "views-tabBar": TabBar,
+    "views-calendar": Calendar,
+
+    "fields-hidden": HiddenField,
+    "fields-text": TextField,
+    "fields-submit": SubmitField,
+    "fields-textarea": TextAreaField,
+    "fields-richText": RichTextField,
+    "fields-newRichText": NewRichTextField,
+    "fields-file": FileField,
+    "fields-autocomplete": AutocompleteField,
+    "fields-select": SelectField,
+    "fields-timeZone": TimeZoneField,
+    "fields-dynamicSelect": DynamicSelectField,
+    "fields-country": CountryField,
+    "fields-radioGroup": RadioGroupField,
+    "fields-radio": RadioField,
+    "fields-checkGroup": CheckGroupField,
+    "fields-check": CheckField,
+    "fields-date": DateField,
+    "fields-datetime": DateTimeField,
+    "fields-location": LocationField,
+    "fields-googlePlace": GooglePlaceField,
+    "fields-dynamicGroup": DynamicGroupField,
+    "fields-stripeToken": StripeTokenField,
+    "fields-stripeExternalAccount": StripeExternalAccount,
+    "fields-creditCard": CreditCardField,
+    "fields-rating": RatingField,
+    "fields-phone": PhoneField,
+    "fields-timer": TimerField,
+
+    "panels-scroll": ScrollPanel,
+    "panels-vertical": VerticalPanel,
+    "panels-horizontal": HorizontalPanel,
+    "panels-flow": FlowPanel,
+    "panels-split": SplitPanel,
+    "panels-form": FormPanel,
+    "panels-list": ListPanel,
+    "panels-carousel": CarouselPanel,
+    "panels-table": TablePanel,
+    "panels-custom": CustomPanel,
+    "panels-responsive": ResponsivePanel,
+    "panels-column": ColumnPanel,
+    "panels-ul": UlPanel,
+    "panels-web": WebPanel,
+
+    "banners-alert": AlertBanner,
+    "banners-select": SelectBanner,
+
+    "charts-line": LineChart,
+    "charts-column": ColumnChart
+  },
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      name: null
+    };
+  },
+  beforeUpdate() {
+    // NOTE: Not sure what this is for
+    // Make sure vuejs will not attempt to render old data.
+    // if (this._mountedUrl !== window.location.href) {
+    //   this.name = null;
+    // }
+  },
+  methods: {
+    $ready() {
+      const name = Utils.app.componentName(this.spec.view);
+      const strict = true;
+      if (strict) {
+        this.name = name;
+      } else {
+        if (this.$options.components[name]) {
+          this.name = name;
+        }
+      }
+    }
+  }
+};
+</script>
+
+<style scoped></style>

package/components/fields/_patternText.vue

@@ -1,61 +1,61 @@
-<template>
-  <div :style="$styles()" :class="classes()">
-    <!-- See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for why we need to use `pattern` -->
-    <v-text-field
-      v-model="fieldModel"
-      :name="fieldName"
-      :label="spec.label"
-      :value="spec.value"
-      :hint="spec.hint"
-      :type="type"
-      :readonly="spec.readOnly || false"
-      :disabled="spec.readOnly"
-      :min="spec.min"
-      :max="spec.max"
-      :pattern="pattern"
-      :outlined="$classes().includes('outlined')"
-      :style="$styles()"
-      clearable
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    type: { type: String, required: true },
-    pattern: { type: String, required: true }
-  },
-  methods: {
-    $internalizeValue(val) {
-      if (Utils.type.isString(val)) {
-        return new Date(val).getTime() / 1000;
-      }
-      return null;
-    },
-    $externalizeValue(val) {
-      if (Utils.type.isNumber(val)) {
-        const date = new Date(val * 1000);
-        return Utils.format.local_iso8601(date);
-      }
-      return null;
-    },
-    $sanitizeValue(val) {
-      switch (this.type) {
-        case "date":
-          return val.slice(0, 10);
-        case "datetime-local":
-          return val.slice(0, 16);
-        default:
-          return val;
-      }
-    },
-    classes() {
-      return this.$classes().concat("g-text-field--hintless");
-    }
-  }
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div :style="$styles()" :class="classes()">
+    <!-- See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for why we need to use `pattern` -->
+    <v-text-field
+      v-model="fieldModel"
+      :name="fieldName"
+      :label="spec.label"
+      :value="spec.value"
+      :hint="spec.hint"
+      :type="type"
+      :readonly="spec.readOnly || false"
+      :disabled="spec.readOnly"
+      :min="spec.min"
+      :max="spec.max"
+      :pattern="pattern"
+      :outlined="$classes().includes('outlined')"
+      :style="$styles()"
+      clearable
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    type: { type: String, required: true },
+    pattern: { type: String, required: true }
+  },
+  methods: {
+    $internalizeValue(val) {
+      if (Utils.type.isString(val)) {
+        return new Date(val).getTime() / 1000;
+      }
+      return null;
+    },
+    $externalizeValue(val) {
+      if (Utils.type.isNumber(val)) {
+        const date = new Date(val * 1000);
+        return Utils.format.local_iso8601(date);
+      }
+      return null;
+    },
+    $sanitizeValue(val) {
+      switch (this.type) {
+        case "date":
+          return val.slice(0, 10);
+        case "datetime-local":
+          return val.slice(0, 16);
+        default:
+          return val;
+      }
+    },
+    classes() {
+      return this.$classes().concat("g-text-field--hintless");
+    }
+  }
+};
+</script>
+
+<style scoped></style>