@neutron.co.id/operasional-interfaces 1.7.2 → 1.8.0

package/build/index.cjs

@@ -24,8 +24,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$j = { class: "xxx-button" };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$m = { class: "xxx-button" };
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "XxxButton" },
   __name: "XxxButton",
   props: {
@@ -36,18 +36,18 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         vue.createVNode(vue.unref(interfaces.NeonButton), { label: "XXX" })
       ]);
     };
   }
 });
-const _hoisted_1$i = { class: "operasional-identitas" };
-const _hoisted_2$d = {
+const _hoisted_1$l = { class: "operasional-identitas" };
+const _hoisted_2$g = {
   key: 2,
   class: "section"
 };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -302,7 +302,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
         state.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(identitasInterfaces.IdentitasConnect), {
           key: 0,
           user: user.value,
@@ -354,7 +354,7 @@ const _sfc_main$O = /* @__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$d, [
+        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
           vue.createVNode(vue.unref(interfaces.NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -403,7 +403,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-355c8370"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-355c8370"]]);
 var commonjsGlobal = 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;
@@ -575,7 +575,7 @@ var dayjs_min = { exports: {} };
         }, d2 = n2.meridiem || function(t3, e3, n3) {
           var r3 = t3 < 12 ? "AM" : "PM";
           return n3 ? r3.toLowerCase() : r3;
-        }, $2 = { YY: String(this.$y).slice(-2), YYYY: this.$y, M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
+        }, $2 = { YY: String(this.$y).slice(-2), YYYY: O.s(this.$y, 4, "0"), M: a2 + 1, MM: O.s(a2 + 1, 2, "0"), MMM: h2(n2.monthsShort, a2, f2, 3), MMMM: h2(f2, a2), D: this.$D, DD: O.s(this.$D, 2, "0"), d: String(this.$W), dd: h2(n2.weekdaysMin, this.$W, o2, 2), ddd: h2(n2.weekdaysShort, this.$W, o2, 3), dddd: o2[this.$W], H: String(s2), HH: O.s(s2, 2, "0"), h: c2(1), hh: c2(2), a: d2(s2, u2, true), A: d2(s2, u2, false), m: String(u2), mm: O.s(u2, 2, "0"), s: String(this.$s), ss: O.s(this.$s, 2, "0"), SSS: O.s(this.$ms, 3, "0"), Z: i2 };
         return r2.replace(y, function(t3, e3) {
           return e3 || $2[t3] || i2.replace(":", "");
         });
@@ -619,21 +619,21 @@ var dayjs_min = { exports: {} };
 var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-3cf0c9ae"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$h = {
+const _hoisted_1$k = {
   key: 0,
   class: "input-loading"
 };
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "loading placeholder-block placeholder-wave" },
   null,
   -1
   /* HOISTED */
 ));
-const _hoisted_3$5 = [
-  _hoisted_2$c
+const _hoisted_3$9 = [
+  _hoisted_2$f
 ];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -670,7 +670,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, _hoisted_3$5)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
+          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, _hoisted_3$9)) : (vue.openBlock(), vue.createBlock(vue.unref(vCalendar.DatePicker), vue.mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -694,7 +694,7 @@ const _sfc_main$N = /* @__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(_sfc_main$N, [["__scopeId", "data-v-3cf0c9ae"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-3cf0c9ae"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -836,11 +836,11 @@ function mitt(n) {
 }
 const bus = mitt();
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-ee60c24a"), n = n(), vue.popScopeId(), n);
-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(
+const _hoisted_1$j = { id: "view-checkIns" };
+const _hoisted_2$e = { class: "summary" };
+const _hoisted_3$8 = { class: "wrapper" };
+const _hoisted_4$5 = { class: "header" };
+const _hoisted_5$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "start" },
   [
@@ -850,8 +850,8 @@ const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _hoisted_6 = { class: "end" };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_6$3 = { class: "end" };
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -1006,14 +1006,14 @@ const _sfc_main$M = /* @__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$g, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
         vue.createVNode(vue.unref(office.OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$b, [
+            vue.createElementVNode("div", _hoisted_2$e, [
               vue.createVNode(vue.unref(interfaces.NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -1161,7 +1161,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_3$4, [
+            vue.createElementVNode("div", _hoisted_3$8, [
               vue.createVNode(vue.unref(context.NeonCollectionContext), {
                 definition: "neu:tempat:checkIn",
                 scope: "_checkIns",
@@ -1176,9 +1176,9 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                 "is-main": ""
               }, {
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4$2, [
-                    _hoisted_5$1,
-                    vue.createElementVNode("div", _hoisted_6, [
+                  vue.createElementVNode("div", _hoisted_4$5, [
+                    _hoisted_5$4,
+                    vue.createElementVNode("div", _hoisted_6$3, [
                       vue.createVNode(vue.unref(office.OfficeCollectionQuery), { displays: ["table"] }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(office.OfficeCollectionOperation), { "is-main": "" })
@@ -1204,9 +1204,9 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_ee60c24a_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-ee60c24a"]]);
-const _hoisted_1$f = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-ee60c24a"]]);
+const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -1264,7 +1264,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.createElementVNode("div", _hoisted_1$f, [
+                      vue.createElementVNode("div", _hoisted_1$i, [
                         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)
@@ -1304,9 +1304,9 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_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({
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2e2803fb"]]);
+const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -1373,7 +1373,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": vue.unref(values).type === "checkin" || vue.unref(values).type === "checkout"
                       }, null, 8, ["modelValue", "field", "is-disabled"])) : vue.createCommentVNode("v-if", true),
-                      vue.createElementVNode("div", _hoisted_1$e, [
+                      vue.createElementVNode("div", _hoisted_1$h, [
                         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)
@@ -1419,16 +1419,16 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInExternal_vue_vue_type_style_index_0_scoped_dcdbc71a_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-dcdbc71a"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-dcdbc71a"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d23b6de5"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
   { align: "center" },
   "Aktifkan kamera untuk scan QR Code",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "p",
   { align: "center" },
   [
@@ -1439,7 +1439,7 @@ const _hoisted_2$a = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -1464,8 +1464,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$d,
-              _hoisted_2$a,
+              _hoisted_1$g,
+              _hoisted_2$d,
               vue.createVNode(vue.unref(interfaces.NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -1492,9 +1492,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-d23b6de5"]]);
-const _hoisted_1$c = { class: "buttons" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-d23b6de5"]]);
+const _hoisted_1$f = { class: "buttons" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -1507,7 +1507,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(interfaces.NeonSheet), null, {
             footer: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$c, [
+              vue.createElementVNode("div", _hoisted_1$f, [
                 vue.createVNode(vue.unref(interfaces.NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -1542,23 +1542,23 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _withScopeId = (n) => (vue.pushScopeId("data-v-ef426ef3"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$b = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$e = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "invalid-message" },
   "Invalid Code!",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   null,
   null,
   -1
   /* HOISTED */
 ));
-const _hoisted_3$3 = ["onClick"];
-const _hoisted_4$1 = { class: "mr-2 text-sm" };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_3$7 = ["onClick"];
+const _hoisted_4$4 = { class: "mr-2 text-sm" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -1703,15 +1703,15 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                     class: "inner",
                     onClick: switchCamera
                   }, [
-                    _hoisted_1$b,
-                    _hoisted_2$9,
+                    _hoisted_1$e,
+                    _hoisted_2$c,
                     vue.createElementVNode("div", {
                       class: "button-switch",
                       onClick: vue.withModifiers(switchCamera, ["stop"])
                     }, [
                       vue.createElementVNode(
                         "div",
-                        _hoisted_4$1,
+                        _hoisted_4$4,
                         vue.toDisplayString(currentCamera.value),
                         1
                         /* TEXT */
@@ -1722,7 +1722,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                         size: "sm",
                         "is-disabled": !canSwitch.value
                       }, null, 8, ["is-disabled"])
-                    ], 8, _hoisted_3$3)
+                    ], 8, _hoisted_3$7)
                   ])
                 ],
                 2
