@neutron.co.id/operasional-interfaces 1.6.8 → 1.7.0

package/build/index.cjs

@@ -23,8 +23,8 @@ const component = require("@neon.id/utils/component");
 const Scanner = require("qr-scanner");
 const personaliaModels = require("@neutron.co.id/personalia-models");
 const catatInterfaces = require("@neon.id/catat-interfaces");
-const _hoisted_1$h = { class: "xxx-button" };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$k = { class: "xxx-button" };
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "XxxButton" },
   __name: "XxxButton",
   props: {
@@ -35,18 +35,18 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.createVNode(vue.unref(interfaces.NeonButton), { label: "XXX" })
       ]);
     };
   }
 });
-const _hoisted_1$g = { class: "operasional-identitas" };
-const _hoisted_2$c = {
+const _hoisted_1$j = { class: "operasional-identitas" };
+const _hoisted_2$e = {
   key: 2,
   class: "section"
 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -301,7 +301,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
         state2.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(identitasInterfaces.IdentitasConnect), {
           key: 0,
           user: user.value,
@@ -353,7 +353,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["initial-values", "is-loading", "errors"])) : vue.createCommentVNode("v-if", true),
-        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
+        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
           vue.createVNode(vue.unref(interfaces.NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -402,7 +402,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__scopeId", "data-v-355c8370"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__scopeId", "data-v-355c8370"]]);
 var commonjsGlobal$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -8754,7 +8754,7 @@ const _sfc_main$1$1 = {
     }
   }
 };
