npm - @neutron.co.id/operasional-interfaces - Versions diffs - 1.17.5 → 1.17.7 - Mend

@neutron.co.id/operasional-interfaces 1.17.5 → 1.17.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/build/mock/index.cjs CHANGED Viewed

@@ -1515,7 +1515,7 @@ const _hoisted_2$q = {
   key: 2,
   class: "section"
 };
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -1876,7 +1876,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-0befc683"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1u, [["__scopeId", "data-v-0befc683"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -11434,7 +11434,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1l = vue.defineComponent({
+const _sfc_main$1t = vue.defineComponent({
   inheritAttrs: false,
   emits,
   props: propsDef,
@@ -11453,7 +11453,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_DatePickerPopover, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), null, 16)
   ], 64)) : (vue.openBlock(), vue.createBlock(_component_DatePickerBase, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
 }
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -11481,7 +11481,7 @@ const _hoisted_2$o = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$f = [
   _hoisted_2$o
 ];
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11540,7 +11540,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-af42e627"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1s, [["__scopeId", "data-v-af42e627"]]);
 const useAttendanceStore = pinia.defineStore("neu:personalia:attendance", {
   state: () => ({
     isEntering: false,
@@ -12964,7 +12964,7 @@ const _hoisted_1$z = {
   key: 0,
   class: "office-single-sync"
 };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "OfficeSingleSync",
   setup(__props) {
@@ -13004,9 +13004,9 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1j, [["__scopeId", "data-v-3dbc6c7d"]]);
+const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1r, [["__scopeId", "data-v-3dbc6c7d"]]);
 const _hoisted_1$y = { class: "period-button" };
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "PeriodButton" },
   __name: "PeriodButton",
   emits: ["update:period", "update:date", "sync"],
@@ -13054,9 +13054,9 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1i, [["__scopeId", "data-v-5f2c3308"]]);
+const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1q, [["__scopeId", "data-v-5f2c3308"]]);
 const _hoisted_1$x = { id: "grading-actions" };
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "NeutronImportButton" },
   __name: "NeutronImportButton",
   setup(__props) {
@@ -13083,7 +13083,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -13136,7 +13136,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$w = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$n = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -13215,10 +13215,11 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
                           note: "Tanggal absensi."
                         }
                       }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).type,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
-                      }, vue.unref(fields).type), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).type
+                      }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(office$1.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
@@ -13313,7 +13314,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-68aaccaa"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1n, [["__scopeId", "data-v-0f0e0119"]]);
 const _hoisted_1$v = { class: "flex flex-wrap" };
 const _hoisted_2$m = { class: "mt-2" };
 const _hoisted_3$e = { class: "mt-2" };
@@ -13332,7 +13333,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -13498,7 +13499,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).decideStaff,
                         "is-disabled": vue.unref(values).status == "approved" || vue.unref(values).status == "rejected"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
