cleek 1.8.2 → 1.8.3

package/dist/cleek.es.js

@@ -4,7 +4,7 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value2) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value: value2 }) : obj[key] = value2;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
@@ -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, 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, vModelText, createVNode, Fragment, renderList, vModelRadio, vModelCheckbox } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -106,16 +106,16 @@ function _createClass(Constructor, protoProps, staticProps) {
     _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-function _defineProperty(obj, key, value2) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value: value2,
+      value,
       enumerable: true,
       configurable: true,
       writable: true
     });
   } else {
-    obj[key] = value2;
+    obj[key] = value;
   }
   return obj;
 }
@@ -10877,16 +10877,16 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
 } : function(obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
 };
-var defineProperty = function(obj, key, value2) {
+var defineProperty = function(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
-      value: value2,
+      value,
       enumerable: true,
       configurable: true,
       writable: true
     });
   } else {
-    obj[key] = value2;
+    obj[key] = value;
   }
   return obj;
 };
@@ -10929,8 +10929,8 @@ function styleToObject(style) {
   }).reduce(function(output, pair) {
     var idx = pair.indexOf(":");
     var prop = humps.camelize(pair.slice(0, idx));
-    var value2 = pair.slice(idx + 1).trim();
-    output[prop] = value2;
+    var value = pair.slice(idx + 1).trim();
+    output[prop] = value;
     return output;
   }, {});
 }
