cleek 1.8.3 → 1.8.4

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, unref, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, unref, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, ref, vModelText, vModelCheckbox } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -34,6 +34,9 @@ var validators = {
   buttonType: (type) => {
     return ["filled", "outlined", "flat"].includes(type);
   },
+  inputType: (type) => {
+    return ["text", "number", "date", "time", "password"].includes(type);
+  },
   radioOptions: (options) => {
     let isValid = true;
     options.forEach((option) => {
@@ -11199,7 +11202,7 @@ defineComponent({
     };
   }
 });
-function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-icon", $options.computedClass]),
@@ -11275,9 +11278,9 @@ const _sfc_main$j = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$f], ["__scopeId", "data-v-77d9963a"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$e], ["__scopeId", "data-v-77d9963a"]]);
 const _hoisted_1$g = ["title", "aria-label", "disabled"];
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
     type: "button",
@@ -11354,7 +11357,7 @@ const _sfc_main$i = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$e], ["__scopeId", "data-v-dfa2f586"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$d], ["__scopeId", "data-v-dfa2f586"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-64a6608c"), n = n(), popScopeId(), n);
 const _hoisted_1$f = ["disabled", "checked"];
 const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
@@ -11362,7 +11365,7 @@ const _hoisted_3$6 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, $options.checkboxAttributes, {
     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
     }, ["prevent"]), ["space"])),
@@ -11422,9 +11425,9 @@ const _sfc_main$h = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$d], ["__scopeId", "data-v-64a6608c"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", render$c], ["__scopeId", "data-v-64a6608c"]]);
 const _hoisted_1$e = ["src"];
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-img", $options.computedClass]),
     style: normalizeStyle($options.computedStyle),
@@ -11523,9 +11526,9 @@ const _sfc_main$g = {
     }
   }
 };
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$c], ["__scopeId", "data-v-38b603bf"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$b], ["__scopeId", "data-v-38b603bf"]]);
 const _hoisted_1$d = ["for"];
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["ck-label", $options.computedClass]),
     for: $props.for
@@ -11551,28 +11554,30 @@ const _sfc_main$f = {
     }
   }
 };
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$b], ["__scopeId", "data-v-4b8b9ab4"]]);
-var ckInputText_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = { class: "ck-input-text" };
-const _hoisted_2$7 = ["placeholder", "id"];
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$a], ["__scopeId", "data-v-4b8b9ab4"]]);
+var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$c = { class: "ck-input" };
+const _hoisted_2$7 = ["type", "placeholder", "id", "disabled"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: [String, Number], default: "" },
-    placeholder: { type: String, default: "" },
-    label: { type: String, default: "" },
+    modelValue: {},
+    type: { type: String, validator: validators.inputType, default: "text" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: void 0 },
+    label: { type: String, default: void 0 },
     labelAlign: { type: String, validator: validators.align, default: void 0 },
     icon: { type: [String, Array], default: void 0 },
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
-    group: { type: String, default: "" },
+    group: { type: String, default: void 0 },
     groupBreak: { type: String, default: "s" },
-    groupVertical: { type: String, default: "" },
+    groupVertical: { type: String, default: void 0 },
     hideBorder: { type: Boolean, default: false },
     width: { type: String, default: void 0 },
     align: { type: String, validator: validators.align, default: void 0 },
     autoSelect: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "click", "change"],
+  emits: ["update:modelValue", "click", "input", "change"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const value = computed({
@@ -11583,14 +11588,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         emits("update:modelValue", val);
       }
     });
-    const onChange = (event) => {
-      emits("change", event);
-    };
     const onClick = (event) => {
       if (props.autoSelect)
         event.target.select();
       emits("click", event);
     };