-                      vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeRelation), {
+                      vue.unref(values).type === "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeRelation), {
                         key: 0,
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
@@ -13515,7 +13516,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : vue.createCommentVNode("v-if", true),
-                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                      vue.unref(values).type === "dayOff" || vue.unref(values).type === "sick" || vue.unref(values).type === "permission" || vue.unref(values).type === "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
                         key: 3,
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
@@ -13695,7 +13696,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-f59b58f4"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-2957df27"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13718,7 +13719,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -14252,7 +14253,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-d413adf3"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-d413adf3"]]);
 const _hoisted_1$t = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -14273,7 +14274,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -14770,8 +14771,8 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-07766872"]]);
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-07766872"]]);
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceDelegate",
   setup(__props) {
     var _a;
@@ -14933,7 +14934,147 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-538fa6fb"]]);
+const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1j, [["__scopeId", "data-v-538fa6fb"]]);
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "AttendanceTypeCollection" },
+  __name: "AttendanceTypeCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-attendance-type-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  __name: "AttendanceTypeSingle",
+  setup(__props) {
+    const {
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    const toast = interfaces.useToast();
+    async function saveCheck() {
+      if (initialValues.value.code === "" || values.value.code === "" || !values.value.code) {
+        toast.push({
+          id: "neu:attendance-type:code",
+          icon: "warning",
+          content: "Kode dari Tipe Absensi belum diisi!",
+          color: "danger",
+          placement: "bottom-right"
+        });
+        return;
+      } else if (values.value.name !== "") {
+        await saveOne();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-type-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: saveCheck
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).name,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
+                      }, vue.unref(fields).name), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).code,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).code = $event)
+                      }, vue.unref(fields).code), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).leaveQuota,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).leaveQuota = $event)
+                      }, vue.unref(fields).leaveQuota), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branches
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).maxDurationDays,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).maxDurationDays = $event)
+                      }, vue.unref(fields).maxDurationDays), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).showLeaveQuota,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).showLeaveQuota = $event)
+                      }, vue.unref(fields).showLeaveQuota), {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonCheck), {
+                            modelValue: vue.unref(values).showLeaveQuota,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).showLeaveQuota = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).showAttendanceType,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).showAttendanceType = $event)
+                      }, vue.unref(fields).showAttendanceType), {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonCheck), {
+                            modelValue: vue.unref(values).showAttendanceType,
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).showAttendanceType = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).description,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).description = $event)
+                      }, vue.unref(fields).description), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-9913f3e7"]]);
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-802b3ded"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$s = { id: "view-checkIns" };
 const _hoisted_2$j = { class: "summary" };
@@ -14950,7 +15091,7 @@ const _hoisted_5$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_6$9 = { class: "end" };
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -15339,9 +15480,9 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$1a, [["__scopeId", "data-v-802b3ded"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-802b3ded"]]);
 const _hoisted_1$r = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -15444,7 +15585,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["__scopeId", "data-v-2b39928d"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-2b39928d"]]);
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-8df96f5c"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$q = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
@@ -15464,7 +15605,7 @@ const _hoisted_2$i = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -15516,9 +15657,9 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["__scopeId", "data-v-8df96f5c"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-8df96f5c"]]);
 const _hoisted_1$p = { class: "buttons" };
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -15964,7 +16105,7 @@ const _hoisted_2$h = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_3$a = { class: "mr-2 text-sm" };
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit: __emit }) {
@@ -16143,7 +16284,7 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$16, [["__scopeId", "data-v-6bdaf755"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-6bdaf755"]]);
 const _hoisted_1$n = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
@@ -16151,7 +16292,7 @@ const _hoisted_1$n = /* @__PURE__ */ vue.createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -16184,7 +16325,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$m = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
     const {
@@ -16296,8 +16437,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["__scopeId", "data-v-7dba7b2e"]]);
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1a, [["__scopeId", "data-v-7dba7b2e"]]);
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -16316,7 +16457,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$l = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -16409,8 +16550,8 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["__scopeId", "data-v-be75db83"]]);
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["__scopeId", "data-v-be75db83"]]);
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -16616,8 +16757,8 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["__scopeId", "data-v-19b1f97b"]]);
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$17, [["__scopeId", "data-v-19b1f97b"]]);
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -16635,7 +16776,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -16831,8 +16972,8 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-ebc684f0"]]);
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$15, [["__scopeId", "data-v-ebc684f0"]]);
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -16850,7 +16991,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -16970,8 +17111,8 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["__scopeId", "data-v-add540b6"]]);
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$13, [["__scopeId", "data-v-add540b6"]]);
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteTab" },
   __name: "ProgressNoteTab",
   setup(__props) {
@@ -17004,7 +17145,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$k = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$g = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -17282,7 +17423,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$Y))
+                vue.createVNode(vue.unref(_sfc_main$12))
               ];
             }),
             _: 1
@@ -17295,10 +17436,10 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["__scopeId", "data-v-607d910c"]]);
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["__scopeId", "data-v-607d910c"]]);
 const _hoisted_1$j = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$f = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -17575,7 +17716,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$Y))
+                vue.createVNode(vue.unref(_sfc_main$12))
               ];
             }),
             _: 1
