@castlabs/ui 4.23.0 → 4.24.0

package/dist/castlabs-ui.umd.js

@@ -2622,7 +2622,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   name: 'ClUI',
   computed: {
     version: function () {
-      return "4.23.0" ?? 0;
+      return "4.24.0" ?? 0;
     }
   }
 }));
@@ -4044,32 +4044,29 @@ ClDropzone_template.install = Vue => {
   Vue.component(ClDropzone_template.name ?? 'ClNoName', ClDropzone_template);
 };
 /* harmony default export */ var ClDropzone = (ClDropzone_template);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/form/ClField/template.vue?vue&type=template&id=1e758708&ts=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/form/ClField/template.vue?vue&type=template&id=7afc34d1&ts=true
 
-const templatevue_type_template_id_1e758708_ts_true_hoisted_1 = ["for"];
-const templatevue_type_template_id_1e758708_ts_true_hoisted_2 = {
+const templatevue_type_template_id_7afc34d1_ts_true_hoisted_1 = ["for"];
+const templatevue_type_template_id_7afc34d1_ts_true_hoisted_2 = {
   key: 0,
   class: "required"
 };
-const templatevue_type_template_id_1e758708_ts_true_hoisted_3 = ["id", "autofocus", "disabled", "maxlength", "minlength", "placeholder", "required"];
-const templatevue_type_template_id_1e758708_ts_true_hoisted_4 = ["id", "autofocus", "disabled", "required"];
-const _hoisted_5 = ["id", "autofocus", "disabled", "maxlength", "minlength", "pattern", "placeholder", "required", "type"];
+const templatevue_type_template_id_7afc34d1_ts_true_hoisted_3 = ["id", "autofocus", "disabled", "maxlength", "minlength", "placeholder", "required"];
+const templatevue_type_template_id_7afc34d1_ts_true_hoisted_4 = ["id", "autofocus", "disabled", "required"];
+const _hoisted_5 = ["id", "autofocus", "disabled", "min", "max", "maxlength", "minlength", "pattern", "placeholder", "required", "type"];
 const _hoisted_6 = ["id", "for"];
 const _hoisted_7 = {
-  class: "invalid-feedback"
-};
-const _hoisted_8 = {
   key: 1,
   class: "valid-feedback valid-feedback-none"
 };
-function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function templatevue_type_template_id_7afc34d1_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, [_ctx.label ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("label", {
     key: 0,
     for: _ctx.$uid,
     class: (0,external_vue_.normalizeClass)(["form-label", {
       disabled: _ctx.disabled
     }])
-  }, [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.label), 1), _ctx.required ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", templatevue_type_template_id_1e758708_ts_true_hoisted_2, "*")) : (0,external_vue_.createCommentVNode)("", true)], 10, templatevue_type_template_id_1e758708_ts_true_hoisted_1)) : (0,external_vue_.createCommentVNode)("", true), _ctx.type === 'textarea' ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("textarea", (0,external_vue_.mergeProps)({
+  }, [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.label), 1), _ctx.required ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", templatevue_type_template_id_7afc34d1_ts_true_hoisted_2, "*")) : (0,external_vue_.createCommentVNode)("", true)], 10, templatevue_type_template_id_7afc34d1_ts_true_hoisted_1)) : (0,external_vue_.createCommentVNode)("", true), _ctx.type === 'textarea' ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("textarea", (0,external_vue_.mergeProps)({
     key: 1,
     id: _ctx.$uid
   }, _ctx.$attrs, {
@@ -4085,7 +4082,7 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
     onBlur: _cache[1] || (_cache[1] = $event => _ctx.validate(true)),
     onChange: _cache[2] || (_cache[2] = $event => _ctx.validate()),
     onInput: _cache[3] || (_cache[3] = $event => _ctx.validate())
-  }), null, 16, templatevue_type_template_id_1e758708_ts_true_hoisted_3)), [[external_vue_.vModelText, _ctx.modelValue]]) : _ctx.type === 'select' ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("select", (0,external_vue_.mergeProps)({
+  }), null, 16, templatevue_type_template_id_7afc34d1_ts_true_hoisted_3)), [[external_vue_.vModelText, _ctx.modelValue]]) : _ctx.type === 'select' ? (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("select", (0,external_vue_.mergeProps)({
     key: 2,
     id: _ctx.$uid,
     "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.modelValue = $event),
@@ -4097,7 +4094,7 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
     onBlur: _cache[5] || (_cache[5] = $event => _ctx.validate(true)),
     onChange: _cache[6] || (_cache[6] = $event => _ctx.validate()),
     onInput: _cache[7] || (_cache[7] = $event => _ctx.validate())
-  }), [(0,external_vue_.renderSlot)(_ctx.$slots, "default")], 16, templatevue_type_template_id_1e758708_ts_true_hoisted_4)), [[external_vue_.vModelSelect, _ctx.modelValue]]) : (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("input", (0,external_vue_.mergeProps)({
+  }), [(0,external_vue_.renderSlot)(_ctx.$slots, "default")], 16, templatevue_type_template_id_7afc34d1_ts_true_hoisted_4)), [[external_vue_.vModelSelect, _ctx.modelValue]]) : (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("input", (0,external_vue_.mergeProps)({
     key: 3,
     id: _ctx.$uid
   }, _ctx.$attrs, {
@@ -4106,12 +4103,14 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
     autofocus: _ctx.autofocus,
     class: _ctx.clazz,
     disabled: _ctx.disabled,
+    min: _ctx.min,
+    max: _ctx.max,
     maxlength: _ctx.maxlength,
     minlength: _ctx.minlength,
     pattern: _ctx.pattern,
     placeholder: _ctx.placeholder,
     required: _ctx.required,
-    type: _ctx.type,
+    type: ['number'].includes(_ctx.type) ? 'text' : _ctx.type,
     onBlur: _cache[9] || (_cache[9] = $event => _ctx.validate(true)),
     onChange: _cache[10] || (_cache[10] = $event => _ctx.validate()),
     onInput: _cache[11] || (_cache[11] = $event => _ctx.validate())
@@ -4122,14 +4121,18 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
     class: "cl-file-companion"
   }, (0,external_vue_.toDisplayString)(_ctx.filePlaceholder), 9, _hoisted_6)) : (0,external_vue_.createCommentVNode)("", true), !_ctx.nofeedback ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)(external_vue_.Fragment, {
     key: 5
-  }, [(0,external_vue_.createElementVNode)("p", _hoisted_7, (0,external_vue_.toDisplayString)(_ctx.invalidMessage), 1), _ctx.help ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", {
+  }, [(0,external_vue_.createElementVNode)("p", {
+    class: (0,external_vue_.normalizeClass)(["invalid-feedback", {
+      disabled: _ctx.disabled
+    }])
+  }, (0,external_vue_.toDisplayString)(_ctx.invalidMessage), 3), _ctx.help ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", {
     key: 0,
     class: (0,external_vue_.normalizeClass)(["valid-feedback", {
       disabled: _ctx.disabled
     }])
-  }, (0,external_vue_.toDisplayString)(_ctx.help), 3)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", _hoisted_8))], 64)) : (0,external_vue_.createCommentVNode)("", true)], 64);
+  }, (0,external_vue_.toDisplayString)(_ctx.help), 3)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", _hoisted_7))], 64)) : (0,external_vue_.createCommentVNode)("", true)], 64);
 }
