@castlabs/ui 4.20.4 → 4.21.1

package/dist/castlabs-ui.module.d.ts

@@ -47,7 +47,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
     initialCol?: number,
     initialOrder?: string
   ): any
-  export function clTableSorterObjects<Type> (dataCallback: () => Type[], keys: string[], initialCol?: number): {
+  export function clTableSorterObjects<Type> (dataCallback: () => Type[], keys: string[], initialCol?: number, pageNoCallback?: () => number, pageSizeCallback?: () => number): {
     col: number,
     order: 'ASC' | 'DESC' | 'NONE',
     set: (col: number, order: string) => void,

package/dist/castlabs-ui.module.js

@@ -830,12 +830,24 @@ export function clTableSorter (sorter, initialCol = 0, initialOrder = 'ASC') {
  * @param dataCallback Function that returns the to-be-sorted object array.
  * @param keys Columns/keys in object to sort.
  * @param initialCol Initial column to sort for.
+ * @param pageNo Pagination page, zero-based.
+ * @param pageSize Pagination page size, defaults to 'one big page'.
  * @returns Object expeced by table sort.
  */
-export function clTableSorterObjects (dataCallback, keys, initialCol = 0) {
+export function clTableSorterObjects (
+  dataCallback,
+  keys,
+  initialCol = 0,
+  pageNoCallback = () => 0,
+  pageSizeCallback = () => Number.MAX_SAFE_INTEGER
+) {
   return clTableSorter((col, order) => {
     return {
-      sorted: clSort(dataCallback, keys[col], order),
+      sorted: clPaginate(
+        clSort(dataCallback, keys[col], order),
+        pageNoCallback(),
+        pageSizeCallback()
+      ),
       sortedOrder: order
     }
   }, initialCol)

package/dist/castlabs-ui.umd.js

@@ -672,7 +672,7 @@ module.exports = !fails(function () {
 var NATIVE_BIND = __webpack_require__(616);
 
 var call = Function.prototype.call;
-
+// eslint-disable-next-line es/no-function-prototype-bind -- safe
 module.exports = NATIVE_BIND ? call.bind(call) : function () {
   return call.apply(call, arguments);
 };
@@ -733,6 +733,7 @@ var NATIVE_BIND = __webpack_require__(616);
 
 var FunctionPrototype = Function.prototype;
 var call = FunctionPrototype.call;
+// eslint-disable-next-line es/no-function-prototype-bind -- safe
 var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype.bind.bind(call, call);
 
 module.exports = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
@@ -1919,10 +1920,10 @@ var SHARED = '__core-js_shared__';
 var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
 
 (store.versions || (store.versions = [])).push({
-  version: '3.39.0',
+  version: '3.40.0',
   mode: IS_PURE ? 'pure' : 'global',
-  copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE',
+  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.40.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -2643,7 +2644,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   name: 'ClUI',
   computed: {
     version: function () {
-      return "4.20.4" ?? 0;
+      return "4.21.1" ?? 0;
     }
   }
 }));
@@ -3333,12 +3334,14 @@ function clTableSorter(sorter, initialCol = 0, initialOrder = 'ASC') {
  * @param dataCallback Function that returns the to-be-sorted object array.
  * @param keys Columns/keys in object to sort.
  * @param initialCol Initial column to sort for.
+ * @param pageNo Pagination page, zero-based.
+ * @param pageSize Pagination page size, defaults to 'one big page'.
  * @returns Object expeced by table sort.
  */
-function clTableSorterObjects(dataCallback, keys, initialCol = 0) {
+function clTableSorterObjects(dataCallback, keys, initialCol = 0, pageNoCallback = () => 0, pageSizeCallback = () => Number.MAX_SAFE_INTEGER) {
   return clTableSorter((col, order) => {
     return {
-      sorted: clSort(dataCallback, keys[col], order),
+      sorted: clPaginate(clSort(dataCallback, keys[col], order), pageNoCallback(), pageSizeCallback()),
       sortedOrder: order
     };
   }, initialCol);
@@ -4063,15 +4066,15 @@ 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=18037b9c&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=56c2f246&ts=true
 
-const templatevue_type_template_id_18037b9c_ts_true_hoisted_1 = ["for"];
-const templatevue_type_template_id_18037b9c_ts_true_hoisted_2 = {
+const templatevue_type_template_id_56c2f246_ts_true_hoisted_1 = ["for"];
+const templatevue_type_template_id_56c2f246_ts_true_hoisted_2 = {
   key: 0,
   class: "required"
 };
-const templatevue_type_template_id_18037b9c_ts_true_hoisted_3 = ["id", "disabled", "required", "autofocus", "placeholder"];
-const templatevue_type_template_id_18037b9c_ts_true_hoisted_4 = ["id", "disabled", "required", "autofocus"];
+const templatevue_type_template_id_56c2f246_ts_true_hoisted_3 = ["id", "disabled", "required", "autofocus", "placeholder"];
+const templatevue_type_template_id_56c2f246_ts_true_hoisted_4 = ["id", "disabled", "required", "autofocus"];
 const _hoisted_5 = ["id", "type", "placeholder", "minlength", "maxlength", "pattern", "disabled", "required", "autofocus"];
 const _hoisted_6 = ["id", "for"];
 const _hoisted_7 = {
@@ -4081,14 +4084,14 @@ const _hoisted_8 = {
   key: 1,
   class: "valid-feedback valid-feedback-none"
 };
-function templatevue_type_template_id_18037b9c_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function templatevue_type_template_id_56c2f246_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_18037b9c_ts_true_hoisted_2, "*")) : (0,external_vue_.createCommentVNode)("", true)], 10, templatevue_type_template_id_18037b9c_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_56c2f246_ts_true_hoisted_2, "*")) : (0,external_vue_.createCommentVNode)("", true)], 10, templatevue_type_template_id_56c2f246_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, {
@@ -4102,7 +4105,7 @@ function templatevue_type_template_id_18037b9c_ts_true_render(_ctx, _cache, $pro
     onInput: _cache[1] || (_cache[1] = $event => _ctx.validate()),
     onChange: _cache[2] || (_cache[2] = $event => _ctx.validate()),
     onBlur: _cache[3] || (_cache[3] = $event => _ctx.validate(true))
-  }), null, 16, templatevue_type_template_id_18037b9c_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_56c2f246_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),
@@ -4114,7 +4117,7 @@ function templatevue_type_template_id_18037b9c_ts_true_render(_ctx, _cache, $pro
     onInput: _cache[5] || (_cache[5] = $event => _ctx.validate()),
     onChange: _cache[6] || (_cache[6] = $event => _ctx.validate()),
     onBlur: _cache[7] || (_cache[7] = $event => _ctx.validate(true))
-  }), [(0,external_vue_.renderSlot)(_ctx.$slots, "default")], 16, templatevue_type_template_id_18037b9c_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_56c2f246_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, {
@@ -4146,7 +4149,7 @@ function templatevue_type_template_id_18037b9c_ts_true_render(_ctx, _cache, $pro
     }])
   }, (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);
 }