@@ -1740,15 +1740,15 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ef426ef3"]]);
-const _hoisted_1$a = /* @__PURE__ */ vue.createElementVNode(
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-ef426ef3"]]);
+const _hoisted_1$d = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
   "Presensi Berhasil!",
   -1
   /* HOISTED */
 );
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -1768,7 +1768,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$a
+              _hoisted_1$d
             ]),
             _: 1
             /* STABLE */
@@ -1780,7 +1780,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -1799,7 +1799,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffModel = personaliaModels.models.StaffModel;
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -1817,9 +1817,9 @@ const _sfc_main$E = /* @__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({
+const _hoisted_1$c = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -1856,7 +1856,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$9, [
+                      vue.createElementVNode("div", _hoisted_1$c, [
                         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)
@@ -1866,7 +1866,7 @@ const _sfc_main$D = /* @__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$8, [
+                      vue.createElementVNode("div", _hoisted_2$b, [
                         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)
@@ -1899,7 +1899,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$B))
+                  vue.createVNode(vue.unref(_sfc_main$F))
                 ]),
                 _: 1
                 /* STABLE */
@@ -1970,10 +1970,10 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_0cf4cd99_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_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({
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-0cf4cd99"]]);
+const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$a = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -2010,7 +2010,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$8, [
+                      vue.createElementVNode("div", _hoisted_1$b, [
                         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)
@@ -2020,7 +2020,7 @@ const _sfc_main$C = /* @__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$7, [
+                      vue.createElementVNode("div", _hoisted_2$a, [
                         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)
@@ -2053,7 +2053,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(_sfc_main$B))
+                  vue.createVNode(vue.unref(_sfc_main$F))
                 ]),
                 _: 1
                 /* STABLE */
@@ -2131,8 +2131,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
-const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-c62cf70a"]]);
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-c62cf70a"]]);
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -2288,7 +2288,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationModel = personaliaModels.models.SituationModel;
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -2304,7 +2304,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -2442,7 +2442,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -2623,7 +2623,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -2762,7 +2762,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SituationTypeModel = personaliaModels.models.SituationTypeModel;
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -2778,7 +2778,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -2851,9 +2851,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TaskModel = personaliaModels.models.TaskModel;
-const _hoisted_1$7 = { key: 0 };
-const _hoisted_2$6 = { key: 1 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$a = { key: 0 };
+const _hoisted_2$9 = { key: 1 };
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -2946,7 +2946,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         vue.Fragment,
         null,
         [
-          onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+          onHandleTaskWork.value.onStartTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
             vue.createVNode(vue.unref(interfaces.NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -2956,7 +2956,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
               onClick: onClickHandlerStartTaskWork
             })
           ])) : vue.createCommentVNode("v-if", true),
-          onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
+          onHandleTaskWork.value.onFinishedTaskWorking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
             vue.createVNode(vue.unref(interfaces.NeonButton), {
               "is-rounded": true,
               size: "sm",
@@ -2974,7 +2974,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -2990,7 +2990,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     const {
@@ -3213,7 +3213,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -3436,7 +3436,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionModel = personaliaModels.models.SubmissionModel;
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -3454,7 +3454,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -3651,8 +3651,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionSingle_vue_vue_type_style_index_0_scoped_39553dbd_lang = "";
-const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-39553dbd"]]);
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-39553dbd"]]);
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
     var _a;
@@ -3924,8 +3924,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionStaff_vue_vue_type_style_index_0_scoped_3ed905bd_lang = "";
-const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3ed905bd"]]);
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const SubmissionStaff = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-3ed905bd"]]);
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -4116,13 +4116,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionFollowUp_vue_vue_type_style_index_0_scoped_6fd14e52_lang = "";
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_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$m = /* @__PURE__ */ vue.defineComponent({
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-6fd14e52"]]);
+const _hoisted_1$9 = { class: "flex flex-wrap" };
+const _hoisted_2$8 = { class: "mt-2" };
+const _hoisted_3$6 = { class: "mt-2" };
+const _hoisted_4$3 = { class: "mt-2" };
+const _hoisted_5$3 = { class: "mt-2" };
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a;
@@ -4226,8 +4226,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$6, [
-                        vue.createElementVNode("div", _hoisted_2$5, [
+                      vue.createElementVNode("div", _hoisted_1$9, [
+                        vue.createElementVNode("div", _hoisted_2$8, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4249,7 +4249,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$2, [
+                        vue.createElementVNode("div", _hoisted_3$6, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4271,7 +4271,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_4, [
+                        vue.createElementVNode("div", _hoisted_4$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4293,7 +4293,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_5, [
+                        vue.createElementVNode("div", _hoisted_5$3, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => [
                               vue.createVNode(vue.unref(interfaces.NeonButton), {
@@ -4471,11 +4471,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionAudit_vue_vue_type_style_index_0_scoped_7ee6c6b9_lang = "";
-const SubmissionAudit = /* @__PURE__ */ _export_sfc(_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$l = /* @__PURE__ */ vue.defineComponent({
+const SubmissionAudit = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-7ee6c6b9"]]);
+const _hoisted_1$8 = { class: "flex flex-wrap" };
+const _hoisted_2$7 = { class: "mt-2" };
+const _hoisted_3$5 = { class: "mt-2" };
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a;
@@ -4579,8 +4579,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$5, [
-                        vue.createElementVNode("div", _hoisted_2$4, [
+                      vue.createElementVNode("div", _hoisted_1$8, [
+                        vue.createElementVNode("div", _hoisted_2$7, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -4605,7 +4605,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3$1, [
+                        vue.createElementVNode("div", _hoisted_3$5, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -4786,11 +4786,11 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionDecision_vue_vue_type_style_index_0_scoped_ec347ac5_lang = "";
-const SubmissionDecision = /* @__PURE__ */ _export_sfc(_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$k = /* @__PURE__ */ vue.defineComponent({
+const SubmissionDecision = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ec347ac5"]]);
+const _hoisted_1$7 = { class: "flex flex-wrap" };
+const _hoisted_2$6 = { class: "mt-2" };
+const _hoisted_3$4 = { class: "mt-2" };
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a;
@@ -4896,8 +4896,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$4, [
-                        vue.createElementVNode("div", _hoisted_2$3, [
+                      vue.createElementVNode("div", _hoisted_1$7, [
+                        vue.createElementVNode("div", _hoisted_2$6, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -4922,7 +4922,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                           })) : vue.createCommentVNode("v-if", true)
                         ]),
                         vue.createTextVNode("    "),
-                        vue.createElementVNode("div", _hoisted_3, [
+                        vue.createElementVNode("div", _hoisted_3$4, [
                           vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), { key: 0 }, {
                             input: vue.withCtx(() => {
                               var _a2, _b;
@@ -5103,9 +5103,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionWaitingDecision_vue_vue_type_style_index_0_scoped_051b2194_lang = "";
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-051b2194"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-051b2194"]]);
 const SubmissionTypeModel = personaliaModels.models.SubmissionTypeModel;
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -5123,7 +5123,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -5189,9 +5189,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const SubmissionTypeSingle_vue_vue_type_style_index_0_scoped_2b7e18ba_lang = "";
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2b7e18ba"]]);
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2b7e18ba"]]);
 const ResponsibilityTypeModel = personaliaModels.models.ResponsibilityTypeModel;
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -5209,7 +5209,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -5275,9 +5275,9 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ResponsibilityTypeSingle_vue_vue_type_style_index_0_scoped_3df9fac1_lang = "";
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3df9fac1"]]);
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-3df9fac1"]]);
 const ResponsibilityModel = personaliaModels.models.ResponsibilityModel;
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -5295,7 +5295,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     const {
@@ -5426,8 +5426,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                       "initial-values": {
                         responsibilityIds: vue.unref(id),
                         responsibilities: vue.unref(values),
-                        staffId: (_a = vue.unref(staff)) == null ? void 0 : _a.id,
-                        staff: vue.unref(staff)
+                        staffIds: (_a = vue.unref(staff)) == null ? void 0 : _a.id,
+                        staffs: vue.unref(staff)
                       }
                     }, null, 8, ["query", "is-ready", "initial-values"])
                   ];
@@ -5446,9 +5446,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_66cf149e_lang = "";
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-66cf149e"]]);
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle_vue_vue_type_style_index_0_scoped_aaff5c1e_lang = "";
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-aaff5c1e"]]);
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -5583,8 +5583,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
                       "initial-values": {
                         responsibilityIds: vue.unref(id),
                         responsibilities: vue.unref(values),
-                        staffId: (_a = vue.unref(staff)) == null ? void 0 : _a.id,
-                        staff: vue.unref(staff)
+                        staffIds: (_a = vue.unref(staff)) == null ? void 0 : _a.id,
+                        staffs: vue.unref(staff)
                       }
                     }, null, 8, ["query", "is-ready", "initial-values"])
                   ];
@@ -5603,10 +5603,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_67407b3a_lang = "";
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-67407b3a"]]);
+const ResponsibilityStaff_vue_vue_type_style_index_0_scoped_8c4d64ad_lang = "";
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8c4d64ad"]]);
 const TargetModel = personaliaModels.models.TargetModel;
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -5624,7 +5624,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -5777,8 +5777,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetSingle_vue_vue_type_style_index_0_scoped_c12b8df8_lang = "";
-const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c12b8df8"]]);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c12b8df8"]]);
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -5931,9 +5931,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const TargetBranch_vue_vue_type_style_index_0_scoped_6a5a6e80_lang = "";
-const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6a5a6e80"]]);
+const TargetBranch = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6a5a6e80"]]);
 const PlanTypeModel = personaliaModels.models.PlanTypeModel;
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -5951,7 +5951,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -6072,9 +6072,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanTypeSingle_vue_vue_type_style_index_0_scoped_80d2e1d3_lang = "";
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-80d2e1d3"]]);
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-80d2e1d3"]]);
 const PlanModel = personaliaModels.models.PlanModel;
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -6092,7 +6092,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -6268,8 +6268,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanSingle_vue_vue_type_style_index_0_scoped_b3d29aa4_lang = "";
-const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-b3d29aa4"]]);
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-b3d29aa4"]]);
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -6421,10 +6421,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const PlanStaff_vue_vue_type_style_index_0_scoped_aa8de6da_lang = "";
-const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-aa8de6da"]]);
+const PlanStaff = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-aa8de6da"]]);
 const ProgressModel = personaliaModels.models.ProgressModel;
-const _hoisted_1$3 = { class: "flex flex-wrap" };
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$6 = { class: "flex flex-wrap" };
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -6439,7 +6439,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       router.push("/penugasan/yesterday-progresses/new");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
         vue.createVNode(vue.unref(interfaces.NeonButton), {
           "is-rounded": true,
           size: "sm",
@@ -6470,7 +6470,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -6533,36 +6533,36 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ProgressCollection_vue_vue_type_style_index_0_scoped_2634660f_lang = "";
-const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-2634660f"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-2634660f"]]);
 var duration = { exports: {} };
 (function(module2, exports2) {
   !function(t, s) {
     module2.exports = s();
   }(commonjsGlobal, function() {
     var t, s, n = 1e3, i = 6e4, e = 36e5, r = 864e5, o = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, u = 31536e6, h = 2592e6, a = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/, d = { years: u, months: h, days: r, hours: e, minutes: i, seconds: n, milliseconds: 1, weeks: 6048e5 }, c = function(t2) {
-      return t2 instanceof p;
+      return t2 instanceof g;
     }, f = function(t2, s2, n2) {
-      return new p(t2, n2, s2.$l);
-    }, m = function(t2) {
-      return s.p(t2) + "s";
+      return new g(t2, n2, s2.$l);
     }, l = function(t2) {
+      return s.p(t2) + "s";
+    }, m = function(t2) {
       return t2 < 0;
     }, $ = function(t2) {
-      return l(t2) ? Math.ceil(t2) : Math.floor(t2);
+      return m(t2) ? Math.ceil(t2) : Math.floor(t2);
     }, y = function(t2) {
       return Math.abs(t2);
-    }, g = function(t2, s2) {
-      return t2 ? l(t2) ? { negative: true, format: "" + y(t2) + s2 } : { negative: false, format: "" + t2 + s2 } : { negative: false, format: "" };
-    }, p = function() {
-      function l2(t2, s2, n2) {
+    }, v = function(t2, s2) {
+      return t2 ? m(t2) ? { negative: true, format: "" + y(t2) + s2 } : { negative: false, format: "" + t2 + s2 } : { negative: false, format: "" };
+    }, g = function() {
+      function m2(t2, s2, n2) {
         var i2 = this;
         if (this.$d = {}, this.$l = n2, void 0 === t2 && (this.$ms = 0, this.parseFromMilliseconds()), s2)
-          return f(t2 * d[m(s2)], this);
+          return f(t2 * d[l(s2)], this);
         if ("number" == typeof t2)
           return this.$ms = t2, this.parseFromMilliseconds(), this;
         if ("object" == typeof t2)
           return Object.keys(t2).forEach(function(s3) {
-            i2.$d[m(s3)] = t2[s3];
+            i2.$d[l(s3)] = t2[s3];
           }), this.calMilliseconds(), this;
         if ("string" == typeof t2) {
           var e2 = t2.match(a);
@@ -6575,7 +6575,7 @@ var duration = { exports: {} };
         }
         return this;
       }
-      var y2 = l2.prototype;
+      var y2 = m2.prototype;
       return y2.calMilliseconds = function() {
         var t2 = this;
         this.$ms = Object.keys(this.$d).reduce(function(s2, n2) {
@@ -6585,11 +6585,11 @@ var duration = { exports: {} };
         var t2 = this.$ms;
         this.$d.years = $(t2 / u), t2 %= u, this.$d.months = $(t2 / h), t2 %= h, this.$d.days = $(t2 / r), t2 %= r, this.$d.hours = $(t2 / e), t2 %= e, this.$d.minutes = $(t2 / i), t2 %= i, this.$d.seconds = $(t2 / n), t2 %= n, this.$d.milliseconds = t2;
       }, y2.toISOString = function() {
-        var t2 = g(this.$d.years, "Y"), s2 = g(this.$d.months, "M"), n2 = +this.$d.days || 0;
+        var t2 = v(this.$d.years, "Y"), s2 = v(this.$d.months, "M"), n2 = +this.$d.days || 0;
         this.$d.weeks && (n2 += 7 * this.$d.weeks);
-        var i2 = g(n2, "D"), e2 = g(this.$d.hours, "H"), r2 = g(this.$d.minutes, "M"), o2 = this.$d.seconds || 0;
+        var i2 = v(n2, "D"), e2 = v(this.$d.hours, "H"), r2 = v(this.$d.minutes, "M"), o2 = this.$d.seconds || 0;
         this.$d.milliseconds && (o2 += this.$d.milliseconds / 1e3);
-        var u2 = g(o2, "S"), h2 = t2.negative || s2.negative || i2.negative || e2.negative || r2.negative || u2.negative, a2 = e2.format || r2.format || u2.format ? "T" : "", d2 = (h2 ? "-" : "") + "P" + t2.format + s2.format + i2.format + a2 + e2.format + r2.format + u2.format;
+        var u2 = v(o2, "S"), h2 = t2.negative || s2.negative || i2.negative || e2.negative || r2.negative || u2.negative, a2 = e2.format || r2.format || u2.format ? "T" : "", d2 = (h2 ? "-" : "") + "P" + t2.format + s2.format + i2.format + a2 + e2.format + r2.format + u2.format;
         return "P" === d2 || "-P" === d2 ? "P0D" : d2;
       }, y2.toJSON = function() {
         return this.toISOString();
@@ -6599,13 +6599,13 @@ var duration = { exports: {} };
           return s2 || String(i2[t3]);
         });
       }, y2.as = function(t2) {
-        return this.$ms / d[m(t2)];
+        return this.$ms / d[l(t2)];
       }, y2.get = function(t2) {
-        var s2 = this.$ms, n2 = m(t2);
+        var s2 = this.$ms, n2 = l(t2);
         return "milliseconds" === n2 ? s2 %= 1e3 : s2 = "weeks" === n2 ? $(s2 / d[n2]) : this.$d[n2], 0 === s2 ? 0 : s2;
       }, y2.add = function(t2, s2, n2) {
         var i2;
-        return i2 = s2 ? t2 * d[m(s2)] : c(t2) ? t2.$ms : f(t2, this).$ms, f(this.$ms + i2 * (n2 ? -1 : 1), this);
+        return i2 = s2 ? t2 * d[l(s2)] : c(t2) ? t2.$ms : f(t2, this).$ms, f(this.$ms + i2 * (n2 ? -1 : 1), this);
       }, y2.subtract = function(t2, s2) {
         return this.add(t2, s2, true);
       }, y2.locale = function(t2) {
@@ -6615,6 +6615,8 @@ var duration = { exports: {} };
         return f(this.$ms, this);
       }, y2.humanize = function(s2) {
         return t().add(this.$ms, "ms").locale(this.$l).fromNow(!s2);
+      }, y2.valueOf = function() {
+        return this.asMilliseconds();
       }, y2.milliseconds = function() {
         return this.get("milliseconds");
       }, y2.asMilliseconds = function() {
@@ -6647,7 +6649,7 @@ var duration = { exports: {} };
         return this.get("years");
       }, y2.asYears = function() {
         return this.as("years");
-      }, l2;
+      }, m2;
     }();
     return function(n2, i2, e2) {
       t = e2, s = e2().$utils(), e2.duration = function(t2, s2) {
@@ -6717,9 +6719,10 @@ class DateUtil {
     return dayjs;
   }
 }
-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({
+const _hoisted_1$5 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$5 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_3$3 = { class: "segments" };
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     const {
@@ -6791,8 +6794,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         var _a;
         if (!isNew2)
           return;
-        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staff = staff.value;
+        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staffs = staff.value;
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -6811,13 +6814,55 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           {
             handle: "followUpStaffIds",
             operator: "in",
-            value: values.value.staffId
+            value: values.value.staffIds
           }
         ]
       };
     });
+    const appStore = context.useAppStore();
+    const objectDef = vue.computed(
+      () => `neu:operasional:progress:${id.value}`
+    );
+    const display2 = vue.ref();
+    const pads = {
+      comments: {
+        handle: "comments",
+        title: "Comments",
+        icon: "comments"
+      },
+      note: {
+        handle: "note",
+        title: "Note",
+        icon: "notes"
+      },
+      sketch: {
+        handle: "sketch",
+        title: "Sketch",
+        icon: "pen-swirl"
+      }
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-progress-single" }, {
+        sketch: vue.withCtx(({ close }) => [
+          vue.createVNode(vue.unref(office.OfficePad), vue.mergeProps(pads.sketch, { onClose: close }), {
+            default: vue.withCtx(() => [
+              vue.createVNode(
+                vue.unref(catatInterfaces.CatatSketchPad),
+                vue.normalizeProps(vue.guardReactiveProps({
+                  applicationId: vue.unref(appStore).appId,
+                  object: `${objectDef.value}:office`,
+                  isReady: vue.unref(isReady),
+                  isLoading: vue.unref(isLoading)
+                })),
+                null,
+                16
+                /* FULL_PROPS */
+              )
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1040, ["onClose"])
+        ]),
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
             default: vue.withCtx(() => [
@@ -6859,7 +6904,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      vue.createElementVNode("div", _hoisted_1$2, [
+                      vue.createElementVNode("div", _hoisted_1$5, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
@@ -6900,7 +6945,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
-                              _hoisted_2$2,
+                              _hoisted_2$5,
                               vue.toDisplayString(duration2.value),
                               1
                               /* TEXT */
@@ -6913,22 +6958,37 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                       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
+                        field: vue.unref(fields).staffs
                       }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).isNotes,
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).isNotes = $event)
+                      }, vue.unref(fields).isNotes), {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonCheck), {
+                            modelValue: vue.unref(values).isNotes,
+                            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).isNotes = $event),
+                            label: "Catatan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
                       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),
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($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.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),
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($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"])
@@ -6939,7 +6999,31 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              }),
+              vue.createCommentVNode(" Catatan "),
+              !vue.unref(isNew) && vue.unref(values).isNotes === true ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeTab), {
+                key: 0,
+                handle: "catatan",
+                icon: "circle-info",
+                title: "Catatan"
+              }, {
+                default: vue.withCtx(({ isTouched }) => [
+                  vue.createElementVNode("div", _hoisted_3$3, [
+                    vue.createVNode(vue.unref(catatInterfaces.CatatPaperSegments), {
+                      display: display2.value,
+                      "onUpdate:display": _cache[10] || (_cache[10] = ($event) => display2.value = $event)
+                    }, null, 8, ["display"])
+                  ]),
+                  vue.createVNode(vue.unref(catatInterfaces.CatatPaperPad), vue.mergeProps({
+                    applicationId: vue.unref(appStore).appId,
+                    object: `${objectDef.value}:office`,
+                    isReady: vue.unref(isReady) && isTouched,
+                    isLoading: vue.unref(isLoading)
+                  }, { display: display2.value }), null, 16, ["display"])
+                ]),
+                _: 1
+                /* STABLE */
+              })) : vue.createCommentVNode("v-if", true)
             ]),
             _: 1
             /* STABLE */
@@ -6951,11 +7035,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressSingle_vue_vue_type_style_index_0_scoped_56177a6b_lang = "";
-const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-56177a6b"]]);
-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({
+const ProgressSingle_vue_vue_type_style_index_0_scoped_8354411e_lang = "";
+const ProgressSingle = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8354411e"]]);
+const _hoisted_1$4 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$4 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     const {
@@ -7027,8 +7111,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         var _a;
         if (!isNew2)
           return;
-        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staff = staff.value;
+        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staffs = staff.value;
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -7047,7 +7131,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           {
             handle: "followUpStaffIds",
             operator: "in",
-            value: values.value.staffId
+            value: values.value.staffIds
           }
         ]
       };
@@ -7095,7 +7179,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      vue.createElementVNode("div", _hoisted_1$1, [
+                      vue.createElementVNode("div", _hoisted_1$4, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
@@ -7136,7 +7220,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
-                              _hoisted_2$1,
+                              _hoisted_2$4,
                               vue.toDisplayString(duration2.value),
                               1
                               /* TEXT */
@@ -7149,7 +7233,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       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
+                        field: vue.unref(fields).staffs
                       }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
@@ -7187,11 +7271,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressTomorrow_vue_vue_type_style_index_0_scoped_47774f0e_lang = "";
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-47774f0e"]]);
-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 ProgressTomorrow_vue_vue_type_style_index_0_scoped_a2784c89_lang = "";
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a2784c89"]]);
+const _hoisted_1$3 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_2$3 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     const {
@@ -7263,8 +7347,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         var _a;
         if (!isNew2)
           return;
-        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
-        values.value.staff = staff.value;
+        values.value.staffIds = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staffs = staff.value;
         values.value.startedAt = besok.second(0).millisecond(0).toISOString();
         values.value.endedAt = besok.add(90, "m").toISOString();
       },
@@ -7283,7 +7367,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           {
             handle: "followUpStaffIds",
             operator: "in",
-            value: values.value.staffId
+            value: values.value.staffIds
           }
         ]
       };
@@ -7331,7 +7415,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         _: 1
                         /* STABLE */
                       }),
-                      vue.createElementVNode("div", _hoisted_1, [
+                      vue.createElementVNode("div", _hoisted_1$3, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).startedAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).startedAt = $event)
@@ -7372,7 +7456,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             }, null, 8, ["modelValue", "is-loading"]),
                             vue.createElementVNode(
                               "div",
-                              _hoisted_2,
+                              _hoisted_2$3,
                               vue.toDisplayString(duration2.value),
                               1
                               /* TEXT */
@@ -7385,7 +7469,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       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
+                        field: vue.unref(fields).staffs
                       }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(interfaces.NeonDivider), {
                         "is-dashed": "",
@@ -7427,75 +7511,1342 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressYesterday_vue_vue_type_style_index_0_scoped_7e2a51fe_lang = "";
-const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e2a51fe"]]);
+const ProgressYesterday_vue_vue_type_style_index_0_scoped_e2e0ccca_lang = "";
+const ProgressYesterday = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2e0ccca"]]);
+const AttendanceModel = personaliaModels.models.AttendanceModel;
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "AttendanceCollection"
+  },
+  __name: "AttendanceCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-attendance-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+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 _hoisted_3$2 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_4$2 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_5$2 = { class: "grid gap-2 sm:grid-cols-2" };
+const _hoisted_6$2 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "AttendanceSingle",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      syncOne
+    } = context.useSingle();
+    const keyHomeAt = vue.ref(0);
+    const diffHomeAt = vue.computed(() => {
+      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
+    });
+    const durationHomeAt = vue.computed(() => {
+      if (isNaN(diffHomeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffHomeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onHomeAtUpdate(date) {
+      if (!date)
+        return;
+      const earlyAt = DateUtil.day(date);
+      const homeAt = DateUtil.day(date);
+      values.value.earlyAt = earlyAt.toISOString();
+      values.value.homeAt = homeAt.toISOString();
+    }
+    const keyComeAt = vue.ref(0);
+    const diffComeAt = vue.computed(() => {
+      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
+    });
+    const durationComeAt = vue.computed(() => {
+      if (isNaN(diffComeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffComeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onComeAtUpdate(date) {
+      if (!date)
+        return;
+      const comeAt = DateUtil.day(date);
+      const lateAt = DateUtil.day(date);
+      values.value.comeAt = comeAt.toISOString();
+      values.value.lateAt = lateAt.toISOString();
+    }
+    const keyStartedAt = vue.ref(0);
+    const diffStartedAt = vue.computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
+    });
+    const durationStartedAt = vue.computed(() => {
+      if (isNaN(diffStartedAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onStartedAtUpdate(date) {
+      if (!date)
+        return;
+      const startedAt = DateUtil.day(date);
+      const endedAt = DateUtil.day(date);
+      values.value.startedAt = startedAt.toISOString();
+      values.value.endedAt = endedAt.toISOString();
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-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.createCommentVNode(' <NeonAlert\n            icon="circle-info"\n            label="Sudah ada Absensi!. "\n            description="Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya."\n            color="#F7CF6D"\n          /> '),
+                      vue.createCommentVNode(' <div class="flex flex-wrap">\n            <div class="mt-2">\n              <NeonField>\n                <template #input>\n                  <NeonButton\n                    size="md"\n                    color="success"\n                    icon-left="up-from-line"\n                    @click="syncOne"\n                    >Ajukan</NeonButton\n                  >\n                </template>\n              </NeonField>\n            </div>\n            &nbsp;&nbsp;\n            <div class="mt-2">\n              <NeonField>\n                <template #input>\n                  <NeonButton\n                    size="md"\n                    color="warning"\n                    icon-left="arrows-retweet"\n                    @click="syncOne"\n                    >Ganti</NeonButton\n                  >\n                </template>\n              </NeonField>\n            </div>\n          </div> '),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).status,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).status = $event)
+                      }, vue.unref(fields).status), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submitStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).attendanceAt,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).attendanceAt = $event)
+                      }, vue.unref(fields).attendanceAt), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).type,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).type = $event)
+                      }, vue.unref(fields).type), null, 16, ["modelValue"]),
+                      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).decideStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 0,
+                        modelValue: vue.unref(values).notes,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).notes = $event)
+                      }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                        "is-dashed": "",
+                        label: "Keterangan"
+                      }),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).submittedAt,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).submittedAt = $event)
+                      }, vue.unref(fields).submittedAt), null, 16, ["modelValue"]),
+                      vue.createCommentVNode(" EARLY GO HOME "),
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyHomeAt.value,
+                        "model-value": vue.unref(values).homeAt
+                      }, {
+                        handle: "homeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, { "onUpdate:modelValue": onHomeAtUpdate }), null, 16, ["model-value"])),
+                      vue.createElementVNode("div", _hoisted_1$2, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).homeAt,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).homeAt = $event)
+                        }, {
+                          handle: "homeAt",
+                          name: "Jam Pulang Kerja",
+                          options: {
+                            note: "Jam pulang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).homeAt,
+                              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $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).earlyAt,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).earlyAt = $event)
+                        }, {
+                          handle: "earlyAt",
+                          name: "Jam Pulang Lebih Awal",
+                          options: {
+                            note: "Jam pulang lebih awal."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).earlyAt,
+                              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_2$2,
+                              vue.toDisplayString(durationHomeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ]),
+                      vue.createCommentVNode(" COME TOO LATE "),
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyComeAt.value,
+                        "model-value": vue.unref(values).comeAt
+                      }, {
+                        handle: "comeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, { "onUpdate:modelValue": onComeAtUpdate }), null, 16, ["model-value"])),
+                      vue.createElementVNode("div", _hoisted_3$2, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).comeAt,
+                          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).comeAt = $event)
+                        }, {
+                          handle: "comeAt",
+                          name: "Jam Datang",
+                          options: {
+                            note: "Jam Datang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).comeAt,
+                              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $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).lateAt,
+                          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).lateAt = $event)
+                        }, {
+                          handle: "lateAt",
+                          name: "Jam Datang Terlambat",
+                          options: {
+                            note: "Jam datang terlambat."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).lateAt,
+                              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_4$2,
+                              vue.toDisplayString(durationComeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ]),
+                      vue.createCommentVNode(" TIMEOUT "),
+                      (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyStartedAt.value,
+                        "model-value": vue.unref(values).startedAt
+                      }, {
+                        handle: "startedAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
+                      vue.createElementVNode("div", _hoisted_5$2, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $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).endedAt,
+                          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => vue.unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_6$2,
+                              vue.toDisplayString(durationStartedAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceSingle_vue_vue_type_style_index_0_scoped_f2d3d252_lang = "";
+const AttendanceSingle = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f2d3d252"]]);
+const _hoisted_1$1 = {
+  key: 0,
+  class: "flex flex-wrap"
+};
+const _hoisted_2$1 = { class: "mt-2" };
+const _hoisted_3$1 = { class: "mt-2" };
+const _hoisted_4$1 = {
+  key: 8,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_5$1 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_6$1 = {
+  key: 9,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_7$1 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_8$1 = {
+  key: 10,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_9$1 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "AttendanceStaff",
+  setup(__props) {
+    var _a;
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      syncOne,
+      executeOne
+    } = context.useSingle();
+    const keyHomeAt = vue.ref(0);
+    const diffHomeAt = vue.computed(() => {
+      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
+    });
+    const durationHomeAt = vue.computed(() => {
+      if (isNaN(diffHomeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffHomeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onHomeAtUpdate(date) {
+      if (!date)
+        return;
+      const earlyAt = DateUtil.day(date);
+      const homeAt = DateUtil.day(date);
+      values.value.earlyAt = earlyAt.toISOString();
+      values.value.homeAt = homeAt.toISOString();
+      values.value.attendanceAt = earlyAt.toISOString();
+    }
+    const keyComeAt = vue.ref(0);
+    const diffComeAt = vue.computed(() => {
+      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
+    });
+    const durationComeAt = vue.computed(() => {
+      if (isNaN(diffComeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffComeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onComeAtUpdate(date) {
+      if (!date)
+        return;
+      const comeAt = DateUtil.day(date);
+      const lateAt = DateUtil.day(date);
+      values.value.comeAt = comeAt.toISOString();
+      values.value.lateAt = lateAt.toISOString();
+      values.value.attendanceAt = comeAt.toISOString();
+    }
+    const keyStartedAt = vue.ref(0);
+    const diffStartedAt = vue.computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
+    });
+    const durationStartedAt = vue.computed(() => {
+      if (isNaN(diffStartedAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onStartedAtUpdate(date) {
+      if (!date)
+        return;
+      const startedAt = DateUtil.day(date);
+      const endedAt = DateUtil.day(date);
+      values.value.startedAt = startedAt.toISOString();
+      values.value.endedAt = endedAt.toISOString();
+      values.value.attendanceAt = startedAt.toISOString();
+    }
+    const { staff } = useOperasional();
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    vue.watch(
+      isNew,
+      (isNew2) => {
+        if (!isNew2)
+          return;
+        values.value.submitStaffId = staffId;
+        values.value.submitStaff = staff.value;
+      },
+      {
+        immediate: true
+      }
+    );
+    const submitAbsensi = async () => {
+      await executeOne("submitAttendance", { attendanceId: id.value });
+      await syncOne();
+    };
+    const changeAbsensi = async () => {
+      await executeOne("changeAttendance", { attendanceId: id.value });
+      await syncOne();
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-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.createCommentVNode(' <NeonAlert\n            icon="circle-info"\n            label="Sudah ada Absensi!. "\n            description="Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya."\n            color="#F7CF6D"\n          /> '),
+                      !vue.unref(isNew) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+                        vue.createElementVNode("div", _hoisted_2$1, [
+                          vue.createVNode(vue.unref(form.NeonField), null, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "success",
+                                "icon-left": "up-from-line",
+                                "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
+                                onClick: submitAbsensi
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Ajukan")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        vue.createTextVNode("    "),
+                        vue.createElementVNode("div", _hoisted_3$1, [
+                          vue.createVNode(vue.unref(form.NeonField), null, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "warning",
+                                "icon-left": "arrows-retweet",
+                                "is-disabled": vue.unref(values).status == "approved" || vue.unref(values).status == "draft",
+                                onClick: changeAbsensi
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Ganti")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submitStaff,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.unref(values).type == null || vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 1,
+                        modelValue: vue.unref(values).attendanceAt,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).attendanceAt = $event)
+                      }, vue.unref(fields).attendanceAt, {
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
+                      }), null, 16, ["modelValue", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" EARLY GO HOME "),
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyHomeAt.value,
+                        "model-value": vue.unref(values).homeAt
+                      }, {
+                        handle: "homeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onHomeAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" TIMEOUT "),
+                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyStartedAt.value,
+                        "model-value": vue.unref(values).startedAt
+                      }, {
+                        handle: "startedAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onStartedAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" COME TOO LATE "),
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyComeAt.value,
+                        "model-value": vue.unref(values).comeAt
+                      }, {
+                        handle: "comeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onComeAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).type,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
+                      }, vue.unref(fields).type, {
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).decideStaff,
+                        "is-disabled": vue.unref(values).status == "notApproved" || vue.unref(values).status == "approved"
+                      }, null, 8, ["modelValue", "field", "is-disabled"]),
+                      vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 5,
+                        modelValue: vue.unref(values).notes,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).notes = $event)
+                      }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                      vue.unref(values).type ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonDivider), {
+                        key: 6,
+                        "is-dashed": "",
+                        label: "Keterangan"
+                      })) : vue.createCommentVNode("v-if", true),
+                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 7,
+                        modelValue: vue.unref(values).submittedAt,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
+                      }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" EARLY GO HOME "),
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).homeAt,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $event)
+                        }, {
+                          handle: "homeAt",
+                          name: "Jam Pulang Kerja",
+                          options: {
+                            note: "Jam pulang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).homeAt,
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).homeAt = $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).earlyAt,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event)
+                        }, {
+                          handle: "earlyAt",
+                          name: "Jam Pulang Lebih Awal",
+                          options: {
+                            note: "Jam pulang lebih awal."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).earlyAt,
+                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).earlyAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_5$1,
+                              vue.toDisplayString(durationHomeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" COME TOO LATE "),
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).comeAt,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $event)
+                        }, {
+                          handle: "comeAt",
+                          name: "Jam Datang",
+                          options: {
+                            note: "Jam Datang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).comeAt,
+                              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).comeAt = $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).lateAt,
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event)
+                        }, {
+                          handle: "lateAt",
+                          name: "Jam Datang Terlambat",
+                          options: {
+                            note: "Jam datang terlambat."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).lateAt,
+                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).lateAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_7$1,
+                              vue.toDisplayString(durationComeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" TIMEOUT "),
+                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $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).endedAt,
+                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_9$1,
+                              vue.toDisplayString(durationStartedAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceStaff_vue_vue_type_style_index_0_scoped_922e86d6_lang = "";
+const AttendanceStaff = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-922e86d6"]]);
+const _hoisted_1 = { class: "flex flex-wrap" };
+const _hoisted_2 = { class: "mt-2" };
+const _hoisted_3 = { class: "mt-2" };
+const _hoisted_4 = {
+  key: 7,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_5 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_6 = {
+  key: 8,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_7 = { class: "text-right text-fg-subdued text-sm" };
+const _hoisted_8 = {
+  key: 9,
+  class: "grid gap-2 sm:grid-cols-2"
+};
+const _hoisted_9 = { class: "text-right text-fg-subdued text-sm" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AttendanceManager",
+  setup(__props) {
+    var _a;
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      syncOne,
+      executeOne
+    } = context.useSingle();
+    const keyHomeAt = vue.ref(0);
+    const diffHomeAt = vue.computed(() => {
+      return DateUtil.day(values.value.earlyAt).diff(values.value.homeAt);
+    });
+    const durationHomeAt = vue.computed(() => {
+      if (isNaN(diffHomeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffHomeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onHomeAtUpdate(date) {
+      if (!date)
+        return;
+      const earlyAt = DateUtil.day(date);
+      const homeAt = DateUtil.day(date);
+      values.value.earlyAt = earlyAt.toISOString();
+      values.value.homeAt = homeAt.toISOString();
+    }
+    const keyComeAt = vue.ref(0);
+    const diffComeAt = vue.computed(() => {
+      return DateUtil.day(values.value.lateAt).diff(values.value.comeAt);
+    });
+    const durationComeAt = vue.computed(() => {
+      if (isNaN(diffComeAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffComeAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onComeAtUpdate(date) {
+      if (!date)
+        return;
+      const comeAt = DateUtil.day(date);
+      const lateAt = DateUtil.day(date);
+      values.value.comeAt = comeAt.toISOString();
+      values.value.lateAt = lateAt.toISOString();
+    }
+    const keyStartedAt = vue.ref(0);
+    const diffStartedAt = vue.computed(() => {
+      return DateUtil.day(values.value.endedAt).diff(values.value.startedAt);
+    });
+    const durationStartedAt = vue.computed(() => {
+      if (isNaN(diffStartedAt.value))
+        return "-";
+      const duration2 = DateUtil.day.duration(diffStartedAt.value);
+      return duration2.format("HH [jam] mm [menit]");
+    });
+    function onStartedAtUpdate(date) {
+      if (!date)
+        return;
+      const startedAt = DateUtil.day(date);
+      const endedAt = DateUtil.day(date);
+      values.value.startedAt = startedAt.toISOString();
+      values.value.endedAt = endedAt.toISOString();
+    }
+    const { staff } = useOperasional();
+    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
+    vue.watch(
+      isNew,
+      (isNew2) => {
+        if (!isNew2)
+          return;
+        values.value.submitStaffId = staffId;
+        values.value.submitStaff = staff.value;
+      },
+      {
+        immediate: true
+      }
+    );
+    const approvedAbsensi = async () => {
+      await executeOne("approvedAttendance", { attendanceId: id.value });
+      await syncOne();
+    };
+    const deleteAbsensi = async () => {
+      await executeOne("deleteAttendance", { attendanceId: id.value });
+      await syncOne();
+      window.location.href = "/penugasan/manager-attendances";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-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.createElementVNode("div", _hoisted_1, [
+                        vue.createElementVNode("div", _hoisted_2, [
+                          vue.createVNode(vue.unref(form.NeonField), null, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "success",
+                                "icon-left": "check",
+                                "is-disabled": vue.unref(values).status == "approved",
+                                onClick: approvedAbsensi
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Disetujui")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["is-disabled"])
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        vue.createTextVNode("    "),
+                        vue.createElementVNode("div", _hoisted_3, [
+                          vue.createVNode(vue.unref(form.NeonField), null, {
+                            input: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(interfaces.NeonButton), {
+                                size: "md",
+                                color: "danger",
+                                "icon-left": "trash-can",
+                                onClick: deleteAbsensi
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createTextVNode("Dihapus")
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              })
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ])
+                      ]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).submitStaff,
+                        "is-disabled": ""
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 0,
+                        modelValue: vue.unref(values).attendanceAt,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).attendanceAt = $event)
+                      }, vue.unref(fields).attendanceAt, {
+                        "is-disabled": vue.unref(values).status == "approved"
+                      }), null, 16, ["modelValue", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" EARLY GO HOME "),
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyHomeAt.value,
+                        "model-value": vue.unref(values).homeAt
+                      }, {
+                        handle: "homeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onHomeAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" TIMEOUT "),
+                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyStartedAt.value,
+                        "model-value": vue.unref(values).startedAt
+                      }, {
+                        handle: "startedAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onStartedAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" COME TOO LATE "),
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: keyComeAt.value,
+                        "model-value": vue.unref(values).comeAt
+                      }, {
+                        handle: "comeAt",
+                        name: "Tanggal",
+                        type: "date",
+                        input: "date2",
+                        options: {
+                          note: "Tanggal absensi."
+                        }
+                      }, {
+                        "is-disabled": vue.unref(values).status == "approved",
+                        "onUpdate:modelValue": onComeAtUpdate
+                      }), null, 16, ["model-value", "is-disabled"])) : vue.createCommentVNode("v-if", true),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).type,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
+                      }, vue.unref(fields).type, {
+                        "is-disabled": vue.unref(values).status == "approved"
+                      }), null, 16, ["modelValue", "is-disabled"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).decideStaff,
+                        "is-disabled": vue.unref(values).status == "approved"
+                      }, null, 8, ["modelValue", "field", "is-disabled"]),
+                      vue.unref(isNew) || vue.unref(isReady) ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 4,
+                        modelValue: vue.unref(values).notes,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).notes = $event)
+                      }, vue.unref(fields).notes), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                      vue.unref(values).type ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonDivider), {
+                        key: 5,
+                        "is-dashed": "",
+                        label: "Keterangan"
+                      })) : vue.createCommentVNode("v-if", true),
+                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                        key: 6,
+                        modelValue: vue.unref(values).submittedAt,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
+                      }, vue.unref(fields).submittedAt, { "is-disabled": "" }), null, 16, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" EARLY GO HOME "),
+                      vue.unref(values).type == "homeEarly" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).homeAt,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).homeAt = $event)
+                        }, {
+                          handle: "homeAt",
+                          name: "Jam Pulang Kerja",
+                          options: {
+                            note: "Jam pulang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).homeAt,
+                              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).homeAt = $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).earlyAt,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).earlyAt = $event)
+                        }, {
+                          handle: "earlyAt",
+                          name: "Jam Pulang Lebih Awal",
+                          options: {
+                            note: "Jam pulang lebih awal."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).earlyAt,
+                              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).earlyAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_5,
+                              vue.toDisplayString(durationHomeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" COME TOO LATE "),
+                      vue.unref(values).type == "comeLate" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).comeAt,
+                          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(values).comeAt = $event)
+                        }, {
+                          handle: "comeAt",
+                          name: "Jam Datang",
+                          options: {
+                            note: "Jam Datang kerja."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).comeAt,
+                              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(values).comeAt = $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).lateAt,
+                          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(values).lateAt = $event)
+                        }, {
+                          handle: "lateAt",
+                          name: "Jam Datang Terlambat",
+                          options: {
+                            note: "Jam datang terlambat."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).lateAt,
+                              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(values).lateAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_7,
+                              vue.toDisplayString(durationComeAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" TIMEOUT "),
+                      vue.unref(values).type == "timeout" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).startedAt,
+                          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(values).startedAt = $event)
+                        }, {
+                          handle: "startedAt",
+                          name: "Mulai",
+                          options: {
+                            note: "Jam mulai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).startedAt,
+                              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(values).startedAt = $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).endedAt,
+                          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(values).endedAt = $event)
+                        }, {
+                          handle: "endedAt",
+                          name: "Selesai",
+                          options: {
+                            note: "Jam selesai."
+                          }
+                        }), {
+                          input: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(NeonTime), {
+                              modelValue: vue.unref(values).endedAt,
+                              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(values).endedAt = $event),
+                              "is-loading": vue.unref(isLoading),
+                              class: "mt-2"
+                            }, null, 8, ["modelValue", "is-loading"]),
+                            vue.createElementVNode(
+                              "div",
+                              _hoisted_9,
+                              vue.toDisplayString(durationStartedAt.value),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["modelValue"])
+                      ])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceManager_vue_vue_type_style_index_0_scoped_eb6a78b6_lang = "";
+const AttendanceManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb6a78b6"]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  AttendanceCollection: _sfc_main$3,
+  AttendanceManager,
+  AttendanceModel,
+  AttendanceSingle,
+  AttendanceStaff,
   CheckInAccess,