+    const onChange = (event) => {
+      emits("change", event);
+    };
     const computedStyleInput = computed(() => {
       const list = [];
       if (props.width)
@@ -11615,7 +11620,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         __props.label ? (openBlock(), createBlock(ckLabel, {
           key: 0,
           align: __props.labelAlign,
-          for: "ck-input-text"
+          for: "ck-input"
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label), 1)
@@ -11631,15 +11636,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
-          type: "text",
+          type: __props.type,
           placeholder: __props.placeholder,
           class: normalizeClass(unref(computedClassInput)),
           style: normalizeStyle(unref(computedStyleInput)),
-          id: __props.label ? "ck-input-text" : "",
+          id: __props.label ? "ck-input" : "",
+          disabled: __props.disabled,
           onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
           onClick: _cache[2] || (_cache[2] = ($event) => onClick($event))
         }, null, 46, _hoisted_2$7), [
-          [vModelText, unref(value)]
+          [vModelDynamic, unref(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
           key: 2,
@@ -11652,7 +11658,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-154e1097"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-36850b72"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = {
   key: 0,
@@ -11775,7 +11781,7 @@ const _hoisted_4$2 = {
   key: 0,
   class: "c-Radio__label"
 };
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (item, index) => {
     return openBlock(), createElementBlock("label", mergeProps({
       key: `radio-${index}`,
@@ -11837,7 +11843,7 @@ const _sfc_main$c = {
     }
   }
 };
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$a], ["__scopeId", "data-v-73a891e8"]]);
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", render$9], ["__scopeId", "data-v-73a891e8"]]);
 const qmStr = {
   capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -11874,51 +11880,16 @@ const qmStr = {
     return joinArray;
   }
 };
+var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = {
   class: "ck-select",
   action: "/action_page.php",
   method: "get"
 };
-const _hoisted_2$4 = ["placeholder"];
+const _hoisted_2$4 = ["id", "placeholder"];
 const _hoisted_3$3 = { id: "ck-select__list" };
-const _hoisted_4$1 = ["value"];
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ck_label = resolveComponent("ck-label");
-  return openBlock(), createElementBlock("form", _hoisted_1$9, [
-    $props.label ? (openBlock(), createBlock(_component_ck_label, {
-      key: 0,
-      align: $props.labelAlign,
-      for: "ck-select"
-    }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString($props.label), 1)
-      ]),
-      _: 1
-    }, 8, ["align"])) : createCommentVNode("", true),
-    createElementVNode("input", {
-      list: "ck-select__list",
-      name: "ck-select",
-      id: "ck-select",
-      placeholder: $data.lastSelectedValue,
-      class: normalizeClass($options.computedClass),
-      onFocus: _cache[0] || (_cache[0] = ($event) => $options.onFocus($event)),
-      onBlur: _cache[1] || (_cache[1] = ($event) => $options.onBlur($event))
-    }, null, 42, _hoisted_2$4),
-    createElementVNode("datalist", _hoisted_3$3, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (option) => {
-        return openBlock(), createElementBlock("option", {
-          value: option.name
-        }, null, 8, _hoisted_4$1);
-      }), 256))
-    ])
-  ]);
-}
-var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$b = {
-  name: "CkSelect",
-  components: {
-    ckLabel
-  },
+const _hoisted_4$1 = ["onClick", "value"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { default: null, type: [Boolean, Number, Object, Array] },
     prop: { type: String, default: "name" },
@@ -11940,115 +11911,153 @@ const _sfc_main$b = {
     label: { type: String, default: "" },
     labelAlign: { type: String, default: "" }
   },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      search: "",
-      lastSelectedValue: null
-    };
-  },
-  computed: {
-    value: {
+  emits: ["update:modelValue", "click", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const search = ref("");
+    const lastSelectedValue = ref(null);
+    const value = computed({
       get() {
-        return this.modelValue;
+        return props.modelValue;
       },
       set(val) {
         if (val === null)
-          val = this.realClearValue;
-        this.$emit("update:modelValue", val);
+          val = realClearValue;
+        emits("update:modelValue", val);
       }
-    },
-    filteredOptions() {
-      return this.options.filter((option) => {
-        const name = this.getOptionName(option);
-        return qmStr.checkContainsStr(name, this.search);
+    });
+    computed(() => {
+      const list = props.options.filter((option) => {
+        const name = getOptionName(option);
+        return qmStr.checkContainsStr(name, search.value);
       });
-    },
-    computedClass() {
+      return list;
+    });
+    const computedClass = computed(() => {
       const classList2 = [];
       classList2.push(functions$1.getGroupClass(this));
       return classList2;
-    },
-    computedStyle() {
+    });
+    computed(() => {
       const list = [];
-      if (this.minWidth)
-        list.push({ "min-width": this.minWidth });
+      if (props.minWidth)
+        list.push({ "min-width": props.minWidth });
       return list;
-    },
-    realSearchable() {
-      if (this.searchable === "auto") {
-        if (this.options.length < 5)
+    });
+    computed(() => {
+      if (props.searchable === "auto") {
+        if (props.options.length < 5)
           return false;
         return true;
       }
-      return this.searchable;
-    },
-    realClearValue() {
-      switch (typeof this.modelValue) {
+      return props.searchable;
+    });
+    const realClearValue = computed(() => {
+      switch (typeof props.modelValue) {
         case "number":
           return 0;
         case "string":
           return "";
         case "object":
-          if (this.modelValue.constructor === Array)
+          if (props.modelValue.constructor === Array)
             return [];
           return {};
         default:
           return null;
       }
-    },
-    valueIsDefault() {
-      switch (typeof this.modelValue) {
+    });
+    computed(() => {
+      switch (typeof props.modelValue) {
         case "number":
-          return this.modelValue === 0;
+          return props.modelValue === 0;
         case "string":
-          return this.modelValue === "";
+          return props.modelValue === "";
         case "object":
-          if (!this.modelValue)
+          if (!props.modelValue)
             return null;
-          if (this.modelValue.constructor === Array) {
-            return this.modelValue.length() === 0;
+          if (props.modelValue.constructor === Array) {
+            return props.modelValue.length() === 0;
           }
-          return Object.keys(this.modelValue).length === 0;
+          return Object.keys(props.modelValue).length === 0;
         default:
-          return this.modelValue === null;
+          return props.modelValue === null;
       }
-    }
-  },
-  methods: {
-    onBlur(event) {
-      const isValid = this.checkOptionsIsValid(event.target.value);
+    });
+    const onBlur = (event) => {
+      const isValid = checkOptionsIsValid(event.target.value);
       if (!isValid)
-        event.target.value = this.lastSelectedValue;
-      this.lastSelectedValue = null;
-    },
-    onFocus(event) {
-      this.lastSelectedValue = event.target.value;
-      event.target.value = "";
-    },
-    checkOptionsIsValid(optionName) {
+        event.target.value = lastSelectedValue.value;
+      lastSelectedValue.value = null;
+    };
+    const onFocus = (event) => {
+      console.log("event", event);
+      lastSelectedValue.value = search.value;
+      search.value = "";
+    };
+    const onChangeOption = (event) => {
+      console.log("option", search.value);
+      const selected = props.options.find((i) => getOptionName(i) === search.value);
+      value.value = getOptionKey(selected);
+      event.target.blur();
+    };
+    const checkOptionsIsValid = (optionName) => {
       if (!optionName)
         return;
-      return this.options.some((i) => this.getOptionName(i) === optionName);
-    },
-    getOptionKey(option) {
-      return this.realReduceFunction(option);
-    },
-    getOptionName(option) {
-      if (!this.prop)
+      return props.options.some((i) => getOptionName(i) === optionName);
+    };
+    const getOptionKey = (option) => {
+      return realReduceFunction(option);
+    };
+    const getOptionName = (option) => {
+      if (!props.prop)
         return option;
-      return option[this.prop];
-    },
-    realReduceFunction(option) {
-      if (this.notReduce)
+      return option[props.prop];
+    };
+    const realReduceFunction = (option) => {
+      if (props.notReduce)
         return option;
-      return this.reduceFunction(option);
-    },
-    setFocus() {
-    }
+      return props.reduceFunction(option);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", _hoisted_1$9, [
+        __props.label ? (openBlock(), createBlock(ckLabel, {
+          key: 0,
+          align: __props.labelAlign,
+          for: "ck-select"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }, 8, ["align"])) : createCommentVNode("", true),
+        withDirectives(createElementVNode("input", {
+          autocomplete: "off",
+          list: "ck-select__list",
+          name: "ck-select",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+          id: __props.label ? "ck-select" : "",
+          placeholder: lastSelectedValue.value,
+          class: normalizeClass(unref(computedClass)),
+          onFocus: _cache[1] || (_cache[1] = ($event) => onFocus($event)),
+          onBlur: _cache[2] || (_cache[2] = ($event) => onBlur($event)),
+          onChange: _cache[3] || (_cache[3] = ($event) => onChangeOption($event))
+        }, null, 42, _hoisted_2$4), [
+          [vModelText, search.value]
+        ]),
+        createElementVNode("datalist", _hoisted_3$3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("option", {
+              onClick: ($event) => _ctx.onClickOption(option),
+              key: getOptionKey(option),
+              value: getOptionName(option)
+            }, null, 8, _hoisted_4$1);
+          }), 128))
+        ])
+      ]);
+    };
   }
