@neutron.co.id/operasional-interfaces 1.17.5-beta.1 → 1.17.8-beta.1

package/build/@office/config.mjs

@@ -13,6 +13,9 @@ export const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

package/build/@office/models/personalia/attendanceType/AttendanceTypeSingle/AttendanceTypeSingle.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { NeonSingle, useSingle } from '@neon.id/context'
-import { NeonField, NeonForm } from '@neon.id/form'
+import { NeonField, NeonForm, NeonCheck } from '@neon.id/form'
 import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
-import { ref } from 'vue'
+import { useToast } from '@neon.id/interfaces'
 import type {
   TPersonaliaAttendanceTypeModel,
   Schema,
@@ -14,14 +14,27 @@ const {
   values,
   isLoading,
   isChanged,
-  isReady,
   isMain,
-  isNew,
   saveOne,
   discardChanges,
 } = useSingle<Schema.AttendanceType, TPersonaliaAttendanceTypeModel>()
 
-const key = ref(0)
+const toast = useToast()
+
+async function saveCheck() {
+  if (values.value.code === '') {
+    toast.push({
+      id: 'neu:attendance-type:code',
+      icon: 'warning',
+      content: 'Kode dari Tipe Absensi belum diisi!',
+      color: 'danger',
+      placement: 'bottom-right',
+    })
+    return
+  } else if (values.value.name !== '') {
+    await saveOne()
+  }
+}
 </script>
 
 <template>
@@ -35,7 +48,7 @@ const key = ref(0)
           :is-changed="isChanged"
           use-unsaved
           @cancel="discardChanges"
-          @submit="saveOne"
+          @submit="saveCheck"
         >
           <NeonField v-model="values.name" v-bind="fields.name" />
           <NeonField v-model="values.code" v-bind="fields.code" />

package/build/@office/models/personalia/index.d.ts

@@ -1,4 +1,5 @@
 export * from './attendance';
+export * from './attendanceType';
 export * from './checkIn';
 export * from './plan';
 export * from './planType';

package/build/@office/models/personalia/index.mjs

@@ -1,4 +1,5 @@
 export * from "./attendance/index.mjs";
+export * from "./attendanceType/index.mjs";
 export * from "./checkIn/index.mjs";
 export * from "./plan/index.mjs";
 export * from "./planType/index.mjs";

package/build/@package/@office/models/personalia/attendanceType/AttendanceTypeCollection/index.d.ts

@@ -0,0 +1 @@
+export { default as AttendanceTypeCollection } from './AttendanceTypeCollection.vue';

package/build/@package/@office/models/personalia/attendanceType/AttendanceTypeSingle/index.d.ts

@@ -0,0 +1 @@
+export { default as AttendanceTypeSingle } from './AttendanceTypeSingle.vue';

package/build/@package/@office/models/personalia/attendanceType/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AttendanceTypeCollection';
+export * from './AttendanceTypeSingle';

package/build/@package/@office/models/personalia/index.d.ts

@@ -1,4 +1,5 @@
 export * from './attendance';
+export * from './attendanceType';
 export * from './checkIn';
 export * from './plan';
 export * from './planType';

package/build/mock/index.cjs

@@ -1515,7 +1515,7 @@ const _hoisted_2$q = {
   key: 2,
   class: "section"
 };
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -1876,7 +1876,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-0befc683"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1o, [["__scopeId", "data-v-0befc683"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -11434,7 +11434,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1l = vue.defineComponent({
+const _sfc_main$1n = vue.defineComponent({
   inheritAttrs: false,
   emits,
   props: propsDef,
@@ -11453,7 +11453,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_DatePickerPopover, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), null, 16)
   ], 64)) : (vue.openBlock(), vue.createBlock(_component_DatePickerBase, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
 }
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -11481,7 +11481,7 @@ const _hoisted_2$o = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$f = [
   _hoisted_2$o
 ];
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11540,7 +11540,7 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-af42e627"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-af42e627"]]);
 const useAttendanceStore = pinia.defineStore("neu:personalia:attendance", {
   state: () => ({
     isEntering: false,
@@ -12964,7 +12964,7 @@ const _hoisted_1$z = {
   key: 0,
   class: "office-single-sync"
 };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "OfficeSingleSync",
   setup(__props) {
@@ -13004,9 +13004,9 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1j, [["__scopeId", "data-v-3dbc6c7d"]]);
+const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-3dbc6c7d"]]);
 const _hoisted_1$y = { class: "period-button" };
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "PeriodButton" },
   __name: "PeriodButton",
   emits: ["update:period", "update:date", "sync"],
@@ -13054,9 +13054,9 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1i, [["__scopeId", "data-v-5f2c3308"]]);
+const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-5f2c3308"]]);
 const _hoisted_1$x = { id: "grading-actions" };
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "NeutronImportButton" },
   __name: "NeutronImportButton",
   setup(__props) {
@@ -13083,7 +13083,7 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -13136,7 +13136,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$w = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$n = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -13317,7 +13317,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-b9363121"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-b9363121"]]);
 const _hoisted_1$v = { class: "flex flex-wrap" };
 const _hoisted_2$m = { class: "mt-2" };
 const _hoisted_3$e = { class: "mt-2" };