-  CheckInCollection: _sfc_main$F,
+  CheckInCollection: _sfc_main$J,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$I,
-  CheckInScanSuccess: _sfc_main$G,
+  CheckInScanError: _sfc_main$M,
+  CheckInScanSuccess: _sfc_main$K,
   CheckInScanner,
   CheckInSingle,
   NeonTime,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$7,
+  PlanCollection: _sfc_main$b,
   PlanModel,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$9,
+  PlanTypeCollection: _sfc_main$d,
   PlanTypeModel,
   PlanTypeSingle,
-  ProgressButton: _sfc_main$4,
+  ProgressButton: _sfc_main$8,
   ProgressCollection,
   ProgressModel,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$f,
+  ResponsibilityCollection: _sfc_main$j,
   ResponsibilityModel,
   ResponsibilitySingle,
   ResponsibilityStaff,
-  ResponsibilityTypeCollection: _sfc_main$h,
+  ResponsibilityTypeCollection: _sfc_main$l,
   ResponsibilityTypeModel,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$A,
+  SituationCollection: _sfc_main$E,
   SituationModel,
-  SituationSingle: _sfc_main$z,
-  SituationSupportive: _sfc_main$x,
-  SituationTypeCollection: _sfc_main$w,
+  SituationSingle: _sfc_main$D,
+  SituationSupportive: _sfc_main$B,
+  SituationTypeCollection: _sfc_main$A,
   SituationTypeModel,