@@ -17588,8 +17729,8 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-cc36bbaf"]]);
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["__scopeId", "data-v-cc36bbaf"]]);
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -17695,7 +17836,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              vue.createVNode(vue.unref(_sfc_main$Y))
+              vue.createVNode(vue.unref(_sfc_main$12))
             ]),
             _: 1
             /* STABLE */
@@ -17707,8 +17848,8 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["__scopeId", "data-v-d6b827e1"]]);
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-d6b827e1"]]);
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -17770,10 +17911,10 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-0d51a8c3"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["__scopeId", "data-v-0d51a8c3"]]);
 const _hoisted_1$i = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$e = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     const { staff } = useOperasional();
@@ -18117,7 +18258,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$Y))
+                vue.createVNode(vue.unref(_sfc_main$12))
               ];
             }),
             _: 1
@@ -18130,9 +18271,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__scopeId", "data-v-9a6e2573"]]);
+const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["__scopeId", "data-v-9a6e2573"]]);
 const _hoisted_1$h = { class: "flex flex-wrap" };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -18179,7 +18320,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$g = { class: "flex flex-wrap" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
   setup(__props) {
@@ -18201,7 +18342,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSupervisor",
   setup(__props) {
     const {
@@ -18264,8 +18405,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__scopeId", "data-v-2ca10028"]]);
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-2ca10028"]]);
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressAccessCollection"
   },
@@ -18283,7 +18424,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSingle",
   setup(__props) {
     const {
@@ -18346,8 +18487,8 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__scopeId", "data-v-3592f7c4"]]);
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-3592f7c4"]]);
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -18540,8 +18681,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-89afc670"]]);
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__scopeId", "data-v-89afc670"]]);
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySupervisor",
   setup(__props) {
     const {
@@ -18734,8 +18875,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__scopeId", "data-v-983b6c8a"]]);
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__scopeId", "data-v-983b6c8a"]]);
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -18753,7 +18894,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     var _a, _b;
@@ -18992,8 +19133,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-d75da3fd"]]);
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__scopeId", "data-v-d75da3fd"]]);
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -19011,7 +19152,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -19076,8 +19217,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__scopeId", "data-v-f59caf0c"]]);
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__scopeId", "data-v-f59caf0c"]]);
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -19253,7 +19394,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -19388,7 +19529,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -19404,7 +19545,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -19537,7 +19678,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -19553,7 +19694,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -19621,7 +19762,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -19852,7 +19993,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$f = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$d = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -19967,7 +20108,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$B)
+                  vue.createVNode(_sfc_main$H)
                 ]),
                 _: 1
                 /* STABLE */
@@ -20082,10 +20223,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-1966f9f2"]]);
+const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-1966f9f2"]]);
 const _hoisted_1$e = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$c = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffAccess",
   setup(__props) {
     const {
@@ -20304,8 +20445,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-d2de29d6"]]);
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-d2de29d6"]]);
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -20325,7 +20466,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$d = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -20430,7 +20571,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$B)
+                  vue.createVNode(_sfc_main$H)
                 ]),
                 _: 1
                 /* STABLE */
@@ -20540,8 +20681,8 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-baaa95d5"]]);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-baaa95d5"]]);
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SubmissionDocumentTab" },
   __name: "SubmissionDocumentTab",
   props: {
@@ -20584,7 +20725,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SubmissionDetailTab" },
   __name: "SubmissionDetailTab",
   setup(__props) {
@@ -20646,7 +20787,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-3475270c"]]);
+const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__scopeId", "data-v-3475270c"]]);
 const _hoisted_1$c = { class: "flex items-right" };
 const _hoisted_2$a = { class: "flex-grow" };
 const _hoisted_3$9 = { class: "ml-2 flex items-end pb-1" };
@@ -20659,7 +20800,7 @@ const _hoisted_9$6 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$6 = { class: "flex items-right" };
 const _hoisted_11$6 = { class: "flex-grow" };
 const _hoisted_12$6 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a, _b;
@@ -21050,7 +21191,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).statusStaff === "raised" || vue.unref(values).statusStaff === "processed" || vue.unref(values).statusStaff === "approved" || vue.unref(values).statusStaff === "monitored" || vue.unref(values).statusStaff === "discontinued" || vue.unref(values).statusStaff === "resolved"
               }, null, 8, ["is-readonly"])
