@ozdao/prometheus-framework 0.2.129 → 0.2.132

package/dist/prometheus-framework/src/components/Draggable/Draggable.vue.js

@@ -0,0 +1,75 @@
+import { ref as h, onMounted as L, openBlock as E, createElementBlock as D, renderSlot as x } from "vue";
+/* empty css               */
+const T = {
+  __name: "Draggable",
+  props: {
+    list: {
+      type: Array,
+      required: !0
+    },
+    disabledClass: {
+      type: String,
+      default: "draggable-disabled"
+    }
+  },
+  emits: ["update:list", "start", "end"],
+  setup(g, { emit: p }) {
+    const d = g, l = p, r = h(null);
+    let a = null;
+    return L(() => {
+      const o = (e) => {
+        const t = e.target.closest(".draggable-item");
+        if (!t || t.classList.contains(d.disabledClass)) {
+          e.preventDefault();
+          return;
+        }
+        a = Number(t.dataset.index), e.dataTransfer.effectAllowed = "move", l("start", a);
+      }, c = (e) => {
+        e.preventDefault();
+      }, v = (e) => {
+        e.preventDefault();
+        const t = e.target.closest(".draggable-item");
+        if (!t || t.classList.contains(d.disabledClass))
+          return;
+        const n = Number(t.dataset.index);
+        if (a !== n && !u(a, n)) {
+          const s = [...d.list], [i] = s.splice(a, 1);
+          s.splice(n, 0, i), l("update:list", s);
+        }
+        l("end", a, n), a = null;
+      }, m = (e) => {
+        const t = e.target.closest(".draggable-item");
+        if (!t || t.classList.contains(d.disabledClass)) {
+          e.preventDefault();
+          return;
+        }
+        a = Number(t.dataset.index), l("start", a);
+      }, f = (e) => {
+        e.preventDefault();
+      }, b = (e) => {
+        const t = document.elementFromPoint(
+          e.changedTouches[0].clientX,
+          e.changedTouches[0].clientY
+        ).closest(".draggable-item");
+        if (!t || t.classList.contains(d.disabledClass))
+          return;
+        const n = Number(t.dataset.index);
+        if (a !== n && !u(a, n)) {
+          const s = [...d.list], [i] = s.splice(a, 1);
+          s.splice(n, 0, i), l("update:list", s);
+        }
+        l("end", a, n), a = null;
+      }, u = (e, t) => Array.from(r.value.children).map((s, i) => s.classList.contains(d.disabledClass) ? i : null).filter((s) => s !== null).includes(t);
+      r.value.addEventListener("dragstart", o), r.value.addEventListener("dragover", c), r.value.addEventListener("drop", v), r.value.addEventListener("touchstart", m), r.value.addEventListener("touchmove", f), r.value.addEventListener("touchend", b);
+    }), (o, c) => (E(), D("div", {
+      ref_key: "container",
+      ref: r,
+      class: "draggable-container"
+    }, [
+      x(o.$slots, "default")
+    ], 512));
+  }
+};
+export {
+  T as default
+};

package/dist/prometheus-framework/src/components/Dropdown/Dropdown.vue.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../FieldPhone/click-outside.cjs");;/* empty css                */const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),d={key:0,class:"w-100 h-100 flex-center flex"},f={key:1},p={__name:"Dropdown",props:{label:{type:[String,Object],default:"Open"},align:{type:String,default:"left"}},setup(t){let n=c.default;const i=t,l=e.ref(!1),a=e.computed(()=>typeof i.label=="object");function s(){l.value=!1}return(r,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:o[0]||(o[0]=e.withModifiers(m=>l.value=!l.value,["stop"]))},[a.value?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label.component),e.mergeProps(t.label.props,{class:t.label.class}),null,16,["class"]))])):(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.label),1)),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:t.align==="left"?"0":"auto",right:t.align==="right"?"0":"auto"}),class:"dropdown-content radius-big"},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4),[[e.vShow,l.value]])]),_:3})])),[[e.unref(n),s]])}},v=u.default(p,[["__scopeId","data-v-96fe1329"]]);exports.default=v;

package/dist/prometheus-framework/src/components/Dropdown/Dropdown.vue.js