-  SituationTypeSingle: _sfc_main$v,
-  SituationWork: _sfc_main$y,
-  StaffCollection: _sfc_main$E,
-  StaffIdentity: _sfc_main$B,
+  SituationTypeSingle: _sfc_main$z,
+  SituationWork: _sfc_main$C,
+  StaffCollection: _sfc_main$I,
+  StaffIdentity: _sfc_main$F,
   StaffModel,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$q,
+  SubmissionCollection: _sfc_main$u,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionModel,
   SubmissionSingle,
   SubmissionStaff,
-  SubmissionTypeCollection: _sfc_main$j,
+  SubmissionTypeCollection: _sfc_main$n,
   SubmissionTypeModel,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$c,
+  TargetCollection: _sfc_main$g,
   TargetModel,
   TargetSingle,
-  TaskCollection: _sfc_main$t,
+  TaskCollection: _sfc_main$x,
   TaskModel,
-  TaskSingle: _sfc_main$s,
-  TaskWork: _sfc_main$r,
-  TaskWorkButton: _sfc_main$u,
-  XxxButton: _sfc_main$P
+  TaskSingle: _sfc_main$w,
+  TaskWork: _sfc_main$v,
+  TaskWorkButton: _sfc_main$y,
+  XxxButton: _sfc_main$T
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component2]) => {
@@ -7510,74 +8861,79 @@ const OperasionalInterfacesPlugin = {
     registerComponents(app);
   }
 };