-;// ./src/components/form/ClField/template.vue?vue&type=template&id=18037b9c&ts=true
+;// ./src/components/form/ClField/template.vue?vue&type=template&id=56c2f246&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
 
@@ -4322,7 +4325,7 @@ function templatevue_type_template_id_18037b9c_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_18037b9c_ts_true_render]])
+const ClField_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClField_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_56c2f246_ts_true_render]])
 
 /* harmony default export */ var ClField_template = (ClField_template_exports_);
 ;// ./src/components/form/ClField/index.ts
@@ -5175,20 +5178,21 @@ ClModalConfirm_template.install = Vue => {
   Vue.component(ClModalConfirm_template.name ?? 'ClNoName', ClModalConfirm_template);
 };
 /* harmony default export */ var ClModalConfirm = (ClModalConfirm_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/modal/ClModalOk/template.vue?vue&type=template&id=0cffa84a&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/modal/ClModalOk/template.vue?vue&type=template&id=59bd2f86&ts=true
 
-const templatevue_type_template_id_0cffa84a_ts_true_hoisted_1 = {
+const templatevue_type_template_id_59bd2f86_ts_true_hoisted_1 = {
   key: 0,
   class: "fas fa-angle-left"
 };
-const templatevue_type_template_id_0cffa84a_ts_true_hoisted_2 = {
+const templatevue_type_template_id_59bd2f86_ts_true_hoisted_2 = {
   key: 0,
   class: "fas fa-angle-right"
 };
-function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function templatevue_type_template_id_59bd2f86_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_cl_modal = (0,external_vue_.resolveComponent)("cl-modal");
   return (0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_cl_modal, {
     id: _ctx.id,
+    form: _ctx.form,
     "on-open": _ctx.opened,
     "on-close": _ctx.closed
   }, {
@@ -5201,7 +5205,7 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
       onClick: _cache[0] || (_cache[0] =
       //@ts-ignore
       (...args) => _ctx.buttonCancel && _ctx.buttonCancel(...args))
-    }, [_ctx.angles ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("i", templatevue_type_template_id_0cffa84a_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)]),
+    }, [_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)]),
     "footer-right": (0,external_vue_.withCtx)(() => [(0,external_vue_.createElementVNode)("button", {
       type: "button",
       class: (0,external_vue_.normalizeClass)(["btn it-ok", {
@@ -5212,11 +5216,11 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
       onClick: _cache[1] || (_cache[1] =
       //@ts-ignore
       (...args) => _ctx.buttonOk && _ctx.buttonOk(...args))
-    }, [(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_0cffa84a_ts_true_hoisted_2)) : (0,external_vue_.createCommentVNode)("", true)], 2)]),
+    }, [(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)]),
     _: 3
