@piveau/piveau-hub-ui-modules 4.4.28 → 4.5.0

package/dist/form/Repeatable.vue2.mjs

@@ -1,5 +1,75 @@
-const e = "";
+import { defineComponent as x, ref as h, resolveComponent as N, openBlock as l, createElementBlock as r, Fragment as R, renderList as S, normalizeClass as g, toDisplayString as i, createTextVNode as k, createElementVNode as n, createVNode as B, withCtx as b, renderSlot as O } from "vue";
+import { whenever as z } from "../external/@vueuse/shared/index";
+const D = { key: 0 }, E = { key: 1 }, J = { class: "horizontal-wrapper" }, W = { class: "repeatableWrap" }, j = { class: "interactionHeaderRepeatable my-1" }, F = ["onClick"], H = ["onClick", "data-key"], L = { class: "formkitWrapRepeatable" }, w = /* @__PURE__ */ x({
+  __name: "Repeatable",
+  props: {
+    context: Object
+  },
+  setup(y) {
+    const a = y, o = h([{ value: "init", nonce: 0 }]), d = h(0);
+    z(() => {
+      var e;
+      return (e = a.context) == null ? void 0 : e.value;
+    }, (e, t) => {
+      JSON.stringify(e) !== JSON.stringify(t) && (!e || e.length === 0 ? o.value = [{ value: "init", nonce: 0 }] : o.value = e.filter(Boolean).map((s, c) => ({ value: s["@value"] ?? s.name ?? s, nonce: c })), d.value = o.value.length);
+    }, {
+      immediate: !1
+    });
+    const $ = (e) => {
+      var t;
+      o.value.push({ item: (t = a.context) == null ? void 0 : t.value[e]["@value"], nonce: d.value }), d.value += 1;
+    }, C = (e, t) => {
+      t != 1 && o.value.splice(e, 1);
+    };
+    return (e, t) => {
+      const s = N("i18n-t");
+      return l(!0), r(R, null, S(o.value, ({ item: c, nonce: v }, u) => {
+        var m, f, _;
+        return l(), r("div", {
+          class: g(["repeatable formkitProperty", [(m = a.context) == null ? void 0 : m.attrs.identifier]]),
+          key: `${v}`
+        }, [
+          (f = a.context) != null && f.attrs.class && a.context.attrs.class.includes("inDistribution") ? (l(), r("h4", D, i(e.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : (l(), r("h4", E, i(e.$t("message.dataupload.datasets." + ((_ = a.context) == null ? void 0 : _.attrs.identifier) + ".label")) + " " + i(`${u}@${v}`), 1)),
+          t[2] || (t[2] = k()),
+          n("div", J, [
+            n("div", W, [
+              n("div", j, [
+                B(s, {
+                  keypath: "message.dataupload.info.repeatable",
+                  scope: "global",
+                  tag: "p"
+                }, {
+                  add: b(() => [
+                    n("a", {
+                      class: "add",
+                      onClick: (p) => $(u)
+                    }, "+ " + i(e.$t("message.dataupload.info.add")), 9, F)
+                  ]),
+                  remove: b(() => {
+                    var p;
+                    return [
+                      n("a", {
+                        class: g(["remove", { disabledRemove: ((p = a.context) == null ? void 0 : p.value.length) === 1 }]),
+                        onClick: (P) => C(u, o.value.length),
+                        "data-key": c
+                      }, "- " + i(e.$t("message.dataupload.info.remove")), 11, H)
+                    ];
+                  }),
+                  _: 2
+                }, 1024)
+              ]),
+              t[1] || (t[1] = k()),
+              n("div", L, [
+                O(e.$slots, "default", {}, void 0, !0)
+              ])
+            ])
+          ])
+        ], 2);
+      }), 128);
+    };
+  }
+});
 export {
-  e as default
+  w as default
 };
 //# sourceMappingURL=Repeatable.vue2.mjs.map

package/dist/form/Repeatable.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Repeatable.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Repeatable.vue2.mjs","sources":["../../lib/form/Repeatable.vue"],"sourcesContent":["<template>\n  <div class=\"repeatable formkitProperty\" :class=\"[props.context?.attrs.identifier]\"\n    v-for=\"({ item: key, nonce }, repeatableIndex) in counter\" :key=\"`${nonce}`\">\n    <h4 v-if=\"!!props.context?.attrs.class && props.context.attrs.class.includes('inDistribution')\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}</h4>\n    <h4 v-else>{{ $t('message.dataupload.datasets.' + props.context?.attrs.identifier + '.label') }} {{ `${repeatableIndex}@${nonce}` }}</h4>\n    <div class=\"horizontal-wrapper\">\n      <div class=\"repeatableWrap\">\n        <div class=\"interactionHeaderRepeatable my-1\">\n          <i18n-t keypath=\"message.dataupload.info.repeatable\" scope=\"global\" tag=\"p\">\n            <template v-slot:add>\n              <a class=\"add\" @click=\"addItem(repeatableIndex)\">+ {{ $t('message.dataupload.info.add') }}</a>\n            </template>\n            <template v-slot:remove>\n\n              <a class=\"remove\" :class=\"{ disabledRemove: props.context?.value.length === 1 }\"\n                @click=\"removeItem(repeatableIndex, counter.length)\" :data-key=\"key\">- {{\n                  $t('message.dataupload.info.remove') }}</a>\n            </template>\n          </i18n-t>\n        </div>\n        <div class=\"formkitWrapRepeatable\">\n\n          <slot></slot>\n\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { whenever } from '@vueuse/core';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps({\n  context: Object\n})\n\nconst counter = ref<any[]>([{ value: 'init', nonce: 0 }])\nconst nonce = ref(0)\n\nwhenever(() => props.context?.value, (newValue, oldValue) => {\n  // Workaround to prevent infinite recursive loop\n  if (JSON.stringify(newValue) === JSON.stringify(oldValue)) {\n    return\n  }\n  if (!newValue || newValue.length === 0) {\n    counter.value = [{ value: 'init', nonce: 0 }];\n  } else {\n    counter.value = newValue.filter(Boolean).map((item: any, idx: number) => ({ value: item['@value'] ?? item.name ?? item, nonce: idx }));\n  }\n\n  nonce.value = counter.value.length\n}, {\n  immediate: false,\n});\n\n// Pushing a blank to the context object and refreshing the counter\nconst addItem = (index: number) => {\n  counter.value.push({ item: props.context?.value[index]['@value'], nonce: nonce.value })\n  nonce.value += 1\n}\n// remove Item - ToDo need to make sure the localhost notices the splice\nconst removeItem = (index: number, counterLength: number) => {\n\n  if (counterLength != 1) {\n    counter.value.splice(index, 1)\n  }\n\n}\n</script>\n<style scoped>\n.add,\n.remove {\n  padding: 0.5rem;\n  margin: 0.5rem;\n  border-radius: 5px;\n  transition: all 200ms ease-in-out;\n}\n\n.add {\n  border: 1px solid lightseagreen;\n\n  &:hover {\n    text-decoration: none;\n    color: white;\n    background-color: lightseagreen;\n  }\n}\n\n.remove {\n  border: 1px solid lightcoral;\n\n  &:hover {\n    text-decoration: none;\n    color: white;\n    background-color: lightcoral;\n  }\n}\n\n.disabledRemove {\n  &:hover {\n    text-decoration: none;\n    color: white;\n    background-color: lightgray;\n  }\n}\n</style>\n"],"names":["props","__props","counter","ref","nonce","whenever","_a","newValue","oldValue","item","idx","addItem","index","removeItem","counterLength"],"mappings":";;;;;;;;AAkCA,UAAMA,IAAQC,GAIRC,IAAUC,EAAW,CAAC,EAAE,OAAO,QAAQ,OAAO,EAAG,CAAA,CAAC,GAClDC,IAAQD,EAAI,CAAC;AAEnB,IAAAE,EAAS,MAAM;;AAAA,cAAAC,IAAAN,EAAM,YAAN,gBAAAM,EAAe;AAAA,OAAO,CAACC,GAAUC,MAAa;AAE3D,MAAI,KAAK,UAAUD,CAAQ,MAAM,KAAK,UAAUC,CAAQ,MAGpD,CAACD,KAAYA,EAAS,WAAW,IACnCL,EAAQ,QAAQ,CAAC,EAAE,OAAO,QAAQ,OAAO,GAAG,IAE5CA,EAAQ,QAAQK,EAAS,OAAO,OAAO,EAAE,IAAI,CAACE,GAAWC,OAAiB,EAAE,OAAOD,EAAK,QAAQ,KAAKA,EAAK,QAAQA,GAAM,OAAOC,EAAM,EAAA,GAGjIN,EAAA,QAAQF,EAAQ,MAAM;AAAA,IAAA,GAC3B;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AAGK,UAAAS,IAAU,CAACC,MAAkB;;AACjC,MAAAV,EAAQ,MAAM,KAAK,EAAE,OAAMI,IAAAN,EAAM,YAAN,gBAAAM,EAAe,MAAMM,GAAO,WAAW,OAAOR,EAAM,MAAO,CAAA,GACtFA,EAAM,SAAS;AAAA,IAAA,GAGXS,IAAa,CAACD,GAAeE,MAA0B;AAE3D,MAAIA,KAAiB,KACXZ,EAAA,MAAM,OAAOU,GAAO,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/form/Repeatable.vue3.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=Repeatable.vue3.mjs.map

package/dist/form/Repeatable.vue3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Repeatable.vue3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}