@@ -13336,7 +13336,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -13702,7 +13702,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-b5828cb6"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-b5828cb6"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13725,7 +13725,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -14262,7 +14262,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-a7838db4"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-a7838db4"]]);
 const _hoisted_1$t = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -14283,7 +14283,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -14783,8 +14783,8 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-cd4b4054"]]);
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-cd4b4054"]]);
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceDelegate",
   setup(__props) {
     var _a;
@@ -14949,7 +14949,147 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-fa8999aa"]]);
+const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-fa8999aa"]]);
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "AttendanceTypeCollection" },
+  __name: "AttendanceTypeCollection",
+  setup(__props) {
+    context.useCollection();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonCollection), { class: "neu-attendance-type-collection" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+  __name: "AttendanceTypeSingle",
+  setup(__props) {
+    const {
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    const toast = interfaces.useToast();
+    async function saveCheck() {
+      if (values.value.code === "") {
+        toast.push({
+          id: "neu:attendance-type:code",
+          icon: "warning",
+          content: "Kode dari Tipe Absensi belum diisi!",
+          color: "danger",
+          placement: "bottom-right"
+        });
+        return;
+      } else if (values.value.name !== "") {
+        await saveOne();
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-attendance-type-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: saveCheck
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).name,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
+                      }, vue.unref(fields).name), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).code,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).code = $event)
+                      }, vue.unref(fields).code), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).leaveQuota,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).leaveQuota = $event)
+                      }, vue.unref(fields).leaveQuota), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branches
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).maxDurationDays,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).maxDurationDays = $event)
+                      }, vue.unref(fields).maxDurationDays), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).showLeaveQuota,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).showLeaveQuota = $event)
+                      }, vue.unref(fields).showLeaveQuota), {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonCheck), {
+                            modelValue: vue.unref(values).showLeaveQuota,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).showLeaveQuota = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).showAttendanceType,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(values).showAttendanceType = $event)
+                      }, vue.unref(fields).showAttendanceType), {
+                        input: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonCheck), {
+                            modelValue: vue.unref(values).showAttendanceType,
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(values).showAttendanceType = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).description,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(values).description = $event)
+                      }, vue.unref(fields).description), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-776e6c14"]]);
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-802b3ded"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$s = { id: "view-checkIns" };
 const _hoisted_2$j = { class: "summary" };