@@ -21065,7 +21206,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-6e5de481"]]);
+const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-6e5de481"]]);
 const _hoisted_1$b = { class: "flex items-right" };
 const _hoisted_2$9 = { class: "flex-grow" };
 const _hoisted_3$8 = { class: "ml-2 flex items-end pb-1" };
@@ -21078,7 +21219,7 @@ const _hoisted_9$5 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$5 = { class: "flex items-right" };
 const _hoisted_11$5 = { class: "flex-grow" };
 const _hoisted_12$5 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -21332,7 +21473,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -21347,7 +21488,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-b87c6266"]]);
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-b87c6266"]]);
 const _hoisted_1$a = { class: "flex flex-wrap" };
 const _hoisted_2$8 = { class: "mt-2" };
 const _hoisted_3$7 = { class: "mt-2" };
@@ -21366,7 +21507,7 @@ const _hoisted_15$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_16 = { class: "flex items-right" };
 const _hoisted_17 = { class: "flex-grow" };
 const _hoisted_18 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a, _b, _c;
@@ -21869,7 +22010,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               }),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "prepared" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -21928,7 +22069,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__scopeId", "data-v-39e6b2f4"]]);
+const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-39e6b2f4"]]);
 const _hoisted_1$9 = { class: "flex flex-wrap" };
 const _hoisted_2$7 = { class: "mt-2" };
 const _hoisted_3$6 = { class: "mt-2" };
@@ -21944,7 +22085,7 @@ const _hoisted_12$3 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13$1 = { class: "flex items-right" };
 const _hoisted_14$1 = { class: "flex-grow" };
 const _hoisted_15$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -22377,7 +22518,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -22436,7 +22577,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-dcf2399c"]]);
+const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-dcf2399c"]]);
 const _hoisted_1$8 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
 const _hoisted_3$5 = { class: "mt-2" };
@@ -22452,7 +22593,7 @@ const _hoisted_12$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13 = { class: "flex items-right" };
 const _hoisted_14 = { class: "flex-grow" };
 const _hoisted_15 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -22884,7 +23025,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
@@ -22899,7 +23040,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__scopeId", "data-v-11d31cbb"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-11d31cbb"]]);
 const _hoisted_1$7 = { class: "flex items-right" };
 const _hoisted_2$5 = { class: "flex-grow" };
 const _hoisted_3$4 = { class: "ml-2 flex items-end pb-1" };
@@ -22912,7 +23053,7 @@ const _hoisted_9$1 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$1 = { class: "flex items-right" };
 const _hoisted_11$1 = { class: "flex-grow" };
 const _hoisted_12$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
     const {
@@ -23166,7 +23307,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), {
+              vue.createVNode(vue.unref(_sfc_main$C), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -23181,8 +23322,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__scopeId", "data-v-eab8a880"]]);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-eab8a880"]]);
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -23212,7 +23353,7 @@ const _hoisted_9 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10 = { class: "flex items-right" };
 const _hoisted_11 = { class: "flex-grow" };
 const _hoisted_12 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -23475,7 +23616,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$w), { toolbar: "side" })
+              vue.createVNode(vue.unref(_sfc_main$C), { toolbar: "side" })
             ]),
             _: 1
             /* STABLE */
