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

package/build/mock/index.cjs

@@ -1515,7 +1515,7 @@ const _hoisted_2$q = {
   key: 2,
   class: "section"
 };
-const _sfc_main$1o = /* @__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$1o, [["__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$1n = 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$1n, [["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$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11540,7 +11540,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__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$1l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "OfficeSingleSync",
   setup(__props) {
@@ -13004,9 +13004,9 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__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$1k = /* @__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$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__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$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "NeutronImportButton" },
   __name: "NeutronImportButton",
   setup(__props) {
@@ -13083,7 +13083,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -13136,7 +13136,7 @@ const _sfc_main$1i = /* @__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$1h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -13314,7 +13314,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-0f0e0119"]]);
+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" };
@@ -13333,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$1g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -13696,7 +13696,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-2957df27"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-2957df27"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13719,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$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -14253,7 +14253,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__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" };
@@ -14274,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$1e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -14771,8 +14771,8 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-07766872"]]);
-const _sfc_main$1d = /* @__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;
@@ -14934,8 +14934,8 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-538fa6fb"]]);
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+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) {
@@ -14951,7 +14951,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceTypeSingle",
   setup(__props) {
     const {
@@ -14966,7 +14966,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     } = context.useSingle();
     const toast = interfaces.useToast();
     async function saveCheck() {
-      if (values.value.code === "") {
+      if (initialValues.value.code === "" || values.value.code === "" || !values.value.code) {
         toast.push({
           id: "neu:attendance-type:code",
           icon: "warning",
@@ -15074,7 +15074,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-776e6c14"]]);
+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" };
@@ -15091,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"
   },
@@ -15480,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 {
@@ -15585,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",
@@ -15605,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) {
@@ -15657,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();
@@ -16105,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 }) {
@@ -16284,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" },
@@ -16292,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) {
@@ -16325,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 {
@@ -16437,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"
   },
@@ -16457,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 {
@@ -16550,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 {
@@ -16757,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"
   },
@@ -16776,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 {
@@ -16972,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"
   },
@@ -16991,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 {
@@ -17111,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) {
@@ -17145,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;
@@ -17423,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
@@ -17436,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;
@@ -17716,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
@@ -17729,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;
@@ -17836,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 */
@@ -17848,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"
   },
@@ -17911,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();
@@ -18258,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
@@ -18271,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) {
@@ -18320,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) {
@@ -18342,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 {
@@ -18405,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"
   },
@@ -18424,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 {
@@ -18487,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 {
@@ -18681,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 {
@@ -18875,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"
   },
@@ -18894,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;
@@ -19133,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"
   },
@@ -19152,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 {
@@ -19217,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 {
@@ -19394,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) {
@@ -19529,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) {
@@ -19545,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 {
@@ -19678,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) {
@@ -19694,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 {
@@ -19762,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();
@@ -19993,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 {
@@ -20108,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 */
@@ -20223,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 {
@@ -20445,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"
   },
@@ -20466,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 {
@@ -20571,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 */
@@ -20681,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: {
@@ -20725,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) {
@@ -20787,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" };
@@ -20800,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;
@@ -21191,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"])
@@ -21206,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" };
@@ -21219,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 {
@@ -21473,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": ""
               })
@@ -21488,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" };
@@ -21507,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;
@@ -22010,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"]),
@@ -22069,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" };
@@ -22085,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;
@@ -22518,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"]),
@@ -22577,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" };
@@ -22593,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;
@@ -23025,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"])
@@ -23040,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" };
@@ -23053,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 {
@@ -23307,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": ""
               })
@@ -23322,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"
   },
@@ -23353,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 {
@@ -23616,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 */
@@ -23628,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"
   },
@@ -23647,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 {
@@ -23709,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 {
@@ -23872,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"
   },
@@ -23891,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 {
@@ -24053,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 {
@@ -24273,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) {
@@ -24293,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;
@@ -24651,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) {
@@ -24754,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) {
@@ -25042,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) {
@@ -25318,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) {
@@ -25335,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) {
@@ -25606,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) {
@@ -25623,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 {
@@ -25738,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: {
@@ -25806,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;
@@ -25996,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: {
@@ -26064,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$1j), { 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
@@ -26088,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: {
@@ -26304,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) {
@@ -26330,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) {
@@ -26355,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) {
@@ -26530,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) {
@@ -26635,95 +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$1i,
+  AttendanceCollection: _sfc_main$1o,
   AttendanceDelegate,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
-  AttendanceTypeCollection: _sfc_main$1c,
+  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$1j,
+  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,
@@ -26748,6 +27143,15 @@ const config = helpers.OfficeInterfaces.define({
         // Attendance Type
         "AttendanceTypeCollection",
         "AttendanceTypeSingle",
+        // Leave Quota
+        "LeaveQuotaCollection",
+        "LeaveQuotaSingle",
+        // Leave Staff
+        "LeaveStaffCollection",
+        "LeaveStaffSingle",
+        // Leave Conflict
+        "LeaveConflictCollection",
+        "LeaveConflictSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",