-  }, 8, ["id", "on-open", "on-close"]);
+  }, 8, ["id", "form", "on-open", "on-close"]);
 }
-;// ./src/components/modal/ClModalOk/template.vue?vue&type=template&id=0cffa84a&ts=true
+;// ./src/components/modal/ClModalOk/template.vue?vue&type=template&id=59bd2f86&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/modal/ClModalOk/template.vue?vue&type=script&lang=ts
 
@@ -5233,6 +5237,11 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
       type: String,
       default: 'Information'
     },
+    form: {
+      // if true, the modal will render a <form> as body
+      type: Boolean,
+      default: false
+    },
     body: {
       type: String,
       default: undefined
@@ -5306,7 +5315,7 @@ function templatevue_type_template_id_0cffa84a_ts_true_render(_ctx, _cache, $pro
 
 
 ;
-const ClModalOk_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClModalOk_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_0cffa84a_ts_true_render]])
+const ClModalOk_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClModalOk_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_59bd2f86_ts_true_render]])
 
 /* harmony default export */ var ClModalOk_template = (ClModalOk_template_exports_);
 ;// ./src/components/modal/ClModalOk/index.ts
@@ -5848,18 +5857,19 @@ ClRole_template.install = Vue => {
   Vue.component(ClRole_template.name ?? 'ClNoName', ClRole_template);
 };
 /* harmony default export */ var ClRole = (ClRole_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/section/ClSectionForm/template.vue?vue&type=template&id=0bdb4477&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/section/ClSectionForm/template.vue?vue&type=template&id=9dfb2696&ts=true
 
-const templatevue_type_template_id_0bdb4477_ts_true_hoisted_1 = {
-  class: "cl-section-alternate"
+const templatevue_type_template_id_9dfb2696_ts_true_hoisted_1 = {
+  class: "cl-section-form cl-section-alternate"
 };
-const templatevue_type_template_id_0bdb4477_ts_true_hoisted_2 = ["id"];
-const templatevue_type_template_id_0bdb4477_ts_true_hoisted_3 = ["disabled"];
-const templatevue_type_template_id_0bdb4477_ts_true_hoisted_4 = {
+const templatevue_type_template_id_9dfb2696_ts_true_hoisted_2 = ["id"];
+const templatevue_type_template_id_9dfb2696_ts_true_hoisted_3 = ["disabled"];
+const templatevue_type_template_id_9dfb2696_ts_true_hoisted_4 = {
+  key: 1,
   class: "col-12"
 };
-function templatevue_type_template_id_0bdb4477_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("section", templatevue_type_template_id_0bdb4477_ts_true_hoisted_1, [(0,external_vue_.createElementVNode)("form", {
+function templatevue_type_template_id_9dfb2696_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("section", templatevue_type_template_id_9dfb2696_ts_true_hoisted_1, [(0,external_vue_.createElementVNode)("form", {
     id: _ctx.id,
     novalidate: "",
     class: "cl-form container",
@@ -5867,9 +5877,11 @@ function templatevue_type_template_id_0bdb4477_ts_true_render(_ctx, _cache, $pro
   }, [(0,external_vue_.createElementVNode)("fieldset", {
     class: "row",
     disabled: _ctx.disabled
-  }, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_0bdb4477_ts_true_hoisted_4, [(0,external_vue_.renderSlot)(_ctx.$slots, "default")])], 8, templatevue_type_template_id_0bdb4477_ts_true_hoisted_3)], 40, templatevue_type_template_id_0bdb4477_ts_true_hoisted_2)]);
+  }, [_ctx.noCol ? (0,external_vue_.renderSlot)(_ctx.$slots, "default", {
+    key: 0
+  }) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", templatevue_type_template_id_9dfb2696_ts_true_hoisted_4, [(0,external_vue_.renderSlot)(_ctx.$slots, "default")]))], 8, templatevue_type_template_id_9dfb2696_ts_true_hoisted_3)], 40, templatevue_type_template_id_9dfb2696_ts_true_hoisted_2)]);
 }
-;// ./src/components/section/ClSectionForm/template.vue?vue&type=template&id=0bdb4477&ts=true
+;// ./src/components/section/ClSectionForm/template.vue?vue&type=template&id=9dfb2696&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/section/ClSectionForm/template.vue?vue&type=script&lang=ts
 
@@ -5883,6 +5895,10 @@ function templatevue_type_template_id_0bdb4477_ts_true_render(_ctx, _cache, $pro
     disabled: {
       type: Boolean,
       default: false
+    },
+    noCol: {
+      type: Boolean,
+      default: false
     }
   }
 }));
@@ -5894,7 +5910,7 @@ function templatevue_type_template_id_0bdb4477_ts_true_render(_ctx, _cache, $pro
 
 
 ;
-const ClSectionForm_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionForm_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_0bdb4477_ts_true_render]])
+const ClSectionForm_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionForm_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_9dfb2696_ts_true_render]])
 
 /* harmony default export */ var ClSectionForm_template = (ClSectionForm_template_exports_);
 ;// ./src/components/section/ClSectionForm/index.ts