+exports.AttendanceCollection = _sfc_main$3;
+exports.AttendanceManager = AttendanceManager;
+exports.AttendanceModel = AttendanceModel;
+exports.AttendanceSingle = AttendanceSingle;
+exports.AttendanceStaff = AttendanceStaff;
 exports.CheckInAccess = CheckInAccess;
-exports.CheckInCollection = _sfc_main$F;
+exports.CheckInCollection = _sfc_main$J;
 exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
-exports.CheckInScanError = _sfc_main$I;
-exports.CheckInScanSuccess = _sfc_main$G;
+exports.CheckInScanError = _sfc_main$M;
+exports.CheckInScanSuccess = _sfc_main$K;
 exports.CheckInScanner = CheckInScanner;
 exports.CheckInSingle = CheckInSingle;
 exports.NOperasional = operasional_types;
 exports.NeonTime = NeonTime;
 exports.OperasionalIdentitas = OperasionalIdentitas;
 exports.OperasionalInterfacesPlugin = OperasionalInterfacesPlugin;
-exports.PlanCollection = _sfc_main$7;
+exports.PlanCollection = _sfc_main$b;
 exports.PlanModel = PlanModel;
 exports.PlanSingle = PlanSingle;
 exports.PlanStaff = PlanStaff;
-exports.PlanTypeCollection = _sfc_main$9;
+exports.PlanTypeCollection = _sfc_main$d;
 exports.PlanTypeModel = PlanTypeModel;
 exports.PlanTypeSingle = PlanTypeSingle;