@@ -25939,7 +26079,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_6$1, [
               vue.createVNode(vue.unref(office$1.OfficeCollectionQuery), { displays: __props.displays }, {
                 default: vue.withCtx(() => [
-                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1h), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1j), { key: 0 })) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(vue.unref(office$1.OfficeCollectionOperation), {
                     "is-main": "",
                     path: __props.path
@@ -26513,12 +26653,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-818a1e6a"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$1g,
+  AttendanceCollection: _sfc_main$1i,
   AttendanceDelegate,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
+  AttendanceTypeCollection: _sfc_main$1c,
+  AttendanceTypeSingle,
   CheckInAccess,
   CheckInCollection: _sfc_main$13,
   CheckInExternal,
@@ -26530,7 +26672,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   CheckInSupervisor,
   NOperasional: operasional_types,
   NeonTime,
-  NeutronImportButton: _sfc_main$1h,
+  NeutronImportButton: _sfc_main$1j,
   OfficeSingleSync,
   OperasionalIdentitas,
   PeriodButton,
@@ -26618,6 +26760,9 @@ const config = helpers.OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

package/build/mock/index.mjs

@@ -3,8 +3,8 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { NeonEditorPlugin } from "@neon.id/editor";
 import { NeonFieldPlugin } from "@neon.id/field";
-import { NeonField, NeonForm, NeonFields, NeonCheck, NeonFormPlugin } from "@neon.id/form";
-import { NeonAvatar, NeonDivider, NeonModal, NeonSheet, useToastStore, NeonButton, NeonAlert, NeonSlider, NeonSlide, NeonStat, NeonInfo, NeonCopy, NeonPart, registerDirectives, registerIconComponents } from "@neon.id/interfaces";
+import { NeonField, NeonForm, NeonCheck, NeonFields, NeonFormPlugin } from "@neon.id/form";
+import { NeonAvatar, NeonDivider, NeonModal, NeonSheet, useToastStore, NeonButton, NeonAlert, useToast, NeonSlider, NeonSlide, NeonStat, NeonInfo, NeonCopy, NeonPart, registerDirectives, registerIconComponents } from "@neon.id/interfaces";
 import { OfficeCollectionTable, OfficeCollectionCalendar, OfficeTabs, OfficeTab, OfficeRelation, OfficeContent, OfficePeekSingle, OfficeCollectionQuery, OfficeCollectionOperation, OfficeCollectionRelated, OfficeCollectionContent, NeonOfficePlugin } from "@neon.id/office";
 import { withRelation, NeonRelationSheet, NeonRelationPlugin } from "@neon.id/relation";
 import { defineComponent, ref, computed, h, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createBlock, unref, mergeProps, createCommentVNode, reactive, onMounted, onUnmounted, toRefs, inject, watchEffect, provide, nextTick, resolveDynamicComponent, normalizeProps, renderSlot, normalizeClass, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, guardReactiveProps, createTextVNode, isRef, Transition, resolveDirective, toHandlers, withModifiers, pushScopeId, popScopeId, onBeforeUnmount, vShow } from "vue";
@@ -1496,7 +1496,7 @@ const _hoisted_2$q = {
   key: 2,
   class: "section"
 };
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -1857,7 +1857,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-0befc683"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$1o, [["__scopeId", "data-v-0befc683"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -11415,7 +11415,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1l = defineComponent({
+const _sfc_main$1n = defineComponent({
   inheritAttrs: false,
   emits,
   props: propsDef,
@@ -11434,7 +11434,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_DatePickerPopover, normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16)
   ], 64)) : (openBlock(), createBlock(_component_DatePickerBase, normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
 }
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -11462,7 +11462,7 @@ const _hoisted_2$o = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ create
 const _hoisted_3$f = [
   _hoisted_2$o
 ];
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11521,7 +11521,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-af42e627"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$1m, [["__scopeId", "data-v-af42e627"]]);
 const useAttendanceStore = defineStore("neu:personalia:attendance", {
   state: () => ({
     isEntering: false,
@@ -12945,7 +12945,7 @@ const _hoisted_1$z = {
   key: 0,
   class: "office-single-sync"
 };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   ...{ name: "OfficeSingleSync" },
   __name: "OfficeSingleSync",
   setup(__props) {
@@ -12985,9 +12985,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1j, [["__scopeId", "data-v-3dbc6c7d"]]);
+const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$1l, [["__scopeId", "data-v-3dbc6c7d"]]);
 const _hoisted_1$y = { class: "period-button" };
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   ...{ name: "PeriodButton" },
   __name: "PeriodButton",
   emits: ["update:period", "update:date", "sync"],
@@ -13035,9 +13035,9 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1i, [["__scopeId", "data-v-5f2c3308"]]);
+const PeriodButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$1k, [["__scopeId", "data-v-5f2c3308"]]);
 const _hoisted_1$x = { id: "grading-actions" };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   ...{ name: "NeutronImportButton" },
   __name: "NeutronImportButton",
   setup(__props) {
@@ -13064,7 +13064,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -13117,7 +13117,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$w = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$n = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -13298,7 +13298,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-b9363121"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-b9363121"]]);
 const _hoisted_1$v = { class: "flex flex-wrap" };
 const _hoisted_2$m = { class: "mt-2" };
 const _hoisted_3$e = { class: "mt-2" };
@@ -13317,7 +13317,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -13683,7 +13683,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-b5828cb6"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-b5828cb6"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13706,7 +13706,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -14243,7 +14243,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-a7838db4"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-a7838db4"]]);
 const _hoisted_1$t = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -14264,7 +14264,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -14764,8 +14764,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-cd4b4054"]]);
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-cd4b4054"]]);
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "AttendanceDelegate",
   setup(__props) {
     var _a;
@@ -14930,7 +14930,147 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-fa8999aa"]]);
+const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-fa8999aa"]]);
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...{ name: "AttendanceTypeCollection" },
+  __name: "AttendanceTypeCollection",
+  setup(__props) {
+    useCollection();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonCollection), { class: "neu-attendance-type-collection" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeCollectionTable))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  __name: "AttendanceTypeSingle",
+  setup(__props) {
+    const {
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    const toast = useToast();
+    async function saveCheck() {
+      if (values.value.code === "") {
+        toast.push({
+          id: "neu:attendance-type:code",
+          icon: "warning",
+          content: "Kode dari Tipe Absensi belum diisi!",
+          color: "danger",
+          placement: "bottom-right"
+        });
+        return;
+      } else if (values.value.name !== "") {
+        await saveOne();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-attendance-type-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: saveCheck
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).name,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
+                      }, unref(fields).name), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).code,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).code = $event)
+                      }, unref(fields).code), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).leaveQuota,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).leaveQuota = $event)
+                      }, unref(fields).leaveQuota), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branches
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).maxDurationDays,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).maxDurationDays = $event)
+                      }, unref(fields).maxDurationDays), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).showLeaveQuota,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(values).showLeaveQuota = $event)
+                      }, unref(fields).showLeaveQuota), {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonCheck), {
+                            modelValue: unref(values).showLeaveQuota,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).showLeaveQuota = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).showAttendanceType,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(values).showAttendanceType = $event)
+                      }, unref(fields).showAttendanceType), {
+                        input: withCtx(() => [
+                          createVNode(unref(NeonCheck), {
+                            modelValue: unref(values).showAttendanceType,
+                            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(values).showAttendanceType = $event),
+                            label: "Tampilkan",
+                            class: "mt-2"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).description,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(values).description = $event)
+                      }, unref(fields).description), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const AttendanceTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-776e6c14"]]);
 const _withScopeId$3 = (n) => (pushScopeId("data-v-802b3ded"), n = n(), popScopeId(), n);
 const _hoisted_1$s = { id: "view-checkIns" };
 const _hoisted_2$j = { class: "summary" };
