@stsdti/funky-ui-kit 0.0.2 → 1.0.1

package/dist/funky-ui-kit.es.js

@@ -7091,7 +7091,7 @@ function bindOneWay(source, destination, { sourcePath = null, destinationPath =
     { immediate, deep }
   );
 }
-function bindTwoWay(source, destination, { sourcePath = null, destinationPath = null, immutable = true, immediate = true, deep = true, transformSource = null, transformDestination = null } = {}) {
+function bindTwoWay(source, destination, { sourcePath = null, destinationPath = null, immutable = true, immediateSource = true, immediateDestination = false, deep = true, transformSource = null, transformDestination = null } = {}) {
   if (isReactive(source) || isReactive(destination)) {
     immutable = false;
   }
@@ -7117,7 +7117,7 @@ function bindTwoWay(source, destination, { sourcePath = null, destinationPath =
         }
       }
     },
-    { immediate, deep }
+    { immediate: immediateSource, deep }
   );
   watch(
     () => {
@@ -7141,7 +7141,7 @@ function bindTwoWay(source, destination, { sourcePath = null, destinationPath =
         }
       }
     },
-    { immediate, deep }
+    { immediate: immediateDestination, deep }
   );
 }
 async function sleep(millis) {
@@ -23527,34 +23527,68 @@ const _sfc_main$1d = {
 };
 const _hoisted_1$S = {
   key: 0,
-  class: "mr-5"
+  class: "app-link__label"
 };
 const _sfc_main$1c = {
   __name: "AppLink",
   props: {
     route: {
+      type: [String, Object],
+      default: null
+    },
+    href: {
+      type: String,
       default: null
     },
     label: {
+      type: String,
       default: null
     }
   },
   setup(__props) {
+    const props2 = __props;
+    const isExternalUrl = (value) => {
+      if (!value || typeof value !== "string") {
+        return false;
+      }
+      return /^(http?:)?\/\//.test(value);
+    };
+    const externalLink = computed(() => {
+      if (props2.href) {
+        return props2.href;
+      }
+      if (typeof props2.route === "string" && isExternalUrl(props2.route)) {
+        return props2.route;
+      }
+      return null;
+    });
+    const isExternal = computed(() => !!externalLink.value);
+    const hasLink = computed(() => !!props2.route || !!props2.href);
+    const componentType = computed(() => {
+      return isExternal.value ? "a" : "router-link";
+    });
+    const linkBindings = computed(() => {
+      if (isExternal.value) {
+        return {
+          href: externalLink.value,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        };
+      }
+      return {
+        to: props2.route
+      };
+    });
     return (_ctx, _cache2) => {
-      const _component_router_link = resolveComponent("router-link");
-      return __props.route ? (openBlock(), createBlock(_component_router_link, {
-        key: 0,
-        class: "app-link flex-center-vertical",
-        to: __props.route
-      }, {
+      return hasLink.value ? (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({ key: 0 }, linkBindings.value, { class: "app-link" }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            __props.label ? (openBlock(), createElementBlock("div", _hoisted_1$S, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
-            _cache2[0] || (_cache2[0] = createElementVNode("i", { class: "icon-link" }, null, -1))
+            __props.label ? (openBlock(), createElementBlock("span", _hoisted_1$S, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+            _cache2[0] || (_cache2[0] = createElementVNode("i", { class: "icon-link app-link__icon" }, null, -1))
           ])
         ]),
         _: 3
-      }, 8, ["to"])) : createCommentVNode("", true);
+      }, 16)) : createCommentVNode("", true);
     };
   }
 };