-const _hoisted_1$f = /* @__PURE__ */ vue.createElementVNode("div", null, [
+const _hoisted_1$i = /* @__PURE__ */ vue.createElementVNode("div", null, [
   /* @__PURE__ */ vue.createElementVNode("svg", {
     fill: "none",
     "stroke-linecap": "round",
@@ -8767,7 +8767,7 @@ const _hoisted_1$f = /* @__PURE__ */ vue.createElementVNode("div", null, [
     /* @__PURE__ */ vue.createElementVNode("path", { d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })
   ])
 ], -1);
-const _hoisted_2$b = { class: "vc-time-content" };
+const _hoisted_2$d = { class: "vc-time-content" };
 const _hoisted_3$6 = {
   key: 0,
   class: "vc-time-date"
@@ -8787,8 +8787,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["vc-time-picker", [{ "vc-invalid": !$props.modelValue.isValid, "vc-bordered": $props.showBorder }]])
   }, [
-    _hoisted_1$f,
-    vue.createElementVNode("div", _hoisted_2$b, [
+    _hoisted_1$i,
+    vue.createElementVNode("div", _hoisted_2$d, [
       $options.date ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
         vue.createElementVNode("span", _hoisted_4$3, vue.toDisplayString($props.locale.format($options.date, "WWW")), 1),
         vue.createElementVNode("span", _hoisted_5$2, vue.toDisplayString($props.locale.format($options.date, "MMM")), 1),
@@ -8843,7 +8843,7 @@ const RANGE_PRIORITY = {
   END: 2,
   BOTH: 3
 };
-const _sfc_main$L = {
+const _sfc_main$O = {
   name: "DatePicker",
   emits: [
     "update:modelValue",
@@ -9499,11 +9499,11 @@ const _sfc_main$L = {
   }
 };
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-3cf0c9ae"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$e = {
+const _hoisted_1$h = {
   key: 0,
   class: "input-loading"
 };
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "loading placeholder-block placeholder-wave" },
   null,
@@ -9511,9 +9511,9 @@ const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_3$5 = [
-  _hoisted_2$a
+  _hoisted_2$c
 ];
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -9550,7 +9550,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, _hoisted_3$5)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), vue.mergeProps({
+          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, _hoisted_3$5)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), vue.mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -9574,7 +9574,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 });
 const NeonTime_vue_vue_type_style_index_0_scoped_3cf0c9ae_lang = "";
 const NeonTime_vue_vue_type_style_index_1_lang = "";
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-3cf0c9ae"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-3cf0c9ae"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -9716,8 +9716,8 @@ function mitt(n) {
 }
 const bus = mitt();
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-94a55da5"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$d = { id: "view-checkIns" };
-const _hoisted_2$9 = { class: "summary" };
+const _hoisted_1$g = { id: "view-checkIns" };
+const _hoisted_2$b = { class: "summary" };
 const _hoisted_3$4 = { class: "wrapper" };
 const _hoisted_4$2 = { class: "header" };
 const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
@@ -9731,7 +9731,7 @@ const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_6 = { class: "end" };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -9872,14 +9872,14 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_CheckInSingleExternalView = vue.resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = vue.resolveComponent("CheckInCollection");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
         vue.createVNode(vue.unref(office.OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$9, [
+            vue.createElementVNode("div", _hoisted_2$b, [
               vue.createVNode(vue.unref(interfaces.NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -10036,9 +10036,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_94a55da5_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-94a55da5"]]);
-const _hoisted_1$c = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__scopeId", "data-v-94a55da5"]]);
+const _hoisted_1$f = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -10096,7 +10096,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.createElementVNode("div", _hoisted_1$c, [
+                      vue.createElementVNode("div", _hoisted_1$f, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -10136,9 +10136,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__scopeId", "data-v-2e2803fb"]]);
-const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__scopeId", "data-v-2e2803fb"]]);
+const _hoisted_1$e = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -10204,7 +10204,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).building
                       }, null, 8, ["modelValue", "field"])) : vue.createCommentVNode("v-if", true),
-                      vue.createElementVNode("div", _hoisted_1$b, [
+                      vue.createElementVNode("div", _hoisted_1$e, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -10246,16 +10246,16 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInExternal_vue_vue_type_style_index_0_scoped_9c4a435e_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-9c4a435e"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-9c4a435e"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d23b6de5"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$a = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
   { align: "center" },
   "Aktifkan kamera untuk scan QR Code",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$a = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "p",
   { align: "center" },
   [
@@ -10266,7 +10266,7 @@ const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -10291,8 +10291,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$a,
-              _hoisted_2$8,
+              _hoisted_1$d,
+              _hoisted_2$a,
               vue.createVNode(vue.unref(interfaces.NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -10319,9 +10319,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-d23b6de5"]]);
-const _hoisted_1$9 = { class: "buttons" };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-d23b6de5"]]);
+const _hoisted_1$c = { class: "buttons" };
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -10334,7 +10334,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(interfaces.NeonSheet), null, {
             footer: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$9, [
+              vue.createElementVNode("div", _hoisted_1$c, [
                 vue.createVNode(vue.unref(interfaces.NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -10369,14 +10369,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _withScopeId = (n) => (vue.pushScopeId("data-v-ef426ef3"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "invalid-message" },
   "Invalid Code!",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   null,
   null,
@@ -10385,7 +10385,7 @@ const _hoisted_2$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
 ));
 const _hoisted_3$3 = ["onClick"];
 const _hoisted_4$1 = { class: "mr-2 text-sm" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -10530,8 +10530,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
                     class: "inner",
                     onClick: switchCamera
                   }, [
-                    _hoisted_1$8,
-                    _hoisted_2$7,
+                    _hoisted_1$b,
+                    _hoisted_2$9,
                     vue.createElementVNode("div", {
                       class: "button-switch",
                       onClick: vue.withModifiers(switchCamera, ["stop"])
@@ -10567,15 +10567,15 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__scopeId", "data-v-ef426ef3"]]);
-const _hoisted_1$7 = /* @__PURE__ */ vue.createElementVNode(
+const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-ef426ef3"]]);
+const _hoisted_1$a = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
   "Presensi Berhasil!",
   -1
   /* HOISTED */
 );
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -10595,7 +10595,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$7
+              _hoisted_1$a
             ]),
             _: 1
             /* STABLE */
@@ -10607,7 +10607,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -10626,7 +10626,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffModel = personaliaModels.models.StaffModel;
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -10644,9 +10644,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$9 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$8 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -10683,7 +10683,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$6, [
+                      vue.createElementVNode("div", _hoisted_1$9, [
                         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)
@@ -10693,7 +10693,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
                         }, vue.unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      vue.createElementVNode("div", _hoisted_2$6, [
+                      vue.createElementVNode("div", _hoisted_2$8, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
@@ -10726,7 +10726,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$y))
+                  vue.createVNode(vue.unref(_sfc_main$B))
                 ]),
                 _: 1
                 /* STABLE */
@@ -10797,10 +10797,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_0cf4cd99_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-0cf4cd99"]]);
-const _hoisted_1$5 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$5 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-0cf4cd99"]]);
+const _hoisted_1$8 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$7 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -10837,7 +10837,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$5, [
+                      vue.createElementVNode("div", _hoisted_1$8, [
                         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)
@@ -10847,7 +10847,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
                         }, vue.unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      vue.createElementVNode("div", _hoisted_2$5, [
+                      vue.createElementVNode("div", _hoisted_2$7, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
@@ -10880,7 +10880,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$y))
+                  vue.createVNode(vue.unref(_sfc_main$B))
                 ]),
                 _: 1
                 /* STABLE */
@@ -10958,8 +10958,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-c62cf70a"]]);
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-c62cf70a"]]);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -11115,7 +11115,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationModel = personaliaModels.models.SituationModel;
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -11131,7 +11131,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -11269,7 +11269,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -11450,7 +11450,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -11589,7 +11589,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationTypeModel = personaliaModels.models.SituationTypeModel;
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -11605,7 +11605,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -11678,9 +11678,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TaskModel = personaliaModels.models.TaskModel;
-const _hoisted_1$4 = { key: 0 };
-const _hoisted_2$4 = { key: 1 };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = { key: 0 };
+const _hoisted_2$6 = { key: 1 };
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -11773,7 +11773,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         vue.Fragment,
         null,
         [
-          onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+          onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
             vue.createVNode(vue.unref(interfaces.NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -11783,7 +11783,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               onClick: onClickHandlerStartTaskWork
             })
           ])) : vue.createCommentVNode("v-if", true),
-          onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
+          onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
             vue.createVNode(vue.unref(interfaces.NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -11801,7 +11801,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -11817,7 +11817,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     const {
@@ -12040,7 +12040,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -12263,7 +12263,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionModel = personaliaModels.models.SubmissionModel;
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -12281,7 +12281,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -12478,8 +12478,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionSingle_vue_vue_type_style_index_0_scoped_39553dbd_lang = "";
-const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-39553dbd"]]);
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__scopeId", "data-v-39553dbd"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a;
@@ -12751,8 +12751,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionStaff_vue_vue_type_style_index_0_scoped_3ed905bd_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-3ed905bd"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__scopeId", "data-v-3ed905bd"]]);
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -12943,13 +12943,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_6fd14e52_lang = "";
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-6fd14e52"]]);
-const _hoisted_1$3 = { class: "flex flex-wrap" };
-const _hoisted_2$3 = { class: "mt-2" };
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-6fd14e52"]]);
+const _hoisted_1$6 = { class: "flex flex-wrap" };
+const _hoisted_2$5 = { class: "mt-2" };
 const _hoisted_3$2 = { class: "mt-2" };
 const _hoisted_4 = { class: "mt-2" };
 const _hoisted_5 = { class: "mt-2" };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a;
@@ -13053,8 +13053,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$3, [
-                        vue.createElementVNode("div", _hoisted_2$3, [
+                      vue.createElementVNode("div", _hoisted_1$6, [
+                        vue.createElementVNode("div", _hoisted_2$5, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -13146,7 +13146,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).title,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).title = $event)
                       }, vue.unref(fields).title, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                        "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
                         default: vue.withCtx(() => [
@@ -13155,14 +13155,14 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).branches,
                             query: vue.unref(query.Query).define(branchOptions.value),
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).type,
                             query: vue.unref(query.Query).define(typeOptions.value),
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "query", "is-disabled"])
                         ]),
                         _: 1
@@ -13174,13 +13174,13 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).submissionStaffs,
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).raiseStaffs,
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "is-disabled"])
                         ]),
                         _: 1
@@ -13192,7 +13192,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                             modelValue: vue.unref(values),
                             "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
                             field: vue.unref(fields).decideStaffs,
-                            "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                            "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                           }, null, 8, ["modelValue", "field", "is-disabled"]),
                           vue.createVNode(vue.unref(office.OfficeRelation), {
                             modelValue: vue.unref(values),
@@ -13207,7 +13207,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).specifications,
                         "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).specifications = $event)
                       }, vue.unref(fields).specifications, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                        "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).preparedAt,
@@ -13229,7 +13229,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values).nominal,
                         "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).nominal = $event)
                       }, vue.unref(fields).nominal, {
-                        "is-disabled": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
+                        "is-disabled": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
                       }), null, 16, ["modelValue", "is-disabled"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
@@ -13297,12 +13297,12 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionAudit_vue_vue_type_style_index_0_scoped_da41fc59_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-da41fc59"]]);
-const _hoisted_1$2 = { class: "flex flex-wrap" };
-const _hoisted_2$2 = { class: "mt-2" };
+const SubmissionAudit_vue_vue_type_style_index_0_scoped_7ee6c6b9_lang = "";
+const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-7ee6c6b9"]]);
+const _hoisted_1$5 = { class: "flex flex-wrap" };
+const _hoisted_2$4 = { class: "mt-2" };
 const _hoisted_3$1 = { class: "mt-2" };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a;
@@ -13406,8 +13406,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$2, [
-                        vue.createElementVNode("div", _hoisted_2$2, [
+                      vue.createElementVNode("div", _hoisted_1$5, [
+                        vue.createElementVNode("div", _hoisted_2$4, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -13613,11 +13613,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionDecision_vue_vue_type_style_index_0_scoped_ec347ac5_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-ec347ac5"]]);
-const _hoisted_1$1 = { class: "flex flex-wrap" };
-const _hoisted_2$1 = { class: "mt-2" };
+const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-ec347ac5"]]);
+const _hoisted_1$4 = { class: "flex flex-wrap" };
+const _hoisted_2$3 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a;
@@ -13723,8 +13723,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$1, [
-                        vue.createElementVNode("div", _hoisted_2$1, [
+                      vue.createElementVNode("div", _hoisted_1$4, [
+                        vue.createElementVNode("div", _hoisted_2$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -13930,9 +13930,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_051b2194_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-051b2194"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-051b2194"]]);
 const SubmissionTypeModel = personaliaModels.models.SubmissionTypeModel;
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -13950,7 +13950,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -14016,9 +14016,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionTypeSingle_vue_vue_type_style_index_0_scoped_2b7e18ba_lang = "";
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-2b7e18ba"]]);
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-2b7e18ba"]]);
 const ResponsibilityTypeModel = personaliaModels.models.ResponsibilityTypeModel;
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -14036,7 +14036,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -14102,9 +14102,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityTypeSingle_vue_vue_type_style_index_0_scoped_3df9fac1_lang = "";
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-3df9fac1"]]);
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-3df9fac1"]]);
 const ResponsibilityModel = personaliaModels.models.ResponsibilityModel;
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -14122,7 +14122,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -14274,8 +14274,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_4dd154b8_lang = "";
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-4dd154b8"]]);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-4dd154b8"]]);
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -14431,9 +14431,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_62233bc2_lang = "";
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-62233bc2"]]);
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-62233bc2"]]);
 const TargetModel = personaliaModels.models.TargetModel;
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -14451,7 +14451,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -14604,8 +14604,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetSingle_vue_vue_type_style_index_0_scoped_279e9805_lang = "";
-const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-279e9805"]]);
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-279e9805"]]);
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -14758,9 +14758,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetBranch_vue_vue_type_style_index_0_scoped_b06ddc2d_lang = "";
-const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-b06ddc2d"]]);
+const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-b06ddc2d"]]);
 const PlanTypeModel = personaliaModels.models.PlanTypeModel;
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -14778,7 +14778,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -14880,9 +14880,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                     sorts: ["createdAt", "updatedAt"],
                     "initial-values": {
                       planTypeIds: vue.unref(id),
-                      planTypes: vue.unref(values),
-                      staffIds: vue.unref(values).staffIds,
-                      staffs: vue.unref(values).staffs
+                      planTypes: vue.unref(values)
                     }
                   }, null, 8, ["query", "is-ready", "initial-values"])
                 ]),
@@ -14900,10 +14898,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanTypeSingle_vue_vue_type_style_index_0_scoped_840b3340_lang = "";
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-840b3340"]]);
+const PlanTypeSingle_vue_vue_type_style_index_0_scoped_4fd687ad_lang = "";
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-4fd687ad"]]);
 const PlanModel = personaliaModels.models.PlanModel;
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -14921,7 +14919,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -14947,6 +14945,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       if (values.value.domain === "education")
         values.value.stageIds = [];
     };
+    const saveAndSyncOne = async () => {
+      await saveOne();
+      await syncOne();
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-plan-single" }, {
         default: vue.withCtx(() => [
@@ -14965,7 +14967,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                     "is-changed": vue.unref(isChanged),
                     "use-unsaved": "",
                     onCancel: vue.unref(discardChanges),
-                    onSubmit: vue.unref(saveOne)
+                    onSubmit: saveAndSyncOne
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
@@ -15034,12 +15036,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).staffs
+                        field: vue.unref(fields).staffs,
+                        "is-disabled": ""
                       }, null, 8, ["modelValue", "field"])
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
                 ]),
                 _: 1
                 /* STABLE */
@@ -15091,9 +15094,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanSingle_vue_vue_type_style_index_0_scoped_a653393a_lang = "";
-const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-a653393a"]]);
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle_vue_vue_type_style_index_0_scoped_9ee52a12_lang = "";
+const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-9ee52a12"]]);
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -15107,7 +15110,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       isMain,
       isNew,
       saveOne,
-      discardChanges
+      discardChanges,
+      syncOne
     } = context.useSingle();
     const onDomainUpdate = () => {
       if (values.value.domain === "operational") {
@@ -15117,6 +15121,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       if (values.value.domain === "education")
         values.value.stageIds = [];
     };
+    const saveAndSyncOne = async () => {
+      await saveOne();
+      await syncOne();
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-plan-single" }, {
         default: vue.withCtx(() => [
@@ -15135,7 +15143,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                     "is-changed": vue.unref(isChanged),
                     "use-unsaved": "",
                     onCancel: vue.unref(discardChanges),
-                    onSubmit: vue.unref(saveOne)
+                    onSubmit: saveAndSyncOne
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
@@ -15223,47 +15231,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              vue.createCommentVNode(" PROGRESS "),
-              !vue.unref(isNew) ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeTab), {
-                key: 0,
-                handle: "progress",
-                icon: "info-circle",
-                title: "Progress"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(office.OfficeCollectionRelated), {
-                    definition: "neu:personalia:progress",
-                    title: "Progress",
-                    description: "Progress dari tanggungjawab.",
-                    query: vue.unref(query.Query).define({
-                      filter: [
-                        {
-                          planIds: vue.unref(id)
-                        }
-                      ],
-                      sort: {
-                        handle: "startedEst",
-                        direction: "ascending"
-                      }
-                    }),
-                    "is-ready": vue.unref(isReady),
-                    columns: ["startedEst", "endedEst", "staff", "detail"],
-                    sorts: ["startedEst", "startedEst", "createdAt", "updatedAt"],
-                    filters: ["staff"],
-                    "initial-values": {
-                      planIds: vue.unref(id),
-                      plans: vue.unref(values)
-                    }
-                  }, null, 8, ["query", "is-ready", "initial-values"])
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
                 ]),
                 _: 1
                 /* STABLE */
-              })) : vue.createCommentVNode("v-if", true)
+              })
             ]),
             _: 1
             /* STABLE */
@@ -15275,10 +15247,57 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanStaff_vue_vue_type_style_index_0_scoped_e55e97e5_lang = "";
-const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-e55e97e5"]]);
+const PlanStaff_vue_vue_type_style_index_0_scoped_536f59ce_lang = "";
+const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__scopeId", "data-v-536f59ce"]]);
 const ProgressModel = personaliaModels.models.ProgressModel;
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$3 = { class: "flex flex-wrap" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "ProgressButton" },
+  __name: "ProgressButton",
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const tomorrowClick = () => {
+      router.push("/penugasan/tomorrow-progresses/new");
+    };
+    const todayClick = () => {
+      router.push("/personalia/progresses/new");
+    };
+    const yesterdayClick = () => {
+      router.push("/penugasan/yesterday-progresses/new");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        vue.createVNode(vue.unref(interfaces.NeonButton), {
+          "is-rounded": true,
+          size: "sm",
+          color: "dark",
+          "icon-left": "plus",
+          label: "Kemarin",
+          onClick: yesterdayClick
+        }),
+        vue.createTextVNode("  "),
+        vue.createVNode(vue.unref(interfaces.NeonButton), {
+          "is-rounded": true,
+          size: "sm",
+          color: "dark",
+          "icon-left": "plus",
+          label: "Hari Ini",
+          onClick: todayClick
+        }),
+        vue.createTextVNode("  "),
+        vue.createVNode(vue.unref(interfaces.NeonButton), {
+          "is-rounded": true,
+          size: "sm",
+          color: "dark",
+          "icon-left": "plus",
+          label: "Besok",
+          onClick: tomorrowClick
+        })
+      ]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -15479,9 +15498,9 @@ class DateUtil {
     return dayjs;
   }
 }