@@ -25920,7 +26060,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_6$1, [
               createVNode(unref(OfficeCollectionQuery), { displays: __props.displays }, {
                 default: withCtx(() => [
-                  unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (openBlock(), createBlock(unref(_sfc_main$1h), { key: 0 })) : createCommentVNode("v-if", true),
+                  unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (openBlock(), createBlock(unref(_sfc_main$1j), { key: 0 })) : createCommentVNode("v-if", true),
                   createVNode(unref(OfficeCollectionOperation), {
                     "is-main": "",
                     path: __props.path
@@ -26494,12 +26634,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-818a1e6a"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$1g,
+  AttendanceCollection: _sfc_main$1i,
   AttendanceDelegate,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
+  AttendanceTypeCollection: _sfc_main$1c,
+  AttendanceTypeSingle,
   CheckInAccess,
   CheckInCollection: _sfc_main$13,
   CheckInExternal,
@@ -26511,7 +26653,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   CheckInSupervisor,
   NOperasional: operasional_types,
   NeonTime,
-  NeutronImportButton: _sfc_main$1h,
+  NeutronImportButton: _sfc_main$1j,
   OfficeSingleSync,
   OperasionalIdentitas,
   PeriodButton,
@@ -26599,6 +26741,9 @@ const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

package/build/mock/style.css

@@ -117,6 +117,10 @@
     display: block
 }
 
+.neu-AttendanceType-single[data-v-776e6c14] {
+    display: block
+}
+
 #view-checkIns[data-v-802b3ded] {
 
     height: 100%

package/build/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.17.5-beta.1",
+  "version": "1.17.8-beta.1",
   "builder": {
     "@neon.id/module-builder": "1.8.0",
     "unbuild": "2.0.0"

package/build/nuxt.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.17.5-beta.1",
+  "version": "1.17.8-beta.1",
   "builder": {
     "@neon.id/module-builder": "1.8.0",
     "unbuild": "2.0.0"

package/build/nuxt.mjs

@@ -25,6 +25,9 @@ const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neutron.co.id/operasional-interfaces",
-  "version": "1.17.5-beta.1",
+  "version": "1.17.8-beta.1",
   "description": "Interface library of Neutron Operasional.",
   "sideEffects": [
     "*.css"
@@ -78,7 +78,7 @@
     "@neon.id/nuxt": "^1.5.0",
     "@neon.id/office": "1.46.0",
     "@neon.id/utils": "^1.51.0",
-    "@neutron.co.id/operasional-modules": "1.12.15-beta.1",
+    "@neutron.co.id/operasional-modules": "1.12.16-beta.1",
     "@neutron.co.id/personalia-models": "1.13.11-beta.1",
     "@nuxt/kit": "^3.12.3",
     "file-saver": "^2.0.5",
@@ -153,7 +153,7 @@
     "@neon.id/nuxt": "^1.5.0",
     "@neon.id/office": "1.46.0",
     "@neon.id/utils": "^1.51.0",
-    "@neutron.co.id/operasional-modules": "1.12.15-beta.1",
+    "@neutron.co.id/operasional-modules": "1.12.16-beta.1",
     "@neutron.co.id/personalia-models": "1.13.11-beta.1",
     "@nuxt/kit": "^3.12.3",
     "file-saver": "^2.0.5",
@@ -164,5 +164,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "build": 187
+  "build": 190
 }