@fewangsit/wangsvue 1.5.178

package/components/index.d.ts

@@ -0,0 +1,123 @@
+export * from '.././components';
+export { default as Badge } from './badge/Badge.vue';
+export { default as WorkCalendar } from './workcalendar/WorkCalendar.vue';
+export { default as Changelog } from './changelog/Changelog.vue';
+export { default as InputInitialName } from './inputinitialname/InputInitialName.vue';
+export { default as SummaryAccordion } from './summaryaccordion/SummaryAccordion.vue';
+export { default as InputRepositoryName } from './inputrepositoryname/InputRepositoryName.vue';
+export { default as ChangelogPage } from './changelogpage/ChangelogPage.vue';
+export { default as DialogDetailPbi } from './dialogdetailpbi/DialogDetailPbi.vue';
+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 DialogAdjustmentTask } from './dialogAdjustmentTask/DialogAdjustmentTask.vue';
+export { default as TaskDetail } from './taskdetail/TaskDetail.vue';
+export { default as TaskTable } from './tasktable/TaskTable.vue';
+export { default as NotificationItem } from './notificationitem/NotificationItem.vue';
+export { default as DialogImprovementTask } from './dialogimprovementtask/DialogImprovementTask.vue';
+export { default as PDFViewer } from './pdfviewer/PDFViewer.vue';
+export { default as Comment } from './comment/Comment.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';
+export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
+export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
+export { default as Button } from './button/Button.vue';
+export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
+export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
+export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
+export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
+export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
+export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
+export { default as Calendar } from './calendar/Calendar.vue';
+export { default as Card } from './card/Card.vue';
+export { default as Checkbox } from './checkbox/Checkbox.vue';
+export { default as CodeSnippet } from './codesnippet/CodeSnippet.vue';
+export { default as DataTable } from './datatable/DataTable.vue';
+export { default as Dialog } from './dialog/Dialog.vue';
+export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
+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';
+export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
+export { default as InputBadge } from './inputbadge/InputBadge.vue';
+export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
+export { default as InputEmail } from './inputemail/InputEmail.vue';
+export { default as InputNumber } from './inputnumber/InputNumber.vue';
+export { default as InputPassword } from './inputpassword/InputPassword.vue';
+export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
+export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
+export { default as InputText } from './inputtext/InputText.vue';
+export { default as InputURL } from './inputurl/InputURL.vue';
+export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
+export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
+export { default as Loading } from './loading/Loading.vue';
+export { default as Menu } from './menu/Menu.vue';
+export { default as MultiSelect } from './multiselect/MultiSelect.vue';
+export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
+export { default as ProgressBar } from './progressbar/ProgressBar.vue';
+export { default as QuickFilter } from './quickfilter/QuickFilter.vue';
+export { default as TabMenu } from './tabmenu/TabMenu.vue';
+export { default as Textarea } from './textarea/Textarea.vue';
+export { default as Timeline } from './timeline/Timeline.vue';
+export { default as Toast } from './toast/Toast.vue';
+export { default as TooltipSpan } from './tooltipspan/TooltipSpan.vue';
+export { default as UserGroup } from './usergroup/UserGroup.vue';
+export { default as UserName } from './username/UserName.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';
+export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
+export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
+export { default as Button } from './button/Button.vue';
+export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
+export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
+export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
+export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
+export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
+export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
+export { default as Calendar } from './calendar/Calendar.vue';
+export { default as Card } from './card/Card.vue';
+export { default as Checkbox } from './checkbox/Checkbox.vue';
+export { default as CodeSnippet } from './codesnippet/CodeSnippet.vue';
+export { default as DataTable } from './datatable/DataTable.vue';
+export { default as Dialog } from './dialog/Dialog.vue';
+export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
+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';
+export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
+export { default as InputBadge } from './inputbadge/InputBadge.vue';
+export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
+export { default as InputEmail } from './inputemail/InputEmail.vue';
+export { default as InputNumber } from './inputnumber/InputNumber.vue';
+export { default as InputPassword } from './inputpassword/InputPassword.vue';
+export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
+export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
+export { default as InputText } from './inputtext/InputText.vue';
+export { default as InputURL } from './inputurl/InputURL.vue';
+export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
+export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
+export { default as Loading } from './loading/Loading.vue';
+export { default as Menu } from './menu/Menu.vue';
+export { default as MultiSelect } from './multiselect/MultiSelect.vue';
+export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
+export { default as ProgressBar } from './progressbar/ProgressBar.vue';
+export { default as QuickFilter } from './quickfilter/QuickFilter.vue';
+export { default as TabMenu } from './tabmenu/TabMenu.vue';
+export { default as Textarea } from './textarea/Textarea.vue';
+export { default as Timeline } from './timeline/Timeline.vue';
+export { default as Toast } from './toast/Toast.vue';
+export { default as TooltipSpan } from './tooltipspan/TooltipSpan.vue';
+export { default as UserGroup } from './usergroup/UserGroup.vue';
+export { default as UserName } from './username/UserName.vue';

package/components/inputbadge/InputBadge.vue.d.ts