-const _hoisted_1 = { class: "grid gap-2 sm:grid-cols-2" };
-const _hoisted_2 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$2 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$2 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     const {
@@ -15562,6 +15581,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         immediate: true
       }
     );
+    const submissionOptions = vue.computed(() => {
+      return {
+        filter: [
+          {
+            handle: "status",
+            operator: "in",
+            value: ["approved", "monitored"]
+          },
+          {
+            handle: "followUpStaffIds",
+            operator: "in",
+            value: values.value.staffId
+          }
+        ]
+      };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-single" }, {
         default: vue.withCtx(() => [
@@ -15605,7 +15640,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      vue.createElementVNode("div", _hoisted_1, [
+                      vue.createElementVNode("div", _hoisted_1$2, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedEst,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedEst = $event)
@@ -15646,7 +15681,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
-                              _hoisted_2,
+                              _hoisted_2$2,
                               vue.toDisplayString(duration2.value),
                               1
                               /* TEXT */
@@ -15671,11 +15706,489 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).responsibilities,
                         query: vue.unref(query.Query).define(responsibilityOptions.value)
                       }, null, 8, ["modelValue", "field", "query"]),
+                      vue.createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> '),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).plans
-                      }, null, 8, ["modelValue", "field"])
+                        field: vue.unref(fields).submissions,
+                        query: vue.unref(query.Query).define(submissionOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ProgressSingle_vue_vue_type_style_index_0_scoped_4ef30da9_lang = "";
+const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-4ef30da9"]]);
+const _hoisted_1$1 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$1 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ProgressTomorrow",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    const { staff } = useOperasional();
+    const responsibilityOptions = vue.computed(() => {
+      var _a, _b;
+      return {
+        filter: [
+          {
+            handle: "condition",
+            operator: "eq",
+            value: "active"
+          },
+          {
+            $or: [
+              {
+                handle: "staffWorkIds",
+                operator: "in",
+                value: (_a = staff.value) == null ? void 0 : _a.id
+              },
+              {
+                handle: "staffSuperviseIds",
+                operator: "in",
+                value: (_b = staff.value) == null ? void 0 : _b.id
+              }
+            ]
+          }
+        ]
+      };
+    });
+    const key = vue.ref(0);
+    const diff = vue.computed(() => {
+      return DateUtil.day(values.value.endedEst).diff(values.value.startedEst);
+    });
+    const duration2 = vue.computed(() => {
+      if (isNaN(diff.value))
+        return "-";
+      const duration22 = DateUtil.day.duration(diff.value);
+      return duration22.format("HH [jam] mm [menit]");
+    });
+    function onStartedEstUpdate(date) {
+      if (!date)
+        return;
+      const currentEndedendedEst = DateUtil.day(values.value.endedEst);
+      let startedEst = DateUtil.day(date);
+      let endedEst = DateUtil.day(date);
+      startedEst = startedEst.second(0).millisecond(0);
+      endedEst = endedEst.hour(currentEndedendedEst.hour()).minute(currentEndedendedEst.minute()).second(0).millisecond(0);
+      values.value.startedEst = startedEst.toISOString();
+      values.value.endedEst = endedEst.toISOString();
+    }
+    const sekarang = dayjs(/* @__PURE__ */ new Date());
+    const besok = sekarang.add(1, "day");
+    vue.watch(
+      isNew,
+      (isNew2) => {
+        var _a;
+        if (!isNew2)
+          return;
+        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staff = staff.value;
+        values.value.startedEst = besok.second(0).millisecond(0).toISOString();
+        values.value.endedEst = besok.add(90, "m").toISOString();
+      },
+      {
+        immediate: true
+      }
+    );
+    const submissionOptions = vue.computed(() => {
+      return {
+        filter: [
+          {
+            handle: "status",
+            operator: "in",
+            value: ["approved", "monitored"]
+          },
+          {
+            handle: "followUpStaffIds",
+            operator: "in",
+            value: values.value.staffId
+          }
+        ]
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.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: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                            key: key.value,
+                            "model-value": vue.unref(values).startedEst
+                          }, {
+                            handle: "startedEst",
+                            name: "Tanggal",
+                            type: "date",
+                            input: "date2",
+                            options: {
+                              note: "Tanggal progress."
+                            }
+                          }, { "onUpdate:modelValue": onStartedEstUpdate }), null, 16, ["model-value"])),
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).detail,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).detail = $event)
+                          }, vue.unref(fields).detail), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode("div", _hoisted_1$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).startedEst,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedEst = $event)
+                        }, {
+                          handle: "startedEst",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).startedEst,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).startedEst = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).endedEst,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).endedEst = $event)
+                        }, {
+                          handle: "endedEst",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).endedEst,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).endedEst = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_2$1,
+                              vue.toDisplayString(duration2.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).staff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Referensi"
+                      }),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).responsibilities,
+                        query: vue.unref(query.Query).define(responsibilityOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submissions,
+                        query: vue.unref(query.Query).define(submissionOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"]),
+                      vue.createCommentVNode(' <OfficeRelation v-model="values" :field="fields.plans" /> ')
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ProgressTomorrow_vue_vue_type_style_index_0_scoped_09ccf676_lang = "";
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-09ccf676"]]);
+const _hoisted_1 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "ProgressYesterday",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    const { staff } = useOperasional();
+    const responsibilityOptions = vue.computed(() => {
+      var _a, _b;
+      return {
+        filter: [
+          {
+            handle: "condition",
+            operator: "eq",
+            value: "active"
+          },
+          {
+            $or: [
+              {
+                handle: "staffWorkIds",
+                operator: "in",
+                value: (_a = staff.value) == null ? void 0 : _a.id
+              },
+              {
+                handle: "staffSuperviseIds",
+                operator: "in",
+                value: (_b = staff.value) == null ? void 0 : _b.id
+              }
+            ]
+          }
+        ]
+      };
+    });
+    const key = vue.ref(0);
+    const diff = vue.computed(() => {
+      return DateUtil.day(values.value.endedEst).diff(values.value.startedEst);
+    });
+    const duration2 = vue.computed(() => {
+      if (isNaN(diff.value))
+        return "-";
+      const duration22 = DateUtil.day.duration(diff.value);
+      return duration22.format("HH [jam] mm [menit]");
+    });
+    function onStartedEstUpdate(date) {
+      if (!date)
+        return;
+      const currentEndedendedEst = DateUtil.day(values.value.endedEst);
+      let startedEst = DateUtil.day(date);
+      let endedEst = DateUtil.day(date);
+      startedEst = startedEst.second(0).millisecond(0);
+      endedEst = endedEst.hour(currentEndedendedEst.hour()).minute(currentEndedendedEst.minute()).second(0).millisecond(0);
+      values.value.startedEst = startedEst.toISOString();
+      values.value.endedEst = endedEst.toISOString();
+    }
+    const sekarang = dayjs(/* @__PURE__ */ new Date());
+    const besok = sekarang.add(-1, "day");
+    vue.watch(
+      isNew,
+      (isNew2) => {
+        var _a;
+        if (!isNew2)
+          return;
+        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staff = staff.value;
+        values.value.startedEst = besok.second(0).millisecond(0).toISOString();
+        values.value.endedEst = besok.add(90, "m").toISOString();
+      },
+      {
+        immediate: true
+      }
+    );
+    const submissionOptions = vue.computed(() => {
+      return {
+        filter: [
+          {
+            handle: "status",
+            operator: "in",
+            value: ["approved", "monitored"]
+          },
+          {
+            handle: "followUpStaffIds",
+            operator: "in",
+            value: values.value.staffId
+          }
+        ]
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.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: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                            key: key.value,
+                            "model-value": vue.unref(values).startedEst
+                          }, {
+                            handle: "startedEst",
+                            name: "Tanggal",
+                            type: "date",
+                            input: "date2",
+                            options: {
+                              note: "Tanggal progress."
+                            }
+                          }, { "onUpdate:modelValue": onStartedEstUpdate }), null, 16, ["model-value"])),
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).detail,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).detail = $event)
+                          }, vue.unref(fields).detail), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode("div", _hoisted_1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).startedEst,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedEst = $event)
+                        }, {
+                          handle: "startedEst",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).startedEst,
+                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).startedEst = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).endedEst,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).endedEst = $event)
+                        }, {
+                          handle: "endedEst",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).endedEst,
+                              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).endedEst = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_2,
+                              vue.toDisplayString(duration2.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).staff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Referensi"
+                      }),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).responsibilities,
+                        query: vue.unref(query.Query).define(responsibilityOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).plans
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submissions,
+                        query: vue.unref(query.Query).define(submissionOptions.value)
+                      }, null, 8, ["modelValue", "field", "query"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -15695,72 +16208,75 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressSingle_vue_vue_type_style_index_0_scoped_cca6fb42_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-cca6fb42"]]);
+const ProgressYesterday_vue_vue_type_style_index_0_scoped_ac62b6ea_lang = "";
+const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-ac62b6ea"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CheckInAccess,
-  CheckInCollection: _sfc_main$C,
+  CheckInCollection: _sfc_main$F,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$F,
-  CheckInScanSuccess: _sfc_main$D,
+  CheckInScanError: _sfc_main$I,
+  CheckInScanSuccess: _sfc_main$G,
   CheckInScanner,
   CheckInSingle,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$4,
+  PlanCollection: _sfc_main$7,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$6,
+  PlanTypeCollection: _sfc_main$9,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressCollection: _sfc_main$1,
+  ProgressButton: _sfc_main$4,
+  ProgressCollection: _sfc_main$3,
   ProgressModel,
   ProgressSingle,
-  ResponsibilityCollection: _sfc_main$c,
+  ProgressTomorrow,
+  ProgressYesterday,
+  ResponsibilityCollection: _sfc_main$f,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  ResponsibilityTypeCollection: _sfc_main$e,
+  ResponsibilityTypeCollection: _sfc_main$h,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$x,
+  SituationCollection: _sfc_main$A,
   SituationModel,
-  SituationSingle: _sfc_main$w,
-  SituationSupportive: _sfc_main$u,
-  SituationTypeCollection: _sfc_main$t,
+  SituationSingle: _sfc_main$z,
+  SituationSupportive: _sfc_main$x,
+  SituationTypeCollection: _sfc_main$w,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$s,
-  SituationWork: _sfc_main$v,
-  StaffCollection: _sfc_main$B,
-  StaffIdentity: _sfc_main$y,
+  SituationTypeSingle: _sfc_main$v,
+  SituationWork: _sfc_main$y,
+  StaffCollection: _sfc_main$E,
+  StaffIdentity: _sfc_main$B,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$n,
+  SubmissionCollection: _sfc_main$q,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  SubmissionTypeCollection: _sfc_main$g,
+  SubmissionTypeCollection: _sfc_main$j,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$9,
+  TargetCollection: _sfc_main$c,
   TargetModel,
   TargetSingle,
-  TaskCollection: _sfc_main$q,
+  TaskCollection: _sfc_main$t,
   TaskModel,
-  TaskSingle: _sfc_main$p,
-  TaskWork: _sfc_main$o,
-  TaskWorkButton: _sfc_main$r,
-  XxxButton: _sfc_main$N
+  TaskSingle: _sfc_main$s,
+  TaskWork: _sfc_main$r,
+  TaskWorkButton: _sfc_main$u,
+  XxxButton: _sfc_main$Q
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component2]) => {
@@ -15776,70 +16292,73 @@ const OperasionalInterfacesPlugin = {
   }
 };
 exports.CheckInAccess = CheckInAccess;