@@ -10950,16 +10950,16 @@ function convert(abstractElement) {
     return convert(child);
   });
   var mixins = Object.keys(abstractElement.attributes || {}).reduce(function(mixins2, key) {
-    var value2 = abstractElement.attributes[key];
+    var value = abstractElement.attributes[key];
     switch (key) {
       case "class":
-        mixins2.class = classToObject(value2);
+        mixins2.class = classToObject(value);
         break;
       case "style":
-        mixins2.style = styleToObject(value2);
+        mixins2.style = styleToObject(value);
         break;
       default:
-        mixins2.attrs[key] = value2;
+        mixins2.attrs[key] = value;
     }
     return mixins2;
   }, {
@@ -10985,8 +10985,8 @@ function log() {
     (_console = console).error.apply(_console, arguments);
   }
 }
-function objectWithKey(key, value2) {
-  return Array.isArray(value2) && value2.length > 0 || !Array.isArray(value2) && value2 ? defineProperty({}, key, value2) : {};
+function objectWithKey(key, value) {
+  return Array.isArray(value) && value.length > 0 || !Array.isArray(value) && value ? defineProperty({}, key, value) : {};
 }
 function classList(props) {
   var _classes;
@@ -11034,8 +11034,8 @@ var FontAwesomeIcon = defineComponent({
     flip: {
       type: String,
       default: null,
-      validator: function validator(value2) {
-        return ["horizontal", "vertical", "both"].indexOf(value2) > -1;
+      validator: function validator(value) {
+        return ["horizontal", "vertical", "both"].indexOf(value) > -1;
       }
     },
     icon: {
@@ -11053,8 +11053,8 @@ var FontAwesomeIcon = defineComponent({
     pull: {
       type: String,
       default: null,
-      validator: function validator2(value2) {
-        return ["right", "left"].indexOf(value2) > -1;
+      validator: function validator2(value) {
+        return ["right", "left"].indexOf(value) > -1;
       }
     },
     pulse: {
@@ -11064,8 +11064,8 @@ var FontAwesomeIcon = defineComponent({
     rotation: {
       type: [String, Number],
       default: null,
-      validator: function validator3(value2) {
-        return [90, 180, 270].indexOf(Number.parseInt(value2, 10)) > -1;
+      validator: function validator3(value) {
+        return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1;
       }
     },
     swapOpacity: {
@@ -11075,8 +11075,8 @@ var FontAwesomeIcon = defineComponent({
     size: {
       type: String,
       default: null,
-      validator: function validator4(value2) {
-        return ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value2) > -1;
+      validator: function validator4(value) {
+        return ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value) > -1;
       }
     },
     spin: {
@@ -11120,8 +11120,8 @@ var FontAwesomeIcon = defineComponent({
         title: props.title
       }));
     });
-    watch(renderedIcon, function(value2) {
-      if (!value2) {
+    watch(renderedIcon, function(value) {
+      if (!value) {
         return log("Could not find one or more icon(s)", icon$$1.value, mask.value);
       }
     }, { immediate: true });
@@ -11170,8 +11170,8 @@ defineComponent({
     position: {
       type: String,
       default: null,
-      validator: function validator5(value2) {
-        return ["bottom-left", "bottom-right", "top-left", "top-right"].indexOf(value2) > -1;
+      validator: function validator5(value) {
+        return ["bottom-left", "bottom-right", "top-left", "top-right"].indexOf(value) > -1;
       }
     }
   },
@@ -11555,7 +11555,7 @@ var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", render$b], ["
 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"];
-const __default__$4 = {
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: [String, Number], default: "" },
     placeholder: { type: String, default: "" },
@@ -11572,49 +11572,44 @@ const __default__$4 = {
     align: { type: String, validator: validators.align, default: void 0 },
     autoSelect: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "change", "click"],
-  computed: {
-    value: {
+  emits: ["update:modelValue", "click", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const value = computed({
       get() {
-        return this.modelValue;
+        return props.modelValue;
       },
       set(val) {
-        this.$emit("update:modelValue", val);
+        emits("update:modelValue", val);
       }
-    },
-    computedStyleInput() {
+    });
+    const onChange = (event) => {
+      emits("change", event);
+    };
+    const onClick = (event) => {
+      if (props.autoSelect)
+        event.target.select();
+      emits("click", event);
+    };
+    const computedStyleInput = computed(() => {
       const list = [];
-      if (this.width)
-        list.push({ width: this.width });
+      if (props.width)
+        list.push({ width: props.width });
       return list;
-    },
-    computedClassInput() {
+    });
+    const computedClassInput = computed(() => {
       const list = [];
-      list.push(functions$1.getGroupClass(this));
-      if (this.icon)
+      list.push(functions$1.getGroupClass(props));
+      if (props.icon)
         list.push("has-icon-left");
-      if (this.iconRight)
+      if (props.iconRight)
         list.push("has-icon-right");
-      if (this.align)
-        list.push(`align--${this.align}`);
-      if (this.hideBorder)
+      if (props.align)
+        list.push(`align--${props.align}`);
+      if (props.hideBorder)
         list.push("no-border");
       return list;
-    }
-  },
-  methods: {
-    onChange(event) {
-      this.$emit("change", event);
-    },
-    onClick(event) {
-      if (this.autoSelect)
-        event.target.select();
-      this.$emit("click", event);
-    }
-  }
-};
-const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
-  setup(__props) {
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -11638,13 +11633,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
           type: "text",
           placeholder: __props.placeholder,
-          class: normalizeClass(_ctx.computedClassInput),
-          style: normalizeStyle(_ctx.computedStyleInput),
+          class: normalizeClass(unref(computedClassInput)),
+          style: normalizeStyle(unref(computedStyleInput)),
           id: __props.label ? "ck-input-text" : "",
-          onChange: _cache[1] || (_cache[1] = ($event) => _ctx.onChange($event)),
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.onClick($event))
+          onChange: _cache[1] || (_cache[1] = ($event) => onChange($event)),
+          onClick: _cache[2] || (_cache[2] = ($event) => onClick($event))
         }, null, 46, _hoisted_2$7), [
-          [vModelText, _ctx.value]
+          [vModelText, unref(value)]
         ]),
         __props.iconRight ? (openBlock(), createBlock(ckIcon, {
           key: 2,
@@ -11656,8 +11651,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
       ]);
     };
   }
-}));
-var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-aee99f3c"]]);
+});
+var ckInputText = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-154e1097"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = {
   key: 0,
@@ -11836,9 +11831,9 @@ const _sfc_main$c = {
     }
   },
   methods: {
-    handleChange(value2) {
-      this.value = value2;
-      this.$emit("change", value2);
+    handleChange(value) {
+      this.value = value;
+      this.$emit("change", value);
     }
   }
 };
@@ -12307,10 +12302,10 @@ const __default__$2 = {
     itemsPerPageEnd() {
       console.log("this.currentPage", this.currentPage);
       console.log("this.itemsPerPage", this.itemsPerPage);
-      const value2 = this.currentPage * this.itemsPerPage;
-      if (value2 > this.listLength)
+      const value = this.currentPage * this.itemsPerPage;
+      if (value > this.listLength)
         return this.listLength;
-      return value2;
+      return value;
     }
   }
 };
@@ -12745,11 +12740,11 @@ function applyStyles(_ref2) {
     }
     Object.assign(element.style, style);
     Object.keys(attributes).forEach(function(name2) {
-      var value2 = attributes[name2];
-      if (value2 === false) {
+      var value = attributes[name2];
+      if (value === false) {
         element.removeAttribute(name2);
       } else {
-        element.setAttribute(name2, value2 === true ? "" : value2);
+        element.setAttribute(name2, value === true ? "" : value);
       }
     });
   });
@@ -12921,11 +12916,11 @@ function getOffsetParent(element) {
 function getMainAxisFromPlacement(placement) {
   return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
 }
-function within(min$1, value2, max$1) {
-  return max(min$1, min(value2, max$1));
+function within(min$1, value, max$1) {
+  return max(min$1, min(value, max$1));
 }
-function withinMaxClamp(min2, value2, max2) {
-  var v = within(min2, value2, max2);
+function withinMaxClamp(min2, value, max2) {
+  var v = within(min2, value, max2);
   return v > max2 ? max2 : v;
 }
 function getFreshSideObject() {
@@ -12939,9 +12934,9 @@ function getFreshSideObject() {
 function mergePaddingObject(paddingObject) {
   return Object.assign({}, getFreshSideObject(), paddingObject);
 }
-function expandToHashMap(value2, keys) {
+function expandToHashMap(value, keys) {
   return keys.reduce(function(hashMap, key) {
-    hashMap[key] = value2;
+    hashMap[key] = value;
     return hashMap;
   }, {});
 }
@@ -13991,19 +13986,19 @@ var TOUCH_OPTIONS = {
 var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO2() {
   return document.body;
 };
-function getValueAtIndexOrReturn(value2, index, defaultValue) {
-  if (Array.isArray(value2)) {
-    var v = value2[index];
+function getValueAtIndexOrReturn(value, index, defaultValue) {
+  if (Array.isArray(value)) {
+    var v = value[index];
     return v == null ? Array.isArray(defaultValue) ? defaultValue[index] : defaultValue : v;
   }
-  return value2;
+  return value;
 }
-function isType(value2, type) {
-  var str = {}.toString.call(value2);
+function isType(value, type) {
+  var str = {}.toString.call(value);
   return str.indexOf("[object") === 0 && str.indexOf(type + "]") > -1;
 }
-function invokeWithArgsOrReturn(value2, args) {
-  return typeof value2 === "function" ? value2.apply(void 0, args) : value2;
+function invokeWithArgsOrReturn(value, args) {
+  return typeof value === "function" ? value.apply(void 0, args) : value;
 }
 function debounce(fn2, ms) {
   if (ms === 0) {
@@ -14017,15 +14012,15 @@ function debounce(fn2, ms) {
     }, ms);
   };
 }
-function splitBySpaces(value2) {
-  return value2.split(/\s+/).filter(Boolean);
+function splitBySpaces(value) {
+  return value.split(/\s+/).filter(Boolean);
 }
-function normalizeToArray(value2) {
-  return [].concat(value2);
+function normalizeToArray(value) {
+  return [].concat(value);
 }
-function pushIfUnique(arr, value2) {
-  if (arr.indexOf(value2) === -1) {
-    arr.push(value2);
+function pushIfUnique(arr, value) {
+  if (arr.indexOf(value) === -1) {
+    arr.push(value);
   }
 }
 function unique(arr) {
@@ -14036,8 +14031,8 @@ function unique(arr) {
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
-function arrayFrom(value2) {
-  return [].slice.call(value2);
+function arrayFrom(value) {
+  return [].slice.call(value);
 }
 function removeUndefinedProps(obj) {
   return Object.keys(obj).reduce(function(acc, key) {
@@ -14050,36 +14045,36 @@ function removeUndefinedProps(obj) {
 function div() {
   return document.createElement("div");
 }
-function isElement(value2) {
+function isElement(value) {
   return ["Element", "Fragment"].some(function(type) {
-    return isType(value2, type);
+    return isType(value, type);
   });
 }
-function isNodeList(value2) {
-  return isType(value2, "NodeList");
+function isNodeList(value) {
+  return isType(value, "NodeList");
 }
-function isMouseEvent(value2) {
-  return isType(value2, "MouseEvent");
+function isMouseEvent(value) {
+  return isType(value, "MouseEvent");
 }
-function isReferenceElement(value2) {
-  return !!(value2 && value2._tippy && value2._tippy.reference === value2);
+function isReferenceElement(value) {
+  return !!(value && value._tippy && value._tippy.reference === value);
 }
-function getArrayOfElements(value2) {
-  if (isElement(value2)) {
-    return [value2];
+function getArrayOfElements(value) {
+  if (isElement(value)) {
+    return [value];
   }
-  if (isNodeList(value2)) {
-    return arrayFrom(value2);
+  if (isNodeList(value)) {
+    return arrayFrom(value);
   }
-  if (Array.isArray(value2)) {
-    return value2;
+  if (Array.isArray(value)) {
+    return value;
   }
-  return arrayFrom(document.querySelectorAll(value2));
+  return arrayFrom(document.querySelectorAll(value));
 }
-function setTransitionDuration(els, value2) {
+function setTransitionDuration(els, value) {
   els.forEach(function(el) {
     if (el) {
-      el.style.transitionDuration = value2 + "ms";
+      el.style.transitionDuration = value + "ms";
     }
   });
 }
@@ -14293,16 +14288,16 @@ var innerHTML = function innerHTML2() {
 function dangerouslySetInnerHTML(element, html) {
   element[innerHTML()] = html;
 }
-function createArrowElement(value2) {
+function createArrowElement(value) {
   var arrow2 = div();
-  if (value2 === true) {
+  if (value === true) {
     arrow2.className = ARROW_CLASS;
   } else {
     arrow2.className = SVG_ARROW_CLASS;
-    if (isElement(value2)) {
-      arrow2.appendChild(value2);
+    if (isElement(value)) {
+      arrow2.appendChild(value);
     } else {
-      dangerouslySetInnerHTML(arrow2, value2);
+      dangerouslySetInnerHTML(arrow2, value);
     }
   }
   return arrow2;