@fewangsit/wangsvue-fats 1.0.0-alpha.0

package/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v3.4.9 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.\!bottom-\[80px\]{bottom:80px!important}.col-start-2{grid-column-start:2}.\!m-0{margin:0!important}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.\!mt-0{margin-top:0!important}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-auto{margin-right:auto}.mt-3{margin-top:.75rem}.mt-\[6px\]{margin-top:6px}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-4{height:1rem!important}.\!h-auto{height:auto!important}.\!h-max{height:-moz-max-content!important;height:max-content!important}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[13\.33px\]{height:13.33px}.h-\[26px\]{height:26px}.h-\[34px\]{height:34px}.h-\[6px\]{height:6px}.h-auto{height:auto}.max-h-20{max-height:5rem}.\!min-h-0{min-height:0!important}.\!min-h-\[67px\]{min-height:67px!important}.\!w-4{width:1rem!important}.\!w-\[600px\]{width:600px!important}.\!w-max{width:-moz-max-content!important;width:max-content!important}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[13\.33px\]{width:13.33px}.w-\[400px\]{width:400px}.w-\[600px\]{width:600px}.w-\[69px\]{width:69px}.w-\[6px\]{width:6px}.w-\[76px\]{width:76px}.w-\[800px\]{width:800px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.\!min-w-0{min-width:0!important}.\!max-w-\[250px\]{max-width:250px!important}.shrink-0{flex-shrink:0}.-rotate-90{--tw-rotate:-90deg}.-rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr\,max-content\]{grid-template-columns:1fr max-content}.grid-rows-\[repeat\(5\,max-content\)\]{grid-template-rows:repeat(5,max-content)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.\!items-center{align-items:center!important}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-\[18px\]{gap:18px}.gap-\[6px\]{gap:6px}.\!gap-x-3{-moz-column-gap:.75rem!important;column-gap:.75rem!important}.\!gap-y-4{row-gap:1rem!important}.gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.\!p-0{padding:0!important}.\!p-3{padding:.75rem!important}.p-0{padding:0}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[21px\]{padding-left:21px;padding-right:21px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-\[12px\]{font-size:12px}.text-\[16px\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[16\.39px\]{line-height:16.39px}.leading-\[19\.12px\]{line-height:19.12px}.leading-\[21\.86px\]{line-height:21.86px}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\[\&\[aria-selected\=\'true\'\]\]\:text-white[aria-selected=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.\[\&\[data-in-range\=\'true\'\]\]\:rounded-\[0\][data-in-range=true]{border-radius:0}[data-simplebar]{align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;position:relative}.simplebar-wrapper{height:inherit;max-height:inherit;max-width:inherit;overflow:hidden;width:inherit}.simplebar-mask{direction:inherit;height:auto!important;overflow:hidden;width:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.simplebar-offset{box-sizing:inherit!important;direction:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{box-sizing:border-box!important;direction:inherit;display:block;height:100%;max-height:100%;max-width:100%;overflow:auto;position:relative;scrollbar-width:none;width:auto;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;height:0;width:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;pointer-events:none;width:100%}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;flex-basis:0;flex-grow:inherit;flex-shrink:0;float:left;height:100%;margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:relative;width:100%;z-index:-1}.simplebar-height-auto-observer{box-sizing:inherit;display:block;height:1000%;left:0;min-height:1px;min-width:1px;opacity:0;top:0;width:1000%;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{overflow:hidden;pointer-events:none;position:absolute}.simplebar-track{bottom:0;right:0;z-index:1}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{left:0;min-height:10px;position:absolute;right:0}.simplebar-scrollbar:before{background:#000;border-radius:7px;content:"";opacity:0;position:absolute;transition:opacity .2s linear .5s}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{bottom:2px;left:2px;right:2px;top:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{bottom:0;left:0;min-height:0;min-width:10px;right:auto;top:0;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{direction:rtl;height:500px;opacity:0;overflow-x:scroll;overflow-y:hidden;position:fixed;visibility:hidden;width:500px;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{height:200%;margin:10px 0;width:200%}.simplebar-hide-scrollbar{left:0;overflow-y:scroll;position:fixed;scrollbar-width:none;visibility:hidden;-ms-overflow-style:none}[data-v-96b7926f] .custom-scrollbar .simplebar-scrollbar{pointer-events:auto!important}[data-v-96b7926f] .custom-scrollbar .simplebar-track{background:#f0f0f0;pointer-events:auto}[data-v-96b7926f] .custom-scrollbar .simplebar-scrollbar:before{background:silver;left:4px;opacity:1;right:4px}[data-v-96b7926f] .custom-scrollbar .simplebar-scrollbar:active:before,[data-v-96b7926f] .custom-scrollbar .simplebar-scrollbar:hover:before{background:#8c8c8c}[data-v-96b7926f] .custom-scrollbar .simplebar-content-wrapper,[data-v-96b7926f] .custom-scrollbar .simplebar-wrapper{border-radius:8px;padding-bottom:12px!important}[data-v-96b7926f] .custom-scrollbar .simplebar-track.simplebar-vertical{width:0}[data-v-96b7926f] .custom-scrollbar .simplebar-track.simplebar-horizontal{height:10px}.cropper-event-notification[data-v-9031c32d]{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;font-size:20px;justify-content:center;left:0;opacity:0;padding-left:50px;padding-right:50px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;transition:opacity .5s}.cropper-event-notification--visible[data-v-9031c32d]{opacity:1!important;pointer-events:all!important;transition:opacity .25s!important}.vue-advanced-cropper{direction:ltr;max-height:100%;max-width:100%;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__stretcher{max-height:100%;max-width:100%;pointer-events:none;position:relative}.vue-advanced-cropper__image{max-width:none!important;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{background:#000;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{height:100%;width:100%}.vue-advanced-cropper__image-wrapper{height:100%;overflow:hidden;position:absolute;width:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;display:block;height:10px;width:10px}.vue-handler-wrapper{height:30px;position:absolute;transform:translate(-50%,-50%);width:30px}.vue-handler-wrapper__draggable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{align-items:center;background:none;display:flex;justify-content:center;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;left:0;transform:translateY(-50%);width:100%}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{height:100%;top:0;transform:translate(-50%);width:12px}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{height:100%;position:relative;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;height:100%;overflow:hidden;position:absolute;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{max-width:none!important;pointer-events:none;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{height:100%;position:absolute;width:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;height:100%;position:absolute;width:100%}.vue-circle-stencil__preview{border-radius:50%;height:100%;position:absolute;width:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;overflow:hidden;position:relative}.vue-preview--fill,.vue-preview__wrapper{height:100%;position:absolute;width:100%}.vue-preview__image{max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-simple-line{background:none;border:0 solid hsla(0,0%,100%,.3);transition:border .5s}.vue-simple-line--north,.vue-simple-line--south{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{border-color:#fff;opacity:1}body.loading,body.loading *{overflow:hidden}

package/utils/date.util.d.ts

@@ -0,0 +1,79 @@
+export type TDateFormat =
+  | 'd/m/yy'
+  | 'm/d/yy'
+  | 'd/mm/yy'
+  | 'dd/mm/yy'
+  | 'dd/mm/yyyy'
+  | 'dd M yy'
+  | 'dd M yyyy'
+  | 'dd MM yy'
+  | 'dd MM yyyy'
+  | 'D dd M yy'
+  | 'D dd M yyyy'
+  | 'DD dd MM yy'
+  | 'DD dd MM yyyy'
+  | 'D, dd M yy'
+  | 'D, dd M yyyy'
+  | 'DD, dd MM yy'
+  | 'DD, dd MM yyyy';
+export type GoDateLayout =
+  | '02/01/06'
+  | '_2/_1/06'
+  | '_1/_2/06'
+  | '02 Jan 06'
+  | 'Mon, 02 Jan 06'
+  | 'Mon, 02 Jan 2006';
+export type TTimeFormat = 'HH:mm' | 'HH:mm a' | 'HH:mm:ss' | 'HH:mm:ss a';
+export type GoTimeLayout = '15:04' | '03:04 PM' | '15:04:05' | '03:04:05 PM';
+export type CustomDateTimeFormatOptions = Omit<
+  Intl.DateTimeFormatOptions,
+  'timeZone'
+> & {
+  timezone?: string;
+  locale?: string;
+};
+export type DateOptions = {
+  locale?: string;
+  dateFormat?: TDateFormat | GoDateLayout;
+  timeFormat?: TTimeFormat | GoTimeLayout;
+  timezone?: string;
+  /**
+   * Show the time in the formatted date.
+   *
+   * @default true - when `timeFormat` is provided
+   */
+  showTime?: boolean;
+  /**
+   * Show the date in the formatted date.
+   *
+   * @default true
+   */
+  showDate?: boolean;
+  /**
+   * This is old format (general settings), if configuration still using old settings then this option parameter can be used
+   */
+  formatPreset?: CustomDateTimeFormatOptions;
+};
+export declare const formatDate: (
+  date: Date,
+  options?: DateOptions,
+  useGeneralSettings?: boolean,
+) => string;
+export declare const formatISODate: (date: string | Date) => string;
+/**
+ * Formats a date to human readable form (timeago / relative time from now).
+ *
+ * @param date - The date to be displayed. Can be a Date object or a string in a recognized date format.
+ * @param maxSeconds - Max value of seconds difference. Use it for formats a date according to the user's general settings.
+ * @returns The formatted date string.
+ */
+export declare const formatDateReadable: (
+  date: Date,
+  maxSeconds?: number,
+) => string;
+export declare const getRemainingTime: (deadline: string) => {
+  seconds: number;
+  days: number;
+  hours: number;
+  minutes: number;
+};

package/utils/exportToExcel.util.d.ts

@@ -0,0 +1,27 @@
+import { ButtonDownloadLocaleConfig } from '../components/buttondownload/ButtonDownload.vue.d';
+import {
+  Data,
+  DataTableLocaleConfig,
+  TableColumn,
+} from '../components/datatable/DataTable.vue.d';
+import { LocaleConfig } from '../plugins/WangsVue';
+export interface ITable {
+  headers: string[];
+  data: Record<string, unknown>[];
+  tableName?: string;
+  tableTitle?: string;
+}
+interface IExcelOptions {
+  tables: ITable[];
+  fileName: string;
+  additionalTexts?: (string | string[])[];
+}
+export declare const exportToExcel: (options: IExcelOptions) => Promise<void>;
+export declare const normalizeTableData: (
+  data?: Data[],
+  includedColumns?: TableColumn[],
+  locale?: (DataTableLocaleConfig | ButtonDownloadLocaleConfig) & {
+    global: LocaleConfig['global'];
+  },
+) => Record<string, unknown>[];
+export {};

package/utils/formatTagCode.util.d.ts

@@ -0,0 +1 @@
+export declare const formatTagCode: (tagCode?: string) => string;

package/utils/getStatusSeverity.util.d.ts

@@ -0,0 +1,33 @@
+import { BadgeProps } from '../components/badge/Badge.vue.d';
+export type FixedAssetStatus =
+  | 'Active'
+  | 'Approved'
+  | 'Available'
+  | 'Completed'
+  | 'Completion Approval'
+  | 'Damaged'
+  | 'Disposed'
+  | 'Expired License'
+  | 'Finished Approval'
+  | 'Managed'
+  | 'Missing'
+  | 'Need Approval'
+  | 'Non-Transactionable'
+  | 'Not Paired Yet'
+  | 'On Disposal Process'
+  | 'On Transfer'
+  | 'Pending Activation'
+  | 'Rejected'
+  | 'Reported Disposal'
+  | 'Reported Missing'
+  | 'Reported Damaged'
+  | 'TAG Not Set'
+  | 'TAG Reported'
+  | 'Unassigned'
+  | 'Unmanaged'
+  | 'Waiting for Approval'
+  | 'Waiting for Handover'
+  | 'Waiting for Verification';
+export default function getStatusSeverity(
+  status: FixedAssetStatus,
+): BadgeProps['severity'];

package/utils/index.d.ts

@@ -0,0 +1,9 @@
+export * from '../components/tree/helpers/filterNodeKeys.helper';
+export * from './role.util';
+export * from './listenSidebarChanges.util';
+export { isEmptyObject, getNestedPropertyValue } from '../utils/object.util';
+export { formatDate, formatDateReadable } from '../utils/date.util';
+export { exportToExcel } from '../utils/exportToExcel.util';
+export { default as flattenTreeNodeChildren } from '../components/tree/helpers/flattenTreeNodeChildren.helper';
+export { default as getStatusSeverity } from './getStatusSeverity.util';
+export { default as useToast } from './toast.util';

package/utils/isBasic.util.d.ts

@@ -0,0 +1 @@
+export declare const isBasic: () => boolean;

package/utils/listenSidebarChanges.util.d.ts

@@ -0,0 +1,16 @@
+import { TreeNode } from '../components/basetree/BaseTree.vue.d';
+export type SidebarEvent = CustomEvent<{
+  /**
+   * Stringified keys array.
+   */
+  keys: string;
+  node: TreeNode;
+}>;
+export declare const listenSidebarChanges: (
+  type: 'group' | 'category',
+  callback: (e: SidebarEvent) => any,
+) => void;
+export declare const unListenSidebarChanges: (
+  type: 'group' | 'category',
+  callback: (e: SidebarEvent) => any,
+) => void;

package/utils/object.util.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Utility function to get nested property value.
+ */
+export declare const getNestedPropertyValue: (
+  obj: Record<string, any>,
+  path: string,
+) => any;
+/**
+ * Utility function to set nested property value.
+ */
+export declare const setNestedPropertyValue: (
+  obj: Record<string, any>,
+  path: string,
+  value: any,
+) => void;
+export declare const isEmptyObject: (obj: object) => boolean;
+export declare const deepEquals: (a: object, b: object) => boolean;
+export declare const equals: (
+  obj1: object,
+  obj2: object,
+  field?: string,
+) => boolean;
+export declare const resolveFieldData: (data: object, field?: string) => object;
+export declare const contains: (value: object, list: object[]) => boolean;
+export declare const isNotEmpty: (value: object) => boolean;
+export declare const isEmpty: (value: object | string) => boolean;
+export declare const deepMerge: <T>(target: T, source: Partial<T>) => T;

package/utils/role.util.d.ts

@@ -0,0 +1,70 @@
+import { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
+export type TransactionRole = {
+  manager: boolean;
+  monitoringReport: boolean;
+  staff: boolean;
+  approver: boolean;
+};
+export type SystemRole = {
+  create: boolean;
+  view: boolean;
+  update: boolean;
+  delete: boolean;
+};
+export type SystemRoleAttribute =
+  | 'importData'
+  | 'assetAttribute'
+  | 'assetPolicies'
+  | 'depreciationGroup'
+  | 'depreciationMethod'
+  | 'documentDeletion'
+  | 'group'
+  | 'iotReader'
+  | 'license'
+  | 'purchaseDocument'
+  | 'purchaseInformation'
+  | 'userAndRole'
+  | 'tag'
+  | 'tagType'
+  | 'registerAsset';
+export type TransactionAttribute =
+  | 'borrowingRole'
+  | 'assignmentRole'
+  | 'disposalRole'
+  | 'transferRole'
+  | 'auditRole'
+  | 'maintenanceRole'
+  | 'repairRole'
+  | 'trackingRole'
+  | 'damagedRole'
+  | 'missingRole';
+export interface UserLogin {
+  transactionRoles: Record<TransactionAttribute, TransactionRole>;
+  systemRoles: Record<SystemRoleAttribute, SystemRole>;
+  userType: 'Admin' | 'Basic';
+  plan: 'Enterprise' | 'Basic';
+}
+export declare const getUserPlan: () => UserLogin['plan'];
+export declare const getTransactionRole: (
+  name: keyof UserLogin['transactionRoles'],
+) => TransactionRole;
+export declare const getSystemRole: (
+  name: keyof UserLogin['systemRoles'],
+) => SystemRole;
+export declare const hasSystemRole: (name: SystemRoleAttribute) => boolean;
+export declare const hasTransactionRole: (
+  name: TransactionAttribute,
+) => boolean;
+export declare const hasManagerRole: (name: TransactionAttribute) => boolean;
+export declare const hasAnyManagerRole: () => boolean;
+export declare const hasAnyMonitoringReportRole: () => boolean;
+export declare const hasStaffRole: (name: TransactionAttribute) => boolean;
+export declare const hasMonitoringReportRole: (
+  name: TransactionAttribute,
+) => boolean;
+export declare const hasApprovalRole: (name: TransactionAttribute) => boolean;
+export declare const checkRouteAccess: (
+  to: RouteLocationNormalized,
+  from: RouteLocationNormalized,
+  next: NavigationGuardNext,
+) => void;

package/utils/toast.util.d.ts

@@ -0,0 +1,120 @@
+import { WangsIcons } from '../components/icon/Icon.vue.d';
+export type ToastSeverity = 'success' | 'error' | 'info';
+export interface ToastParams {
+  /**
+   * The main message to display in the toast. Will be formatted based on template message.
+   */
+  message: string;
+  /**
+   * Indicates whether the message is customized and does not follow the default message template.
+   * If true, custom formatting will be applied.
+   */
+  customMessage?: boolean;
+  /**
+   * The severity level of the toast message.
+   * Can be 'success', 'error', or 'info'.
+   */
+  severity?: ToastSeverity;
+  /**
+   * The icon to display in the toast.
+   */
+  icon?: WangsIcons;
+  /**
+   * The custom CSS class to apply to the icon.
+   */
+  iconClass?: any;
+  /**
+   * The error object from a catch statement, used to provide additional details for error toasts.
+   * Accepts any type of error object.
+   */
+  error?: unknown;
+  /**
+   * The duration for which the toast will be displayed, in milliseconds.
+   * Set to 0 to show the message infinitely.
+   *
+   * @default 3000 - 3 seconds
+   */
+  life?: number;
+  /**
+   * The name of the message group to which this toast belongs.
+   */
+  group?: string;
+  /**
+   * Unique identifier of the toast message.
+   */
+  messageId?: string;
+}
+export interface ToastMethod {
+  add(params: ToastParams): void;
+  /**
+   * Clears the messages that belongs to the group.
+   * @param {string} group - Name of the message group.
+   */
+  removeGroup(group: string): void;
+  removeAllGroups(): void;
+}
+/**
+ * Configuration options for the `useToast` hook.
+ */
+export interface UseToastConfig {
+  /**
+   * Default message templates for each severity level.
+   * Keys represent the severity, and values are the template strings.
+   *
+   * @example
+   * {
+   *   severity: {
+   *     success: 'Success, {message}',
+   *     error: 'Error, {message} {additionalMessage}',
+   *     info: 'Info, {message} {additionalMessage}',
+   *   },
+   *   additionalMessage: ' Silahkan cek kembali koneksi Anda.'
+   * }
+   */
+  template?: {
+    severity?: Record<string, string>;
+    additionalMessage?: string;
+  };
+  /**
+   * Icons for each severity level.
+   * Keys represent the severity, and values are the corresponding icon identifiers.
+   *
+   * @example
+   * {
+   *   success: 'emotion-happy-fill',
+   *   error: 'emotion-unhappy-fill',
+   * }
+   */
+  icons?: Record<string, WangsIcons>;
+}
+/**
+ * Hook to create and manage toast notifications.
+ *
+ * @param {UseToastConfig} config - Configuration object for the toast notifications.
+ * Refer to {@link UseToastConfig} for the structure and details of this object.
+ *
+ * @returns {ToastMethod} A method to trigger toast notifications.
+ * The method accepts {@link ToastParams} to customize individual notifications.
+ *
+ * @example
+ * const toast = useToast({
+ *   template: {
+ *     success: 'Success, {message}',
+ *     error: 'Error, {message} {additionalMessage}',
+ *     info: 'Info, {message} {additionalMessage}',
+ *   },
+ *   icons: {
+ *     success: 'emotion-happy-fill',
+ *     error: 'emotion-unhappy-fill',
+ *   }
+ * });
+ *
+ * // Overiding the default config with ToastParams
+ * toast.add({
+ *   message: 'Operation completed successfully!',
+ *   customMessage: true,
+ *   icon: 'custom-success-icon',
+ * });
+ */
+declare const useToast: ({ icons, template }?: UseToastConfig) => ToastMethod;
+export default useToast;

package/utils/xlsx.util.d.ts

@@ -0,0 +1,19 @@
+import * as XLSX from 'xlsx/types/index';
+/**
+ * Dynamically loads SheetJS (XLSX) from a CDN to avoid bundling its large package size.
+ *
+ * SheetJS is a powerful but heavy library (~700KB+ uncompressed). To improve bundle performance and reduce initial
+ * JavaScript payload, we load it only when needed (on demand), directly from a CDN.
+ *
+ * The official CDN build is a UMD module that exposes the `XLSX` object on the global `window`.
+ * This function ensures it's loaded once and cached for subsequent use.
+ *
+ * @returns {Promise<XLSXType>} A promise that resolves with the XLSX object once the script is loaded.
+ */
+declare const loadSheetJSFromCDN: () => Promise<typeof XLSX>;
+export default loadSheetJSFromCDN;
+declare global {
+  interface Window {
+    XLSX: typeof XLSX;
+  }
+}