-;// ./src/components/form/ClField/template.vue?vue&type=template&id=1e758708&ts=true
+;// ./src/components/form/ClField/template.vue?vue&type=template&id=7afc34d1&ts=true
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-86.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/form/ClField/template.vue?vue&type=script&lang=ts
 
@@ -4197,6 +4200,14 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
       type: String,
       default: undefined
     },
+    min: {
+      type: String,
+      default: undefined
+    },
+    max: {
+      type: String,
+      default: undefined
+    },
     pattern: {
       type: String,
       default: undefined
@@ -4232,7 +4243,7 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
   },
   methods: {
     runAutotrim: function () {
-      if (this.autotrim) {
+      if (this.autotrim || ['number'].includes(this.type)) {
         const input = this.$refs.input;
         input.value = input.value.trim();
         this.modelValue = input.value;
@@ -4246,7 +4257,7 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
     },
     validate: function (trim = false) {
       this.valid = true;
-      if (trim && this.autotrim) this.runAutotrim();
+      if (trim) this.runAutotrim();
       if (this.type === 'file') {
         this.filePlaceholder = this.modelValue.replace(/.*[/\\]/, '');
       }
@@ -4254,6 +4265,9 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
         this.setInvalid('This field may not be blank.');
       } else {
         switch (this.type) {
+          case 'number':
+            this.validateNumber();
+            break;
           case 'email':
             this.validateEMail();
             break;
@@ -4276,6 +4290,31 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
         this.setInvalid(this.error);
       }
     },
+    validateNumber: function () {
+      const modelValue = this.modelValue.trim();
+      if (!/^-?[0-9]*$/.test(modelValue.trim())) {
+        this.setInvalid('Please enter a number.');
+        return;
+      }
+      const val = parseInt(modelValue.trim());
+      if (val.toString() !== modelValue) {
+        this.setInvalid('Please enter a number.');
+        return;
+      }
+      if (this.min !== undefined && this.max !== undefined) {
+        if (val < parseInt(this.min) || val > parseInt(this.max)) {
+          this.setInvalid(`Please enter a number between ${this.min} and ${this.max}.`);
+        }
+      } else if (this.min !== undefined) {
+        if (val < parseInt(this.min)) {
+          this.setInvalid(`Please enter a number >= ${this.min}.`);
+        }
+      } else if (this.max !== undefined) {
+        if (val > parseInt(this.max)) {
+          this.setInvalid(`Please enter a number <= ${this.max}.`);
+        }
+      }
+    },
     validateEMail: function () {
       if (!/^[^\s@]+@[^\s@]+\.[^\s@]+[^\s@.]$/.test(this.modelValue)) {
         this.setInvalid('Please enter a valid email address.');
@@ -4305,7 +4344,7 @@ function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $pro
 
 
 ;
-const ClField_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClField_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_1e758708_ts_true_render]])
+const ClField_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClField_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_7afc34d1_ts_true_render]])
 
 /* harmony default export */ var ClField_template = (ClField_template_exports_);
 ;// ./src/components/form/ClField/index.ts