-exports.CheckInCollection = _sfc_main$C;
+exports.CheckInCollection = _sfc_main$F;
 exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
-exports.CheckInScanError = _sfc_main$F;
-exports.CheckInScanSuccess = _sfc_main$D;
+exports.CheckInScanError = _sfc_main$I;
+exports.CheckInScanSuccess = _sfc_main$G;
 exports.CheckInScanner = CheckInScanner;
 exports.CheckInSingle = CheckInSingle;
 exports.NOperasional = operasional_types;
 exports.NeonTime = NeonTime;
 exports.OperasionalIdentitas = OperasionalIdentitas;
 exports.OperasionalInterfacesPlugin = OperasionalInterfacesPlugin;
-exports.PlanCollection = _sfc_main$4;
+exports.PlanCollection = _sfc_main$7;
 exports.PlanModel = PlanModel;
 exports.PlanSingle = PlanSingle;
 exports.PlanStaff = PlanStaff;
-exports.PlanTypeCollection = _sfc_main$6;
+exports.PlanTypeCollection = _sfc_main$9;
 exports.PlanTypeModel = PlanTypeModel;
 exports.PlanTypeSingle = PlanTypeSingle;
-exports.ProgressCollection = _sfc_main$1;
+exports.ProgressButton = _sfc_main$4;
+exports.ProgressCollection = _sfc_main$3;
 exports.ProgressModel = ProgressModel;
 exports.ProgressSingle = ProgressSingle;