@@ -23487,8 +23628,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-61e0e09a"]]);
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-61e0e09a"]]);
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -23506,7 +23647,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -23568,8 +23709,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-e8147700"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-e8147700"]]);
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -23731,8 +23872,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-9a3ab4b4"]]);
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__scopeId", "data-v-9a3ab4b4"]]);
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -23750,7 +23891,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -23912,8 +24053,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-7bb85044"]]);
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__scopeId", "data-v-7bb85044"]]);
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -24132,7 +24273,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -24152,7 +24293,7 @@ const _hoisted_1$5 = { class: "flex flex-wrap gap-2" };
 const _hoisted_2$3 = { class: "mt-2" };
 const _hoisted_3$2 = { class: "mt-2" };
 const _hoisted_4$2 = { class: "mt-2" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     var _a;
@@ -24510,7 +24651,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$4 = { key: 0 };
 const _hoisted_2$2 = { key: 1 };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -24613,7 +24754,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "ShiftAdministrator",
   setup(__props) {
@@ -24901,8 +25042,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftAdministrator = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-aeac9fbf"]]);
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const ShiftAdministrator = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-aeac9fbf"]]);
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "ShiftSupervisor",
   setup(__props) {
@@ -25177,8 +25318,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-4e4f8d08"]]);
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const ShiftSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-4e4f8d08"]]);
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftCollection" },
   __name: "ShiftCollection",
   setup(__props) {
@@ -25194,7 +25335,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "ShiftSingle",
   setup(__props) {
@@ -25465,7 +25606,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftTypeCollection" },
   __name: "ShiftTypeCollection",
   setup(__props) {
@@ -25482,7 +25623,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$3 = { class: "grid gap-2 sm:grid-cols-2" };
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ShiftTypeSingle",
   setup(__props) {
     const {
@@ -25597,8 +25738,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-b26a1277"]]);
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const ShiftTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-b26a1277"]]);
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffCollection" },
   __name: "ShiftStaffCollection",
   props: {
@@ -25665,8 +25806,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftStaffCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-1865509e"]]);
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const ShiftStaffCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-1865509e"]]);
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ShiftStaffSingle",
   setup(__props) {
     var _a;
@@ -25855,7 +25996,7 @@ const _hoisted_3$1 = { class: "start" };
 const _hoisted_4$1 = { class: "title" };
 const _hoisted_5$1 = { class: "description" };
 const _hoisted_6$1 = { class: "end" };
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffDisplay" },
   __name: "ShiftStaffDisplay",
   props: {
@@ -25923,7 +26064,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_6$1, [
               vue.createVNode(vue.unref(office$1.OfficeCollectionQuery), { displays: __props.displays }, {
                 default: vue.withCtx(() => [
-                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1h), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1p), { key: 0 })) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(vue.unref(office$1.OfficeCollectionOperation), {
                     "is-main": "",
                     path: __props.path
@@ -25947,9 +26088,9 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftStaffDisplay = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-9ab749f2"]]);
+const ShiftStaffDisplay = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-9ab749f2"]]);
 const _hoisted_1$1 = { class: "buttons" };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffWrapper" },
   __name: "ShiftStaffWrapper",
   props: {
@@ -26163,8 +26304,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftStaffWrapper = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-1ddd2145"]]);
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const ShiftStaffWrapper = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-1ddd2145"]]);
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffCollectionStaff" },
   __name: "ShiftStaffCollectionStaff",
   setup(__props) {
@@ -26189,7 +26330,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffCollectionBranch" },
   __name: "ShiftStaffCollectionBranch",
   setup(__props) {
@@ -26214,7 +26355,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffBranchSingle" },
   __name: "ShiftStaffSingleBranch",
   setup(__props) {
@@ -26389,7 +26530,7 @@ const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.create
   /* HOISTED */
 ));
 const _hoisted_7 = { class: "button-end" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ShiftStaffImport" },
   __name: "ShiftStaffImport",
   setup(__props) {
@@ -26494,93 +26635,490 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-818a1e6a"]]);
+const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-818a1e6a"]]);
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LeaveQuotaCollection" },
+  __name: "LeaveQuotaCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-leave-quota-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "LeaveQuotaSingle",
+  setup(__props) {
+    const {
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      syncOne,
+      executeOne
+    } = context.useSingle();
+    const toast = interfaces.useToast();
+    const responseState = vue.ref();
+    function getNotified() {
+      if (responseState.value === "leaveStaffGenerated") {
+        toast.push({
+          id: "generate:leaveQuota",
+          content: "Successfully generated leave quota.",
+          color: "success"
+        });
+      }
+    }
+    async function generateLeave() {
+      const result = await executeOne("generateLeave", {
+        nameLeave: values.value.nameLeave,
+        nameStaffs: values.value.nameStaffs,
+        typeLeave: values.value.typeLeave,
+        leaveQuota: values.value.leaveQuota,
+        startedAt: values.value.startedAt,
+        endedAt: values.value.endedAt,
+        branches: values.value.branches,
+        conflictResolved: false,
+        leaveQuotaId: values.value.id
+      });
+      if (result) {
+        values.value.hasConflict = result.data.executeLeaveQuota.output.hasConflict;
+        await syncOne();
+        await saveOne();
+      }
+      getNotified();
+    }
+    async function saveCheck() {
+      if (values.value.attendanceTypeId == null) {
+        toast.push({
+          id: "neu:attendance-type:code",
+          icon: "warning",
+          content: "Tipe Absensi belum diisi! Silahkan pilih Tipe Absensi terlebih dahulu.",
+          color: "danger",
+          placement: "bottom-right"
+        });
+        return;
+      } else {
+        await saveOne();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: saveCheck
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.unref(values).hasConflict ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonAlert), {
+                        key: 0,
+                        icon: "circle-exclamation",
+                        title: "Konflik Karyawan!.",
+                        description: "Ada data karyawan yang dipilih sudah ada didata Kuota Cuti lainnya. Silahkan hapus data karyawan dan pilih karyawan lainnya.",
+                        color: "warning"
+                      })) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).nameLeave,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).nameLeave = $event)
+                      }, vue.unref(fields).nameLeave), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branches
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).typeLeave
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonFields), { class: "grid grid-cols-[3fr_1fr]" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                            modelValue: vue.unref(values),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                            field: vue.unref(fields).nameStaffs
+                          }, null, 8, ["modelValue", "field"]),
+                          vue.unref(values).hasGenerated === false ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonButton), {
+                            key: 0,
+                            class: "mt-4",
+                            "icon-left": "sync",
+                            label: "Generate",
+                            "is-rounded": "",
+                            size: "sm",
+                            color: "success",
+                            onClick: generateLeave
+                          })) : vue.createCommentVNode("v-if", true)
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).leaveQuota,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).leaveQuota = $event)
+                      }, vue.unref(fields).leaveQuota, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).startedAt,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).startedAt = $event)
+                      }, vue.unref(fields).startedAt), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).endedAt,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).endedAt = $event)
+                      }, vue.unref(fields).endedAt), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).note,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).note = $event)
+                      }, vue.unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode("      Cuti Karyawan"),
+              !vue.unref(isNew) && !vue.unref(values).hasConflict ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeTab), {
+                key: 0,
+                handle: "cutiKaryawan",
+                icon: "house-person-leave",
+                title: "Cuti Karyawan"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(office$1.OfficeCollectionRelated), {
+                    definition: "neu:personalia:leaveStaff",
+                    title: "Cuti Karyawan",
+                    query: vue.unref(query.Query).define({
+                      filter: {
+                        leaveQuotaStaffId: vue.unref(values).id
+                      },
+                      sort: {
+                        handle: "startedAt",
+                        direction: "ascending"
+                      }
+                    }),
+                    excludes: ["click", "create"],
+                    columns: [
+                      "staff",
+                      "typeLeave",
+                      "leaveQuota",
+                      "startedAt",
+                      "endedAt"
+                    ],
+                    sorts: ["startedAt", "createdAt", "updatedAt"],
+                    filters: ["staff"]
+                  }, null, 8, ["query"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : vue.createCommentVNode("v-if", true),
+              !vue.unref(isNew) && vue.unref(values).hasConflict ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeTab), {
+                key: 1,
+                handle: "konflik",
+                icon: "circle-exclamation",
+                title: "Konflik Karyawan"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(interfaces.NeonAlert), {
+                    icon: "circle-exclamation",
+                    title: "Perhatian!",
+                    description: "Selesaikan konflik yang terjadi di kuota cuti.",
+                    color: "warning"
+                  }),
+                  vue.createVNode(vue.unref(office$1.OfficeCollectionRelated), {
+                    definition: "neu:personalia:leaveConflict",
+                    title: "Konlfik Cuti Karyawan",
+                    query: vue.unref(query.Query).define({
+                      filter: {
+                        leaveQuotaId: vue.unref(values).id,
+                        deletedAt: { $exists: false }
+                      },
+                      sort: {
+                        handle: "startedAt",
+                        direction: "ascending"
+                      }
+                    }),
+                    "use-bulk": "",
+                    excludes: ["click", "create"],
+                    columns: [
+                      "staff",
+                      "leaveQuotaOldName",
+                      "leaveQuotaOld",
+                      "leaveQuotaNewName",
+                      "leaveQuotaNew"
+                    ],
+                    sorts: ["startedAt", "createdAt", "updatedAt"],
+                    filters: ["staff"]
+                  }, null, 8, ["query"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "LeaveConflictSingle",
+  setup(__props) {
+    const { fields, values } = context.useSingle();
+    return (_ctx, _cache) => {
+      const _component_NeonField = vue.resolveComponent("NeonField");
+      const _component_NeonForm = vue.resolveComponent("NeonForm");
+      const _component_OfficeTabs = vue.resolveComponent("OfficeTabs");
+      const _component_NeonSingle = vue.resolveComponent("NeonSingle");
+      return vue.openBlock(), vue.createBlock(_component_NeonSingle, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_OfficeTabs, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_NeonForm, { handle: "info" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_NeonField, vue.mergeProps({
+                        modelValue: vue.unref(values).staff,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).staff = $event)
+                      }, vue.unref(fields).staff, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "LeaveStaffSingle",
+  setup(__props) {
+    const { fields, values } = context.useSingle();
+    return (_ctx, _cache) => {
+      const _component_NeonField = vue.resolveComponent("NeonField");
+      const _component_NeonForm = vue.resolveComponent("NeonForm");
+      const _component_OfficeTabs = vue.resolveComponent("OfficeTabs");
+      const _component_NeonSingle = vue.resolveComponent("NeonSingle");
+      return vue.openBlock(), vue.createBlock(_component_NeonSingle, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_OfficeTabs, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_NeonForm, {
+                    handle: "info",
+                    "use-unsaved": ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_NeonField, vue.mergeProps({
+                        modelValue: vue.unref(values).staff,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).staff = $event)
+                      }, vue.unref(fields).staff, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LeaveStaffCollection" },
+  __name: "LeaveStaffCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-leave-staff-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LeaveConflictCollection" },
+  __name: "LeaveConflictCollection",
+  setup(__props) {
+    const { fields } = context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-leave-conflict-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeCollectionTable), {
+            freeze: 1,
+            bulk: { update: "updateConflict" },
+            "use-bulk": "",
+            "use-select": "",
+            size: "lg"
+          }, {
+            "update-form": vue.withCtx(({ values }) => [
+              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                modelValue: values.deleteType,
+                "onUpdate:modelValue": ($event) => values.deleteType = $event
+              }, vue.unref(fields).deleteType), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$1g,
+  AttendanceCollection: _sfc_main$1o,
   AttendanceDelegate,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
+  AttendanceTypeCollection: _sfc_main$1i,
+  AttendanceTypeSingle,
   CheckInAccess,
-  CheckInCollection: _sfc_main$13,
+  CheckInCollection: _sfc_main$19,
   CheckInExternal,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$17,
-  CheckInScanSuccess: _sfc_main$15,
+  CheckInScanError: _sfc_main$1d,
+  CheckInScanSuccess: _sfc_main$1b,
   CheckInScanner,
   CheckInSingle,
   CheckInSupervisor,
+  LeaveConflictCollection: _sfc_main,
+  LeaveConflictSingle: _sfc_main$3,
+  LeaveQuotaCollection: _sfc_main$5,
+  LeaveQuotaSingle: _sfc_main$4,
+  LeaveStaffCollection: _sfc_main$1,
+  LeaveStaffSingle: _sfc_main$2,
   NOperasional: operasional_types,
   NeonTime,
-  NeutronImportButton: _sfc_main$1h,
+  NeutronImportButton: _sfc_main$1p,
   OfficeSingleSync,
   OperasionalIdentitas,
   PeriodButton,
-  PlanCollection: _sfc_main$10,
+  PlanCollection: _sfc_main$16,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$_,
+  PlanTypeCollection: _sfc_main$14,
   PlanTypeSingle,
-  ProgressAccessCollection: _sfc_main$P,
+  ProgressAccessCollection: _sfc_main$V,
   ProgressAccessSingle,
   ProgressAccessSupervisor,
-  ProgressButton: _sfc_main$S,
+  ProgressButton: _sfc_main$Y,
   ProgressCollection,
   ProgressNote,
-  ProgressNoteButton: _sfc_main$R,
+  ProgressNoteButton: _sfc_main$X,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$L,
+  ResponsibilityCollection: _sfc_main$R,
   ResponsibilitySingle,
   ResponsibilityStaff,
   ResponsibilitySupervisor,
-  ResponsibilityTypeCollection: _sfc_main$J,
+  ResponsibilityTypeCollection: _sfc_main$P,
   ResponsibilityTypeSingle,
   ShiftAdministrator,
-  ShiftCollection: _sfc_main$b,
-  ShiftSingle: _sfc_main$a,
+  ShiftCollection: _sfc_main$h,
+  ShiftSingle: _sfc_main$g,
   ShiftStaffCollection,
-  ShiftStaffCollectionBranch: _sfc_main$2,
-  ShiftStaffCollectionStaff: _sfc_main$3,
+  ShiftStaffCollectionBranch: _sfc_main$8,
+  ShiftStaffCollectionStaff: _sfc_main$9,
   ShiftStaffDisplay,
   ShiftStaffImport,
-  ShiftStaffSingle: _sfc_main$6,
-  ShiftStaffSingleBranch: _sfc_main$1,
+  ShiftStaffSingle: _sfc_main$c,
+  ShiftStaffSingleBranch: _sfc_main$7,
   ShiftStaffWrapper,
   ShiftSupervisor,
-  ShiftTypeCollection: _sfc_main$9,
+  ShiftTypeCollection: _sfc_main$f,
   ShiftTypeSingle,
-  SituationCollection: _sfc_main$F,
-  SituationSingle: _sfc_main$E,
-  SituationSupportive: _sfc_main$G,
-  SituationTypeCollection: _sfc_main$D,
-  SituationTypeSingle: _sfc_main$C,
-  SituationWork: _sfc_main$H,
+  SituationCollection: _sfc_main$L,
+  SituationSingle: _sfc_main$K,
+  SituationSupportive: _sfc_main$M,
+  SituationTypeCollection: _sfc_main$J,
+  SituationTypeSingle: _sfc_main$I,
+  SituationWork: _sfc_main$N,
   StaffAccess,
-  StaffCollection: _sfc_main$y,
-  StaffIdentity: _sfc_main$B,
+  StaffCollection: _sfc_main$E,
+  StaffIdentity: _sfc_main$H,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$o,
+  SubmissionCollection: _sfc_main$u,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionSingle,
   SubmissionStaff,
   SubmissionSupervisor,
-  SubmissionTypeCollection: _sfc_main$m,
+  SubmissionTypeCollection: _sfc_main$s,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$j,
+  TargetCollection: _sfc_main$p,
   TargetSingle,
-  TaskCollection: _sfc_main$g,
-  TaskSingle: _sfc_main$f,
-  TaskWork: _sfc_main$h,
-  TaskWorkButton: _sfc_main$e,
+  TaskCollection: _sfc_main$m,
+  TaskSingle: _sfc_main$l,
+  TaskWork: _sfc_main$n,
+  TaskWorkButton: _sfc_main$k,
   bus,
   useAttendanceStore,
   useImportShift,
@@ -26602,6 +27140,18 @@ const config = helpers.OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
+        // Leave Quota
+        "LeaveQuotaCollection",
+        "LeaveQuotaSingle",
+        // Leave Staff
+        "LeaveStaffCollection",
+        "LeaveStaffSingle",
+        // Leave Conflict
+        "LeaveConflictCollection",
+        "LeaveConflictSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",