@@ -5967,23 +5983,26 @@ ClSectionHeadline_template.install = Vue => {
   Vue.component(ClSectionHeadline_template.name ?? 'ClNoName', ClSectionHeadline_template);
 };
 /* harmony default export */ var ClSectionHeadline = (ClSectionHeadline_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/section/ClSectionMain/template.vue?vue&type=template&id=3ff520d4&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/section/ClSectionMain/template.vue?vue&type=template&id=5057f370&ts=true
 
-const templatevue_type_template_id_3ff520d4_ts_true_hoisted_1 = {
+const templatevue_type_template_id_5057f370_ts_true_hoisted_1 = {
   class: "container"
 };
-const templatevue_type_template_id_3ff520d4_ts_true_hoisted_2 = {
+const templatevue_type_template_id_5057f370_ts_true_hoisted_2 = {
   class: "row"
 };
-const templatevue_type_template_id_3ff520d4_ts_true_hoisted_3 = {
+const templatevue_type_template_id_5057f370_ts_true_hoisted_3 = {
+  key: 1,
   class: "col-12"
 };
-function templatevue_type_template_id_3ff520d4_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function templatevue_type_template_id_5057f370_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("section", {
     class: (0,external_vue_.normalizeClass)(_ctx.sectionClass())
-  }, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_3ff520d4_ts_true_hoisted_1, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_3ff520d4_ts_true_hoisted_2, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_3ff520d4_ts_true_hoisted_3, [(0,external_vue_.renderSlot)(_ctx.$slots, "default")])])])], 2);
+  }, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_5057f370_ts_true_hoisted_1, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_5057f370_ts_true_hoisted_2, [_ctx.noCol ? (0,external_vue_.renderSlot)(_ctx.$slots, "default", {
+    key: 0
+  }) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", templatevue_type_template_id_5057f370_ts_true_hoisted_3, [(0,external_vue_.renderSlot)(_ctx.$slots, "default")]))])])], 2);
 }
-;// ./src/components/section/ClSectionMain/template.vue?vue&type=template&id=3ff520d4&ts=true
+;// ./src/components/section/ClSectionMain/template.vue?vue&type=template&id=5057f370&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/section/ClSectionMain/template.vue?vue&type=script&lang=ts
 
