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

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/attendance/AttendanceManager.vue

@@ -197,7 +197,7 @@ const rejectedAbsensi = async () => {
           />
 
           <OfficeRelation
-            v-if="values.type == 'leave'"
+            v-if="values.type === 'leave'"
             v-model="values"
             :field="fields.delegateStaffs"
             :is-disabled="
@@ -215,10 +215,10 @@ const rejectedAbsensi = async () => {
 
           <NeonField
             v-if="
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission' ||
-              values.type == 'leave'
+              values.type === 'dayOff' ||
+              values.type === 'sick' ||
+              values.type === 'permission' ||
+              values.type === 'leave'
             "
             v-model="values.submittedAt"
             v-bind="fields.submittedAt"

package/build/@office/models/personalia/attendance/AttendanceSingle/AttendanceSingle.vue

@@ -10,6 +10,7 @@ import type {
 } from '@neutron.co.id/personalia-models'
 import { NeonTime } from '../../../../common'
 import { DateUtil } from '../../../../common/utils/util.date'
+import { Query } from '@neon.id/query'
 
 const {
   fields,
@@ -90,7 +91,7 @@ function onStartedAtUpdate(date: any) {
             @update:model-value="onStartedAtUpdate"
           />
 
-          <NeonField v-model="values.type" v-bind="fields.type" />
+          <OfficeRelation v-model="values" :field="fields.type" />
 
           <OfficeRelation v-model="values" :field="fields.decideStaff" />
 

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

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { OfficeCollectionTable } from '@neon.id/office'
+import type {
+  Schema,
+  TPersonaliaAttendanceTypeModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'AttendanceTypeCollection' })
+
+const { resource, display, items, userQuery } = useCollection<
+  Schema.AttendanceType,
+  TPersonaliaAttendanceTypeModel
+>()
+</script>
+
+<template>
+  <NeonCollection class="neu-attendance-type-collection">
+    <OfficeCollectionTable />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

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

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/vue3';
+import AttendanceTypeCollection from './AttendanceTypeCollection.vue';
+declare const _default: Meta<typeof AttendanceTypeCollection>;
+export default _default;
+export declare const Main: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const InsideContent: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const $DefaultView: any;

package/build/@office/models/personalia/attendanceType/AttendanceTypeCollection/AttendanceTypeTypeCollection.stories.mjs

@@ -0,0 +1,40 @@
+import { decorateCollection, viewCollection, wrapCollection } from "@mock";
+import { StoryUtil } from "@neon.id/story/helpers";
+import { AttendanceTypeCollectionView } from "@neutron.co.id/operasional-modules";
+import { AttendanceTypeModel } from "@neutron.co.id/personalia-models";
+import { withOperasional } from "../../../../common/providers/index.mjs";
+import AttendanceTypeCollection from "./AttendanceTypeCollection.vue";
+export default {
+  title: "Office/AttendanceType/Collection",
+  tags: [],
+  component: AttendanceTypeCollection,
+  parameters: StoryUtil.parameters({
+    description: "`AttendanceTypeCollection`",
+    layout: "fullscreen",
+    controls: { exclude: ["colors"] },
+    backgrounds: { default: "light" }
+  })
+};
+export const Main = StoryUtil.story({
+  description: "Main.",
+  decorators: decorateCollection({
+    model: AttendanceTypeModel
+  })
+});
+export const InsideContent = StoryUtil.story({
+  description: "Inside content.",
+  render: wrapCollection(AttendanceTypeCollection),
+  decorators: decorateCollection({
+    model: AttendanceTypeModel
+  })
+});
+export const $DefaultView = viewCollection({
+  description: "Default view.",
+  component: AttendanceTypeCollectionView,
+  setup() {
+    withOperasional();
+  },
+  props: {
+    overrides: {}
+  }
+});

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

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

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

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

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

@@ -0,0 +1,8 @@
+import type { Meta } from '@storybook/vue3';
+import AttendanceTypeSingle from './AttendanceTypeSingle.vue';
+declare const _default: Meta<typeof AttendanceTypeSingle>;
+export default _default;
+export declare const New: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const Existing: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const Content: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const $DefaultView: any;

package/build/@office/models/personalia/attendanceType/AttendanceTypeSingle/AttendanceTypeSingle.stories.mjs

@@ -0,0 +1,47 @@
+import { StoryUtil } from "@neon.id/story/helpers";
+import { AttendanceTypeModel } from "@neutron.co.id/personalia-models";
+import { AttendanceTypeSingleView } from "@neutron.co.id/operasional-modules";
+import AttendanceTypeSingle from "./AttendanceTypeSingle.vue";
+import { decorateSingle, viewSingle, wrapSingle } from "@mock";
+export default {
+  title: "Office/AttendanceType/Single",
+  tags: [],
+  component: AttendanceTypeSingle,
+  parameters: StoryUtil.parameters({
+    description: "`AttendanceTypeSingle`",
+    layout: "fullscreen",
+    controls: { exclude: ["colors"] },
+    backgrounds: { default: "light" }
+  })
+};
+export const New = StoryUtil.story({
+  description: "New.",
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+  })
+});
+export const Existing = StoryUtil.story({
+  description: "Existing.",
+  args: { id: "" },
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+    // id: '___',
+  })
+});
+export const Content = StoryUtil.story({
+  description: "Inside content.",
+  render: wrapSingle(AttendanceTypeSingle),
+  args: { id: "" },
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+    // id: '___',
+  })
+});
+export const $DefaultView = viewSingle({
+  description: "Default view.",
+  component: AttendanceTypeSingleView,
+  props: {
+    // id: '___',
+    overrides: {}
+  }
+});

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

@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm, NeonCheck } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import { useToast } from '@neon.id/interfaces'
+import type {
+  TPersonaliaAttendanceTypeModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.AttendanceType, TPersonaliaAttendanceTypeModel>()
+
+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>
+  <NeonSingle class="neu-attendance-type-single">
+    <OfficeTabs :use-url="isMain">
+      <OfficeTab handle="info" icon="circle-info" title="Info">
+        <NeonForm
+          handle="info"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveCheck"
+        >
+          <NeonField v-model="values.name" v-bind="fields.name" />
+          <NeonField v-model="values.code" v-bind="fields.code" />
+          <NeonField v-model="values.leaveQuota" v-bind="fields.leaveQuota" />
+          <OfficeRelation v-model="values" :field="fields.branches" />
+          <NeonField
+            v-model="values.maxDurationDays"
+            v-bind="fields.maxDurationDays"
+          />
+          <NeonField
+            v-model="values.showLeaveQuota"
+            v-bind="fields.showLeaveQuota"
+          >
+            <template #input>
+              <NeonCheck
+                v-model="values.showLeaveQuota"
+                label="Tampilkan"
+                class="mt-2"
+              />
+            </template>
+          </NeonField>
+          <NeonField
+            v-model="values.showAttendanceType"
+            v-bind="fields.showAttendanceType"
+          >
+            <template #input>
+              <NeonCheck
+                v-model="values.showAttendanceType"
+                label="Tampilkan"
+                class="mt-2"
+              />
+            </template>
+          </NeonField>
+          <NeonField v-model="values.description" v-bind="fields.description" />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-AttendanceType-single {
+  @apply block;
+}
+</style>

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from "./AttendanceTypeCollection/index.mjs";
+export * from "./AttendanceTypeSingle/index.mjs";

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/AttendanceTypeCollection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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/AttendanceTypeSingle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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 {
@@ -13215,10 +13215,11 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
                           note: "Tanggal absensi."
                         }
                       }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
-                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                        modelValue: vue.unref(values).type,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).type = $event)
-                      }, vue.unref(fields).type), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).type
+                      }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(office$1.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
@@ -13313,7 +13314,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-68aaccaa"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-0f0e0119"]]);
 const _hoisted_1$v = { class: "flex flex-wrap" };
 const _hoisted_2$m = { class: "mt-2" };
 const _hoisted_3$e = { class: "mt-2" };
@@ -13332,7 +13333,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -13498,7 +13499,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).decideStaff,
                         "is-disabled": vue.unref(values).status == "approved" || vue.unref(values).status == "rejected"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
-                      vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeRelation), {
+                      vue.unref(values).type === "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeRelation), {
                         key: 0,
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
@@ -13515,7 +13516,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : vue.createCommentVNode("v-if", true),
-                      vue.unref(values).type == "dayOff" || vue.unref(values).type == "sick" || vue.unref(values).type == "permission" || vue.unref(values).type == "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
+                      vue.unref(values).type === "dayOff" || vue.unref(values).type === "sick" || vue.unref(values).type === "permission" || vue.unref(values).type === "leave" ? (vue.openBlock(), vue.createBlock(vue.unref(form.NeonField), vue.mergeProps({
                         key: 3,
                         modelValue: vue.unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).submittedAt = $event)
@@ -13695,7 +13696,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-f59b58f4"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-2957df27"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13718,7 +13719,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -14252,7 +14253,7 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-d413adf3"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-d413adf3"]]);
 const _hoisted_1$t = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -14273,7 +14274,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -14770,8 +14771,8 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-07766872"]]);
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-07766872"]]);
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceDelegate",
   setup(__props) {
     var _a;
@@ -14933,7 +14934,147 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-538fa6fb"]]);
+const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-538fa6fb"]]);
+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" };
@@ -25923,7 +26064,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_6$1, [
               vue.createVNode(vue.unref(office$1.OfficeCollectionQuery), { displays: __props.displays }, {
                 default: vue.withCtx(() => [
-                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1h), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                  vue.unref(permit).isAny(["neu:shiftCabang", "neu:admin"]) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$1j), { key: 0 })) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(vue.unref(office$1.OfficeCollectionOperation), {
                     "is-main": "",
                     path: __props.path
@@ -26497,12 +26638,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,
@@ -26514,7 +26657,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,
@@ -26602,6 +26745,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 {
@@ -13196,10 +13196,11 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
                           note: "Tanggal absensi."
                         }
                       }, { "onUpdate:modelValue": onStartedAtUpdate }), null, 16, ["model-value"])),