@@ -23856,7 +23890,7 @@ const _sfc_main$18 = {
       if (props2.disabled) {
         return true;
       }
-      if (!props2.min) {
+      if (!Number.isFinite(props2.min)) {
         return false;
       }
       return props2.modelValue <= props2.min;
@@ -23865,7 +23899,7 @@ const _sfc_main$18 = {
       if (props2.disabled) {
         return true;
       }
-      if (!props2.max) {
+      if (!Number.isFinite(props2.max)) {
         return false;
       }
       return props2.modelValue >= props2.max;
@@ -23906,7 +23940,7 @@ const _sfc_main$18 = {
     };
   }
 };
-const AppNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-7bb1f133"]]);
+const AppNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-51be942a"]]);
 const _sfc_main$17 = {
   __name: "AppPlaceholderHeading",
   props: {
@@ -30403,6 +30437,11 @@ function useTableFilters(tableFilters, emits) {
       fromUrl ? filters.value[bagKey] = fromUrl : null;
     }
   }
+  const setFilterWithLock = (field, value) => {
+    filters.value[field] = value;
+    blockedFilters.value = [...blockedFilters.value, field];
+    setPayloadIsDisabled(field);
+  };
   const externalContext = {
     // Refs
     filters,
@@ -30427,7 +30466,8 @@ function useTableFilters(tableFilters, emits) {
     setPayloadIsHidden,
     setFilter,
     setFilters,
-    setFiltersFromUrl
+    setFiltersFromUrl,
+    setFilterWithLock
   };
   watch(toUrlFilters, (newValue, oldValue) => {
     if (lodashExports.isEqual(newValue, oldValue)) {
@@ -84109,8 +84149,8 @@ function useFormValidation(config) {
     element == null ? void 0 : element.scrollIntoView({ behavior: "smooth" });
   };
   const isFieldRequired2 = (fieldName) => {
-    var _a3;
-    const fieldSchema = (_a3 = toValue$2(schema).fields) == null ? void 0 : _a3[fieldName];
+    var _a3, _b2;
+    const fieldSchema = (_b2 = (_a3 = toValue$2(schema)) == null ? void 0 : _a3.fields) == null ? void 0 : _b2[fieldName];
     return (fieldSchema == null ? void 0 : fieldSchema.spec.optional) === false;
   };
   const externalContext = {
@@ -84135,7 +84175,7 @@ function useForm(config, emits) {
   const { validationPath: globalValidationPath } = config;
   const repository = model == null ? void 0 : model.getRepository();
   const transformer = model == null ? void 0 : model.getTransformer();
-  const itemEmpty = config.empty ?? (model == null ? void 0 : model.getEmpty()) ?? {};
+  const itemEmpty = config.empty ?? (model == null ? void 0 : model.getEmpty) ?? {};
   const routeForm = (_a3 = model == null ? void 0 : model.getRouteForm) == null ? void 0 : _a3.call(model);
   const routeList = (_b2 = model == null ? void 0 : model.getRouteList) == null ? void 0 : _b2.call(model);
   const useDirty = config.useDirty ? config.useDirty : false;
@@ -84167,10 +84207,16 @@ function useForm(config, emits) {
   const setPayload = (value) => {
     payload.value = value;
   };
+  const getItemEmptyValue = async () => {
+    let result = itemEmpty;
+    result = result instanceof Function ? result() : result;
+    result = result instanceof Promise ? await result : result;
+    return result;
+  };
   async function initItem({ id = null, value = null, external: external2 = null, payload: payload2 = null } = {}) {
     external2 ? setExternal(external2) : null;
     payload2 ? setPayload(payload2) : null;
-    let itemValue = value ? lodashExports.cloneDeep(value) : lodashExports.cloneDeep(itemEmpty);
+    let itemValue = value ? lodashExports.cloneDeep(value) : lodashExports.cloneDeep(await getItemEmptyValue());
     setItem(itemValue);
     id ? await fetchItem(id) : null;
     announce(useFormEvent.inited, externalContext);
@@ -84390,6 +84436,20 @@ function useForm(config, emits) {
   function setAllPayloadIsHidden() {
     Object.keys(item.value).forEach((key) => lodashExports.set(payload.value, `${key}.isHidden`, true));
   }
+  function setPayloadEnabled(key, isEnabled = true) {
+    const keys = [key].flat();
+    keys.forEach((k2) => lodashExports.set(payload.value, `${k2}.isDisabled`, !isEnabled));
+  }
+  function setPayloadEnabledAll(isEnabled = true) {
+    Object.keys(item.value).forEach((key) => lodashExports.set(payload.value, `${key}.isDisabled`, !isEnabled));
+  }
+  function setPayloadVisible(key, isVisible2 = true) {
+    const keys = [key].flat();
+    keys.forEach((k2) => lodashExports.set(payload.value, `${k2}.isHidden`, !isVisible2));
+  }
+  function setPayloadVisibleAll(isVisible2 = true) {
+    Object.keys(item.value).forEach((key) => lodashExports.set(payload.value, `${key}.isHidden`, !isVisible2));
+  }
   const externalContext = {
     isLoading: isLoading2,
     itemId,
@@ -84398,7 +84458,7 @@ function useForm(config, emits) {
     item,
     payload,
     fetchedItem,
-    emptyItem: itemEmpty,
+    itemEmpty,
     initItem,
     refreshItem,
     fetchItem,
@@ -84416,6 +84476,10 @@ function useForm(config, emits) {
     setPayloadIsHidden,
     setAllPayloadIsDisabled,
     setAllPayloadIsHidden,
+    setPayloadEnabled,
+    setPayloadEnabledAll,
+    setPayloadVisible,
+    setPayloadVisibleAll,
     external,
     formName,
     getBinding: getBinding2,