-};
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$9], ["__scopeId", "data-v-76421759"]]);
+});
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-748b30c8"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-5251135b"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = ["disabled"];
 const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
@@ -12323,7 +12332,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           key: 1,
           class: normalizeClass(["items-per-page", { "ck-component__group--left": !_ctx.hideSearch }])
         }, toDisplayString(_ctx.itemsPerPageStart) + " - " + toDisplayString(_ctx.itemsPerPageEnd) + " de " + toDisplayString(__props.listLength), 3)) : createCommentVNode("", true),
-        !_ctx.hideSearch ? (openBlock(), createBlock(ckInputText, {
+        !_ctx.hideSearch ? (openBlock(), createBlock(ckInput, {
           key: 2,
           modelValue: _ctx.searchLocal,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(searchLocal) ? searchLocal.value = $event : null),
@@ -12336,7 +12345,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-5bc62f88"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4ce2fcee"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = { class: "ck-table__pagination" };
 const _hoisted_2$1 = ["onClick"];
@@ -12418,6 +12427,7 @@ const __default__$1 = {
 const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   setup(__props) {
     return (_ctx, _cache) => {
+      const _component_ck_input = resolveComponent("ck-input");
       return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["ck-table__pagination-container", `pagination-align--${__props.align}`])
@@ -12436,9 +12446,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
               onClick: ($event) => _ctx.updateCurrentPage(num)
             }, toDisplayString(num), 9, _hoisted_2$1);
           }), 256)),
-          createVNode(ckInputText, {
+          createVNode(_component_ck_input, {
             class: "ck-table__pagination-input",
             autoSelect: "",
+            type: "number",
             width: "50px",
             align: "center",
             modelValue: _ctx.currentPageLocal2,
@@ -12463,7 +12474,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-1338efe2"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-49a1575a"]]);
 var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-table" };
 const _hoisted_2 = {
@@ -15275,7 +15286,7 @@ var components = /* @__PURE__ */ Object.freeze({
   ckCheckbox,
   ckIcon,
   ckImg,
-  ckInputText,
+  ckInput,
   ckLabel,
   ckPopup: _sfc_main$d,
   ckRadio,
@@ -15299,4 +15310,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckIcon, ckImg, ckInputText, ckLabel, _sfc_main$d as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$d as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };