@dasidev/dasi-ui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +346 -0
- package/bin/dasi-cli.cjs +184 -0
- package/dist/date-selector-test-BlukYeWl.js +91 -0
- package/dist/favicon.ico +0 -0
- package/dist/html2canvas.esm-CKxSAI8P.js +4886 -0
- package/dist/img/brand/ic_pln.svg +12 -0
- package/dist/img/brand/mapp_power_logo.svg +21 -0
- package/dist/img/common/pltu_ulumbu_flores_ntt.jpeg +0 -0
- package/dist/index-BQSA2aPs.js +126556 -0
- package/dist/index.es-DQWt-PZn.js +5769 -0
- package/dist/index.es.js +11 -0
- package/dist/index.umd.js +8564 -0
- package/dist/informasi-gudang-BmoEy2RL.js +164 -0
- package/dist/informasi-gudang-DXfS46Nh.js +50 -0
- package/dist/purify.es-C-9oolON.js +546 -0
- package/dist/scripts/pdf.worker.min.js +29 -0
- package/dist/scripts/pdf.worker.min.mjs +29 -0
- package/dist/scripts/pdf.worker.mjs +57722 -0
- package/dist/scripts/pdf.worker.mjs.map +1 -0
- package/dist/style.css +1 -0
- package/dist/test-schema-JFghGc0_.js +8 -0
- package/dist/test-schema-uusFsJe4.js +438 -0
- package/dist/types-l0sNRNKZ.js +1 -0
- package/package.json +178 -0
- package/src/App.vue +18 -0
- package/src/__tests__/index.test.ts +9 -0
- package/src/api/api.ts +117 -0
- package/src/assets/app-selector.svg +3 -0
- package/src/assets/dasi.png +0 -0
- package/src/assets/foto_ss.svg +21 -0
- package/src/assets/icons/circle-blue.svg +4 -0
- package/src/assets/icons/circle-gray.svg +15 -0
- package/src/assets/icons/circle-green.svg +4 -0
- package/src/assets/icons/circle-orange.svg +4 -0
- package/src/assets/icons/circle-purple.svg +4 -0
- package/src/assets/icons/circle-red.svg +15 -0
- package/src/assets/icons/harbor.svg +12 -0
- package/src/assets/icons/ic-box-red.svg +8 -0
- package/src/assets/icons/ic-chevron-right.svg +1 -0
- package/src/assets/icons/ic-loading.svg +9 -0
- package/src/assets/icons/ic-reset.svg +16 -0
- package/src/assets/icons/ic-sailing.svg +5 -0
- package/src/assets/icons/icon-app-selector.svg +3 -0
- package/src/assets/icons/icon-browser-check.svg +4 -0
- package/src/assets/icons/icon-calendar.svg +3 -0
- package/src/assets/icons/icon-chart-bar.svg +3 -0
- package/src/assets/icons/icon-chart-doc.svg +16 -0
- package/src/assets/icons/icon-chart-line.svg +10 -0
- package/src/assets/icons/icon-chart-mix.svg +15 -0
- package/src/assets/icons/icon-chart-pie.svg +11 -0
- package/src/assets/icons/icon-continue.svg +12 -0
- package/src/assets/icons/icon-dashboard-2.svg +17 -0
- package/src/assets/icons/icon-dashboard.svg +3 -0
- package/src/assets/icons/icon-data-kelistrikan.svg +19 -0
- package/src/assets/icons/icon-data-sentral.svg +11 -0
- package/src/assets/icons/icon-database.svg +5 -0
- package/src/assets/icons/icon-desktop.svg +3 -0
- package/src/assets/icons/icon-download.svg +13 -0
- package/src/assets/icons/icon-energi-primer.svg +12 -0
- package/src/assets/icons/icon-faba-apk2.svg +11 -0
- package/src/assets/icons/icon-faba.svg +11 -0
- package/src/assets/icons/icon-factory.svg +14 -0
- package/src/assets/icons/icon-globe-doc.svg +19 -0
- package/src/assets/icons/icon-ikk.svg +10 -0
- package/src/assets/icons/icon-kbb.svg +13 -0
- package/src/assets/icons/icon-kos.svg +16 -0
- package/src/assets/icons/icon-kpi-bod.svg +15 -0
- package/src/assets/icons/icon-kss.svg +14 -0
- package/src/assets/icons/icon-map.svg +12 -0
- package/src/assets/icons/icon-monitoring-harian.svg +13 -0
- package/src/assets/icons/icon-notification.svg +4 -0
- package/src/assets/icons/icon-overview.svg +17 -0
- package/src/assets/icons/icon-pltu.svg +13 -0
- package/src/assets/icons/icon-sebaran-sentral.svg +12 -0
- package/src/assets/icons/icon-select-data-kelistrikan.svg +19 -0
- package/src/assets/icons/icon-select-data-sentral.svg +11 -0
- package/src/assets/icons/icon-select-energi-primer.svg +12 -0
- package/src/assets/icons/icon-select-faba-apk2.svg +11 -0
- package/src/assets/icons/icon-select-ikk.svg +10 -0
- package/src/assets/icons/icon-select-kbb.svg +13 -0
- package/src/assets/icons/icon-select-kos.svg +16 -0
- package/src/assets/icons/icon-select-kpi-bod.svg +15 -0
- package/src/assets/icons/icon-select-kss.svg +14 -0
- package/src/assets/icons/icon-select-monitoring-harian.svg +13 -0
- package/src/assets/icons/icon-select-overview.svg +17 -0
- package/src/assets/icons/icon-select-sebaran-sentral.svg +12 -0
- package/src/assets/icons/icon-sentral-white.svg +13 -0
- package/src/assets/icons/icon-shipping.svg +5 -0
- package/src/assets/icons/icon-sort.svg +5 -0
- package/src/assets/icons/icon-tree-box.svg +14 -0
- package/src/assets/icons/icon-warehouse.svg +12 -0
- package/src/assets/icons/pin-green.svg +3 -0
- package/src/assets/icons/pin-orange.svg +3 -0
- package/src/assets/icons/pin-purple.svg +3 -0
- package/src/assets/icons/ship.svg +3 -0
- package/src/assets/icons/shipment/icon-antri.svg +15 -0
- package/src/assets/icons/shipment/icon-bongkar.svg +4 -0
- package/src/assets/icons/shipment/icon-invoice.svg +6 -0
- package/src/assets/icons/shipment/icon-loading.svg +8 -0
- package/src/assets/icons/shipment/icon-pembayaran.svg +13 -0
- package/src/assets/icons/shipment/icon-pengiriman.svg +4 -0
- package/src/assets/icons/shipment/icon-sailing.svg +4 -0
- package/src/assets/icons/shipment/icon-shipment-completed.svg +6 -0
- package/src/assets/icons/shipment/icon-shipment-in-progress.svg +6 -0
- package/src/assets/icons/shipment/icon-shipment-over-sla.svg +6 -0
- package/src/assets/icons/shipment/icon-spt.svg +4 -0
- package/src/assets/icons/shipment/icon-total-shipment.svg +4 -0
- package/src/assets/icons/upload_doc_icon.svg +42 -0
- package/src/assets/icons/upload_icon_blue.svg +14 -0
- package/src/assets/login-bg-day-min.jpg +0 -0
- package/src/assets/login-bg-night-min.jpg +0 -0
- package/src/assets/login-bg.jpg +0 -0
- package/src/assets/login-day.png +0 -0
- package/src/assets/login-night.png +0 -0
- package/src/assets/lucide-circle-plus-blue.svg +1 -0
- package/src/assets/pdf-logo.svg +11 -0
- package/src/assets/pemasok-card-bg.svg +6 -0
- package/src/assets/success_animation.gif +0 -0
- package/src/assets/success_animation.mp4 +0 -0
- package/src/assets/success_animation.webm +0 -0
- package/src/components/button/BtnAddOutline.vue +14 -0
- package/src/components/button/BtnCircle.vue +10 -0
- package/src/components/button/BtnOutline.vue +15 -0
- package/src/components/button/BtnPrimary.vue +25 -0
- package/src/components/button/BtnSecondary.vue +26 -0
- package/src/components/detail/AccountDetailTimeline.vue +144 -0
- package/src/components/detail/ApprovalInfo.vue +288 -0
- package/src/components/detail/DCI2.vue +164 -0
- package/src/components/detail/DetailContentHeader.vue +83 -0
- package/src/components/detail/DetailContentItem.vue +186 -0
- package/src/components/detail/DetailContentItems.vue +388 -0
- package/src/components/detail/DetailContentLoading.vue +12 -0
- package/src/components/detail/DetailContentTablet.vue +10 -0
- package/src/components/detail/DetailSheet.vue +294 -0
- package/src/components/detail/DetailTimeline.vue +191 -0
- package/src/components/detail/DocApprovalDialog.vue +29 -0
- package/src/components/detail/DocViewerContent.vue +991 -0
- package/src/components/dialog/ConfirmDialog.vue +96 -0
- package/src/components/dialog/DialogBase.vue +53 -0
- package/src/components/dialog/DialogSelect.vue +212 -0
- package/src/components/dialog/ErrorDialog.vue +63 -0
- package/src/components/dialog/FormDialog.vue +141 -0
- package/src/components/dialog/FormInputerDialog.vue +91 -0
- package/src/components/dialog/InfoDialog.vue +74 -0
- package/src/components/dialog/SuccessDialog.vue +51 -0
- package/src/components/examples/TestSchemaExample.vue +288 -0
- package/src/components/forms/auth/LoginForm.vue +806 -0
- package/src/components/forms/auth/PwdScore.vue +68 -0
- package/src/components/helper/ApiTester.vue +153 -0
- package/src/components/helper/ChangePwd.vue +150 -0
- package/src/components/helper/CheckboxElement.vue +43 -0
- package/src/components/helper/ConfigSwitcher.vue +54 -0
- package/src/components/helper/Copyright.vue +10 -0
- package/src/components/helper/ErrorScreen.vue +40 -0
- package/src/components/helper/LucideIcon.vue +27 -0
- package/src/components/helper/PdfViewer.vue +103 -0
- package/src/components/helper/PinInputer.vue +205 -0
- package/src/components/helper/PrivacyPolicy.vue +122 -0
- package/src/components/layout/PageActivityHeader.vue +48 -0
- package/src/components/layout/PageHeader.vue +70 -0
- package/src/components/loadings/LoadingDialog.vue +29 -0
- package/src/components/loadings/LoadingDialogSpin.vue +25 -0
- package/src/components/loadings/LoadingIndicator.vue +38 -0
- package/src/components/loadings/LoadingScreen.vue +23 -0
- package/src/components/notif/Notif.vue +103 -0
- package/src/components/notif/NotifItem.vue +41 -0
- package/src/components/pages/Header.vue +431 -0
- package/src/components/pages/Leftbar.vue +417 -0
- package/src/components/pages/PageActivity.vue +108 -0
- package/src/components/pages/PageActivityContent.vue +597 -0
- package/src/components/pages/PageContentTable.vue +589 -0
- package/src/components/pages/PageTab.vue +84 -0
- package/src/components/selector/BaseSelector.vue +1136 -0
- package/src/components/selector/ConfigDataSelector.vue +136 -0
- package/src/components/settings/SettingsItem.vue +38 -0
- package/src/components/tab/TabView.vue +11 -0
- package/src/components/tab/TabViewItem.vue +18 -0
- package/src/components/tab/TabViewItemBar.vue +9 -0
- package/src/components/tables/CellHover.vue +65 -0
- package/src/components/tables/DashboardDataTable.vue +707 -0
- package/src/components/tables/DataStatusTag.vue +52 -0
- package/src/components/tables/DataTable.vue +156 -0
- package/src/components/tables/DataTableAccordion.vue +249 -0
- package/src/components/tables/DataTableActionRow.vue +64 -0
- package/src/components/tables/DataTableCell.vue +272 -0
- package/src/components/tables/DataTableHeader.vue +60 -0
- package/src/components/tables/DataTableRow.vue +213 -0
- package/src/components/tables/ExpandedTable.vue +259 -0
- package/src/components/tables/PageTable.vue +73 -0
- package/src/components/tables/Pagination.vue +98 -0
- package/src/components/tables/dropdown/BaseDropdownTable.vue +140 -0
- package/src/components/tables/dropdown/DropdownTableActivity.vue +33 -0
- package/src/components/tables/dropdown/DropdownTableAsset.vue +30 -0
- package/src/components/tables/dropdown/DropdownTableConfig.vue +30 -0
- package/src/components/tables/dropdown/DropdownTableDataKonektor.vue +31 -0
- package/src/components/tables/dropdown/DropdownTableDataLabel.vue +30 -0
- package/src/components/tables/dropdown/DropdownTableDataSchema.vue +31 -0
- package/src/components/tables/dropdown/DropdownTableFabaPemanfaat.vue +30 -0
- package/src/components/tables/dropdown/DropdownTableGroup.vue +36 -0
- package/src/components/tables/dropdown/DropdownTableHalaman.vue +33 -0
- package/src/components/tables/dropdown/DropdownTableLevel.vue +66 -0
- package/src/components/tables/dropdown/DropdownTableOrganization.vue +47 -0
- package/src/components/tables/dropdown/DropdownTablePengelola.vue +28 -0
- package/src/components/tables/dropdown/DropdownTableQueryLayer.vue +29 -0
- package/src/components/tables/dropdown/DropdownTableSentral.vue +33 -0
- package/src/components/tables/dropdown/DropdownTableWarehouse.vue +30 -0
- package/src/components/tables/dropdown/TableDropdown.vue +52 -0
- package/src/components/ui/accordion/Accordion.vue +19 -0
- package/src/components/ui/accordion/AccordionContent.vue +24 -0
- package/src/components/ui/accordion/AccordionItem.vue +24 -0
- package/src/components/ui/accordion/AccordionTrigger.vue +42 -0
- package/src/components/ui/accordion/index.ts +4 -0
- package/src/components/ui/alert-dialog/AlertDialog.vue +14 -0
- package/src/components/ui/alert-dialog/AlertDialogAction.vue +20 -0
- package/src/components/ui/alert-dialog/AlertDialogCancel.vue +20 -0
- package/src/components/ui/alert-dialog/AlertDialogContent.vue +42 -0
- package/src/components/ui/alert-dialog/AlertDialogDescription.vue +25 -0
- package/src/components/ui/alert-dialog/AlertDialogFooter.vue +21 -0
- package/src/components/ui/alert-dialog/AlertDialogHeader.vue +16 -0
- package/src/components/ui/alert-dialog/AlertDialogTitle.vue +22 -0
- package/src/components/ui/alert-dialog/AlertDialogTrigger.vue +11 -0
- package/src/components/ui/alert-dialog/index.ts +9 -0
- package/src/components/ui/avatar/Avatar.vue +24 -0
- package/src/components/ui/avatar/AvatarFallback.vue +11 -0
- package/src/components/ui/avatar/AvatarImage.vue +9 -0
- package/src/components/ui/avatar/UsersAvatar.vue +28 -0
- package/src/components/ui/avatar/index.ts +24 -0
- package/src/components/ui/button/Button.vue +27 -0
- package/src/components/ui/button/index.ts +34 -0
- package/src/components/ui/calendar/Calendar.vue +325 -0
- package/src/components/ui/calendar/index.ts +22 -0
- package/src/components/ui/checkbox/Checkbox.vue +33 -0
- package/src/components/ui/checkbox/index.ts +1 -0
- package/src/components/ui/command/Command.vue +30 -0
- package/src/components/ui/command/CommandDialog.vue +21 -0
- package/src/components/ui/command/CommandEmpty.vue +20 -0
- package/src/components/ui/command/CommandGroup.vue +29 -0
- package/src/components/ui/command/CommandInput.vue +33 -0
- package/src/components/ui/command/CommandItem.vue +26 -0
- package/src/components/ui/command/CommandList.vue +27 -0
- package/src/components/ui/command/CommandSeparator.vue +23 -0
- package/src/components/ui/command/CommandShortcut.vue +14 -0
- package/src/components/ui/command/index.ts +9 -0
- package/src/components/ui/context-menu/ContextMenu.vue +15 -0
- package/src/components/ui/context-menu/ContextMenuCheckboxItem.vue +40 -0
- package/src/components/ui/context-menu/ContextMenuContent.vue +36 -0
- package/src/components/ui/context-menu/ContextMenuGroup.vue +11 -0
- package/src/components/ui/context-menu/ContextMenuItem.vue +34 -0
- package/src/components/ui/context-menu/ContextMenuLabel.vue +25 -0
- package/src/components/ui/context-menu/ContextMenuPortal.vue +11 -0
- package/src/components/ui/context-menu/ContextMenuRadioGroup.vue +19 -0
- package/src/components/ui/context-menu/ContextMenuRadioItem.vue +40 -0
- package/src/components/ui/context-menu/ContextMenuSeparator.vue +20 -0
- package/src/components/ui/context-menu/ContextMenuShortcut.vue +14 -0
- package/src/components/ui/context-menu/ContextMenuSub.vue +19 -0
- package/src/components/ui/context-menu/ContextMenuSubContent.vue +35 -0
- package/src/components/ui/context-menu/ContextMenuSubTrigger.vue +34 -0
- package/src/components/ui/context-menu/ContextMenuTrigger.vue +13 -0
- package/src/components/ui/context-menu/index.ts +14 -0
- package/src/components/ui/datetime/DatetimeRangeComponent.vue +52 -0
- package/src/components/ui/dialog/Dialog.vue +14 -0
- package/src/components/ui/dialog/DialogClose.vue +11 -0
- package/src/components/ui/dialog/DialogContent.vue +53 -0
- package/src/components/ui/dialog/DialogDescription.vue +24 -0
- package/src/components/ui/dialog/DialogFooter.vue +19 -0
- package/src/components/ui/dialog/DialogHeader.vue +16 -0
- package/src/components/ui/dialog/DialogScrollContent.vue +59 -0
- package/src/components/ui/dialog/DialogTitle.vue +29 -0
- package/src/components/ui/dialog/DialogTrigger.vue +11 -0
- package/src/components/ui/dialog/index.ts +9 -0
- package/src/components/ui/dropdown-menu/DropdownMenu.vue +14 -0
- package/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue +40 -0
- package/src/components/ui/dropdown-menu/DropdownMenuContent.vue +38 -0
- package/src/components/ui/dropdown-menu/DropdownMenuGroup.vue +11 -0
- package/src/components/ui/dropdown-menu/DropdownMenuItem.vue +28 -0
- package/src/components/ui/dropdown-menu/DropdownMenuLabel.vue +24 -0
- package/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue +19 -0
- package/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue +41 -0
- package/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue +22 -0
- package/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue +14 -0
- package/src/components/ui/dropdown-menu/DropdownMenuSub.vue +19 -0
- package/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue +30 -0
- package/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue +33 -0
- package/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue +13 -0
- package/src/components/ui/dropdown-menu/index.ts +16 -0
- package/src/components/ui/form/FormControl.vue +16 -0
- package/src/components/ui/form/FormDescription.vue +20 -0
- package/src/components/ui/form/FormItem.vue +25 -0
- package/src/components/ui/form/FormLabel.vue +23 -0
- package/src/components/ui/form/FormMessage.vue +16 -0
- package/src/components/ui/form/index.ts +6 -0
- package/src/components/ui/form/useFormField.ts +30 -0
- package/src/components/ui/hover-card/HoverCard.vue +14 -0
- package/src/components/ui/hover-card/HoverCardContent.vue +41 -0
- package/src/components/ui/hover-card/HoverCardTrigger.vue +11 -0
- package/src/components/ui/hover-card/index.ts +3 -0
- package/src/components/ui/input/Input.vue +24 -0
- package/src/components/ui/input/index.ts +1 -0
- package/src/components/ui/label/Label.vue +27 -0
- package/src/components/ui/label/index.ts +1 -0
- package/src/components/ui/pagination/PaginationEllipsis.vue +22 -0
- package/src/components/ui/pagination/PaginationFirst.vue +29 -0
- package/src/components/ui/pagination/PaginationLast.vue +29 -0
- package/src/components/ui/pagination/PaginationNext.vue +29 -0
- package/src/components/ui/pagination/PaginationPrev.vue +29 -0
- package/src/components/ui/pagination/index.ts +10 -0
- package/src/components/ui/pin-input/PinInput.vue +23 -0
- package/src/components/ui/pin-input/PinInputGroup.vue +18 -0
- package/src/components/ui/pin-input/PinInputInput.vue +18 -0
- package/src/components/ui/pin-input/PinInputSeparator.vue +15 -0
- package/src/components/ui/pin-input/index.ts +4 -0
- package/src/components/ui/popover/Popover.vue +15 -0
- package/src/components/ui/popover/PopoverContent.vue +48 -0
- package/src/components/ui/popover/PopoverTrigger.vue +11 -0
- package/src/components/ui/popover/index.ts +4 -0
- package/src/components/ui/preview/PreviewPdf.vue +118 -0
- package/src/components/ui/progress/ProgressCircle.vue +27 -0
- package/src/components/ui/progress/SemiCircularProgressBar.vue +83 -0
- package/src/components/ui/progress/TotalCalories.vue +31 -0
- package/src/components/ui/radio-group/RadioGroup.vue +25 -0
- package/src/components/ui/radio-group/RadioGroupItem.vue +37 -0
- package/src/components/ui/radio-group/index.ts +2 -0
- package/src/components/ui/scroll-area/ScrollArea.vue +29 -0
- package/src/components/ui/scroll-area/ScrollBar.vue +30 -0
- package/src/components/ui/scroll-area/index.ts +2 -0
- package/src/components/ui/select/Select.vue +15 -0
- package/src/components/ui/select/SelectContent.vue +52 -0
- package/src/components/ui/select/SelectGroup.vue +19 -0
- package/src/components/ui/select/SelectInline.vue +84 -0
- package/src/components/ui/select/SelectItem.vue +44 -0
- package/src/components/ui/select/SelectItemText.vue +11 -0
- package/src/components/ui/select/SelectLabel.vue +13 -0
- package/src/components/ui/select/SelectScrollDownButton.vue +24 -0
- package/src/components/ui/select/SelectScrollUpButton.vue +24 -0
- package/src/components/ui/select/SelectSeparator.vue +17 -0
- package/src/components/ui/select/SelectTrigger.vue +31 -0
- package/src/components/ui/select/SelectTriggerCustom.vue +23 -0
- package/src/components/ui/select/SelectValue.vue +11 -0
- package/src/components/ui/select/index.ts +12 -0
- package/src/components/ui/separator/Separator.vue +20 -0
- package/src/components/ui/separator/index.ts +1 -0
- package/src/components/ui/sheet/Sheet.vue +14 -0
- package/src/components/ui/sheet/SheetClose.vue +11 -0
- package/src/components/ui/sheet/SheetContent.vue +48 -0
- package/src/components/ui/sheet/SheetDescription.vue +22 -0
- package/src/components/ui/sheet/SheetFooter.vue +19 -0
- package/src/components/ui/sheet/SheetHeader.vue +16 -0
- package/src/components/ui/sheet/SheetTitle.vue +22 -0
- package/src/components/ui/sheet/SheetTrigger.vue +11 -0
- package/src/components/ui/sheet/index.ts +31 -0
- package/src/components/ui/skeleton/Skeleton.vue +28 -0
- package/src/components/ui/skeleton/index.ts +1 -0
- package/src/components/ui/sonner/Sonner.vue +22 -0
- package/src/components/ui/sonner/index.ts +1 -0
- package/src/components/ui/star/StarRating.vue +19 -0
- package/src/components/ui/switch/Switch.vue +37 -0
- package/src/components/ui/switch/index.ts +1 -0
- package/src/components/ui/table/Table.vue +16 -0
- package/src/components/ui/table/TableBody.vue +14 -0
- package/src/components/ui/table/TableCaption.vue +14 -0
- package/src/components/ui/table/TableCell.vue +21 -0
- package/src/components/ui/table/TableEmpty.vue +37 -0
- package/src/components/ui/table/TableFooter.vue +14 -0
- package/src/components/ui/table/TableHead.vue +14 -0
- package/src/components/ui/table/TableHeader.vue +14 -0
- package/src/components/ui/table/TableRow.vue +14 -0
- package/src/components/ui/table/index.ts +8 -0
- package/src/components/ui/tabs/Tabs.vue +15 -0
- package/src/components/ui/tabs/TabsContent.vue +22 -0
- package/src/components/ui/tabs/TabsList.vue +25 -0
- package/src/components/ui/tabs/TabsTrigger.vue +27 -0
- package/src/components/ui/tabs/index.ts +4 -0
- package/src/components/ui/tags-input/TagsInput.vue +22 -0
- package/src/components/ui/tags-input/TagsInputInput.vue +19 -0
- package/src/components/ui/tags-input/TagsInputItem.vue +22 -0
- package/src/components/ui/tags-input/TagsInputItemDelete.vue +24 -0
- package/src/components/ui/tags-input/TagsInputItemText.vue +19 -0
- package/src/components/ui/tags-input/index.ts +5 -0
- package/src/components/ui/textarea/Textarea.vue +24 -0
- package/src/components/ui/textarea/index.ts +1 -0
- package/src/components/ui/tooltip/Tooltip.vue +14 -0
- package/src/components/ui/tooltip/TooltipContent.vue +31 -0
- package/src/components/ui/tooltip/TooltipProvider.vue +11 -0
- package/src/components/ui/tooltip/TooltipTrigger.vue +11 -0
- package/src/components/ui/tooltip/index.ts +4 -0
- package/src/composables/useAppConfig.ts +332 -0
- package/src/composables/useDarkMode.ts +71 -0
- package/src/config/app.config.ts +318 -0
- package/src/config/examples/ecommerce.config.ts +132 -0
- package/src/config/examples/generic.config.ts +132 -0
- package/src/config/menu.config.ts +149 -0
- package/src/config/my-app.config.ts +134 -0
- package/src/config/test-config.ts +32 -0
- package/src/config/theme.config.ts +250 -0
- package/src/docs/index.ts +21 -0
- package/src/docs.scss +403 -0
- package/src/index.d.ts +5 -0
- package/src/index.ts +20 -0
- package/src/layouts/AuthLayout.vue +68 -0
- package/src/layouts/DefaultLayout.vue +119 -0
- package/src/layouts/DocsLayout.vue +681 -0
- package/src/layouts/FormGlobal.vue +50 -0
- package/src/layouts/GlobalDialog.vue +122 -0
- package/src/layouts/RakorConfirmDialog.vue +95 -0
- package/src/layouts/SettingsLayout.vue +115 -0
- package/src/lib/constants.ts +2 -0
- package/src/lib/detail.utils.ts +213 -0
- package/src/lib/form.utils.ts +1009 -0
- package/src/lib/page.flow.utils.ts +81 -0
- package/src/lib/page.utils.ts +865 -0
- package/src/lib/performance.utils.ts +302 -0
- package/src/lib/tablerow.utils.ts +51 -0
- package/src/lib/utils.ts +643 -0
- package/src/main.scss +717 -0
- package/src/main.ts +74 -0
- package/src/menu.ts +78 -0
- package/src/nestedlist_color.scss +161 -0
- package/src/router/index.ts +92 -0
- package/src/stores/auth.ts +117 -0
- package/src/stores/counter.ts +12 -0
- package/src/stores/dialog.ts +168 -0
- package/src/stores/form.ts +103 -0
- package/src/stores/tabs.ts +52 -0
- package/src/tw.scss +419 -0
- package/src/types/form.types.ts +348 -0
- package/src/types/types.ts +7 -0
- package/src/utils/config.utils.ts +149 -0
- package/src/views/NotFound.vue +30 -0
- package/src/views/PageActivity.vue +15 -0
- package/src/views/auth/LoginView.vue +7 -0
- package/src/views/auth/OauthCallback.vue +101 -0
- package/src/views/dashboard/index.vue +16 -0
- package/src/views/settings/AccountSettingsView.vue +70 -0
- package/src/views/settings/AuditLogsSettingsView.vue +116 -0
- package/src/views/settings/DeviceSettingsView.vue +70 -0
- package/src/views/settings/MainSettingsView.vue +12 -0
- package/src/views/settings/ProfileSettingsView.vue +104 -0
- package/src/vueform/config/informasi-gudang.ts +47 -0
- package/src/vueform/config/test-schema.ts +8 -0
- package/src/vueform/config/types.ts +768 -0
- package/src/vueform/customization/classes.js +46 -0
- package/src/vueform/customization/tailwind.classes.js +2117 -0
- package/src/vueform/elements/ConfigDataSelectorElement.vue +50 -0
- package/src/vueform/elements/DateSelectorElement.vue +323 -0
- package/src/vueform/elements/SelectorElement.vue +153 -0
- package/src/vueform/schemas/date-selector-test.ts +103 -0
- package/src/vueform/schemas/informasi-gudang.ts +160 -0
- package/src/vueform/schemas/test-schema.ts +483 -0
- package/src/vueform.config.js +77 -0
- package/src/vueform.validator.ts +77 -0
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.animate-pulse[data-v-6f057157]{animation:pulse2-6f057157 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse2-6f057157{0%,to{opacity:1}50%{opacity:.5}}.tab-cnt[data-v-986096e6]{scrollbar-width:none;-ms-overflow-style:none}.tab-cnt[data-v-986096e6]::-webkit-scrollbar{display:none}.notif-ul[data-v-986096e6]{max-height:60vh!important}.notif-ul li[data-v-986096e6]{box-shadow:0 2px 12px #00000024;transition:all .36s ease}.notif-ul li.notif-item-x[data-v-986096e6]{opacity:0;transform:scale(.82) translateY(-400%)}.notif-ul li.notif-item-1[data-v-986096e6]{display:block;position:relative;z-index:9}.notif-ul li.notif-item-2[data-v-986096e6]{transform:scale(.94) translateY(-100%);position:relative;z-index:8}.notif-ul li.notif-item-3[data-v-986096e6]{transform:scale(.88) translateY(-214%);position:relative;z-index:7}.notif-ul:hover li[data-v-986096e6]{transform:none;opacity:1}.notif-ul:hover li.notif-item-x[data-v-986096e6]{display:block}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.ps{position:relative}.sticky[data-v-331e747e]{box-shadow:2px 0 5px #0000001a}.sticky.z-10[data-v-331e747e]{z-index:10}.sticky.z-5[data-v-331e747e]{z-index:5}.overflow-x-auto[data-v-331e747e]::-webkit-scrollbar{height:8px}.overflow-x-auto[data-v-331e747e]::-webkit-scrollbar-track{background:#f1f5f9}.overflow-x-auto[data-v-331e747e]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.overflow-x-auto[data-v-331e747e]::-webkit-scrollbar-thumb:hover{background:#94a3b8}tr:hover .sticky[data-v-331e747e]{background-color:#f9fafb}tr.bg-blue-100 .sticky[data-v-331e747e]{background-color:#dbeafe!important}.bg-slate-200[data-v-331e747e]{background-color:#e2e8f0;border-bottom:2px solid #cbd5e1}thead th[data-v-331e747e]{border-bottom:1px solid #e2e8f0}thead tr:first-child th[data-v-331e747e]{border-bottom:1px solid #cbd5e1}.dark .bg-slate-200[data-v-331e747e]{background-color:#475569;border-bottom-color:#64748b}.dark thead th[data-v-331e747e]{border-bottom-color:#475569}.dark thead tr:first-child th[data-v-331e747e]{border-bottom-color:#64748b}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}div[data-id=colors-0],div[data-id=colors-1],div[data-id=colors-2],div[data-id=colors-3],div[data-id=colors-4],div[data-id=colors-5],div[data-id=colors-6],div[data-id=colors-7],div[data-id=colors-8],div[data-id=colors-9],div[data-id=colors-10],div[data-id=colors-11],div[data-id=colors-12]{padding:10px!important}body{background-color:#f1f5f9;color:#4d5e80;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;@apply dark:text-[#ccc] dark:bg-[#0a0a0a];}#dropdown-telp,#dropdown-noTelepon{z-index:9999!important;pointer-events:auto!important}#container__label{border-bottom:2px dashed #d6d6d6;padding-bottom:8px;margin-bottom:8px}b{font-weight:500}input,[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{height:auto;min-height:0}input::placeholder,[type=text]::placeholder,[type=email]::placeholder,[type=url]::placeholder,[type=password]::placeholder,[type=number]::placeholder,[type=date]::placeholder,[type=datetime-local]::placeholder,[type=month]::placeholder,[type=search]::placeholder,[type=tel]::placeholder,[type=time]::placeholder,[type=week]::placeholder,[multiple]::placeholder,textarea::placeholder,select::placeholder{color:#ccc!important;@apply dark:!text-[#555];}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:not(.override-border),select:not(.override-border),textarea:not(.override-border){outline:none!important;box-shadow:none!important;border:none!important}input:not(.override-border):focus,select:not(.override-border):focus,textarea:not(.override-border):focus{outline:none!important;box-shadow:none!important;border:none!important}.vueform-divider{display:block;position:relative;font-size:13px}.vueform-divider span{background-color:#f8fafc;color:#999;position:relative;z-index:3;padding-right:10px;padding-left:5px;@apply dark:!bg-[#111];}.vueform-divider:before{content:"";position:absolute;left:0;top:50%;right:0;height:1px;background-color:#e5e5e5;@apply dark:bg-[#222];}.detail-items .vueform-divider span{background-color:#fff;padding-left:0}.transition-3s{transition:all .3s ease}.transition-35s-linear{transition:all .35s linear}form .form-p-input-lg{padding:8px 12px;font-size:15px}form .form-h-input-height-lg{height:auto;min-height:42px}form label.form-text-lg{font-weight:600;color:#64748b;font-size:13px;padding:0 0 0 5px;@apply dark:text-[#999];}form div.form-text-small-lg.mt-1{margin:.25rem 0 0 3px;line-height:1.275}form div.form-text-lg.has-error .form-color-muted.form-text-small-lg{display:none}form span.form-ml-space-checkbox-lg{font-weight:500}form div.flex[role=radiogroup],form div.flex[role=group]{display:flex;flex-direction:row;align-items:center}form div.flex[role=radiogroup] label.flex,form div.flex[role=group] label.flex{padding:7px 10px 0;min-height:40px;margin-right:10px;font-weight:500;border-radius:5px;border:#ddd 1px solid;background-color:#fff;font-size:14px;@apply dark:bg-dark_bg3 dark:border-dark_border2 dark:hover:border-gray-600;}form .has-error div.flex[role=checkboxgroup] label.flex:has(input[aria-invalid=true]),form .has-error div.flex[role=radiogroup] label.flex:has(input[aria-invalid=true]),form .has-error div.flex[role=group] label.flex{border-color:red}form div.grid.form-gap-y-gutter-lg,form div.form-gap-gutter-lg{row-gap:0}form div.grid.form-gap-y-gutter-lg>.form-text-lg,form div.form-gap-gutter-lg>.form-text-lg{margin:0 0 12px}form div.grid.form-gap-y-gutter-lg>.form-list-group,form div.form-gap-gutter-lg>.form-list-group{margin:0 0 16px}form div.form-contains-link.form-text-lg{margin:0 0 5px!important}form .form-list-group.dasi-v2-list-item{padding:16px 16px 0;background-color:#00000005;background-color:#fff;border:#ddd 1px solid;border-radius:5px;@apply dark:bg-dark_bg2 dark:border-dark_border4;}form .form-list-group.dasi-v2-list-item div[aria-roledescription="Remove item button"]{left:-6px;top:-6px;background-color:red;z-index:3}form .form-list-group.dasi-v2-list-item div[aria-roledescription="Remove item button"] span{background-color:#fff}form button,form [role=button]{transform:none!important}form div.inline-block.form-bg-primary.form-border-width-btn.form-border-color-primary.form-color-on-primary.form-shadow-btn{transform:none!important;width:fit-content;color:transparent;border-radius:50px;background-color:#fff;border-width:1.5px;text-align:center;position:relative;height:36px;margin-top:0;color:#2671d9;display:flex;justify-content:center;align-items:center;padding:0 14px 0 36px;font-size:14px;transition:background-color .3s ease}form div.inline-block.form-bg-primary.form-border-width-btn.form-border-color-primary.form-color-on-primary.form-shadow-btn:hover{background-color:#00000005}form div.inline-block.form-bg-primary.form-border-width-btn.form-border-color-primary.form-color-on-primary.form-shadow-btn:after{position:absolute;content:"";left:5px;top:0;bottom:0;width:25px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%232671d9'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-circle-plus'%3e%3ccircle%20cx='12'%20cy='12'%20r='10'/%3e%3cpath%20d='M8%2012h8'/%3e%3cpath%20d='M12%208v8'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:25px auto;background-position:center}form .flex.justify-center.flex-row.group.relative.form-h-input-height{background-color:#fff;height:44px;padding:0 16px;border-radius:30px;border:#eee 1px solid;overflow:hidden}form .flex.justify-center.flex-row.group.relative.form-h-input-height .flex.justify-between.items-center.w-full>.flex.items-center:first-child{max-width:90%}form .flex.justify-center.flex-row.group.relative.form-h-input-height .flex.justify-between.items-center.w-full>.flex.items-center:first-child span{font-weight:600;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:100%}form .flex.justify-center.flex-row.group.relative.form-h-input-height .flex.justify-between.items-center.w-full>.flex.items-center:nth-child(2){margin-right:-8px}form .flex.justify-center.flex-row.group.relative.form-h-input-height .flex.justify-between.items-center.w-full>.flex.items-center:nth-child(2) .w-4.h-4{width:28px;height:28px}form .form-color-danger.form-text-small-lg{font-size:11px}form .dasi-layout-cnt.dasi-check-cnt .dasi-layout-inner-wrapper{display:flex;align-items:center}form .dasi-layout-cnt.dasi-check-cnt .dasi-layout-inner-wrapper input[type=checkbox]{border-color:#ccc!important;width:18px;height:18px;border-width:2px!important;margin:2px 8px 0 0}form .dasi-layout-cnt.dasi-check-cnt .dasi-layout-inner-wrapper input[type=checkbox]:checked{@apply border-blue-500 bg-blue-500 !important;}form .dasi-layout-cnt.dasi-check-cnt .dasi-layout-inner-wrapper .form-text-lg{font-weight:500}form .dasi-layout-cnt.dasi-check-cnt .dasi-form-field-description{margin-top:0;margin-left:28px}form .dasi-layout-cnt.pcfr-del-check .dasi-layout-inner-wrapper input[type=checkbox]{margin-top:-3px}form .dasi-layout-cnt.negative-check .dasi-layout-inner-wrapper .form-text-lg{color:red!important;font-weight:400!important}form label:has(input[type=radio]:checked){background-color:#e1effe;border-color:#1c64f2!important}form label:has(input[type=radio]:disabled){background-color:#eee;cursor:default}form input[type=radio]{background-color:#fff;border:#ccc 2px solid!important;@apply dark:bg-dark_bg3 dark:!border-white/30;}form input[type=radio]:hover{border-color:#999!important}form input[type=radio]:checked{border:none!important;outline:none!important;box-shadow:none!important}form input[type=radio]:disabled{background-color:#ddd;border:none!important;outline:none!important;box-shadow:none!important;cursor:default}form input[type=checkbox]{border:#ddd 1px solid!important}form input[type=checkbox]:checked{background-color:#2671d9!important;border-color:#2671d9!important}form .dasi-layout-cnt.dasi-file-cnt .border-dashed.form-bg-input{border-color:#ccc;@apply dark:bg-dark_bg3 dark:hover:bg-dark_bg3a dark:border-[#555];}form .dasi-layout-cnt.dasi-file-cnt .border-dashed.form-bg-input span{font-size:13px;opacity:.65}form .dasi-layout-cnt.dasi-file-cnt .border-dashed.form-bg-input span.font-semibold{font-size:16px;margin-bottom:-2px;opacity:1}form .dasi-layout-cnt.dasi-file-cnt .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between.items-center.w-full{background-color:#fff;padding:8px 12px;font-weight:500;border:#ccc 2px solid;border-radius:5px;cursor:default;@apply dark:bg-dark_bg5 dark:border-dark_bg5;}form .dasi-layout-cnt.dasi-file-cnt .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between .flex.items-center{flex-direction:row-reverse;gap:5px}form .dasi-layout-cnt.dasi-file-cnt .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between .flex.items-center .flex.items-center{display:block!important}form .dasi-layout-cnt.dasi-file-cnt .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between .flex.items-center .flex.items-center.w-4{width:26px;height:26px}form .dasi-layout-cnt.dasi-file-cnt .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between .flex.items-center .flex.items-center.form-bg-passive.transition{@apply bg-slate-100 hover:bg-slate-200 dark:bg-dark_bg8 dark:hover:bg-[#666];}form .dasi-layout-cnt.dasi-file-cnt.has-error .border-dashed.form-bg-input{border-color:red;background-color:#fffbfb;@apply dark:bg-dark_bg3 dark:hover:bg-dark_bg3a;}form .dasi-layout-cnt.dasi-file-cnt.has-error .flex.justify-center.flex-col.group.relative.form-h-input-min-height-lg .flex.justify-between.items-center.w-full{border-color:red;background-color:#fffbfb;@apply dark:bg-dark_bg5;}form .inline-block.rounded-full.outline-zero.transition-input{margin:10px 0}form .form-ml-space-checkbox-lg{margin:10px;font-size:14px}form .dasi-toggle .dasi-form-field-description{margin-top:-4px!important;margin-bottom:10px!important}form a{color:#1c64f2}.vc-colorpicker{border-radius:9px!important}.vc-display .vc-current-color{width:28px!important}.vc-display .vc-input-toggle{width:36px!important;border:#eee 1px solid;text-align:center;font-size:10px!important}input[disabled]{cursor:default!important;box-shadow:none!important;outline:none!important}input[type=file]{padding:0}.progress{animation:progress 1s infinite linear}.left-right{transform-origin:0% 50%}@keyframes progress{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}.jadwal-overlay-enter-active,.jadwal-overlay-leave-active{transition:all .3s ease}.jadwal-overlay-enter-from,.jadwal-overlay-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:max-height .25s linear,opacity .25s linear;overflow:hidden}.slide-down-enter-from,.slide-down-leave-to{max-height:0;opacity:0}.slide-down-enter-to,.slide-down-leave-from{max-height:1200px;opacity:1}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group{margin-bottom:10px!important}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .vueform-divider span{background-color:#fff}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .vueform-divider.tg-rppcfr{margin:-8px 0 -10px;font-size:13px;font-weight:500;cursor:pointer}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .vueform-divider.tg-rppcfr span{color:#767676;background-color:#fff;@apply dark:text-white/65;}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .vueform-divider.tg-rppcfr svg{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999;background-color:#fff;@apply dark:bg-dark_bg2;padding-left:10px;width:32px;height:32px}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .vueform-divider.tg-rppcfr svg.dd-up{display:none}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .form-text-lg{display:none}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .form-text-lg:first-child,div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg .form-text-lg:first-child .form-text-lg,div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg.expanded .form-text-lg{display:block}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg.expanded .vueform-divider.tg-rppcfr{margin-bottom:4px}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg.expanded .vueform-divider.tg-rppcfr svg.dd-up{display:block}div[aria-labelledby=riwayatPencatatanPenerimaanHarian__label] .form-list-group .grid.grid-cols-12.form-gap-gutter-lg.expanded .vueform-divider.tg-rppcfr svg.dd-down{display:none}.pct-action-cnt .dp__main{width:auto}.vueform-page-menu form .dasi-form-cnt{display:flex;gap:10px;border-right:#eee 1px solid;padding-right:18px;margin-right:14px}.vueform-page-menu form .dasi-layout-cnt{margin:0!important}.vueform-page-menu form .dasi-layout-outer-wrapper{display:flex;align-items:center;gap:8px}.vueform-page-menu form .dasi-label-cnt{font-size:12px;font-weight:400;color:#767676}.vueform-page-menu form .dasi-input-cnt{border-radius:100px;height:36px!important;min-height:0}.vueform-page-menu form .dasi-input{padding:6px 12px 0!important;border-radius:100px!important;font-size:13px;white-space:nowrap}.vueform-page-menu form .dasi-input svg{flex:none;transform:scale(.8);margin-top:-2px;margin-right:5px}[data-sonner-toaster]{pointer-events:all}*{scrollbar-width:thin;scrollbar-color:#9ca3af #f1f1f1}.dark *{scrollbar-width:thin;scrollbar-color:#777 #222}button[role=tab]{@apply text-[13px];}button[role=tab][data-state=active]{@apply text-white bg-blue-500 !important;}.detail-item-with-add-ons span.pl-4{padding:0}
|
|
@@ -0,0 +1,438 @@
|
|
|
1
|
+
const a = {
|
|
2
|
+
schema: {
|
|
3
|
+
html1: {
|
|
4
|
+
type: "static",
|
|
5
|
+
content: '<div class="vueform-divider"><span>Selector Element Examples</span></div>'
|
|
6
|
+
},
|
|
7
|
+
// Basic Selector (Single Selection)
|
|
8
|
+
basicSelector: {
|
|
9
|
+
type: "selector",
|
|
10
|
+
endpoint: "/organization",
|
|
11
|
+
label: "Basic Selector",
|
|
12
|
+
placeholder: "Pilih organisasi...",
|
|
13
|
+
nameField: "name",
|
|
14
|
+
descriptionField: "description",
|
|
15
|
+
rules: ["required"],
|
|
16
|
+
showInTable: !0
|
|
17
|
+
},
|
|
18
|
+
// Selector with Avatar
|
|
19
|
+
selectorWithAvatar: {
|
|
20
|
+
type: "selector",
|
|
21
|
+
endpoint: "/organization",
|
|
22
|
+
label: "Selector with Avatar",
|
|
23
|
+
placeholder: "Pilih user...",
|
|
24
|
+
nameField: "name",
|
|
25
|
+
descriptionField: "email",
|
|
26
|
+
showAvatar: !0,
|
|
27
|
+
rules: ["required"],
|
|
28
|
+
showInTable: !0
|
|
29
|
+
},
|
|
30
|
+
// Multiple Selection
|
|
31
|
+
multipleSelector: {
|
|
32
|
+
type: "selector",
|
|
33
|
+
endpoint: "/organization",
|
|
34
|
+
label: "Multiple Selection",
|
|
35
|
+
placeholder: "Pilih role...",
|
|
36
|
+
nameField: "name",
|
|
37
|
+
descriptionField: "description",
|
|
38
|
+
multiple: !0,
|
|
39
|
+
rules: ["required"],
|
|
40
|
+
showInTable: !0
|
|
41
|
+
},
|
|
42
|
+
// Multiple Selection with Avatar
|
|
43
|
+
multipleSelectorWithAvatar: {
|
|
44
|
+
type: "selector",
|
|
45
|
+
endpoint: "/organization",
|
|
46
|
+
label: "Multiple Selection with Avatar",
|
|
47
|
+
placeholder: "Pilih team...",
|
|
48
|
+
nameField: "name",
|
|
49
|
+
descriptionField: "department",
|
|
50
|
+
showAvatar: !0,
|
|
51
|
+
multiple: !0,
|
|
52
|
+
rules: ["required"],
|
|
53
|
+
showInTable: !0
|
|
54
|
+
},
|
|
55
|
+
// Selector with Custom Function Fields
|
|
56
|
+
selectorWithCustomFields: {
|
|
57
|
+
type: "selector",
|
|
58
|
+
endpoint: "/organization",
|
|
59
|
+
label: "Selector with Custom Fields",
|
|
60
|
+
placeholder: "Pilih organisasi...",
|
|
61
|
+
nameFieldFunc: (e) => `${e.name} (${e.name})`,
|
|
62
|
+
descriptionFieldFunc: (e) => `Level: ${e.name}`,
|
|
63
|
+
rules: ["required"],
|
|
64
|
+
showInTable: !0
|
|
65
|
+
},
|
|
66
|
+
// Selector with Parameters and Conditions
|
|
67
|
+
selectorWithParams: {
|
|
68
|
+
type: "selector",
|
|
69
|
+
endpoint: "/organization",
|
|
70
|
+
label: "Selector with Parameters",
|
|
71
|
+
placeholder: "Pilih order...",
|
|
72
|
+
nameField: "orderNumber",
|
|
73
|
+
descriptionField: "customerName",
|
|
74
|
+
params: {
|
|
75
|
+
status: "active",
|
|
76
|
+
type: "online"
|
|
77
|
+
},
|
|
78
|
+
condition: {
|
|
79
|
+
levels: "admin",
|
|
80
|
+
region: "asia"
|
|
81
|
+
},
|
|
82
|
+
orderBy: "createdAt",
|
|
83
|
+
sort: "desc",
|
|
84
|
+
rules: ["required"],
|
|
85
|
+
showInTable: !0
|
|
86
|
+
},
|
|
87
|
+
// Selector with Auto Fill Organization
|
|
88
|
+
selectorWithAutoFill: {
|
|
89
|
+
type: "selector",
|
|
90
|
+
endpoint: "/organization",
|
|
91
|
+
label: "Selector with Auto Fill",
|
|
92
|
+
placeholder: "Pilih departemen...",
|
|
93
|
+
nameField: "name",
|
|
94
|
+
descriptionField: "manager",
|
|
95
|
+
autoFillOrg: !0,
|
|
96
|
+
rules: ["required"],
|
|
97
|
+
showInTable: !0
|
|
98
|
+
},
|
|
99
|
+
// Selector with Return Object
|
|
100
|
+
selectorReturnObject: {
|
|
101
|
+
type: "selector",
|
|
102
|
+
endpoint: "/organization",
|
|
103
|
+
label: "Selector Return Object",
|
|
104
|
+
placeholder: "Pilih customer...",
|
|
105
|
+
nameField: "name",
|
|
106
|
+
descriptionField: "company",
|
|
107
|
+
returnObject: !0,
|
|
108
|
+
rules: ["required"],
|
|
109
|
+
showInTable: !0
|
|
110
|
+
},
|
|
111
|
+
// ========================================
|
|
112
|
+
// DATE SELECTOR ELEMENT EXAMPLES
|
|
113
|
+
// ========================================
|
|
114
|
+
html2: {
|
|
115
|
+
type: "static",
|
|
116
|
+
content: '<div class="vueform-divider mt-4"><span>Date Selector Element Examples</span></div>'
|
|
117
|
+
},
|
|
118
|
+
// Basic Date Picker
|
|
119
|
+
basicDate: {
|
|
120
|
+
type: "date_selector",
|
|
121
|
+
label: "Basic Date",
|
|
122
|
+
placeholder: "Pilih tanggal...",
|
|
123
|
+
pickerType: "date",
|
|
124
|
+
rules: ["required"],
|
|
125
|
+
showInTable: !0
|
|
126
|
+
},
|
|
127
|
+
// Date Time Picker
|
|
128
|
+
dateTimePicker: {
|
|
129
|
+
type: "date_selector",
|
|
130
|
+
label: "Date Time Picker",
|
|
131
|
+
placeholder: "Pilih tanggal dan waktu...",
|
|
132
|
+
pickerType: "datetime",
|
|
133
|
+
rules: ["required"],
|
|
134
|
+
showInTable: !0
|
|
135
|
+
},
|
|
136
|
+
// Month Picker
|
|
137
|
+
monthPicker: {
|
|
138
|
+
type: "date_selector",
|
|
139
|
+
label: "Month Picker",
|
|
140
|
+
placeholder: "Pilih bulan...",
|
|
141
|
+
pickerType: "month",
|
|
142
|
+
rules: ["required"],
|
|
143
|
+
showInTable: !0
|
|
144
|
+
},
|
|
145
|
+
// Year Picker
|
|
146
|
+
yearPicker: {
|
|
147
|
+
type: "date_selector",
|
|
148
|
+
label: "Year Picker",
|
|
149
|
+
placeholder: "Pilih tahun...",
|
|
150
|
+
pickerType: "year",
|
|
151
|
+
yearRange: [2020, 2030],
|
|
152
|
+
rules: ["required"],
|
|
153
|
+
showInTable: !0
|
|
154
|
+
},
|
|
155
|
+
// Date Range Picker
|
|
156
|
+
dateRange: {
|
|
157
|
+
type: "date_selector",
|
|
158
|
+
label: "Date Range",
|
|
159
|
+
placeholder: "Pilih rentang tanggal...",
|
|
160
|
+
pickerType: "date",
|
|
161
|
+
range: !0,
|
|
162
|
+
rules: ["required"],
|
|
163
|
+
showInTable: !0
|
|
164
|
+
},
|
|
165
|
+
// Date Time Range Picker
|
|
166
|
+
dateTimeRange: {
|
|
167
|
+
type: "date_selector",
|
|
168
|
+
label: "Date Time Range",
|
|
169
|
+
placeholder: "Pilih rentang tanggal dan waktu...",
|
|
170
|
+
pickerType: "datetime",
|
|
171
|
+
range: !0,
|
|
172
|
+
rules: ["required"],
|
|
173
|
+
showInTable: !0
|
|
174
|
+
},
|
|
175
|
+
// Month Range Picker
|
|
176
|
+
monthRange: {
|
|
177
|
+
type: "date_selector",
|
|
178
|
+
label: "Month Range",
|
|
179
|
+
placeholder: "Pilih rentang bulan...",
|
|
180
|
+
pickerType: "month",
|
|
181
|
+
range: !0,
|
|
182
|
+
rules: ["required"],
|
|
183
|
+
showInTable: !0
|
|
184
|
+
},
|
|
185
|
+
// Year Range Picker
|
|
186
|
+
yearRange: {
|
|
187
|
+
type: "date_selector",
|
|
188
|
+
label: "Year Range",
|
|
189
|
+
placeholder: "Pilih rentang tahun...",
|
|
190
|
+
pickerType: "year",
|
|
191
|
+
range: !0,
|
|
192
|
+
yearRange: [2020, 2030],
|
|
193
|
+
rules: ["required"],
|
|
194
|
+
showInTable: !0
|
|
195
|
+
},
|
|
196
|
+
// Date with Min/Max Constraints
|
|
197
|
+
dateWithConstraints: {
|
|
198
|
+
type: "date_selector",
|
|
199
|
+
label: "Date with Constraints",
|
|
200
|
+
placeholder: "Pilih tanggal...",
|
|
201
|
+
pickerType: "date",
|
|
202
|
+
minDate: /* @__PURE__ */ new Date("2024-01-01"),
|
|
203
|
+
maxDate: /* @__PURE__ */ new Date("2024-12-31"),
|
|
204
|
+
rules: ["required"],
|
|
205
|
+
showInTable: !0
|
|
206
|
+
},
|
|
207
|
+
// Date with Custom Display Format
|
|
208
|
+
dateWithCustomFormat: {
|
|
209
|
+
type: "date_selector",
|
|
210
|
+
label: "Date with Custom Format",
|
|
211
|
+
placeholder: "Pilih tanggal...",
|
|
212
|
+
pickerType: "date",
|
|
213
|
+
displayFormat: "DD/MM/YYYY",
|
|
214
|
+
rules: ["required"],
|
|
215
|
+
showInTable: !0
|
|
216
|
+
},
|
|
217
|
+
// ========================================
|
|
218
|
+
// CONFIG DATA SELECTOR ELEMENT EXAMPLES
|
|
219
|
+
// ========================================
|
|
220
|
+
html3: {
|
|
221
|
+
type: "static",
|
|
222
|
+
content: '<div class="vueform-divider mt-4"><span>Config Data Selector Element Examples</span></div>'
|
|
223
|
+
},
|
|
224
|
+
// Basic Config Data Selector
|
|
225
|
+
basicConfigData: {
|
|
226
|
+
type: "config_data_selector",
|
|
227
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
228
|
+
label: "Basic Config Data",
|
|
229
|
+
placeholder: "Pilih negara...",
|
|
230
|
+
field: "name",
|
|
231
|
+
rules: ["required"],
|
|
232
|
+
showInTable: !0
|
|
233
|
+
},
|
|
234
|
+
// Config Data with Custom Field
|
|
235
|
+
configDataWithField: {
|
|
236
|
+
type: "config_data_selector",
|
|
237
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
238
|
+
label: "Config Data with Field",
|
|
239
|
+
placeholder: "Pilih mata uang...",
|
|
240
|
+
field: "code",
|
|
241
|
+
rules: ["required"],
|
|
242
|
+
showInTable: !0
|
|
243
|
+
},
|
|
244
|
+
// Config Data for Categories
|
|
245
|
+
configDataCategories: {
|
|
246
|
+
type: "config_data_selector",
|
|
247
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
248
|
+
label: "Categories",
|
|
249
|
+
placeholder: "Pilih kategori...",
|
|
250
|
+
field: "name",
|
|
251
|
+
rules: ["required"],
|
|
252
|
+
showInTable: !0
|
|
253
|
+
},
|
|
254
|
+
// Config Data for Status
|
|
255
|
+
configDataStatus: {
|
|
256
|
+
type: "config_data_selector",
|
|
257
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
258
|
+
label: "Status",
|
|
259
|
+
placeholder: "Pilih status...",
|
|
260
|
+
field: "name",
|
|
261
|
+
rules: ["required"],
|
|
262
|
+
showInTable: !0
|
|
263
|
+
},
|
|
264
|
+
// Config Data for Types
|
|
265
|
+
configDataTypes: {
|
|
266
|
+
type: "config_data_selector",
|
|
267
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
268
|
+
label: "Types",
|
|
269
|
+
placeholder: "Pilih tipe...",
|
|
270
|
+
field: "name",
|
|
271
|
+
rules: ["required"],
|
|
272
|
+
showInTable: !0
|
|
273
|
+
},
|
|
274
|
+
// ========================================
|
|
275
|
+
// COMBINED EXAMPLES
|
|
276
|
+
// ========================================
|
|
277
|
+
html4: {
|
|
278
|
+
type: "static",
|
|
279
|
+
content: '<div class="vueform-divider mt-4"><span>Combined Examples</span></div>'
|
|
280
|
+
},
|
|
281
|
+
// User Registration Form
|
|
282
|
+
userRegistration: {
|
|
283
|
+
type: "selector",
|
|
284
|
+
endpoint: "/organization",
|
|
285
|
+
label: "Organization",
|
|
286
|
+
placeholder: "Pilih organisasi...",
|
|
287
|
+
nameField: "name",
|
|
288
|
+
descriptionField: "type",
|
|
289
|
+
showAvatar: !0,
|
|
290
|
+
rules: ["required"],
|
|
291
|
+
showInTable: !0
|
|
292
|
+
},
|
|
293
|
+
userBirthDate: {
|
|
294
|
+
type: "date_selector",
|
|
295
|
+
label: "Birth Date",
|
|
296
|
+
placeholder: "Pilih tanggal lahir...",
|
|
297
|
+
pickerType: "date",
|
|
298
|
+
maxDate: /* @__PURE__ */ new Date(),
|
|
299
|
+
rules: ["required"],
|
|
300
|
+
showInTable: !0
|
|
301
|
+
},
|
|
302
|
+
userCountry: {
|
|
303
|
+
type: "config_data_selector",
|
|
304
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
305
|
+
label: "Country",
|
|
306
|
+
placeholder: "Pilih negara...",
|
|
307
|
+
field: "name",
|
|
308
|
+
rules: ["required"],
|
|
309
|
+
showInTable: !0
|
|
310
|
+
},
|
|
311
|
+
// Project Management Form
|
|
312
|
+
projectManager: {
|
|
313
|
+
type: "selector",
|
|
314
|
+
endpoint: "/organization",
|
|
315
|
+
label: "Project Manager",
|
|
316
|
+
placeholder: "Pilih project manager...",
|
|
317
|
+
nameField: "name",
|
|
318
|
+
descriptionField: "role",
|
|
319
|
+
showAvatar: !0,
|
|
320
|
+
multiple: !0,
|
|
321
|
+
rules: ["required"],
|
|
322
|
+
showInTable: !0
|
|
323
|
+
},
|
|
324
|
+
projectStartDate: {
|
|
325
|
+
type: "date_selector",
|
|
326
|
+
label: "Project Start Date",
|
|
327
|
+
placeholder: "Pilih tanggal mulai...",
|
|
328
|
+
pickerType: "date",
|
|
329
|
+
minDate: /* @__PURE__ */ new Date(),
|
|
330
|
+
rules: ["required"],
|
|
331
|
+
showInTable: !0
|
|
332
|
+
},
|
|
333
|
+
projectEndDate: {
|
|
334
|
+
type: "date_selector",
|
|
335
|
+
label: "Project End Date",
|
|
336
|
+
placeholder: "Pilih tanggal selesai...",
|
|
337
|
+
pickerType: "date",
|
|
338
|
+
minDate: /* @__PURE__ */ new Date(),
|
|
339
|
+
rules: ["required"],
|
|
340
|
+
showInTable: !0
|
|
341
|
+
},
|
|
342
|
+
projectStatus: {
|
|
343
|
+
type: "config_data_selector",
|
|
344
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
345
|
+
label: "Project Status",
|
|
346
|
+
placeholder: "Pilih status proyek...",
|
|
347
|
+
field: "name",
|
|
348
|
+
rules: ["required"],
|
|
349
|
+
showInTable: !0
|
|
350
|
+
},
|
|
351
|
+
// Event Planning Form
|
|
352
|
+
eventOrganizers: {
|
|
353
|
+
type: "selector",
|
|
354
|
+
endpoint: "/organization",
|
|
355
|
+
label: "Event Organizers",
|
|
356
|
+
placeholder: "Pilih tim organizer...",
|
|
357
|
+
nameField: "name",
|
|
358
|
+
descriptionField: "department",
|
|
359
|
+
showAvatar: !0,
|
|
360
|
+
multiple: !0,
|
|
361
|
+
condition: {
|
|
362
|
+
levels: "organizer"
|
|
363
|
+
},
|
|
364
|
+
rules: ["required"],
|
|
365
|
+
showInTable: !0
|
|
366
|
+
},
|
|
367
|
+
eventDateRange: {
|
|
368
|
+
type: "date_selector",
|
|
369
|
+
label: "Event Date Range",
|
|
370
|
+
placeholder: "Pilih rentang tanggal event...",
|
|
371
|
+
pickerType: "date",
|
|
372
|
+
range: !0,
|
|
373
|
+
rules: ["required"],
|
|
374
|
+
showInTable: !0
|
|
375
|
+
},
|
|
376
|
+
eventType: {
|
|
377
|
+
type: "config_data_selector",
|
|
378
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
379
|
+
label: "Event Type",
|
|
380
|
+
placeholder: "Pilih tipe event...",
|
|
381
|
+
field: "name",
|
|
382
|
+
rules: ["required"],
|
|
383
|
+
showInTable: !0
|
|
384
|
+
},
|
|
385
|
+
// ========================================
|
|
386
|
+
// ADVANCED EXAMPLES
|
|
387
|
+
// ========================================
|
|
388
|
+
html5: {
|
|
389
|
+
type: "static",
|
|
390
|
+
content: '<div class="vueform-divider mt-4"><span>Advanced Examples</span></div>'
|
|
391
|
+
},
|
|
392
|
+
// Conditional Selector
|
|
393
|
+
conditionalSelector: {
|
|
394
|
+
type: "selector",
|
|
395
|
+
endpoint: "/organization",
|
|
396
|
+
label: "Product",
|
|
397
|
+
placeholder: "Pilih produk...",
|
|
398
|
+
nameField: "name",
|
|
399
|
+
descriptionField: "category",
|
|
400
|
+
showAvatar: !0,
|
|
401
|
+
params: {
|
|
402
|
+
active: !0
|
|
403
|
+
},
|
|
404
|
+
condition: {
|
|
405
|
+
levels: "user",
|
|
406
|
+
region: "asia"
|
|
407
|
+
},
|
|
408
|
+
orderBy: "name",
|
|
409
|
+
sort: "asc",
|
|
410
|
+
rules: ["required"],
|
|
411
|
+
showInTable: !0
|
|
412
|
+
},
|
|
413
|
+
// Date with Business Logic
|
|
414
|
+
businessDate: {
|
|
415
|
+
type: "date_selector",
|
|
416
|
+
label: "Business Date",
|
|
417
|
+
placeholder: "Pilih tanggal bisnis...",
|
|
418
|
+
pickerType: "date",
|
|
419
|
+
minDate: /* @__PURE__ */ new Date(),
|
|
420
|
+
maxDate: new Date((/* @__PURE__ */ new Date()).getFullYear() + 1, 11, 31),
|
|
421
|
+
rules: ["required"],
|
|
422
|
+
showInTable: !0
|
|
423
|
+
},
|
|
424
|
+
// Config Data with Business Logic
|
|
425
|
+
businessConfig: {
|
|
426
|
+
type: "config_data_selector",
|
|
427
|
+
parentCode: "dasi//cd/jenis-kapal",
|
|
428
|
+
label: "Business Unit",
|
|
429
|
+
placeholder: "Pilih unit bisnis...",
|
|
430
|
+
field: "name",
|
|
431
|
+
rules: ["required"],
|
|
432
|
+
showInTable: !0
|
|
433
|
+
}
|
|
434
|
+
}
|
|
435
|
+
};
|
|
436
|
+
export {
|
|
437
|
+
a as default
|
|
438
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|