@@ -0,0 +1,118 @@
+import { CustomValidation } from '../form/Form.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+/**
+ * InputBadge component props
+ */
+export interface InputBadgeProps {
+  /**
+   * The type of input, whether input text or input email
+   *
+   * @default text
+   */
+  type?: 'text' | 'email';
+  /**
+   * The model value. Used for input without validation.
+   */
+  modelValue?: string[];
+  /**
+   * Sets the initial value of the field.
+   * This will only available with option 'useValidator'.
+   *
+   * In use case like edit form, you need to display the previous inputted value.
+   */
+  initialValue?: string[];
+  /**
+   * Determines if the field uses a validator
+   */
+  useValidator?: boolean;
+  /**
+   * Exisitng values to be checkeed with validation 'exist' - check the validatorMessage props
+   *
+   * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
+   */
+  existingValues?: string[];
+  /**
+   * Determines if the field is mandatory
+   */
+  mandatory?: boolean;
+  /**
+   * Set custom validator message.
+   */
+  validatorMessage?: string | CustomValidation;
+  /**
+   * Whether shows the invalid message or not.
+   * The validator message will be shown if useValidator true and the field label is specified.
+   *
+   * Sets this props to 'false' to force the validator message always hidden.
+   *
+   * @default true
+   */
+  showValidatorMessage?: boolean;
+  /**
+   * Set the invalid state.
+   *
+   * @default - If field is mandatory, the field will be considered invalid if the input is empty.
+   */
+  invalid?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'inputBadge'
+   */
+  fieldName?: string;
+  /**
+   * The text input placholder.
+   *
+   * @default 'Enter value'
+   */
+  placeholder?: string;
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean;
+  /**
+   * The field input label. Tell the user what input is this.
+   */
+  label?: string;
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+}
+
+/**
+ * InputBadge component emits
+ */
+export type InputBadgeEmits = {
+  /**
+   * Emits when a new label added.
+   */
+  'update:modelValue': [value: string[] | undefined];
+};
+
+/**
+ * **WangsVue - InputBadge**
+ *
+ * _InputBadge is input text that changes it value into Badge component on Enter key pressed._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class InputBadge extends ClassComponent<
+  InputBadgeProps,
+  Record<string, unknown>,
+  InputBadgeEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    InputBadge: GlobalComponentConstructor<InputBadge>;
+  }
+}
+
+export default InputBadge;

package/components/inputcurrency/InputCurrency.vue.d.ts

@@ -0,0 +1,132 @@
+import { DefineComponent } from 'vue';
+
+
+export type CurrencyFormat = {
+  name?: string;
+  label: string;
+  currency: string;
+  symbol: string;
+  locale: string;
+};
+
+export interface CurrencyValue {
+  currency: string; // Currency ISO Code
+  value?: number;
+}
+
+/**
+ * InputCurrency component props
+ */
+export interface InputCurrencyProps {
+  /**
+   * Number modelValue of the input.
+   */
+  modelValue?: CurrencyValue;
+  /**
+   * Sets the initial value of the field.
+   * This will only available with option 'useValidator'.
+   *
+   * In usecase like edit form, you need to display the previous inputted value.
+   */
+  value?: number;
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+  /**
+   * Max input number value.
+   */
+  max?: number;
+  /**
+   * Wether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'numberInput'
+   */
+  fieldName?: string;
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Set custom validator message.
+   * It is rarely use, this component has handled the validator message.
+   */
+  validatorMessage?: string;
+  /**
+   * Custom invalid state.
+   */
+  invalid?: boolean;
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter number'
+   */
+  placeholder?: string;
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+  /**
+   * Displays increment/decrement buttons.
+   */
+  showButtons?: boolean;
+  /**
+   * The width of input.
+   */
+  size?: 'small' | 'normal' | 'full';
+  /**
+   * Defines the behavior of the component.
+   * @defaultValue currency
+   */
+  mode?: 'decimal' | 'currency';
+  /**
+   * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+   * @defaultValue true
+   */
+  useGrouping?: boolean;
+  /**
+   * Show information about the field.
+   */
+  fieldInfo?: string;
+  inputnNumberId?: string;
+}
+
+/**
+ * InputCurrency component emits
+ */
+export type InputCurrencyEmits = {
+  /**
+   * Emits when the input has loosen focus.
+   * The model value is the valid value from given min and max number.
+   *
+   * If the inputted number is above max, return the max. And vice versa.
+   */
+  'update:modelValue': [payload?: CurrencyValue];
+  /**
+   * If you need to check validation, you can use this events.
+   */
+  'input': [payload?: number];
+};
+
+/**
+ * **WangsVue - InputCurrency**
+ *
+ * _Handle input Currency with form validation._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const InputCurrency: DefineComponent<
+  InputCurrencyProps,
+  InputCurrencyEmits
+>;
+
+export default InputCurrency;

package/components/inputcurrency/helpers/currency.helper.d.ts

@@ -0,0 +1,4 @@
+import { CurrencyFormat } from '../InputCurrency.vue.d';
+declare const getCurrency: (code?: string) => CurrencyFormat;
+declare const formatCurrency: (value?: number | string | null, currency?: string, prefix?: boolean) => string;
+export { getCurrency, formatCurrency };

package/components/inputemail/InputEmail.vue.d.ts

@@ -0,0 +1,26 @@
+import { DefineComponent } from 'vue';
+import { InputTextEmits, InputTextProps } from '../inputtext/InputText.vue.d';
+
+
+/**
+ * InputEmail component props
+ */
+export type InputEmailProps = Omit<InputTextProps, 'type'>;
+
+/**
+ * InputEmail component emits
+ */
+export type InputEmailEmits = InputTextEmits;
+/**
+ * **WangsVue - InputEmail**
+ *
+ * _Handle input email with form validation._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const InputEmail: DefineComponent<InputEmailProps, InputEmailEmits>;
+
+export default InputEmail;

package/components/inputgroup/InputGroup.vue.d.ts

@@ -0,0 +1,131 @@
+import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+
+export declare type InputGroupPassThroughOptionType =
+  | InputGroupPassThroughAttributes
+  | ((
+      options: InputGroupPassThroughMethodOptions,
+    ) => InputGroupPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InputGroupPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid attributes.
+   */
+  attrs: any;
+  /**
+   * Defines parent options.
+   */
+  parent: any;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InputGroupProps.pt}
+ */
+export interface InputGroupPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: InputGroupPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface InputGroupPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines valid properties in InputGroup component.
+ */
+export interface InputGroupProps {
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {InputGroupPassThroughOptions}
+   */
+  pt?: PassThrough<InputGroupPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+  /**
+   * @default default
+   */
+  ring?: 'none' | 'default';
+  /**
+   * When enabled, it removes component related styles in the core.
+   * @defaultValue false
+   */
+  unstyled?: boolean;
+  /**
+   * @defaultValue false
+   */
+  invalid?: boolean;
+  /**
+   * @defaultValue false
+   */
+  disabled?: boolean;
+}
+
+/**
+ * Defines valid slots in InputGroup component.
+ */
+export interface InputGroupSlots {
+  /**
+   * Custom default template.
+   */
+  default(): VNode[];
+  /**
+   * Dynamic content template.
+   * @todo
+   */
+  [key: string]: (node: any) => VNode[];
+}
+
+/**
+ * **WangsVue - InputGroup**
+ *
+ * _InputGroup displays text, icon, buttons and other content can be grouped next to an input._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class InputGroup extends ClassComponent<
+  InputGroupProps,
+  InputGroupSlots,
+  unknown
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    InputGroup: GlobalComponentConstructor<InputGroup>;
+  }
+}
+
+export default InputGroup;

package/components/inputinitialname/InputInitialName.vue.d.ts

@@ -0,0 +1,118 @@
+import { DefineComponent } from 'vue';
+import { Nullable } from '../ts-helpers';
+import { CustomValidation } from '../form/Form.vue.d';
+
+
+/**
+ * InputInitialName component props
+ */
+export interface InputInitialNameProps {
+  /**
+   * Model value for the input field
+   */
+  modelValue?: Nullable<string>;
+  /**
+   * Initial value for field validation
+   */
+  value?: Nullable<string>;
+  /**
+   * Pass the full name to automaticaly formatted to initial name
+   */
+  fullName?: string;
+  /**
+   * A list of initital names to be compared with new inputed
+   */
+  existingInitialNames: string[];
+  maxLength?: number;
+  /**
+   * Label for the input field
+   */
+  label?: string;
+
+  /**
+   * Specify classes for label
+   */
+  labelClass?: string;
+
+  /**
+   * Field name for the input field
+   */
+  fieldName?: string;
+
+  /**
+   * Set manual invalid input container state.
+   */
+  manualInvalidContainer?: boolean;
+
+  /**
+   * Determines if the field is mandatory
+   */
+  mandatory?: boolean;
+
+  /**
+   * Determines if the field uses a validator
+   */
+  useValidator?: boolean;
+
+  /**
+   * Validator message for the input field
+   */
+  validatorMessage?: CustomValidation;
+
+  /**
+   * Classes for validator message in input field
+   */
+  validatorMessageClass?: string;
+
+  /**
+   * Placeholder for the input field
+   */
+  placeholder?: string;
+
+  /**
+   * Determines if the input field is disabled
+   */
+  disabled?: boolean;
+
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+
+  /**
+   * Specify classes for input
+   */
+  inputClass?: string;
+
+  /**
+   * Specify classes for input container
+   */
+  inputContainerClass?: string;
+}
+
+/**
+ * InputInitialName component emits
+ */
+export type InputInitialNameEmits = {
+  /**
+   * Event emitted when the model value is updated
+   */
+  'update:modelValue': [payload?: Nullable<string>];
+  'blur': [payload?: Nullable<string>];
+};
+/**
+ * **WangsVue - InputInitialName**
+ *
+ * _Handle input email with form validation._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const InputInitialName: DefineComponent<
+  InputInitialNameProps,
+  InputInitialNameEmits
+>;
+
+export default InputInitialName;