@stsdti/funky-ui-kit 0.0.2 → 1.0.0

package/dist/funky-ui-kit.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.labelClass[data-v-cf0edae9]{flex:2;min-width:100px}.contentClass[data-v-cf0edae9]{flex:10;display:flex;flex-direction:column;height:100%}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-86b56f72]{position:absolute;right:0}.time-picker-icon i[data-v-96ccd197]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-96ccd197]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-96ccd197]{display:none}.app-grid-picker-hour[data-v-96ccd197],.app-grid-picker-minute[data-v-96ccd197]{width:50px}.filter-sidebar[data-v-8f10aceb]{overflow-x:hidden;position:fixed;z-index:52000;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-8f10aceb]{transform:translate(0);transition:transform .3s}.icon-x[data-v-8f10aceb]{font-size:25px}#content-overlay[data-v-8f10aceb]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-8f10aceb]{opacity:1;display:block;transition:opacity .3s,display .3s}.filter-sidebar[data-v-f5f661ee]{overflow-x:hidden;position:fixed;z-index:52000;width:600px;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-f5f661ee]{transform:translate(0);transition:transform .3s}.icon-x[data-v-f5f661ee]{font-size:25px}#content-overlay[data-v-f5f661ee]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-f5f661ee]{opacity:1;display:block;transition:opacity .3s,display .3s}.file-action-button[data-v-a91b6b9a]{display:flex;gap:8px;justify-content:flex-end}.action-icon[data-v-a91b6b9a]{transition:transform .3s ease,color .3s ease}.action-icon[data-v-a91b6b9a]:hover{color:#007bff;transform:scale(1.2)}.btn-container[data-v-5ae7825f]{display:flex;justify-content:flex-end;align-items:center;gap:6px}.blockUI.blockOverlay[data-v-07e2c47c]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.8;cursor:wait;position:absolute}.sidebar-item-name[data-v-6411d77e]{flex:1;text-overflow:ellipsis;line-height:18px;max-height:36px;overflow:hidden;color:#000}.sidebar-item-badge[data-v-6411d77e]{overflow:hidden;text-overflow:ellipsis;max-width:46px}.icon-flipped[data-v-6411d77e]{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.item-header[data-v-c259eef3]{pointer-events:none;opacity:30%}input[data-v-7bb1f133]::-webkit-outer-spin-button,input[data-v-7bb1f133]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-7bb1f133]{position:relative;-moz-appearance:textfield;background:#f7f7f7;text-align:center;border:none;width:calc(100% - 30px);height:100%;bottom:1px;padding-right:revert!important}.number-input[data-v-7bb1f133]{background:transparent;width:115px}.dark-mode input[data-v-7bb1f133]{background:#222;color:#9d9d9d}.pagination-info-label[data-v-42b386e8]{justify-self:center}.select2-selection__choice[data-v-41d0ea41]{display:flex;background-color:#e5e7eb;color:#1f2937;cursor:default;white-space:normal;word-break:break-all;border-radius:5px;transition:color ease-in-out .15s,background-color ease-in-out .15s;padding:2px 10px;font-size:13px}.select2-selection__choice[data-v-41d0ea41]:focus,.select2-selection__choice[data-v-41d0ea41]:hover{background-color:#0c83ff;color:#fff}.select2-selection__choice .select2-selection__choice__remove[data-v-41d0ea41]:hover{color:#fff;opacity:1}.select2-selection__choice .select2-selection__choice__remove[data-v-41d0ea41]{cursor:pointer;margin-left:.625rem;opacity:.75;transition:opacity ease-in-out .15s}.progress-text[data-v-6bfe7f23]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;pointer-events:none}.progress-bar-background[data-v-0752357f]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#ffffffe6;cursor:wait;position:absolute}button[data-v-277c9e71],button[data-v-ff3d30b0]{box-shadow:0 6px 12px #0000002e}.slider[data-v-5e3013a5]{-webkit-appearance:none;height:10px;background:#d3d3d3;opacity:.7;border-radius:7px;transition:background .2s}.slider[data-v-5e3013a5]:hover{opacity:1}.slider[data-v-5e3013a5]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;box-shadow:0 0 8px #000}.slider[data-v-5e3013a5]::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%}.breadcrumb-line[data-v-bdf62cb4]{position:relative;padding-left:1.25rem;padding-right:1.25rem;border-top:1px solid transparent;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.breadcrumb-line-light[data-v-bdf62cb4]{background-color:#fff;border-color:#ddd;color:#333}.app-table-row-filters[data-v-6654229d]{display:flex;color:#fff;margin-top:10px;padding:5px;border-radius:6px;cursor:pointer;background-color:#63b2f5}.app-table-row-filters-number[data-v-6654229d]{display:flex;justify-content:center;margin-right:10px;width:20px;height:20px;border-radius:4px}.badge[data-v-6654229d]{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.badge-info[data-v-6654229d]{padding-left:.4375rem;padding-right:.4375rem;border-radius:10rem;padding-bottom:2px}.tag-icon[data-v-c3f2c1ff]{top:unset}.post-tag[data-v-c3f2c1ff]{cursor:pointer;width:fit-content}textarea[data-v-18229293]{min-height:35px;min-width:100%;max-width:100%;padding:7px 12px;field-sizing:content}.has-error textarea[data-v-18229293]{border-bottom-color:#f44336!important}.app-modal-overlay[data-v-e8a3ed1f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.loading-modal-content[data-v-eff13cc8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3rem 5rem}/*!
+@charset "UTF-8";.labelClass[data-v-cf0edae9]{flex:2;min-width:100px}.contentClass[data-v-cf0edae9]{flex:10;display:flex;flex-direction:column;height:100%}.fade-enter-active[data-v-f1bb4de2],.fade-leave-active[data-v-f1bb4de2]{transition:opacity .5s}.fade-enter[data-v-f1bb4de2],.fade-leave-to[data-v-f1bb4de2]{opacity:0}.clear-button[data-v-86b56f72]{position:absolute;right:0}.time-picker-icon i[data-v-96ccd197]{color:#7f7f7f}.time-picker-icon:hover .icon-cross[data-v-96ccd197]{display:block!important}.time-picker-icon:hover .icon-alarm[data-v-96ccd197]{display:none}.app-grid-picker-hour[data-v-96ccd197],.app-grid-picker-minute[data-v-96ccd197]{width:50px}.filter-sidebar[data-v-8f10aceb]{overflow-x:hidden;position:fixed;z-index:52000;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-8f10aceb]{transform:translate(0);transition:transform .3s}.icon-x[data-v-8f10aceb]{font-size:25px}#content-overlay[data-v-8f10aceb]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-8f10aceb]{opacity:1;display:block;transition:opacity .3s,display .3s}.filter-sidebar[data-v-f5f661ee]{overflow-x:hidden;position:fixed;z-index:52000;width:600px;max-width:90vw;-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-shadow:0 15px 30px #0000001c,0 5px 15px #00000014;height:100%!important;top:0;left:auto;right:0;background:#fff;transform:translate(100%);transition:transform .3s}.filter-sidebar.active[data-v-f5f661ee]{transform:translate(0);transition:transform .3s}.icon-x[data-v-f5f661ee]{font-size:25px}#content-overlay[data-v-f5f661ee]{position:fixed;display:none;padding:10px;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-transition:all .7s;transition:all .7s;z-index:51000;opacity:0}#content-overlay.active[data-v-f5f661ee]{opacity:1;display:block;transition:opacity .3s,display .3s}.file-action-button[data-v-a91b6b9a]{display:flex;gap:8px;justify-content:flex-end}.action-icon[data-v-a91b6b9a]{transition:transform .3s ease,color .3s ease}.action-icon[data-v-a91b6b9a]:hover{color:#007bff;transform:scale(1.2)}.btn-container[data-v-5ae7825f]{display:flex;justify-content:flex-end;align-items:center;gap:6px}.blockUI.blockOverlay[data-v-07e2c47c]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.8;cursor:wait;position:absolute}.sidebar-item-name[data-v-6411d77e]{flex:1;text-overflow:ellipsis;line-height:18px;max-height:36px;overflow:hidden;color:#000}.sidebar-item-badge[data-v-6411d77e]{overflow:hidden;text-overflow:ellipsis;max-width:46px}.icon-flipped[data-v-6411d77e]{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.item-header[data-v-c259eef3]{pointer-events:none;opacity:30%}input[data-v-51be942a]::-webkit-outer-spin-button,input[data-v-51be942a]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-51be942a]{position:relative;-moz-appearance:textfield;background:#f7f7f7;text-align:center;border:none;width:calc(100% - 30px);height:100%;bottom:1px;padding-right:revert!important}.number-input[data-v-51be942a]{background:transparent;width:115px}.dark-mode input[data-v-51be942a]{background:#222;color:#9d9d9d}.pagination-info-label[data-v-42b386e8]{justify-self:center}.select2-selection__choice[data-v-41d0ea41]{display:flex;background-color:#e5e7eb;color:#1f2937;cursor:default;white-space:normal;word-break:break-all;border-radius:5px;transition:color ease-in-out .15s,background-color ease-in-out .15s;padding:2px 10px;font-size:13px}.select2-selection__choice[data-v-41d0ea41]:focus,.select2-selection__choice[data-v-41d0ea41]:hover{background-color:#0c83ff;color:#fff}.select2-selection__choice .select2-selection__choice__remove[data-v-41d0ea41]:hover{color:#fff;opacity:1}.select2-selection__choice .select2-selection__choice__remove[data-v-41d0ea41]{cursor:pointer;margin-left:.625rem;opacity:.75;transition:opacity ease-in-out .15s}.progress-text[data-v-6bfe7f23]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;pointer-events:none}.progress-bar-background[data-v-0752357f]{z-index:1000;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;background-color:#ffffffe6;cursor:wait;position:absolute}button[data-v-277c9e71],button[data-v-ff3d30b0]{box-shadow:0 6px 12px #0000002e}.slider[data-v-5e3013a5]{-webkit-appearance:none;height:10px;background:#d3d3d3;opacity:.7;border-radius:7px;transition:background .2s}.slider[data-v-5e3013a5]:hover{opacity:1}.slider[data-v-5e3013a5]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%;box-shadow:0 0 8px #000}.slider[data-v-5e3013a5]::-moz-range-thumb{width:20px;height:20px;background:#fff;cursor:pointer;border-radius:50%}.breadcrumb-line[data-v-bdf62cb4]{position:relative;padding-left:1.25rem;padding-right:1.25rem;border-top:1px solid transparent;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.breadcrumb-line-light[data-v-bdf62cb4]{background-color:#fff;border-color:#ddd;color:#333}.app-table-row-filters[data-v-6654229d]{display:flex;color:#fff;margin-top:10px;padding:5px;border-radius:6px;cursor:pointer;background-color:#63b2f5}.app-table-row-filters-number[data-v-6654229d]{display:flex;justify-content:center;margin-right:10px;width:20px;height:20px;border-radius:4px}.badge[data-v-6654229d]{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.badge-info[data-v-6654229d]{padding-left:.4375rem;padding-right:.4375rem;border-radius:10rem;padding-bottom:2px}.tag-icon[data-v-c3f2c1ff]{top:unset}.post-tag[data-v-c3f2c1ff]{cursor:pointer;width:fit-content}textarea[data-v-18229293]{min-height:35px;min-width:100%;max-width:100%;padding:7px 12px;field-sizing:content}.has-error textarea[data-v-18229293]{border-bottom-color:#f44336!important}.app-modal-overlay[data-v-e8a3ed1f]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1}.loading-modal-content[data-v-eff13cc8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3rem 5rem}/*!
  * Viewer.js v1.11.7
  * https://fengyuanchen.github.io/viewerjs
  *

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) {
@@ -23856,7 +23856,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 +23865,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 +23906,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 +30403,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 +30432,8 @@ function useTableFilters(tableFilters, emits) {
     setPayloadIsHidden,
     setFilter,
     setFilters,
-    setFiltersFromUrl
+    setFiltersFromUrl,
+    setFilterWithLock
   };
   watch(toUrlFilters, (newValue, oldValue) => {
     if (lodashExports.isEqual(newValue, oldValue)) {
@@ -84135,7 +84141,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 +84173,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 +84402,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 +84424,7 @@ function useForm(config, emits) {
     item,
     payload,
     fetchedItem,
-    emptyItem: itemEmpty,
+    itemEmpty,
     initItem,
     refreshItem,
     fetchItem,
@@ -84416,6 +84442,10 @@ function useForm(config, emits) {
     setPayloadIsHidden,
     setAllPayloadIsDisabled,
     setAllPayloadIsHidden,
+    setPayloadEnabled,
+    setPayloadEnabledAll,
+    setPayloadVisible,
+    setPayloadVisibleAll,
     external,
     formName,
     getBinding: getBinding2,