@fewangsit/wangsvue 1.5.199-alpha.9 → 1.5.200-alpha.0

package/components/basetree/BaseTree.vue.d.ts

@@ -34,7 +34,7 @@ export interface TreeNode {
   /**
    * Mandatory unique key of the node.
    */
-  key: number;
+  key: string;
   /**
    * Label of the node.
    */
@@ -156,6 +156,18 @@ export interface TreeFilterEvent {
   value: string;
 }
 
+export interface TreeCheckboxChangeEvent {
+  node: TreeNode;
+  check: boolean;
+  selectionKeys: TreeSelectionKeys;
+}
+
+export interface TreeNodeClickEvent {
+  node: TreeNode;
+  nodeTouched: boolean;
+  originalEvent: PointerEvent;
+}
+
 /**
  * Custom passthrough(pt) options.
  * @see {@link TreeProps.pt}

package/components/basetree/TreeNode.vue.d.ts

@@ -15,6 +15,8 @@ export interface TreeNodeProps extends BaseTreeProps {
    * List of labels that has no menu option
    */
   listLabelsNoOption?: string[];
+  pt?: any;
+  templates?: any;
 }
 
 export interface TreeNodeEmits {

package/components/detailsprint/DetailSprint.vue.d.ts

@@ -40,9 +40,7 @@ export type SprintDetail = Omit<Sprint, 'finishedAt'> & {
   finishAt: number;
   sprintInterval: number;
   sprintIntervalUnit: string;
-  productBacklogItems: (Pick<Pbi, '_id' | 'name' | 'status'> & {
-    canViewDetail?: boolean;
-  })[];
+  productBacklogItems: Pick<Pbi, '_id' | 'name' | 'status'>[];
 };
 
 export interface PbiOptions {

package/components/detailsprint/DialogPreparePbi.vue.d.ts

@@ -0,0 +1,23 @@
+import { Pbi } from '../dialogdetailpbi/DialogDetailPbi.vue.d';
+import { ClassComponent } from '../.././components/ts-helpers';
+
+
+export interface DialogPreparePbiProps {
+  projectId: string;
+  selectedPbi: Pbi | undefined;
+}
+
+export type DialogPreparePbiEmits = {
+  /**
+   * Emit on reloading the task table
+   */
+  reloadTable: [];
+};
+
+declare class DialogPreparePbi extends ClassComponent<
+  DialogPreparePbiProps,
+  unknown,
+  DialogPreparePbiEmits
+> {}
+
+export default DialogPreparePbi;

package/components/dialogdetailpbi/DialogDetailPbi.vue.d.ts

@@ -16,6 +16,12 @@ type PbiStatus =
 
 type Platform = 'Web' | 'Mobile';
 
+type PbiMemberDetail = {
+  sprintNumber: number;
+  member: Pick<User, '_id' | 'nickName'>;
+  date: string;
+};
+
 export type Pbi = {
   _id: string;
   name: string;
@@ -41,6 +47,10 @@ export type Pbi = {
   isMemberAssigned: boolean;
   platform: Platform;
   totalBug?: number;
+  hasTimerStart?: boolean;
+  canViewDetail?: boolean;
+  timerEndDate?: string;
+  memberDetails?: PbiMemberDetail[];
 };
 
 export type TaskStatus =

package/components/dialogdetailpbi/TaskDetailUnassignedPbi.vue.d.ts

@@ -1,5 +1,7 @@
 import { AssignedMember, Pbi } from './DialogDetailPbi.vue.d';
+import { Project } from 'types/project.type';
 declare let __VLS_typeProps: {
+    project: Project | undefined;
     selectedPbi?: Pbi;
     assignedMembers?: AssignedMember[];
 };

package/components/dialogform/DialogForm.vue.d.ts

@@ -1,6 +1,6 @@
 import { GenericObject } from 'vee-validate';
 import { Slot } from 'vue';
-import { FormPayload, FormProps } from '../form/Form.vue.d';
+import FormInstance, { FormPayload, FormProps } from '../form/Form.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
@@ -313,7 +313,7 @@ declare class DialogForm extends ClassComponent<
   /**
    * The ref of form element.
    */
-  form: HTMLFormElement;
+  form: FormInstance;
 }
 
 declare module '@vue/runtime-core' {

package/components/editor/CodeSnippetAdapter.vue.d.ts

@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     editor: {
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
@@ -64,5 +76,17 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
 }>>, {}, {}>;
 export default _default;

package/components/editor/MentionSection.vue.d.ts

@@ -31,6 +31,18 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     editor: {
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
@@ -64,5 +76,17 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
         required: true;
     };
+    view: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: import('vue').PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
+        required: true;
+    };
 }>>, {}, {}>;
 export default _default;

package/components/filtercontainer/FilterContainer.vue.d.ts

@@ -5,6 +5,7 @@ import { QueryParams } from '../datatable/DataTable.vue.d';
 import { DropdownProps } from '../dropdown/Dropdown.vue.d';
 import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
+import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 
 // More specific filter field types
 export interface MultiSelectFilterField extends MultiSelectProps {
@@ -34,12 +35,30 @@ export interface RangeNumberFilterField extends InputRangeNumberProps {
   tooltip?: string;
 }
 
+export interface ButtonSelectTreeFilterField
+  extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
+  type: 'group' | 'category';
+  field: string; // The name of the field this filter applies to
+  /**
+   * The field label.
+   */
+  label?: string;
+  /**
+   * The button label.
+   * @default to Select Group|Category
+   */
+  buttonLabel?: string;
+}
+
 export interface CalendarFilterField extends CalendarProps {
   type: 'calendar';
   field: string;
 }
 
+export type AdditionalFilterField = ButtonSelectTreeFilterField;
+
 export type FilterField =
+  | AdditionalFilterField
   | MultiSelectFilterField
   | DropdownFilterField
   | RangeNumberFilterField
@@ -86,6 +105,11 @@ export type FilterContainerSlots = {
    * @deprecated Please use props.fields instead
    */
   default: Slot;
+
+  /**
+   * Additional template for field.
+   */
+  field: Slot<{ field: AdditionalFilterField }>;
 };
 
 export type FilterContainerEmits = {

package/components/icon/Icon.vue.d.ts

@@ -79,6 +79,7 @@ export type WangsIcons =
   | 'file-history-fill'
   | 'file-info'
   | 'files'
+  | 'file-lines'
   | 'file-list-2'
   | 'file-list'
   | 'file-settings'
@@ -97,6 +98,7 @@ export type WangsIcons =
   | 'indeterminate-circle-fill'
   | 'info'
   | 'information-line'
+  | 'infrared-thermometer'
   | 'list-check'
   | 'link'
   | 'luggage-cart'

package/components/image/Image.vue.d.ts

@@ -202,9 +202,10 @@ export interface ImageProps {
    * medium: 80
    * big: 125
    *
-   * @default 'big' - For other size use class
+   * @default to 'big' or {@link width} - When the props.width specified, the size will use this value
    */
   size?: 'small' | 'medium' | 'big';
+
   /**
    * Set custom size in pixels (without 'px')
    * @example 30

package/components/index.d.ts

@@ -10,6 +10,7 @@ export { default as DialogDetailPbi } from './dialogdetailpbi/DialogDetailPbi.vu
 export { default as TaskDetailPbi } from './dialogdetailpbi/TaskDetailPbi.vue';
 export { default as DetailMember } from './detailmember/DetailMember.vue';
 export { default as DetailSprint } from './detailsprint/DetailSprint.vue';
+export { default as DialogPreparePbi } from './detailsprint/DialogPreparePbi.vue';
 export { default as DialogAdjustmentTask } from './dialogAdjustmentTask/DialogAdjustmentTask.vue';
 export { default as TaskDetail } from './taskdetail/TaskDetail.vue';
 export { default as TaskTable } from './tasktable/TaskTable.vue';
@@ -17,6 +18,7 @@ export { default as NotificationItem } from './notificationitem/NotificationItem
 export { default as DialogImprovementTask } from './dialogimprovementtask/DialogImprovementTask.vue';
 export { default as Comment } from './comment/Comment.vue';
 export { default as Calendar } from '.././components/calendar/Calendar.vue';
+export { default as FilterContainer } from '.././components/filtercontainer/FilterContainer.vue';
 export { default as Animation } from './animation/Animation.vue';
 export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
 export { default as Badge } from './badge/Badge.vue';
@@ -40,7 +42,6 @@ export { default as DialogForm } from './dialogform/DialogForm.vue';
 export { default as Dropdown } from './dropdown/Dropdown.vue';
 export { default as Editor } from './editor/Editor.vue';
 export { default as FileUpload } from './fileupload/FileUpload.vue';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
 export { default as Form } from './form/Form.vue';
 export { default as Icon } from './icon/Icon.vue';
 export { default as Image } from './image/Image.vue';

package/components/menu/Menu.vue.d.ts

@@ -33,6 +33,13 @@ export declare type MenuPassThroughTransitionType =
   | ((options: MenuPassThroughMethodOptions) => TransitionProps)
   | undefined;
 
+export interface MenuLocaleConfig {
+  /**
+   * The label of menu when no selectable menu available.
+   */
+  noOptionLabel?: string;
+}
+
 /**
  * Custom passthrough(pt) option method.
  */

package/components/menu/helpers/filterMenu.helper.d.ts

@@ -4,7 +4,9 @@ import { MenuItem } from '../../menuitem';
  * If no visible menu items are found, it returns a menu with a label 'No Option Available'.
  *
  * @param menuItems - The array of menu items to filter.
+ * @param noOptionLabel - The label of menu to be shown when no available option. The value is from locale configuration each project.
+ *
  * @returns - The array of visible menu items or an array with a single menu item with label 'No Option Available'.
  */
-declare const filterVisibleMenu: (menuItems: MenuItem[]) => MenuItem[];
+declare const filterVisibleMenu: (menuItems: MenuItem[], noOptionLabel?: string) => MenuItem[];
 export default filterVisibleMenu;

package/components/menuitem/MenuItem.vue.d.ts

@@ -0,0 +1,19 @@
+import { MenuRouterBindProps } from '../menu/Menu.vue.d';
+import { MenuItem } from '.';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    item: MenuItem;
+    routerProps: MenuRouterBindProps;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    item: MenuItem;
+    routerProps: MenuRouterBindProps;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/notificationitem/NotificationItem.vue.d.ts

@@ -35,6 +35,7 @@ export type NotificationItemType = {
     | 'Quality Control'
     | 'Quality Control PBI'
     | 'PBI'
+    | 'PBI Task'
     | 'Sprint'
     | 'Improvement'
     | 'Task Improvement';

package/components/taskdetail/blocks/sections/Checklist/Checklist.vue.d.ts

@@ -1,10 +1,12 @@
 import { TaskChecklist } from '../../../../../types/task.type';
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
     static?: boolean;
+    taskIdProp?: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     updated: (checklists: TaskChecklist[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
     static?: boolean;
+    taskIdProp?: string;
 }>>> & {
     onUpdated?: (checklists: TaskChecklist[]) => any;
 }, {}, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue",
-  "version": "1.5.199-alpha.9",
+  "version": "1.5.200-alpha.0",
   "author": "fewangsit",
   "description": "Wangsit VueJS Component Library",
   "module": "./wangsvue.es.js",

package/plugins/WangsVue.d.ts

@@ -20,6 +20,7 @@ import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/Overl
 import { InputURLProps } from '../components/inputurl/InputURL.vue.d';
 import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
 import { ImageProps } from '../components/image/Image.vue.d';
+import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
 /**
  * A Record of component names with theirs props interface
  */
@@ -47,6 +48,7 @@ interface ComponentLocaleConfig {
     InputPhoneNumber?: InputPhoneNumberLocaleConfig;
     InputNumber?: InputNumberLocaleConfig;
     Calendar?: CalendarLocaleConfig;
+    Menu?: MenuLocaleConfig;
 }
 export interface LocaleConfig {
     global: Partial<PrimeVueLocaleOptions>;

package/style.css

@@ -10,4 +10,4 @@ html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-
   Updated for @stackoverflow/stacks v0.64.0
   Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
   Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
-*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.cropper-event-notification[data-v-b3a0d4df]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-b3a0d4df]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.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{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;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{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{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{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}.wrap-text[data-v-5557db8b]{white-space:nowrap;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.scrollbar-hide[data-v-862afeeb]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-862afeeb]{-ms-overflow-style:none;scrollbar-width:none}.slide-fade-enter-active[data-v-0d731f6d]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-0d731f6d]{transition:all .3s ease-in-out}.slide-fade-enter-from[data-v-0d731f6d],.slide-fade-leave-to[data-v-0d731f6d]{transform:translateY(-15px);opacity:0}.detailtask-scrollbar-hide::-webkit-scrollbar{display:none}.detailtask-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
+*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.cropper-event-notification[data-v-b3a0d4df]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-b3a0d4df]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.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{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;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{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{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{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}.wrap-text[data-v-5557db8b]{white-space:nowrap;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.scrollbar-hide[data-v-a30e8991]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-a30e8991]{-ms-overflow-style:none;scrollbar-width:none}.slide-fade-enter-active[data-v-0d731f6d]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-0d731f6d]{transition:all .3s ease-in-out}.slide-fade-enter-from[data-v-0d731f6d],.slide-fade-leave-to[data-v-0d731f6d]{transform:translateY(-15px);opacity:0}.detailtask-scrollbar-hide::-webkit-scrollbar{display:none}.detailtask-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}

package/utils/date.util.d.ts

@@ -15,3 +15,9 @@ export declare const formatISODate: (date: string | Date) => string;
  * @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;
+};