@fewangsit/wangsvue-fats 1.0.0-alpha.13 → 1.0.0-alpha.131

package/utils/date.util.d.ts

@@ -1,34 +1,64 @@
-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 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 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;
+  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) => string;
+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).
@@ -37,10 +67,13 @@ export declare const formatISODate: (date: string | Date) => string;
  * @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 formatDateReadable: (
+  date: Date,
+  maxSeconds?: number,
+) => string;
 export declare const getRemainingTime: (deadline: string) => {
-    seconds: number;
-    days: number;
-    hours: number;
-    minutes: number;
+  seconds: number;
+  days: number;
+  hours: number;
+  minutes: number;
 };

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,23 @@
+import { BadgeProps } from '../components/badge/Badge.vue.d';
+export type FixedAssetStatus =
+  | 'Available'
+  | 'Approved'
+  | 'Finished Approval'
+  | 'Damaged'
+  | 'Missing'
+  | 'Rejected'
+  | 'Reported Missing'
+  | 'Reported Damaged'
+  | 'TAG Reported'
+  | 'Not Paired Yet'
+  | 'Unassigned'
+  | 'Reported Disposal'
+  | 'On Disposal Process'
+  | 'Disposed'
+  | 'On Transfer'
+  | 'Waiting for Handover'
+  | 'Waiting for Approval'
+  | 'Need Approval';
+export default function getStatusSeverity(
+  status: FixedAssetStatus,
+): BadgeProps['severity'];

package/utils/index.d.ts

@@ -1,22 +1,8 @@
-export * from '.././components/tree/helpers/filterNodeKeys.helper';
-export * from '.././utils';
-export { checkRouteAccess } from './role.util';
-export { default as exportToExcel } from './exportToExcel.util';
-export { default as filterOptions } from './filterOptions.util';
-export { default as flattenTreeNodeChildren } from '.././components/tree/helpers/flattenTreeNodeChildren.helper';
-export { default as getAttachmentIcon } from './getAttachmentIcon.util';
-export { default as mergePropsWithDefaults } from './mergePropsWithDefaults.util';
+export * from '../components/tree/helpers/filterNodeKeys.helper';
+export * from './role.util';
+export * from './listenSidebarChanges.util';
+export { isEmptyObject } from '../utils/object.util';
+export { formatDate, formatDateReadable } from '../utils/date.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';
-export { formatDate } from './date.util';
-export { formatDate, formatDateReadable } from './date.util';
-export { formatISODate } from './date.util';
-export { formatUserName, getInititalName } from './textFormatter.util';
-export { genPlaceholder } from './genPlaceholder.util';
-export { getFileType, formatFile, validateFileSize, validateFileType, } from './addAttachment.util';
-export { getTransactionRole, getSystemRole, hasTransactionRole, hasApprovalRole, hasSystemRole, checkRouteAccess, hasManagerRole, hasAnyManagerRole, hasMonitoringReportRole, hasAnyMonitoringReportRole, hasStaffRole, type UserLogin, type TransactionAttribute, type SystemRoleAttribute, type SystemRole, type TransactionRole, } from './role.util';
-export { setNestedPropertyValue, getNestedPropertyValue, isEmptyObject, } from './object.util';
-export { unListenSidebarChanges, listenSidebarChanges, } from './listenSidebarChanges.util';
-export { ZIndexUtils } from 'primevue/utils';
-export type { FileType, FormattedFile } from './addAttachment.util';
-export type { ITable } from './exportToExcel.util';
-export type { ToastParams, ToastMethod, UseToastConfig } from './toast.util';

package/utils/isBasic.util.d.ts

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

package/utils/listenSidebarChanges.util.d.ts

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

@@ -1,14 +1,25 @@
 /**
  * Utility function to get nested property value.
  */
-export declare const getNestedPropertyValue: (obj: Record<string, any>, path: string) => any;
+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 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 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;

package/utils/role.util.d.ts

@@ -1,33 +1,70 @@
 import { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
-export * from '.././utils';
 export type TransactionRole = {
-    manager: boolean;
-    monitoringReport: boolean;
-    staff: boolean;
-    approver: boolean;
+  manager: boolean;
+  monitoringReport: boolean;
+  staff: boolean;
+  approver: boolean;
 };
 export type SystemRole = {
-    create: boolean;
-    view: boolean;
-    update: boolean;
-    delete: boolean;
+  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 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';
+  transactionRoles: Record<TransactionAttribute, TransactionRole>;
+  systemRoles: Record<SystemRoleAttribute, SystemRole>;
+  userType: 'Admin' | 'Basic';
+  plan: 'Enterprise' | 'Basic';
 }
-declare const getTransactionRole: (name: keyof UserLogin["transactionRoles"]) => TransactionRole;
-declare const getSystemRole: (name: keyof UserLogin["systemRoles"]) => SystemRole;
-declare const hasSystemRole: (name: SystemRoleAttribute) => boolean;
-declare const hasTransactionRole: (name: TransactionAttribute) => boolean;
-declare const hasManagerRole: (name: TransactionAttribute) => boolean;
-declare const hasAnyManagerRole: () => boolean;
-declare const hasAnyMonitoringReportRole: () => boolean;
-declare const hasStaffRole: (name: TransactionAttribute) => boolean;
-declare const hasMonitoringReportRole: (name: TransactionAttribute) => boolean;
-declare const hasApprovalRole: (name: TransactionAttribute) => boolean;
-declare const checkRouteAccess: (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => void;
-export { getTransactionRole, getSystemRole, hasTransactionRole, hasApprovalRole, hasSystemRole, checkRouteAccess, hasManagerRole, hasAnyManagerRole, hasMonitoringReportRole, hasAnyMonitoringReportRole, hasStaffRole, };
+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

@@ -1,91 +1,91 @@
 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;
+  /**
+   * 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;
+  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>;
+  /**
+   * 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.

package/wangsvue-fats.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}.\!m-0{margin:0!important}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.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-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-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}.-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}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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}.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}.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-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.\!p-0{padding:0!important}.\!p-3{padding:.75rem!important}.p-0{padding:0}.px-\[21px\]{padding-left:21px;padding-right:21px}.py-4{padding-bottom:1rem;padding-top:1rem}.pr-4{padding-right:1rem}.\!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)}[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-06adb1eb] .custom-scrollbar .simplebar-scrollbar{pointer-events:auto!important}[data-v-06adb1eb] .custom-scrollbar .simplebar-track{background:#f0f0f0;pointer-events:auto}[data-v-06adb1eb] .custom-scrollbar .simplebar-scrollbar:before{background:silver;left:4px;opacity:1;right:4px}[data-v-06adb1eb] .custom-scrollbar .simplebar-scrollbar:active:before,[data-v-06adb1eb] .custom-scrollbar .simplebar-scrollbar:hover:before{background:#8c8c8c}[data-v-06adb1eb] .custom-scrollbar .simplebar-content-wrapper,[data-v-06adb1eb] .custom-scrollbar .simplebar-wrapper{border-radius:8px;padding-bottom:12px!important}[data-v-06adb1eb] .custom-scrollbar .simplebar-track.simplebar-vertical{width:0}[data-v-06adb1eb] .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}