@@ -1 +1,58 @@
-
+import { ref as u, computed as f, withDirectives as a, openBlock as l, createElementBlock as o, withModifiers as m, createBlock as p, resolveDynamicComponent as v, mergeProps as b, toDisplayString as g, createVNode as k, Transition as w, withCtx as y, createElementVNode as h, normalizeStyle as O, renderSlot as S, vShow as x, unref as C } from "vue";
+import D from "../FieldPhone/click-outside.js";
+/* empty css              */
+import B from "../../../../_virtual/_plugin-vue_export-helper.js";
+const T = {
+  key: 0,
+  class: "w-100 h-100 flex-center flex"
+}, j = { key: 1 }, E = {
+  __name: "Dropdown",
+  props: {
+    label: {
+      type: [String, Object],
+      default: "Open"
+    },
+    align: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(e) {
+    let i = D;
+    const s = e, t = u(!1), r = f(() => typeof s.label == "object");
+    function c() {
+      t.value = !1;
+    }
+    return (d, n) => a((l(), o("div", {
+      class: "dropdown pos-relative",
+      onClick: n[0] || (n[0] = m((N) => t.value = !t.value, ["stop"]))
+    }, [
+      r.value ? (l(), o("div", T, [
+        (l(), p(v(e.label.component), b(e.label.props, {
+          class: e.label.class
+        }), null, 16, ["class"]))
+      ])) : (l(), o("div", j, g(e.label), 1)),
+      k(w, {
+        name: "TransitionTranslateY",
+        mode: "out-in"
+      }, {
+        default: y(() => [
+          a(h("div", {
+            style: O({ left: e.align === "left" ? "0" : "auto", right: e.align === "right" ? "0" : "auto" }),
+            class: "dropdown-content radius-big"
+          }, [
+            S(d.$slots, "default", {}, void 0, !0)
+          ], 4), [
+            [x, t.value]
+          ])
+        ]),
+        _: 3
+      })
+    ])), [
+      [C(i), c]
+    ]);
+  }
+}, L = /* @__PURE__ */ B(E, [["__scopeId", "data-v-96fe1329"]]);
+export {
+  L as default
+};

package/dist/prometheus-framework/src/components/Dropdown/Dropdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../FieldPhone/click-outside.cjs");require("./Dropdown.vue.cjs");const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),d={key:0,class:"w-100 h-100 flex-center flex"},f={key:1},p={__name:"Dropdown",props:{label:{type:[String,Object],default:"Open"},align:{type:String,default:"left"}},setup(t){let n=c.default;const i=t,l=e.ref(!1),a=e.computed(()=>typeof i.label=="object");function s(){l.value=!1}return(r,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:o[0]||(o[0]=e.withModifiers(m=>l.value=!l.value,["stop"]))},[a.value?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label.component),e.mergeProps(t.label.props,{class:t.label.class}),null,16,["class"]))])):(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.label),1)),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:t.align==="left"?"0":"auto",right:t.align==="right"?"0":"auto"}),class:"dropdown-content radius-big"},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4),[[e.vShow,l.value]])]),_:3})])),[[e.unref(n),s]])}},v=u.default(p,[["__scopeId","data-v-96fe1329"]]);exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../FieldPhone/click-outside.cjs");;/* empty css               */const u={key:0,class:"w-100 h-100 flex-center flex"},d={key:1},f={__name:"Dropdown",props:{label:{type:[String,Object],default:"Open"},align:{type:String,default:"left"}},setup(t){let n=r.default;const i=t,l=e.ref(!1),a=e.computed(()=>typeof i.label=="object");function s(){l.value=!1}return(c,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"dropdown pos-relative",onClick:o[0]||(o[0]=e.withModifiers(v=>l.value=!l.value,["stop"]))},[a.value?(e.openBlock(),e.createElementBlock("div",u,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.label.component),e.mergeProps(t.label.props,{class:t.label.class}),null,16,["class"]))])):(e.openBlock(),e.createElementBlock("div",d,e.toDisplayString(t.label),1)),e.createVNode(e.Transition,{name:"TransitionTranslateY",mode:"out-in"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{style:e.normalizeStyle({left:t.align==="left"?"0":"auto",right:t.align==="right"?"0":"auto"}),class:"dropdown-content radius-big"},[e.renderSlot(c.$slots,"default")],4),[[e.vShow,l.value]])]),_:3})])),[[e.unref(n),s]])}};exports.default=f;

package/dist/prometheus-framework/src/components/Dropdown/Dropdown.vue2.js

@@ -1,11 +1,10 @@
-import { ref as u, computed as f, withDirectives as a, openBlock as l, createElementBlock as o, withModifiers as m, createBlock as p, resolveDynamicComponent as v, mergeProps as b, toDisplayString as g, createVNode as k, Transition as w, withCtx as y, createElementVNode as h, normalizeStyle as O, renderSlot as S, vShow as x, unref as C } from "vue";
+import { ref as u, computed as f, withDirectives as a, openBlock as l, createElementBlock as o, withModifiers as m, createBlock as p, resolveDynamicComponent as v, mergeProps as b, toDisplayString as g, createVNode as k, Transition as y, withCtx as h, createElementVNode as w, normalizeStyle as O, renderSlot as S, vShow as C, unref as x } from "vue";
 import D from "../FieldPhone/click-outside.js";