-exports.ResponsibilityCollection = _sfc_main$c;
+exports.ProgressTomorrow = ProgressTomorrow;
+exports.ProgressYesterday = ProgressYesterday;
+exports.ResponsibilityCollection = _sfc_main$f;
 exports.ResponsibilityModel = ResponsibilityModel;
 exports.ResponsibilitySingle = ResponsibilitySingle;
 exports.ResponsibilityStaff = ResponsibilityStaff;
-exports.ResponsibilityTypeCollection = _sfc_main$e;
+exports.ResponsibilityTypeCollection = _sfc_main$h;
 exports.ResponsibilityTypeModel = ResponsibilityTypeModel;
 exports.ResponsibilityTypeSingle = ResponsibilityTypeSingle;
 exports.Schema = graphql;
-exports.SituationCollection = _sfc_main$x;
+exports.SituationCollection = _sfc_main$A;
 exports.SituationModel = SituationModel;
-exports.SituationSingle = _sfc_main$w;
-exports.SituationSupportive = _sfc_main$u;
-exports.SituationTypeCollection = _sfc_main$t;
+exports.SituationSingle = _sfc_main$z;
+exports.SituationSupportive = _sfc_main$x;
+exports.SituationTypeCollection = _sfc_main$w;
 exports.SituationTypeModel = SituationTypeModel;