-exports.ProgressButton = _sfc_main$4;
+exports.ProgressButton = _sfc_main$8;
 exports.ProgressCollection = ProgressCollection;
 exports.ProgressModel = ProgressModel;
 exports.ProgressSingle = ProgressSingle;
 exports.ProgressTomorrow = ProgressTomorrow;
 exports.ProgressYesterday = ProgressYesterday;
-exports.ResponsibilityCollection = _sfc_main$f;
+exports.ResponsibilityCollection = _sfc_main$j;
 exports.ResponsibilityModel = ResponsibilityModel;
 exports.ResponsibilitySingle = ResponsibilitySingle;
 exports.ResponsibilityStaff = ResponsibilityStaff;
-exports.ResponsibilityTypeCollection = _sfc_main$h;
+exports.ResponsibilityTypeCollection = _sfc_main$l;
 exports.ResponsibilityTypeModel = ResponsibilityTypeModel;
 exports.ResponsibilityTypeSingle = ResponsibilityTypeSingle;
 exports.Schema = graphql;
-exports.SituationCollection = _sfc_main$A;
+exports.SituationCollection = _sfc_main$E;
 exports.SituationModel = SituationModel;
-exports.SituationSingle = _sfc_main$z;
-exports.SituationSupportive = _sfc_main$x;
-exports.SituationTypeCollection = _sfc_main$w;
+exports.SituationSingle = _sfc_main$D;
+exports.SituationSupportive = _sfc_main$B;
+exports.SituationTypeCollection = _sfc_main$A;
 exports.SituationTypeModel = SituationTypeModel;
