@castlabs/ui 4.21.0 → 4.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/castlabs-ui.common.js +49 -63
- package/dist/castlabs-ui.common.js.map +1 -1
- package/dist/castlabs-ui.core.js +5 -1
- package/dist/castlabs-ui.css +1 -1
- package/dist/castlabs-ui.module.js +5 -1
- package/dist/castlabs-ui.umd.js +49 -63
- package/dist/castlabs-ui.umd.js.map +1 -1
- package/dist/castlabs-ui.umd.min.js +1 -1
- package/dist/castlabs-ui.umd.min.js.map +1 -1
- package/package.json +7 -7
- package/src/components/ClList/style.variables.scss +7 -0
- package/src/components/ClSpinner/style.scss +10 -0
- package/src/components/table/ClTableCel/Boolean/style.scss +4 -0
- package/src/fonts/NotoSansMono/NotoSansMono.scss +9 -7
- package/src/fonts/OpenSansVariable/OpenSansVariable.scss +18 -14
- package/src/styles/layout/typography.variables.scss +6 -3
|
@@ -843,7 +843,11 @@ export function clTableSorterObjects (
|
|
|
843
843
|
) {
|
|
844
844
|
return clTableSorter((col, order) => {
|
|
845
845
|
return {
|
|
846
|
-
sorted: clPaginate(
|
|
846
|
+
sorted: clPaginate(
|
|
847
|
+
clSort(dataCallback, keys[col], order),
|
|
848
|
+
pageNoCallback(),
|
|
849
|
+
pageSizeCallback()
|
|
850
|
+
),
|
|
847
851
|
sortedOrder: order
|
|
848
852
|
}
|
|
849
853
|
}, initialCol)
|
package/dist/castlabs-ui.umd.js
CHANGED
|
@@ -2395,28 +2395,6 @@ $({ target: 'Iterator', proto: true, real: true }, {
|
|
|
2395
2395
|
});
|
|
2396
2396
|
|
|
2397
2397
|
|
|
2398
|
-
/***/ }),
|
|
2399
|
-
|
|
2400
|
-
/***/ 8992:
|
|
2401
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
2402
|
-
|
|
2403
|
-
"use strict";
|
|
2404
|
-
|
|
2405
|
-
// TODO: Remove from `core-js@4`
|
|
2406
|
-
__webpack_require__(8111);
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
/***/ }),
|
|
2410
|
-
|
|
2411
|
-
/***/ 3949:
|
|
2412
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
2413
|
-
|
|
2414
|
-
"use strict";
|
|
2415
|
-
|
|
2416
|
-
// TODO: Remove from `core-js@4`
|
|
2417
|
-
__webpack_require__(7588);
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
2398
|
/***/ })
|
|
2421
2399
|
|
|
2422
2400
|
/******/ });
|
|
@@ -2644,7 +2622,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2644
2622
|
name: 'ClUI',
|
|
2645
2623
|
computed: {
|
|
2646
2624
|
version: function () {
|
|
2647
|
-
return "4.
|
|
2625
|
+
return "4.22.0" ?? 0;
|
|
2648
2626
|
}
|
|
2649
2627
|
}
|
|
2650
2628
|
}));
|
|
@@ -2764,10 +2742,10 @@ function templatevue_type_template_id_37ea6a9d_ts_true_render(_ctx, _cache, $pro
|
|
|
2764
2742
|
|
|
2765
2743
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
2766
2744
|
var es_array_push = __webpack_require__(4114);
|
|
2767
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/
|
|
2768
|
-
var
|
|
2769
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/
|
|
2770
|
-
var
|
|
2745
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
2746
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
2747
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
2748
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
2771
2749
|
// EXTERNAL MODULE: ./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js
|
|
2772
2750
|
var bootstrap_bundle_min = __webpack_require__(8736);
|
|
2773
2751
|
var bootstrap_bundle_min_default = /*#__PURE__*/__webpack_require__.n(bootstrap_bundle_min);
|
|
@@ -4066,16 +4044,16 @@ ClDropzone_template.install = Vue => {
|
|
|
4066
4044
|
Vue.component(ClDropzone_template.name ?? 'ClNoName', ClDropzone_template);
|
|
4067
4045
|
};
|
|
4068
4046
|
/* harmony default export */ var ClDropzone = (ClDropzone_template);
|
|
4069
|
-
;// ./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=
|
|
4047
|
+
;// ./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
|
|
4070
4048
|
|
|
4071
|
-
const
|
|
4072
|
-
const
|
|
4049
|
+
const templatevue_type_template_id_1e758708_ts_true_hoisted_1 = ["for"];
|
|
4050
|
+
const templatevue_type_template_id_1e758708_ts_true_hoisted_2 = {
|
|
4073
4051
|
key: 0,
|
|
4074
4052
|
class: "required"
|
|
4075
4053
|
};
|
|
4076
|
-
const
|
|
4077
|
-
const
|
|
4078
|
-
const _hoisted_5 = ["id", "
|
|
4054
|
+
const templatevue_type_template_id_1e758708_ts_true_hoisted_3 = ["id", "autofocus", "disabled", "maxlength", "minlength", "placeholder", "required"];
|
|
4055
|
+
const templatevue_type_template_id_1e758708_ts_true_hoisted_4 = ["id", "autofocus", "disabled", "required"];
|
|
4056
|
+
const _hoisted_5 = ["id", "autofocus", "disabled", "maxlength", "minlength", "pattern", "placeholder", "required", "type"];
|
|
4079
4057
|
const _hoisted_6 = ["id", "for"];
|
|
4080
4058
|
const _hoisted_7 = {
|
|
4081
4059
|
class: "invalid-feedback"
|
|
@@ -4084,57 +4062,59 @@ const _hoisted_8 = {
|
|
|
4084
4062
|
key: 1,
|
|
4085
4063
|
class: "valid-feedback valid-feedback-none"
|
|
4086
4064
|
};
|
|
4087
|
-
function
|
|
4065
|
+
function templatevue_type_template_id_1e758708_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4088
4066
|
return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, [_ctx.label ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("label", {
|
|
4089
4067
|
key: 0,
|
|
4090
4068
|
for: _ctx.$uid,
|
|
4091
4069
|
class: (0,external_vue_.normalizeClass)(["form-label", {
|
|
4092
4070
|
disabled: _ctx.disabled
|
|
4093
4071
|
}])
|
|
4094
|
-
}, [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.label), 1), _ctx.required ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span",
|
|
4072
|
+
}, [(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)({
|
|
4095
4073
|
key: 1,
|
|
4096
4074
|
id: _ctx.$uid
|
|
4097
4075
|
}, _ctx.$attrs, {
|
|
4098
4076
|
ref: "input",
|
|
4099
4077
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.modelValue = $event),
|
|
4078
|
+
autofocus: _ctx.autofocus,
|
|
4100
4079
|
class: _ctx.clazz,
|
|
4101
4080
|
disabled: _ctx.disabled,
|
|
4102
|
-
|
|
4103
|
-
|
|
4081
|
+
maxlength: _ctx.maxlength,
|
|
4082
|
+
minlength: _ctx.minlength,
|
|
4104
4083
|
placeholder: _ctx.placeholder,
|
|
4105
|
-
|
|
4084
|
+
required: _ctx.required,
|
|
4085
|
+
onBlur: _cache[1] || (_cache[1] = $event => _ctx.validate(true)),
|
|
4106
4086
|
onChange: _cache[2] || (_cache[2] = $event => _ctx.validate()),
|
|
4107
|
-
|
|
4108
|
-
}), null, 16,
|
|
4087
|
+
onInput: _cache[3] || (_cache[3] = $event => _ctx.validate())
|
|
4088
|
+
}), 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)({
|
|
4109
4089
|
key: 2,
|
|
4110
4090
|
id: _ctx.$uid,
|
|
4111
4091
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.modelValue = $event),
|
|
4112
4092
|
class: ["form-select", _ctx.clazz],
|
|
4093
|
+
autofocus: _ctx.autofocus,
|
|
4113
4094
|
disabled: _ctx.disabled,
|
|
4114
|
-
required: _ctx.required
|
|
4115
|
-
autofocus: _ctx.autofocus
|
|
4095
|
+
required: _ctx.required
|
|
4116
4096
|
}, _ctx.$attrs, {
|
|
4117
|
-
|
|
4097
|
+
onBlur: _cache[5] || (_cache[5] = $event => _ctx.validate(true)),
|
|
4118
4098
|
onChange: _cache[6] || (_cache[6] = $event => _ctx.validate()),
|
|
4119
|
-
|
|
4120
|
-
}), [(0,external_vue_.renderSlot)(_ctx.$slots, "default")], 16,
|
|
4099
|
+
onInput: _cache[7] || (_cache[7] = $event => _ctx.validate())
|
|
4100
|
+
}), [(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)({
|
|
4121
4101
|
key: 3,
|
|
4122
4102
|
id: _ctx.$uid
|
|
4123
4103
|
}, _ctx.$attrs, {
|
|
4124
4104
|
ref: "input",
|
|
4125
4105
|
"onUpdate:modelValue": _cache[8] || (_cache[8] = $event => _ctx.modelValue = $event),
|
|
4126
|
-
|
|
4106
|
+
autofocus: _ctx.autofocus,
|
|
4127
4107
|
class: _ctx.clazz,
|
|
4128
|
-
|
|
4129
|
-
minlength: _ctx.minlength,
|
|
4108
|
+
disabled: _ctx.disabled,
|
|
4130
4109
|
maxlength: _ctx.maxlength,
|
|
4110
|
+
minlength: _ctx.minlength,
|
|
4131
4111
|
pattern: _ctx.pattern,
|
|
4132
|
-
|
|
4112
|
+
placeholder: _ctx.placeholder,
|
|
4133
4113
|
required: _ctx.required,
|
|
4134
|
-
|
|
4135
|
-
|
|
4114
|
+
type: _ctx.type,
|
|
4115
|
+
onBlur: _cache[9] || (_cache[9] = $event => _ctx.validate(true)),
|
|
4136
4116
|
onChange: _cache[10] || (_cache[10] = $event => _ctx.validate()),
|
|
4137
|
-
|
|
4117
|
+
onInput: _cache[11] || (_cache[11] = $event => _ctx.validate())
|
|
4138
4118
|
}), null, 16, _hoisted_5)), [[external_vue_.vModelDynamic, _ctx.modelValue]]), _ctx.type === 'file' ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("label", {
|
|
4139
4119
|
key: 4,
|
|
4140
4120
|
id: `${_ctx.$uid}-companion`,
|
|
@@ -4149,7 +4129,7 @@ function templatevue_type_template_id_56c2f246_ts_true_render(_ctx, _cache, $pro
|
|
|
4149
4129
|
}])
|
|
4150
4130
|
}, (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);
|
|
4151
4131
|
}
|
|
4152
|
-
;// ./src/components/form/ClField/template.vue?vue&type=template&id=
|
|
4132
|
+
;// ./src/components/form/ClField/template.vue?vue&type=template&id=1e758708&ts=true
|
|
4153
4133
|
|
|
4154
4134
|
;// ./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
|
|
4155
4135
|
|
|
@@ -4325,7 +4305,7 @@ function templatevue_type_template_id_56c2f246_ts_true_render(_ctx, _cache, $pro
|
|
|
4325
4305
|
|
|
4326
4306
|
|
|
4327
4307
|
;
|
|
4328
|
-
const ClField_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClField_templatevue_type_script_lang_ts, [['render',
|
|
4308
|
+
const ClField_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClField_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_1e758708_ts_true_render]])
|
|
4329
4309
|
|
|
4330
4310
|
/* harmony default export */ var ClField_template = (ClField_template_exports_);
|
|
4331
4311
|
;// ./src/components/form/ClField/index.ts
|
|
@@ -5178,20 +5158,21 @@ ClModalConfirm_template.install = Vue => {
|
|
|
5178
5158
|
Vue.component(ClModalConfirm_template.name ?? 'ClNoName', ClModalConfirm_template);
|
|
5179
5159
|
};
|
|
5180
5160
|
/* harmony default export */ var ClModalConfirm = (ClModalConfirm_template);
|
|
5181
|
-
;// ./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/modal/ClModalOk/template.vue?vue&type=template&id=
|
|
5161
|
+
;// ./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/modal/ClModalOk/template.vue?vue&type=template&id=59bd2f86&ts=true
|
|
5182
5162
|
|
|
5183
|
-
const
|
|
5163
|
+
const templatevue_type_template_id_59bd2f86_ts_true_hoisted_1 = {
|
|
5184
5164
|
key: 0,
|
|
5185
5165
|
class: "fas fa-angle-left"
|
|
5186
5166
|
};
|
|
5187
|
-
const
|
|
5167
|
+
const templatevue_type_template_id_59bd2f86_ts_true_hoisted_2 = {
|
|
5188
5168
|
key: 0,
|
|
5189
5169
|
class: "fas fa-angle-right"
|
|
5190
5170
|
};
|
|
5191
|
-
function
|
|
5171
|
+
function templatevue_type_template_id_59bd2f86_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5192
5172
|
const _component_cl_modal = (0,external_vue_.resolveComponent)("cl-modal");
|
|
5193
5173
|
return (0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_cl_modal, {
|
|
5194
5174
|
id: _ctx.id,
|
|
5175
|
+
form: _ctx.form,
|
|
5195
5176
|
"on-open": _ctx.opened,
|
|
5196
5177
|
"on-close": _ctx.closed
|
|
5197
5178
|
}, {
|
|
@@ -5204,7 +5185,7 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
|
|
|
5204
5185
|
onClick: _cache[0] || (_cache[0] =
|
|
5205
5186
|
//@ts-ignore
|
|
5206
5187
|
(...args) => _ctx.buttonCancel && _ctx.buttonCancel(...args))
|
|
5207
|
-
}, [_ctx.angles ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i",
|
|
5188
|
+
}, [_ctx.angles ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i", templatevue_type_template_id_59bd2f86_ts_true_hoisted_1)) : (0,external_vue_.createCommentVNode)("", true), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.cancel), 1)])) : (0,external_vue_.createCommentVNode)("", true)]),
|
|
5208
5189
|
"footer-right": (0,external_vue_.withCtx)(() => [(0,external_vue_.createElementVNode)("button", {
|
|
5209
5190
|
type: "button",
|
|
5210
5191
|
class: (0,external_vue_.normalizeClass)(["btn it-ok", {
|
|
@@ -5215,11 +5196,11 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
|
|
|
5215
5196
|
onClick: _cache[1] || (_cache[1] =
|
|
5216
5197
|
//@ts-ignore
|
|
5217
5198
|
(...args) => _ctx.buttonOk && _ctx.buttonOk(...args))
|
|
5218
|
-
}, [(0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.ok ?? _ctx.button), 1), _ctx.angles ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i",
|
|
5199
|
+
}, [(0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.ok ?? _ctx.button), 1), _ctx.angles ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i", templatevue_type_template_id_59bd2f86_ts_true_hoisted_2)) : (0,external_vue_.createCommentVNode)("", true)], 2)]),
|
|
5219
5200
|
_: 3
|
|
5220
|
-
}, 8, ["id", "on-open", "on-close"]);
|
|
5201
|
+
}, 8, ["id", "form", "on-open", "on-close"]);
|
|
5221
5202
|
}
|
|
5222
|
-
;// ./src/components/modal/ClModalOk/template.vue?vue&type=template&id=
|
|
5203
|
+
;// ./src/components/modal/ClModalOk/template.vue?vue&type=template&id=59bd2f86&ts=true
|
|
5223
5204
|
|
|
5224
5205
|
;// ./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/modal/ClModalOk/template.vue?vue&type=script&lang=ts
|
|
5225
5206
|
|
|
@@ -5236,6 +5217,11 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
|
|
|
5236
5217
|
type: String,
|
|
5237
5218
|
default: 'Information'
|
|
5238
5219
|
},
|
|
5220
|
+
form: {
|
|
5221
|
+
// if true, the modal will render a <form> as body
|
|
5222
|
+
type: Boolean,
|
|
5223
|
+
default: false
|
|
5224
|
+
},
|
|
5239
5225
|
body: {
|
|
5240
5226
|
type: String,
|
|
5241
5227
|
default: undefined
|
|
@@ -5309,7 +5295,7 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
|
|
|
5309
5295
|
|
|
5310
5296
|
|
|
5311
5297
|
;
|
|
5312
|
-
const ClModalOk_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClModalOk_templatevue_type_script_lang_ts, [['render',
|
|
5298
|
+
const ClModalOk_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClModalOk_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_59bd2f86_ts_true_render]])
|
|
5313
5299
|
|
|
5314
5300
|
/* harmony default export */ var ClModalOk_template = (ClModalOk_template_exports_);
|
|
5315
5301
|
;// ./src/components/modal/ClModalOk/index.ts
|