@@ -4951,7 +4990,7 @@ const templatevue_type_template_id_cd5029d0_ts_true_hoisted_7 = {
   key: 1,
   class: "modal-body"
 };
-const templatevue_type_template_id_cd5029d0_ts_true_hoisted_8 = {
+const _hoisted_8 = {
   class: "modal-footer"
 };
 const _hoisted_9 = {
@@ -4983,7 +5022,7 @@ function templatevue_type_template_id_cd5029d0_ts_true_render(_ctx, _cache, $pro
     class: "modal-body cl-form container",
     novalidate: "",
     onSubmit: _cache[0] || (_cache[0] = (0,external_vue_.withModifiers)(() => {}, ["prevent"]))
-  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "body")], 40, templatevue_type_template_id_cd5029d0_ts_true_hoisted_6)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", templatevue_type_template_id_cd5029d0_ts_true_hoisted_7, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "body")])), (0,external_vue_.createElementVNode)("div", templatevue_type_template_id_cd5029d0_ts_true_hoisted_8, [(0,external_vue_.createElementVNode)("span", _hoisted_9, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer-left")]), (0,external_vue_.createElementVNode)("span", _hoisted_10, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer")]), (0,external_vue_.createElementVNode)("span", _hoisted_11, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer-right")])])])])], 10, templatevue_type_template_id_cd5029d0_ts_true_hoisted_1);
+  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "body")], 40, templatevue_type_template_id_cd5029d0_ts_true_hoisted_6)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", templatevue_type_template_id_cd5029d0_ts_true_hoisted_7, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "body")])), (0,external_vue_.createElementVNode)("div", _hoisted_8, [(0,external_vue_.createElementVNode)("span", _hoisted_9, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer-left")]), (0,external_vue_.createElementVNode)("span", _hoisted_10, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer")]), (0,external_vue_.createElementVNode)("span", _hoisted_11, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer-right")])])])])], 10, templatevue_type_template_id_cd5029d0_ts_true_hoisted_1);
 }
 ;// ./src/components/modal/ClModal/template.vue?vue&type=template&id=cd5029d0&ts=true