-                      createVNode(unref(NeonField), mergeProps({
-                        modelValue: unref(values).type,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).type = $event)
-                      }, unref(fields).type), null, 16, ["modelValue"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).type
+                      }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
@@ -13294,7 +13295,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-68aaccaa"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$1h, [["__scopeId", "data-v-0f0e0119"]]);
 const _hoisted_1$v = { class: "flex flex-wrap" };
 const _hoisted_2$m = { class: "mt-2" };
 const _hoisted_3$e = { class: "mt-2" };
@@ -13313,7 +13314,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;
@@ -13479,7 +13480,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                         field: unref(fields).decideStaff,
                         "is-disabled": unref(values).status == "approved" || unref(values).status == "rejected"
                       }, null, 8, ["modelValue", "field", "is-disabled"]),
-                      unref(values).type == "leave" ? (openBlock(), createBlock(unref(OfficeRelation), {
+                      unref(values).type === "leave" ? (openBlock(), createBlock(unref(OfficeRelation), {
                         key: 0,
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
@@ -13496,7 +13497,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                         "is-dashed": "",
                         label: "Keterangan"
                       })) : createCommentVNode("v-if", true),
-                      unref(values).type == "dayOff" || unref(values).type == "sick" || unref(values).type == "permission" || unref(values).type == "leave" ? (openBlock(), createBlock(unref(NeonField), mergeProps({
+                      unref(values).type === "dayOff" || unref(values).type === "sick" || unref(values).type === "permission" || unref(values).type === "leave" ? (openBlock(), createBlock(unref(NeonField), mergeProps({
                         key: 3,
                         modelValue: unref(values).submittedAt,
                         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).submittedAt = $event)
@@ -13676,7 +13677,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-f59b58f4"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$1g, [["__scopeId", "data-v-2957df27"]]);
 const _hoisted_1$u = {
   key: 1,
   class: "flex flex-wrap"
@@ -13699,7 +13700,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;
@@ -14233,7 +14234,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-d413adf3"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$1f, [["__scopeId", "data-v-d413adf3"]]);
 const _hoisted_1$t = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -14254,7 +14255,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;
@@ -14751,8 +14752,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-07766872"]]);
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1e, [["__scopeId", "data-v-07766872"]]);
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "AttendanceDelegate",
   setup(__props) {
     var _a;
@@ -14914,7 +14915,147 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-538fa6fb"]]);
+const AttendanceDelegate = /* @__PURE__ */ _export_sfc$1(_sfc_main$1d, [["__scopeId", "data-v-538fa6fb"]]);
+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" };
@@ -25904,7 +26045,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
@@ -26478,12 +26619,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,
@@ -26495,7 +26638,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,
@@ -26583,6 +26726,9 @@ const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

package/build/mock/style.css

@@ -97,11 +97,11 @@
     gap: 0.5rem
 }
 
-.neu-attendance-single[data-v-68aaccaa] {
+.neu-attendance-single[data-v-0f0e0119] {
     display: block
 }
 
-.neu-attendance-single[data-v-f59b58f4] {
+.neu-attendance-single[data-v-2957df27] {
     display: block
 }
 
@@ -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",
+  "version": "1.17.6",
   "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",
+  "version": "1.17.6",
   "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",
+  "version": "1.17.6",
   "description": "Interface library of Neutron Operasional.",
   "sideEffects": [
     "*.css"
@@ -78,8 +78,8 @@
     "@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.13",
-    "@neutron.co.id/personalia-models": "1.13.8",
+    "@neutron.co.id/operasional-modules": "1.12.15",
+    "@neutron.co.id/personalia-models": "1.13.9-beta.1",
     "@nuxt/kit": "^3.12.3",
     "file-saver": "^2.0.5",
     "papaparse": "5.4.1",
@@ -153,8 +153,8 @@
     "@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.13",
-    "@neutron.co.id/personalia-models": "1.13.8",
+    "@neutron.co.id/operasional-modules": "1.12.15",
+    "@neutron.co.id/personalia-models": "1.13.9-beta.1",
     "@nuxt/kit": "^3.12.3",
     "file-saver": "^2.0.5",
     "qr-scanner": "^1.4.2",
@@ -164,5 +164,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "build": 187
+  "build": 188
 }