@@ -5993,6 +6012,10 @@ function templatevue_type_template_id_3ff520d4_ts_true_render(_ctx, _cache, $pro
     alternate: {
       type: Boolean,
       default: false
+    },
+    noCol: {
+      type: Boolean,
+      default: false
     }
   },
   methods: {
@@ -6009,7 +6032,7 @@ function templatevue_type_template_id_3ff520d4_ts_true_render(_ctx, _cache, $pro
 
 
 ;
-const ClSectionMain_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionMain_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_3ff520d4_ts_true_render]])
+const ClSectionMain_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionMain_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_5057f370_ts_true_render]])
 
 /* harmony default export */ var ClSectionMain_template = (ClSectionMain_template_exports_);
 ;// ./src/components/section/ClSectionMain/index.ts
@@ -6018,30 +6041,33 @@ ClSectionMain_template.install = Vue => {
   Vue.component(ClSectionMain_template.name ?? 'ClNoName', ClSectionMain_template);
 };
 /* harmony default export */ var ClSectionMain = (ClSectionMain_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/section/ClSectionMainSide/template.vue?vue&type=template&id=de5e151c&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/section/ClSectionMainSide/template.vue?vue&type=template&id=65da37fa&ts=true
 
-const templatevue_type_template_id_de5e151c_ts_true_hoisted_1 = {
-  class: "container"
-};
-const templatevue_type_template_id_de5e151c_ts_true_hoisted_2 = {
-  class: "row"
-};
-function templatevue_type_template_id_de5e151c_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("section", {
-    class: (0,external_vue_.normalizeClass)(_ctx.sectionClass())
-  }, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_de5e151c_ts_true_hoisted_1, [(0,external_vue_.createElementVNode)("div", templatevue_type_template_id_de5e151c_ts_true_hoisted_2, [(0,external_vue_.createElementVNode)("div", {
-    class: (0,external_vue_.normalizeClass)(_ctx.mainClass())
-  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "main")], 2), _ctx.$slots.side ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
-    key: 0,
-    class: (0,external_vue_.normalizeClass)(_ctx.sideClass())
-  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "side")], 2)) : (0,external_vue_.createCommentVNode)("", true)])])], 2);
+function templatevue_type_template_id_65da37fa_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cl_section_main = (0,external_vue_.resolveComponent)("cl-section-main");
+  return (0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_cl_section_main, {
+    class: (0,external_vue_.normalizeClass)(_ctx.sectionClass()),
+    "no-col": ""
+  }, {
+    default: (0,external_vue_.withCtx)(() => [(0,external_vue_.createElementVNode)("div", {
+      class: (0,external_vue_.normalizeClass)(_ctx.mainClass())
+    }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.renderSlot)(_ctx.$slots, "main")], 2), _ctx.$slots.side ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+      key: 0,
+      class: (0,external_vue_.normalizeClass)(_ctx.sideClass())
+    }, [(0,external_vue_.renderSlot)(_ctx.$slots, "side")], 2)) : (0,external_vue_.createCommentVNode)("", true)]),
+    _: 3
+  }, 8, ["class"]);
 }
-;// ./src/components/section/ClSectionMainSide/template.vue?vue&type=template&id=de5e151c&ts=true
+;// ./src/components/section/ClSectionMainSide/template.vue?vue&type=template&id=65da37fa&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/section/ClSectionMainSide/template.vue?vue&type=script&lang=ts
 
+
 /* harmony default export */ var ClSectionMainSide_templatevue_type_script_lang_ts = ((0,external_vue_.defineComponent)({
   name: 'ClSectionMainSide',
+  components: {
+    ClSectionMain: ClSectionMain_template
+  },
   props: {
     alternate: {
       type: Boolean,
@@ -6072,7 +6098,7 @@ function templatevue_type_template_id_de5e151c_ts_true_render(_ctx, _cache, $pro
 
 
 ;
-const ClSectionMainSide_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionMainSide_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_de5e151c_ts_true_render]])
+const ClSectionMainSide_template_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ClSectionMainSide_templatevue_type_script_lang_ts, [['render',templatevue_type_template_id_65da37fa_ts_true_render]])
 
 /* harmony default export */ var ClSectionMainSide_template = (ClSectionMainSide_template_exports_);
 ;// ./src/components/section/ClSectionMainSide/index.ts