-exports.SituationTypeSingle = _sfc_main$v;
-exports.SituationWork = _sfc_main$y;
-exports.StaffCollection = _sfc_main$E;
-exports.StaffIdentity = _sfc_main$B;
+exports.SituationTypeSingle = _sfc_main$z;
+exports.SituationWork = _sfc_main$C;
+exports.StaffCollection = _sfc_main$I;
+exports.StaffIdentity = _sfc_main$F;
 exports.StaffModel = StaffModel;
 exports.StaffOperasional = StaffOperasional;
 exports.StaffSingle = StaffSingle;
 exports.SubmissionAudit = SubmissionAudit;
-exports.SubmissionCollection = _sfc_main$q;
+exports.SubmissionCollection = _sfc_main$u;
 exports.SubmissionDecision = SubmissionDecision;
 exports.SubmissionFollowUp = SubmissionFollowUp;
 exports.SubmissionModel = SubmissionModel;
 exports.SubmissionSingle = SubmissionSingle;
 exports.SubmissionStaff = SubmissionStaff;
-exports.SubmissionTypeCollection = _sfc_main$j;
+exports.SubmissionTypeCollection = _sfc_main$n;
 exports.SubmissionTypeModel = SubmissionTypeModel;
 exports.SubmissionTypeSingle = SubmissionTypeSingle;
 exports.SubmissionWaitingDecision = SubmissionWaitingDecision;
 exports.TargetBranch = TargetBranch;
-exports.TargetCollection = _sfc_main$c;
+exports.TargetCollection = _sfc_main$g;
 exports.TargetModel = TargetModel;
 exports.TargetSingle = TargetSingle;
-exports.TaskCollection = _sfc_main$t;
+exports.TaskCollection = _sfc_main$x;
 exports.TaskModel = TaskModel;
-exports.TaskSingle = _sfc_main$s;
-exports.TaskWork = _sfc_main$r;
-exports.TaskWorkButton = _sfc_main$u;
-exports.XxxButton = _sfc_main$P;
+exports.TaskSingle = _sfc_main$w;
+exports.TaskWork = _sfc_main$v;
+exports.TaskWorkButton = _sfc_main$y;
+exports.XxxButton = _sfc_main$T;
 exports.bus = bus;
 exports.useAttendanceStore = useAttendanceStore;
 exports.useOperasional = useOperasional;