-import "./Dropdown.vue.js";
-import B from "../../../../_virtual/_plugin-vue_export-helper.js";
-const T = {
+/* empty css             */
+const B = {
   key: 0,
   class: "w-100 h-100 flex-center flex"
-}, j = { key: 1 }, E = {
+}, T = { key: 1 }, $ = {
   __name: "Dropdown",
   props: {
     label: {
@@ -25,34 +24,34 @@ const T = {
     }
     return (d, n) => a((l(), o("div", {
       class: "dropdown pos-relative",
-      onClick: n[0] || (n[0] = m((N) => t.value = !t.value, ["stop"]))
+      onClick: n[0] || (n[0] = m((j) => t.value = !t.value, ["stop"]))
     }, [
-      r.value ? (l(), o("div", T, [
+      r.value ? (l(), o("div", B, [
         (l(), p(v(e.label.component), b(e.label.props, {
           class: e.label.class
         }), null, 16, ["class"]))
-      ])) : (l(), o("div", j, g(e.label), 1)),
-      k(w, {
+      ])) : (l(), o("div", T, g(e.label), 1)),
+      k(y, {
         name: "TransitionTranslateY",
         mode: "out-in"
       }, {
-        default: y(() => [
-          a(h("div", {
+        default: h(() => [
+          a(w("div", {
             style: O({ left: e.align === "left" ? "0" : "auto", right: e.align === "right" ? "0" : "auto" }),
             class: "dropdown-content radius-big"
           }, [
-            S(d.$slots, "default", {}, void 0, !0)
+            S(d.$slots, "default")
           ], 4), [
-            [x, t.value]
+            [C, t.value]
           ])
         ]),
         _: 3
       })
     ])), [
-      [C(i), c]
+      [x(i), c]
     ]);
   }
-}, L = /* @__PURE__ */ B(E, [["__scopeId", "data-v-96fe1329"]]);
+};
 export {
-  L as default
+  $ as default
 };

package/dist/prometheus-framework/src/components/Feed/Feed.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../modules/icons/skeletons/SkeletonEvent.vue.cjs");require("../Loader/Loader.vue.cjs");const M=require("../EmptyState/EmptyState.vue.cjs"),B=require("../Dropdown/Dropdown.vue2.cjs"),N=require("../DatePicker/Calendar.vue2.cjs"),S=require("../BottomSheet/BottomSheet.vue.cjs"),x=require("../../modules/globals/components/blocks/BlockSearch.vue.cjs"),q=require("../../modules/globals/components/blocks/BlockSorting.vue.cjs"),E=require("../../modules/globals/components/blocks/BlockFilter.vue.cjs"),z=require("../../modules/globals/components/elements/ButtonSort.vue.cjs"),O=require("../../modules/globals/components/elements/ButtonDate.vue.cjs"),L=require("../../modules/icons/navigation/IconFilter.vue.cjs");require("./Feed.vue2.cjs");const F={key:0,class:"flex-nowrap flex gap-thin mn-b-thin"},T={class:"flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100"},j={__name:"Feed",props:e.mergeModels({showLoadMore:{type:Boolean,default:!0},search:{type:[Boolean,Object],default:!1},states:{type:Object,default:()=>({empty:{title:String,description:String}})},store:{type:Object,default:()=>({read:Function,state:Object})},external:{type:Boolean,default:!1},options:{type:Object,default:()=>({category:null,limit:20,skip:0,owner:null,creator:null,user:null,status:null,period:null,contain:null})}},{search:{},searchModifiers:{},sort:{},sortModifiers:{},filter:{},filterModifiers:{},date:{},dateModifiers:{},items:{},itemsModifiers:{}}),emits:["update:search","update:sort","update:filter","update:date","update:items"],setup(o){const f=e.useModel(o,"search"),l=e.useModel(o,"sort"),s=e.useModel(o,"filter"),r=e.useModel(o,"date"),p=e.useModel(o,"items"),u=o,n=e.ref(p.value||[]),d=e.ref(!1);let h=e.ref(!0),b=e.ref(null),i=e.ref(u.options.skip?u.options.skip:0),v=e.ref(u.options.limit?u.options.limit:10),k=e.ref("");function C(t){k.value=t,i.value=0,v.value=10,m()}const y=async()=>{if(d.value){i.value+=v.value;const t=await u.store.read({skip:i.value,limit:v.value,search:k.value,dateStart:r.value?r.value.start:null,dateEnd:r.value?r.value.end:null,sortParam:l.value?l.value.param:null,sortOrder:l.value?l.value.order:null,...u.options});t.length===0||t.length<v.value?d.value=!1:d.value=!0,n.value=[...n.value,...t],p.value&&(p.value=n.value)}},m=async()=>{const t=await u.store.read({skip:i.value,limit:v.value,dateStart:r.value?r.value.start:null,dateEnd:r.value?r.value.end:null,sortParam:l.value?l.value.param:null,sortOrder:l.value?l.value.order:null,search:k.value,...u.options});t.length===0||t.length<v.value?d.value=!1:d.value=!0,n.value=t,p.value&&(p.value=n.value),h.value=!1};e.watch(()=>u.external,(t,a)=>{t!==a&&(i.value=0,m())},{deep:!0}),e.watch(()=>r.value,(t,a)=>{t!==a&&(i.value=0,m())},{deep:!0}),e.watch(()=>{var t;return(t=l.value)==null?void 0:t.order},(t,a)=>{t!==a&&(i.value=0,m())},{deep:!0}),e.watch(()=>{var t;return(t=l.value)==null?void 0:t.param},(t,a)=>{t!==a&&(i.value=0,m())},{deep:!0}),e.watch(()=>u.options,(t,a)=>{(t.organization!==a.organization||t.categories!==a.categories||t.prices!==a.prices||t.delivery!==a.delivery||t.search!==a.search||t.status!==a.status||t.hidden!==a.hidden||t.type!==a.type||t.tags!==a.tags)&&(i.value=0,m())},{deep:!0});let g=null;return e.onMounted(async()=>{await m(),typeof window<"u"&&!u.showLoadMore&&(g=new IntersectionObserver(t=>{t.some(a=>a.isIntersecting)&&y()}),g.observe(b.value))}),e.onUnmounted(()=>{g&&g.disconnect()}),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[f.value||r.value||l.value?(e.openBlock(),e.createElementBlock("div",F,[f.value?(e.openBlock(),e.createBlock(x.default,{key:0,placeholder:f.value.placeholder||"Search...",class:e.normalizeClass(f.value.class||"bg-light"),onSearch:C},null,8,["placeholder","class"])):e.createCommentVNode("",!0),s.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",T,[e.createVNode(L.default,{onClick:a[0]||(a[0]=()=>s.value.active=!s.value.active),class:"w-1r h-auto"})]),s.value.active?(e.openBlock(),e.createBlock(S.default,{key:0,show:s.value.active,onToggle:a[2]||(a[2]=()=>s.value.active=!1),class:e.normalizeClass(["z-index-10 pos-fixed pos-t-0 pos-r-0",{"pos-t-0":s.value.active,"pos-t-100":!s.value.active}])},{default:e.withCtx(()=>[e.createVNode(E.default,{filter:s.value,"onUpdate:filter":a[1]||(a[1]=c=>s.value=c),options:s.value.options,class:"h-100 w-100 pd-small bg-light"},null,8,["filter","options"])]),_:1},8,["show","class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(B.default,{key:2,label:{component:O.default,props:{date:r.value}},class:e.normalizeClass([r.value.class||"bg-light","flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),align:f.value?"right":"left"},{default:e.withCtx(()=>[e.createVNode(N.default,{date:r.value,"onUpdate:date":a[3]||(a[3]=c=>r.value=c),locale:t.$i18n.locale,allowRange:!0,class:"radius-semi w-100 o-hidden bg-light"},null,8,["date","locale"])]),_:1},8,["label","class","align"])):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createBlock(B.default,{key:3,label:{component:z.default,props:{order:l.value.order},class:"w-1r"},class:e.normalizeClass([l.value.class||"bg-light","radius-extra aspect-1x1 h-100"]),align:f.value?"right":"left"},{default:e.withCtx(()=>[e.createVNode(q.default,{param:l.value.param,"onUpdate:param":a[4]||(a[4]=c=>l.value.param=c),order:l.value.order,"onUpdate:order":a[5]||(a[5]=c=>l.value.order=c),options:l.value.options,class:"h-100 pd-small radius-semi t-white bg-black"},null,8,["param","order","options"])]),_:1},8,["label","class","align"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(h)?(e.openBlock(),e.createBlock(e.TransitionGroup,{key:1,tag:"ul",name:"scaleTransition",class:e.normalizeClass(["o-hidden bg-light radius-big",t.$attrs.class])},{default:e.withCtx(()=>[e.unref(h)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(v),c=>(e.openBlock(),e.createBlock(w.default,{key:"skeleton-"+c}))),128)):e.createCommentVNode("",!0)]),_:1},8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"scaleTransition"},{default:e.withCtx(()=>[!e.unref(h)&&n.value.length<1?(e.openBlock(),e.createBlock(M.default,{key:0,title:o.states.empty.title,description:o.states.empty.description,action:o.states.empty.action,callback:o.states.empty.callback,class:"pd-medium mn-b-thin bg-light radius-big"},null,8,["title","description","action","callback"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.TransitionGroup,{tag:"ul",name:"feed",class:e.normalizeClass(t.$attrs.class)},{default:e.withCtx(()=>[!e.unref(h)&&n.value.length>0?e.renderSlot(t.$slots,"default",{key:0,items:n.value}):e.createCommentVNode("",!0),o.showLoadMore&&d.value&&n.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:y,class:"col-w-100 w-100 bg-main button"}," Load More ")):e.createCommentVNode("",!0),e.createElementVNode("div",{key:"sentinel",ref_key:"sentinel",ref:b,class:"sentinel"},null,512)]),_:3},8,["class"])],64))}};exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../modules/icons/skeletons/SkeletonEvent.vue.cjs");;/* empty css                     */const M=require("../EmptyState/EmptyState.vue.cjs"),B=require("../Dropdown/Dropdown.vue2.cjs"),N=require("../DatePicker/Calendar.vue2.cjs"),x=require("../BottomSheet/BottomSheet.vue.cjs"),S=require("../../modules/globals/components/blocks/BlockSearch.vue.cjs"),q=require("../../modules/globals/components/blocks/BlockSorting.vue.cjs"),E=require("../../modules/globals/components/blocks/BlockFilter.vue.cjs"),z=require("../../modules/globals/components/elements/ButtonSort.vue.cjs"),O=require("../../modules/globals/components/elements/ButtonDate.vue.cjs"),L=require("../../modules/icons/navigation/IconFilter.vue.cjs");;/* empty css            */const F={key:0,class:"flex-nowrap flex gap-thin"},j={__name:"Feed",props:e.mergeModels({showLoadMore:{type:Boolean,default:!0},search:{type:[Boolean,Object],default:!1},states:{type:Object,default:()=>({empty:{title:String,description:String}})},store:{type:Object,default:()=>({read:Function,state:Object})},external:{type:Boolean,default:!1},options:{type:Object,default:()=>({category:null,limit:20,skip:0,owner:null,creator:null,user:null,status:null,period:null,contain:null})}},{search:{},searchModifiers:{},sort:{},sortModifiers:{},filter:{},filterModifiers:{},date:{},dateModifiers:{},items:{},itemsModifiers:{}}),emits:["update:search","update:sort","update:filter","update:date","update:items"],setup(s){const m=e.useModel(s,"search"),a=e.useModel(s,"sort"),o=e.useModel(s,"filter"),r=e.useModel(s,"date"),h=e.useModel(s,"items"),u=s,n=e.ref(h.value||[]),d=e.ref(!1);let p=e.ref(!0),b=e.ref(null),i=e.ref(u.options.skip?u.options.skip:0),v=e.ref(u.options.limit?u.options.limit:10),k=e.ref("");function C(t){k.value=t,i.value=0,v.value=10,f()}const y=async()=>{if(d.value){i.value+=v.value;const t=await u.store.read({skip:i.value,limit:v.value,search:k.value,dateStart:r.value?r.value.start:null,dateEnd:r.value?r.value.end:null,sortParam:a.value?a.value.param:null,sortOrder:a.value?a.value.order:null,...u.options});t.length===0||t.length<v.value?d.value=!1:d.value=!0,n.value=[...n.value,...t],h.value&&(h.value=n.value)}},f=async()=>{const t=await u.store.read({skip:i.value,limit:v.value,dateStart:r.value?r.value.start:null,dateEnd:r.value?r.value.end:null,sortParam:a.value?a.value.param:null,sortOrder:a.value?a.value.order:null,search:k.value,...u.options});t.length===0||t.length<v.value?d.value=!1:d.value=!0,n.value=t,h.value&&(h.value=n.value),p.value=!1};e.watch(()=>u.external,(t,l)=>{t!==l&&(i.value=0,f())},{deep:!0}),e.watch(()=>r.value,(t,l)=>{t!==l&&(i.value=0,f())},{deep:!0}),e.watch(()=>{var t;return(t=a.value)==null?void 0:t.order},(t,l)=>{t!==l&&(i.value=0,f())}),e.watch(()=>{var t;return(t=a.value)==null?void 0:t.param},(t,l)=>{t!==l&&(i.value=0,f())}),e.watch(()=>u.options,(t,l)=>{(t.organization!==l.organization||t.categories!==l.categories||t.prices!==l.prices||t.delivery!==l.delivery||t.search!==l.search||t.status!==l.status||t.hidden!==l.hidden||t.type!==l.type||t.tags!==l.tags||t.following!==l.following)&&(i.value=0,f())},{deep:!0});let g=null;return e.onMounted(async()=>{await f(),typeof window<"u"&&!u.showLoadMore&&(g=new IntersectionObserver(t=>{t.some(l=>l.isIntersecting)&&y()}),g.observe(b.value))}),e.onUnmounted(()=>{g&&g.disconnect()}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[m.value||r.value||a.value&&!a.value.hideButton?(e.openBlock(),e.createElementBlock("div",F,[m.value?(e.openBlock(),e.createBlock(S.default,{key:0,placeholder:m.value.placeholder||"Search...",class:e.normalizeClass(m.value.class||"bg-light"),onSearch:C},null,8,["placeholder","class"])):e.createCommentVNode("",!0),o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass([o.value.class||"bg-light","flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100"])},[e.createVNode(L.default,{onClick:l[0]||(l[0]=()=>o.value.active=!o.value.active),class:"w-1r h-auto"})],2),o.value.active?(e.openBlock(),e.createBlock(x.default,{key:0,show:o.value.active,onToggle:l[2]||(l[2]=()=>o.value.active=!1),class:e.normalizeClass(["z-index-10 pos-fixed pos-t-0 pos-r-0",{"pos-t-0":o.value.active,"pos-t-100":!o.value.active}])},{default:e.withCtx(()=>[e.createVNode(E.default,{filter:o.value,"onUpdate:filter":l[1]||(l[1]=c=>o.value=c),options:o.value.options,class:"h-100 w-100 pd-small bg-light"},null,8,["filter","options"])]),_:1},8,["show","class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(B.default,{key:2,label:{component:O.default,props:{date:r.value}},class:e.normalizeClass([r.value.class||"bg-light","flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),align:m.value?"right":"left"},{default:e.withCtx(()=>[e.createVNode(N.default,{date:r.value,"onUpdate:date":l[3]||(l[3]=c=>r.value=c),locale:t.$i18n.locale,allowRange:!0,class:"radius-semi w-100 o-hidden bg-light"},null,8,["date","locale"])]),_:1},8,["label","class","align"])):e.createCommentVNode("",!0),a.value&&!a.value.hideButton?(e.openBlock(),e.createBlock(B.default,{key:3,label:{component:z.default,props:{order:a.value.order},class:"w-1r"},class:e.normalizeClass([a.value.class||"bg-light","radius-extra aspect-1x1 h-100"]),align:m.value?"right":"left"},{default:e.withCtx(()=>[e.createVNode(q.default,{param:a.value.param,"onUpdate:param":l[4]||(l[4]=c=>a.value.param=c),order:a.value.order,"onUpdate:order":l[5]||(l[5]=c=>a.value.order=c),options:a.value.options,class:"h-100 pd-small radius-semi t-white bg-black"},null,8,["param","order","options"])]),_:1},8,["label","class","align"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createBlock(e.TransitionGroup,{key:1,tag:"ul",name:"scaleTransition"},{default:e.withCtx(()=>[e.unref(p)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(v),c=>(e.openBlock(),e.createBlock(w.default,{key:"skeleton-"+c,class:"mn-b-small radius-big o-hidden d-block"}))),128)):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),!e.unref(p)&&n.value.length<1?(e.openBlock(),e.createBlock(e.TransitionGroup,{key:2,tag:"ul",name:"feed"},{default:e.withCtx(()=>[!e.unref(p)&&n.value.length<1?(e.openBlock(),e.createBlock(M.default,{key:0,title:s.states.empty.title,description:s.states.empty.description,action:s.states.empty.action,callback:s.states.empty.callback,class:"pd-medium mn-b-thin bg-light radius-big"},null,8,["title","description","action","callback"])):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.TransitionGroup,{tag:"ul",name:"feed",class:e.normalizeClass(t.$attrs.class)},{default:e.withCtx(()=>[!e.unref(p)&&n.value.length>0?e.renderSlot(t.$slots,"default",{key:0,items:n.value}):e.createCommentVNode("",!0),s.showLoadMore&&d.value&&n.value.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,onClick:y,class:"col-w-100 w-100 bg-main button"}," Load More ")):e.createCommentVNode("",!0),e.createElementVNode("div",{key:"sentinel",ref_key:"sentinel",ref:b,class:"sentinel"},null,512)]),_:3},8,["class"])],64))}};exports.default=j;

package/dist/prometheus-framework/src/components/Feed/Feed.vue.js

@@ -1,23 +1,23 @@
-import { mergeModels as F, useModel as x, ref as f, watch as $, onMounted as N, onUnmounted as P, openBlock as s, createElementBlock as S, Fragment as C, createBlock as g, normalizeClass as b, createCommentVNode as u, createElementVNode as I, createVNode as y, withCtx as k, unref as L, TransitionGroup as T, renderList as D, Transition as G, renderSlot as R } from "vue";
+import { mergeModels as N, useModel as M, ref as g, watch as $, onMounted as T, onUnmounted as P, openBlock as s, createElementBlock as S, Fragment as j, createBlock as m, normalizeClass as y, createCommentVNode as r, createElementVNode as U, createVNode as B, withCtx as k, unref as w, TransitionGroup as C, renderList as G, renderSlot as R } from "vue";
 import q from "../../modules/icons/skeletons/SkeletonEvent.vue.js";
-import "../Loader/Loader.vue.js";
+/* empty css                   */
 import A from "../EmptyState/EmptyState.vue.js";
-import U from "../Dropdown/Dropdown.vue2.js";
-import H from "../DatePicker/Calendar.vue2.js";
-import J from "../BottomSheet/BottomSheet.vue.js";
-import K from "../../modules/globals/components/blocks/BlockSearch.vue.js";
-import Q from "../../modules/globals/components/blocks/BlockSorting.vue.js";
-import W from "../../modules/globals/components/blocks/BlockFilter.vue.js";
-import X from "../../modules/globals/components/elements/ButtonSort.vue.js";
-import Y from "../../modules/globals/components/elements/ButtonDate.vue.js";
-import Z from "../../modules/icons/navigation/IconFilter.vue.js";
-import "./Feed.vue2.js";
-const _ = {
+import z from "../Dropdown/Dropdown.vue2.js";
+import D from "../DatePicker/Calendar.vue2.js";
+import H from "../BottomSheet/BottomSheet.vue.js";
+import J from "../../modules/globals/components/blocks/BlockSearch.vue.js";
+import K from "../../modules/globals/components/blocks/BlockSorting.vue.js";
+import Q from "../../modules/globals/components/blocks/BlockFilter.vue.js";
+import W from "../../modules/globals/components/elements/ButtonSort.vue.js";
+import X from "../../modules/globals/components/elements/ButtonDate.vue.js";
+import Y from "../../modules/icons/navigation/IconFilter.vue.js";
+/* empty css          */
+const Z = {
   key: 0,
-  class: "flex-nowrap flex gap-thin mn-b-thin"
-}, V = { class: "flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100" }, pe = {
+  class: "flex-nowrap flex gap-thin"
+}, ve = {
   __name: "Feed",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ N({
     showLoadMore: {
       type: Boolean,
       default: !0
@@ -73,39 +73,39 @@ const _ = {
     itemsModifiers: {}
   }),
   emits: ["update:search", "update:sort", "update:filter", "update:date", "update:items"],
-  setup(r) {
-    const h = x(r, "search"), a = x(r, "sort"), i = x(r, "filter"), l = x(r, "date"), w = x(r, "items"), o = r, n = f(w.value || []), v = f(!1);
-    let M = f(!0), j = f(null), d = f(o.options.skip ? o.options.skip : 0), m = f(o.options.limit ? o.options.limit : 10), B = f("");
-    function z(e) {
-      B.value = e, d.value = 0, m.value = 10, p();
+  setup(u) {
+    const h = M(u, "search"), a = M(u, "sort"), i = M(u, "filter"), l = M(u, "date"), x = M(u, "items"), o = u, n = g(x.value || []), v = g(!1);
+    let b = g(!0), E = g(null), d = g(o.options.skip ? o.options.skip : 0), f = g(o.options.limit ? o.options.limit : 10), O = g("");
+    function F(e) {
+      O.value = e, d.value = 0, f.value = 10, p();
     }
-    const E = async () => {
+    const I = async () => {
       if (v.value) {
-        d.value += m.value;
+        d.value += f.value;
         const e = await o.store.read({
           skip: d.value,
-          limit: m.value,
-          search: B.value,
+          limit: f.value,
+          search: O.value,
           dateStart: l.value ? l.value.start : null,
           dateEnd: l.value ? l.value.end : null,
           sortParam: a.value ? a.value.param : null,
           sortOrder: a.value ? a.value.order : null,
           ...o.options
         });
-        e.length === 0 || e.length < m.value ? v.value = !1 : v.value = !0, n.value = [...n.value, ...e], w.value && (w.value = n.value);
+        e.length === 0 || e.length < f.value ? v.value = !1 : v.value = !0, n.value = [...n.value, ...e], x.value && (x.value = n.value);
       }
     }, p = async () => {
       const e = await o.store.read({
         skip: d.value,
-        limit: m.value,
+        limit: f.value,
         dateStart: l.value ? l.value.start : null,
         dateEnd: l.value ? l.value.end : null,
         sortParam: a.value ? a.value.param : null,
         sortOrder: a.value ? a.value.order : null,
-        search: B.value,
+        search: O.value,
         ...o.options
       });
-      e.length === 0 || e.length < m.value ? v.value = !1 : v.value = !0, n.value = e, w.value && (w.value = n.value), M.value = !1;
+      e.length === 0 || e.length < f.value ? v.value = !1 : v.value = !0, n.value = e, x.value && (x.value = n.value), b.value = !1;
     };
     $(() => o.external, (e, t) => {
       e !== t && (d.value = 0, p());
@@ -116,47 +116,49 @@ const _ = {
       return (e = a.value) == null ? void 0 : e.order;
     }, (e, t) => {
       e !== t && (d.value = 0, p());
-    }, { deep: !0 }), $(() => {
+    }), $(() => {
       var e;
       return (e = a.value) == null ? void 0 : e.param;
     }, (e, t) => {
       e !== t && (d.value = 0, p());
-    }, { deep: !0 }), $(() => o.options, (e, t) => {
-      (e.organization !== t.organization || e.categories !== t.categories || e.prices !== t.prices || e.delivery !== t.delivery || e.search !== t.search || e.status !== t.status || e.hidden !== t.hidden || e.type !== t.type || e.tags !== t.tags) && (d.value = 0, p());
+    }), $(() => o.options, (e, t) => {
+      (e.organization !== t.organization || e.categories !== t.categories || e.prices !== t.prices || e.delivery !== t.delivery || e.search !== t.search || e.status !== t.status || e.hidden !== t.hidden || e.type !== t.type || e.tags !== t.tags || e.following !== t.following) && (d.value = 0, p());
     }, { deep: !0 });
-    let O = null;
-    return N(async () => {
-      await p(), typeof window < "u" && !o.showLoadMore && (O = new IntersectionObserver((e) => {
-        e.some((t) => t.isIntersecting) && E();
-      }), O.observe(j.value));
+    let L = null;
+    return T(async () => {
+      await p(), typeof window < "u" && !o.showLoadMore && (L = new IntersectionObserver((e) => {
+        e.some((t) => t.isIntersecting) && I();
+      }), L.observe(E.value));
     }), P(() => {
-      O && O.disconnect();
-    }), (e, t) => (s(), S(C, null, [
-      h.value || l.value || a.value ? (s(), S("div", _, [
-        h.value ? (s(), g(K, {
+      L && L.disconnect();
+    }), (e, t) => (s(), S(j, null, [
+      h.value || l.value || a.value && !a.value.hideButton ? (s(), S("div", Z, [
+        h.value ? (s(), m(J, {
           key: 0,
           placeholder: h.value.placeholder || "Search...",
-          class: b(h.value.class || "bg-light"),
-          onSearch: z
-        }, null, 8, ["placeholder", "class"])) : u("", !0),
-        i.value ? (s(), S(C, { key: 1 }, [
-          I("div", V, [
-            y(Z, {
+          class: y(h.value.class || "bg-light"),
+          onSearch: F
+        }, null, 8, ["placeholder", "class"])) : r("", !0),
+        i.value ? (s(), S(j, { key: 1 }, [
+          U("div", {
+            class: y([i.value.class || "bg-light", "flex-center flex pd-thin bg-light radius-extra aspect-1x1 h-100"])
+          }, [
+            B(Y, {
               onClick: t[0] || (t[0] = () => i.value.active = !i.value.active),
               class: "w-1r h-auto"
             })
-          ]),
-          i.value.active ? (s(), g(J, {
+          ], 2),
+          i.value.active ? (s(), m(H, {
             key: 0,
             show: i.value.active,
             onToggle: t[2] || (t[2] = () => i.value.active = !1),
-            class: b(["z-index-10 pos-fixed pos-t-0 pos-r-0", {
+            class: y(["z-index-10 pos-fixed pos-t-0 pos-r-0", {
               "pos-t-0": i.value.active,
               "pos-t-100": !i.value.active
             }])
           }, {
             default: k(() => [
-              y(W, {
+              B(Q, {
                 filter: i.value,
                 "onUpdate:filter": t[1] || (t[1] = (c) => i.value = c),
                 options: i.value.options,
@@ -164,19 +166,19 @@ const _ = {
               }, null, 8, ["filter", "options"])
             ]),
             _: 1
-          }, 8, ["show", "class"])) : u("", !0)
-        ], 64)) : u("", !0),
-        l.value ? (s(), g(U, {
+          }, 8, ["show", "class"])) : r("", !0)
+        ], 64)) : r("", !0),
+        l.value ? (s(), m(z, {
           key: 2,
           label: {
-            component: Y,
+            component: X,
             props: { date: l.value }
           },
-          class: b([l.value.class || "bg-light", "flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),
+          class: y([l.value.class || "bg-light", "flex-child flex-child-shrink-0 pd-r-small pd-l-small pd-thin bg-light radius-big"]),
           align: h.value ? "right" : "left"
         }, {
           default: k(() => [
-            y(H, {
+            B(D, {
               date: l.value,
               "onUpdate:date": t[3] || (t[3] = (c) => l.value = c),
               locale: e.$i18n.locale,
@@ -185,19 +187,19 @@ const _ = {
             }, null, 8, ["date", "locale"])
           ]),
           _: 1
-        }, 8, ["label", "class", "align"])) : u("", !0),
-        a.value ? (s(), g(U, {
+        }, 8, ["label", "class", "align"])) : r("", !0),
+        a.value && !a.value.hideButton ? (s(), m(z, {
           key: 3,
           label: {
-            component: X,
+            component: W,
             props: { order: a.value.order },
             class: "w-1r"
           },
-          class: b([a.value.class || "bg-light", "radius-extra aspect-1x1 h-100"]),
+          class: y([a.value.class || "bg-light", "radius-extra aspect-1x1 h-100"]),
           align: h.value ? "right" : "left"
         }, {
           default: k(() => [
-            y(Q, {
+            B(K, {
               param: a.value.param,
               "onUpdate:param": t[4] || (t[4] = (c) => a.value.param = c),
               order: a.value.order,
@@ -207,53 +209,57 @@ const _ = {
             }, null, 8, ["param", "order", "options"])
           ]),
           _: 1
-        }, 8, ["label", "class", "align"])) : u("", !0)
-      ])) : u("", !0),
-      L(M) ? (s(), g(T, {
+        }, 8, ["label", "class", "align"])) : r("", !0)
+      ])) : r("", !0),
+      w(b) ? (s(), m(C, {
         key: 1,
         tag: "ul",
-        name: "scaleTransition",
-        class: b(["o-hidden bg-light radius-big", e.$attrs.class])
+        name: "scaleTransition"
       }, {
         default: k(() => [
-          L(M) ? (s(!0), S(C, { key: 0 }, D(L(m), (c) => (s(), g(q, {
-            key: "skeleton-" + c
-          }))), 128)) : u("", !0)
+          w(b) ? (s(!0), S(j, { key: 0 }, G(w(f), (c) => (s(), m(q, {
+            key: "skeleton-" + c,
+            class: "mn-b-small radius-big o-hidden d-block"
+          }))), 128)) : r("", !0)
         ]),
         _: 1
-      }, 8, ["class"])) : u("", !0),
-      y(G, { name: "scaleTransition" }, {
+      })) : r("", !0),
+      !w(b) && n.value.length < 1 ? (s(), m(C, {
+        key: 2,
+        tag: "ul",
+        name: "feed"
+      }, {
         default: k(() => [
-          !L(M) && n.value.length < 1 ? (s(), g(A, {
+          !w(b) && n.value.length < 1 ? (s(), m(A, {
             key: 0,
-            title: r.states.empty.title,
-            description: r.states.empty.description,
-            action: r.states.empty.action,
-            callback: r.states.empty.callback,
+            title: u.states.empty.title,
+            description: u.states.empty.description,
+            action: u.states.empty.action,
+            callback: u.states.empty.callback,
             class: "pd-medium mn-b-thin bg-light radius-big"
-          }, null, 8, ["title", "description", "action", "callback"])) : u("", !0)
+          }, null, 8, ["title", "description", "action", "callback"])) : r("", !0)
         ]),
         _: 1
-      }),
-      y(T, {
+      })) : r("", !0),
+      B(C, {
         tag: "ul",
         name: "feed",
-        class: b(e.$attrs.class)
+        class: y(e.$attrs.class)
       }, {
         default: k(() => [
-          !L(M) && n.value.length > 0 ? R(e.$slots, "default", {
+          !w(b) && n.value.length > 0 ? R(e.$slots, "default", {
             key: 0,
             items: n.value
-          }) : u("", !0),
-          r.showLoadMore && v.value && n.value.length > 0 ? (s(), S("button", {
+          }) : r("", !0),
+          u.showLoadMore && v.value && n.value.length > 0 ? (s(), S("button", {
             key: 1,
-            onClick: E,
+            onClick: I,
             class: "col-w-100 w-100 bg-main button"
-          }, " Load More ")) : u("", !0),
-          I("div", {
+          }, " Load More ")) : r("", !0),
+          U("div", {
             key: "sentinel",
             ref_key: "sentinel",
-            ref: j,
+            ref: E,
             class: "sentinel"
           }, null, 512)
         ]),
@@ -263,5 +269,5 @@ const _ = {
   }
 };
 export {
-  pe as default
+  ve as default
 };

package/dist/prometheus-framework/src/components/Field/Field.vue.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css             */const u=require("../../../../_virtual/_plugin-vue_export-helper.cjs"),r={key:0,class:"t-transp mn-r-small"},c={class:"w-100"},m=["type","value","placeholder","tabindex","disabled"],b=["value","placeholder","tabindex","disabled"],f={key:1,class:"t-transp mn-l-small"},v={key:0,class:"mn-t-thin mn-b-thin mn-b-thin invalid-feedback"},k={__name:"Field",props:{label:null,symbol:null,type:"text",placeholder:"Enter something here",field:null,value:null,validation:!1,disabled:null,tabindex:-1},emits:["update:field","focus","blur"],setup(l,{emit:s}){const a=s,d=l;d.value&&a("update:field",d.value);const i=e.ref(d.field);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:e.normalizeClass([[o.$attrs.class,{"bg-fourth-nano":l.validation}],"flex-center flex-nowrap flex"])},[l.label?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("span",null,e.toDisplayString(l.label),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",c,[l.type!=="textarea"?(e.openBlock(),e.createElementBlock("input",{key:0,onInput:t[0]||(t[0]=n=>i.value=a("update:field",n.target.value)),onFocus:t[1]||(t[1]=n=>a("focus",n)),onBlur:t[2]||(t[2]=n=>a("blur",n)),type:l.type,class:"w-100",value:l.field,placeholder:l.placeholder,tabindex:l.tabindex,disabled:l.disabled},null,40,m)):(e.openBlock(),e.createElementBlock("textarea",{key:1,onInput:t[3]||(t[3]=n=>i.value=a("update:field",n.target.value)),onFocus:t[4]||(t[4]=n=>a("focus",n)),onBlur:t[5]||(t[5]=n=>a("blur",n)),class:"w-100",style:{resize:"vertical"},value:l.field,placeholder:l.placeholder,tabindex:l.tabindex,disabled:l.disabled},null,40,b))]),e.renderSlot(o.$slots,"default",{},void 0,!0),l.symbol?(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("span",null,e.toDisplayString(l.symbol),1)])):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[l.validation?(e.openBlock(),e.createElementBlock("div",v," * "+e.toDisplayString(l.validation.message),1)):e.createCommentVNode("",!0)]),_:1})],64))}},y=u.default(k,[["__scopeId","data-v-47c78b3c"]]);exports.default=y;