cleek 2.3.24 → 2.3.25

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, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, watch, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, withCtx, onMounted, nextTick as nextTick$1, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var defaultCleekOptions = {
   colors: {
     primary: "#559933",
@@ -1953,7 +1953,7 @@ var LayersCounter = {
 var LayersText = {
   mixout: function mixout5() {
     return {
-      text: function text(content) {
+      text: function text2(content) {
         var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
         var _params$transform = params.transform, transform = _params$transform === void 0 ? meaninglessTransform : _params$transform, _params$title = params.title, title = _params$title === void 0 ? null : _params$title, _params$classes = params.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params.styles, styles2 = _params$styles === void 0 ? {} : _params$styles;
         return domVariants({
@@ -2478,7 +2478,7 @@ registerPlugins(plugins, {
   mixoutsTo: api
 });
 api.noAuto;
-api.config;
+var config$1 = api.config;
 var library$1 = api.library;
 api.dom;
 var parse$1 = api.parse;
@@ -2486,7 +2486,7 @@ api.findIconDefinition;
 api.toHtml;
 var icon2 = api.icon;
 api.layer;
-api.text;
+var text = api.text;
 api.counter;
 /*!
  * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
@@ -16036,68 +16036,67 @@ var objectWithoutProperties = function(obj, keys) {
   }
   return target;
 };
+var toConsumableArray = function(arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++)
+      arr2[i] = arr[i];
+    return arr2;
+  } else {
+    return Array.from(arr);
+  }
+};
 function styleToObject(style) {
   return style.split(";").map(function(s) {
     return s.trim();
   }).filter(function(s) {
     return s;
-  }).reduce(function(acc, pair) {
-    var i = pair.indexOf(":");
-    var prop = humps.camelize(pair.slice(0, i));
-    var value = pair.slice(i + 1).trim();
-    acc[prop] = value;
-    return acc;
+  }).reduce(function(output, pair) {
+    var idx = pair.indexOf(":");
+    var prop = humps.camelize(pair.slice(0, idx));
+    var value = pair.slice(idx + 1).trim();
+    output[prop] = value;
+    return output;
   }, {});
 }
-function classToObject(cls) {
-  return cls.split(/\s+/).reduce(function(acc, c) {
-    acc[c] = true;
-    return acc;
+function classToObject(classes) {
+  return classes.split(/\s+/).reduce(function(output, className) {
+    output[className] = true;
+    return output;
   }, {});
 }
-function combineClassObjects() {
-  for (var _len = arguments.length, objs = Array(_len), _key = 0; _key < _len; _key++) {
-    objs[_key] = arguments[_key];
+function convert(abstractElement) {
+  var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var attrs = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  if (typeof abstractElement === "string") {
+    return abstractElement;
   }
-  return objs.reduce(function(acc, obj) {
-    if (Array.isArray(obj)) {
-      acc = acc.concat(obj);
-    } else {
-      acc.push(obj);
-    }
-    return acc;
-  }, []);
-}
-function convert(h, element) {
-  var props = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  var data = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
-  var children = (element.children || []).map(convert.bind(null, h));
-  var mixins = Object.keys(element.attributes || {}).reduce(function(acc, key) {
-    var val = element.attributes[key];
+  var children = (abstractElement.children || []).map(function(child) {
+    return convert(child);
+  });
+  var mixins = Object.keys(abstractElement.attributes || {}).reduce(function(mixins2, key) {
+    var value = abstractElement.attributes[key];
     switch (key) {
       case "class":
-        acc["class"] = classToObject(val);
+        mixins2.class = classToObject(value);
         break;
       case "style":
-        acc["style"] = styleToObject(val);
+        mixins2.style = styleToObject(value);
         break;
       default:
-        acc.attrs[key] = val;
+        mixins2.attrs[key] = value;
     }
-    return acc;
-  }, { "class": {}, style: {}, attrs: {} });
-  var _data$class = data.class, dClass = _data$class === void 0 ? {} : _data$class, _data$style = data.style, dStyle = _data$style === void 0 ? {} : _data$style, _data$attrs = data.attrs, dAttrs = _data$attrs === void 0 ? {} : _data$attrs, remainingData = objectWithoutProperties(data, ["class", "style", "attrs"]);
-  if (typeof element === "string") {
-    return element;
-  } else {
-    return h(element.tag, _extends({
-      class: combineClassObjects(mixins.class, dClass),
-      style: _extends({}, mixins.style, dStyle),
-      attrs: _extends({}, mixins.attrs, dAttrs)
-    }, remainingData, {
-      props
-    }), children);
-  }
+    return mixins2;
+  }, {
+    attrs: {},
+    class: {},
+    style: {}
+  });
+  attrs.class;
+  var _attrs$style = attrs.style, aStyle = _attrs$style === void 0 ? {} : _attrs$style, otherAttrs = objectWithoutProperties(attrs, ["class", "style"]);
+  return h(abstractElement.tag, _extends({}, props, {
+    class: mixins.class,
+    style: _extends({}, mixins.style, aStyle)
+  }, mixins.attrs, otherAttrs), children);
 }
 var PRODUCTION = false;
 try {
@@ -16117,12 +16116,7 @@ function classList(props) {
   var _classes;
   var classes = (_classes = {
     "fa-spin": props.spin,
-    "fa-spin-pulse": props.spinPulse,
-    "fa-spin-reverse": props.spinReverse,
     "fa-pulse": props.pulse,
-    "fa-beat": props.beat,
-    "fa-fade": props.fade,
-    "fa-flash": props.flash,
     "fa-fw": props.fixedWidth,
     "fa-border": props.border,
     "fa-li": props.listItem,
@@ -16137,12 +16131,6 @@ function classList(props) {
   });
 }
 function normalizeIconArgs(icon$$1) {
-  if (icon$$1 && (typeof icon$$1 === "undefined" ? "undefined" : _typeof(icon$$1)) === "object" && icon$$1.prefix && icon$$1.iconName && icon$$1.icon) {
-    return icon$$1;
-  }
-  if (parse$1.icon) {
-    return parse$1.icon(icon$$1);
-  }
   if (icon$$1 === null) {
     return null;
   }
@@ -16156,30 +16144,17 @@ function normalizeIconArgs(icon$$1) {
     return { prefix: "fas", iconName: icon$$1 };
   }
 }
-var FontAwesomeIcon = {
+var FontAwesomeIcon = defineComponent({
   name: "FontAwesomeIcon",
-  functional: true,
   props: {
-    beat: {
-      type: Boolean,
-      default: false
-    },
     border: {
       type: Boolean,
       default: false
     },
-    fade: {
-      type: Boolean,
-      default: false
-    },
     fixedWidth: {
       type: Boolean,
       default: false
     },
-    flash: {
-      type: Boolean,
-      default: false
-    },
     flip: {
       type: String,
       default: null,
@@ -16214,7 +16189,7 @@ var FontAwesomeIcon = {
       type: [String, Number],
       default: null,
       validator: function validator3(value) {
-        return [90, 180, 270].indexOf(parseInt(value, 10)) > -1;
+        return [90, 180, 270].indexOf(Number.parseInt(value, 10)) > -1;
       }
     },
     swapOpacity: {
@@ -16225,21 +16200,13 @@ var FontAwesomeIcon = {
       type: String,
       default: null,
       validator: function validator4(value) {
-        return ["2xs", "xs", "sm", "lg", "xl", "2xl", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value) > -1;
+        return ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x"].indexOf(value) > -1;
       }
     },
     spin: {
       type: Boolean,
       default: false
     },
-    spinPulse: {
-      type: Boolean,
-      default: false
-    },
-    spinReverse: {
-      type: Boolean,
-      default: false
-    },
     transform: {
       type: [String, Object],
       default: null
@@ -16257,22 +16224,105 @@ var FontAwesomeIcon = {
       default: false
     }
   },
-  render: function render2(createElement2, context) {
-    var props = context.props;
-    var iconArgs = props.icon, maskArgs = props.mask, symbol = props.symbol, title = props.title;
-    var icon$$1 = normalizeIconArgs(iconArgs);
-    var classes = objectWithKey("classes", classList(props));
-    var transform = objectWithKey("transform", typeof props.transform === "string" ? parse$1.transform(props.transform) : props.transform);
-    var mask = objectWithKey("mask", normalizeIconArgs(maskArgs));
-    var renderedIcon = icon2(icon$$1, _extends({}, classes, transform, mask, { symbol, title }));
-    if (!renderedIcon) {
-      return log("Could not find one or more icon(s)", icon$$1, mask);
+  setup: function setup(props, _ref2) {
+    var attrs = _ref2.attrs;
+    var icon$$1 = computed$2(function() {
+      return normalizeIconArgs(props.icon);
+    });
+    var classes = computed$2(function() {
+      return objectWithKey("classes", classList(props));
+    });
+    var transform = computed$2(function() {
+      return objectWithKey("transform", typeof props.transform === "string" ? parse$1.transform(props.transform) : props.transform);
+    });
+    var mask = computed$2(function() {
+      return objectWithKey("mask", normalizeIconArgs(props.mask));
+    });
+    var renderedIcon = computed$2(function() {
+      return icon2(icon$$1.value, _extends({}, classes.value, transform.value, mask.value, {
+        symbol: props.symbol,
+        title: props.title
+      }));
+    });
+    watch(renderedIcon, function(value) {
+      if (!value) {
+        return log("Could not find one or more icon(s)", icon$$1.value, mask.value);
+      }
+    }, { immediate: true });
+    var vnode = computed$2(function() {
+      return renderedIcon.value ? convert(renderedIcon.value.abstract[0], {}, attrs) : null;
+    });
+    return function() {
+      return vnode.value;
+    };
+  }
+});
+defineComponent({
+  name: "FontAwesomeLayers",
+  props: {
+    fixedWidth: {
+      type: Boolean,
+      default: false
     }
-    var abstract = renderedIcon.abstract;
-    var convertCurry = convert.bind(null, createElement2);
-    return convertCurry(abstract[0], {}, context.data);
+  },
+  setup: function setup2(props, _ref2) {
+    var slots = _ref2.slots;
+    var familyPrefix = config$1.familyPrefix;
+    var className = computed$2(function() {
+      return [familyPrefix + "-layers"].concat(toConsumableArray(props.fixedWidth ? [familyPrefix + "-fw"] : []));
+    });
+    return function() {
+      return h("div", { class: className.value }, slots.default ? slots.default() : []);
+    };
   }
-};
+});
+defineComponent({
+  name: "FontAwesomeLayersText",
+  props: {
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    transform: {
+      type: [String, Object],
+      default: null
+    },
+    counter: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: String,
+      default: null,
+      validator: function validator5(value) {
+        return ["bottom-left", "bottom-right", "top-left", "top-right"].indexOf(value) > -1;
+      }
+    }
+  },
+  setup: function setup3(props, _ref2) {
+    var attrs = _ref2.attrs;
+    var familyPrefix = config$1.familyPrefix;
+    var classes = computed$2(function() {
+      return objectWithKey("classes", [].concat(toConsumableArray(props.counter ? [familyPrefix + "-layers-counter"] : []), toConsumableArray(props.position ? [familyPrefix + "-layers-" + props.position] : [])));
+    });
+    var transform = computed$2(function() {
+      return objectWithKey("transform", typeof props.transform === "string" ? parse$1.transform(props.transform) : props.transform);
+    });
+    var abstractElement = computed$2(function() {
+      var _text = text(props.value.toString(), _extends({}, transform.value, classes.value)), abstract = _text.abstract;
+      if (props.counter) {
+        abstract[0].attributes.class = abstract[0].attributes.class.replace("fa-layers-text", "");
+      }
+      return abstract[0];
+    });
+    var vnode = computed$2(function() {
+      return convert(abstractElement.value, {}, attrs);
+    });
+    return function() {
+      return vnode.value;
+    };
+  }
+});
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
@@ -16356,27 +16406,27 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     function closeNotification() {
       isActive.value = false;
     }
-    function ckNotify2({ text = "", title = "", color = "#ccc", duration = defaultDuration.value }) {
+    function ckNotify2({ text: text2 = "", title = "", color = "#ccc", duration = defaultDuration.value }) {
       globalTitle.value = title;
-      globalText.value = text;
+      globalText.value = text2;
       globalColor.value = color;
       isActive.value = true;
       setTimeout(() => {
         closeNotification();
       }, duration);
     }
-    function ckNotifySuccess(text = "", title = "\xC9xito") {
+    function ckNotifySuccess(text2 = "", title = "\xC9xito") {
       ckNotify2({
-        text,
+        text: text2,
         title,
         color: "#66CC00"
       });
     }
-    function ckNotifyError(text = "", title = "Error") {
-      ckNotify2({ text, title, color: "#FF3333" });
+    function ckNotifyError(text2 = "", title = "Error") {
+      ckNotify2({ text: text2, title, color: "#FF3333" });
     }
-    function ckNotifyWarning(text = "", title = "Atenci\xF3n") {
-      ckNotify2({ text, title, color: "#FFDD33" });
+    function ckNotifyWarning(text2 = "", title = "Atenci\xF3n") {
+      ckNotify2({ text: text2, title, color: "#FFDD33" });
     }
     return (_ctx, _cache) => {
       return isActive.value ? (openBlock(), createBlock(Teleport, {
@@ -17076,8 +17126,7 @@ const def = (obj, key, value) => {
   });
 };
 let activeEffectScope;
-function recordEffectScope(effect3, scope) {
-  scope = scope || activeEffectScope;
+function recordEffectScope(effect3, scope = activeEffectScope) {
   if (scope && scope.active) {
     scope.effects.push(effect3);
   }
@@ -17117,7 +17166,6 @@ const finalizeDepMarkers = (effect3) => {
 let effectTrackDepth = 0;
 let trackOpBit = 1;
 const maxMarkerBits = 30;
-const effectStack = [];
 let activeEffect;
 class ReactiveEffect {
   constructor(fn2, scheduler = null, scope) {
@@ -17125,33 +17173,40 @@ class ReactiveEffect {
     this.scheduler = scheduler;
     this.active = true;
     this.deps = [];
+    this.parent = void 0;
     recordEffectScope(this, scope);
   }
   run() {
     if (!this.active) {
       return this.fn();
     }
-    if (!effectStack.length || !effectStack.includes(this)) {
-      try {
-        effectStack.push(activeEffect = this);
-        enableTracking();
-        trackOpBit = 1 << ++effectTrackDepth;
-        if (effectTrackDepth <= maxMarkerBits) {
-          initDepMarkers(this);
-        } else {
-          cleanupEffect(this);
-        }
-        return this.fn();
-      } finally {
-        if (effectTrackDepth <= maxMarkerBits) {
-          finalizeDepMarkers(this);
-        }
-        trackOpBit = 1 << --effectTrackDepth;
-        resetTracking();
-        effectStack.pop();
-        const n = effectStack.length;
-        activeEffect = n > 0 ? effectStack[n - 1] : void 0;
+    let parent = activeEffect;
+    let lastShouldTrack = shouldTrack;
+    while (parent) {
+      if (parent === this) {
+        return;
       }
+      parent = parent.parent;
+    }
+    try {
+      this.parent = activeEffect;
+      activeEffect = this;
+      shouldTrack = true;
+      trackOpBit = 1 << ++effectTrackDepth;
+      if (effectTrackDepth <= maxMarkerBits) {
+        initDepMarkers(this);
+      } else {
+        cleanupEffect(this);
+      }
+      return this.fn();
+    } finally {
+      if (effectTrackDepth <= maxMarkerBits) {
+        finalizeDepMarkers(this);
+      }
+      trackOpBit = 1 << --effectTrackDepth;
+      activeEffect = this.parent;
+      shouldTrack = lastShouldTrack;
+      this.parent = void 0;
     }
   }
   stop() {
@@ -17174,18 +17229,6 @@ function cleanupEffect(effect3) {
   }
 }
 let shouldTrack = true;
-const trackStack = [];
-function enableTracking() {
-  trackStack.push(shouldTrack);
-  shouldTrack = true;
-}
-function resetTracking() {
-  const last = trackStack.pop();
-  shouldTrack = last === void 0 ? true : last;
-}
-function isTracking() {
-  return shouldTrack && activeEffect !== void 0;
-}
 function trackEffects(dep, debuggerEventExtraInfo) {
   let shouldTrack2 = false;
   if (effectTrackDepth <= maxMarkerBits) {
@@ -17234,13 +17277,10 @@ function markRaw(value) {
   return value;
 }
 function trackRefValue(ref2) {
-  if (isTracking()) {
+  if (shouldTrack && activeEffect) {
     ref2 = toRaw(ref2);
-    if (!ref2.dep) {
-      ref2.dep = createDep();
-    }
     {
-      trackEffects(ref2.dep);
+      trackEffects(ref2.dep || (ref2.dep = createDep()));
     }
   }
 }
@@ -17253,7 +17293,7 @@ function triggerRefValue(ref2, newVal) {
   }
 }
 function isRef(r) {
-  return Boolean(r && r.__v_isRef === true);
+  return !!(r && r.__v_isRef === true);
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -20893,7 +20933,7 @@ function getChildren(popper2) {
     })
   };
 }
-function render3(instance) {
+function render2(instance) {
   var popper2 = div();
   var box = div();
   box.className = BOX_CLASS;
@@ -20948,7 +20988,7 @@ function render3(instance) {
     onUpdate
   };
 }
-render3.$$tippy = true;
+render2.$$tippy = true;
 var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
@@ -21688,7 +21728,7 @@ Object.assign({}, applyStyles$1, {
   }
 });
 tippy$1.setDefaultProps({
-  render: render3
+  render: render2
 });
 var tippy = "";
 var ckTooltip_vue_vue_type_style_index_0_scoped_true_lang = "";