-exports.SituationTypeSingle = _sfc_main$s;
-exports.SituationWork = _sfc_main$v;
-exports.StaffCollection = _sfc_main$B;
-exports.StaffIdentity = _sfc_main$y;
+exports.SituationTypeSingle = _sfc_main$v;
+exports.SituationWork = _sfc_main$y;
+exports.StaffCollection = _sfc_main$E;
+exports.StaffIdentity = _sfc_main$B;
 exports.StaffModel = StaffModel;
 exports.StaffOperasional = StaffOperasional;
 exports.StaffSingle = StaffSingle;
 exports.SubmissionAudit = SubmissionAudit;
-exports.SubmissionCollection = _sfc_main$n;
+exports.SubmissionCollection = _sfc_main$q;
 exports.SubmissionDecision = SubmissionDecision;
 exports.SubmissionFollowUp = SubmissionFollowUp;
 exports.SubmissionModel = SubmissionModel;
 exports.SubmissionSingle = SubmissionSingle;
 exports.SubmissionStaff = SubmissionStaff;
-exports.SubmissionTypeCollection = _sfc_main$g;
+exports.SubmissionTypeCollection = _sfc_main$j;
 exports.SubmissionTypeModel = SubmissionTypeModel;
 exports.SubmissionTypeSingle = SubmissionTypeSingle;
 exports.SubmissionWaitingDecision = SubmissionWaitingDecision;
 exports.TargetBranch = TargetBranch;
-exports.TargetCollection = _sfc_main$9;
+exports.TargetCollection = _sfc_main$c;
 exports.TargetModel = TargetModel;
 exports.TargetSingle = TargetSingle;
-exports.TaskCollection = _sfc_main$q;
+exports.TaskCollection = _sfc_main$t;
 exports.TaskModel = TaskModel;
-exports.TaskSingle = _sfc_main$p;
-exports.TaskWork = _sfc_main$o;
-exports.TaskWorkButton = _sfc_main$r;
-exports.XxxButton = _sfc_main$N;
+exports.TaskSingle = _sfc_main$s;
+exports.TaskWork = _sfc_main$r;
+exports.TaskWorkButton = _sfc_main$u;
+exports.XxxButton = _sfc_main$Q;
 exports.bus = bus;
 exports.useAttendanceStore = useAttendanceStore;
 exports.useOperasional = useOperasional;