@fewangsit/wangsvue-fats 1.0.0-alpha.3 → 1.0.0-alpha.30

package/components/inputphonenumber/InputPhoneNumber.vue.d.ts

@@ -1,83 +1,83 @@
 import { DefineComponent } from 'vue';
 
 export interface InputPhoneNumberLocaleConfig {
-  defaultPlaceholder?: string;
+    defaultPlaceholder?: string;
 }
 
 /**
  * InputPhoneNumber component props
  */
 export interface InputPhoneNumberProps {
-  /**
-   * ModelValue of the input.
-   */
-  modelValue?: string;
-  /**
-   * 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?: string;
-  /**
-   * The input label. Tell the user what input is this.
-   */
-  label?: string;
-  /**
-   * Specify the input placeholder.
-   *
-   * @default 'Enter phone number'
-   */
-  placeholder?: string;
-  /**
-   * Disabled the input.
-   */
-  disabled?: boolean;
-  /**
-   * The maximum input length.
-   *
-   * @default 14 digit number
-   */
-  maxDigit?: number;
-  /**
-   * State of invalid input.
-   */
-  invalid?: boolean;
-  /**
-   * 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 the custom validator message.
-   * By default each field has preserved with its validator message, you don't need to worrying about the message.
-   */
-  validatorMessage?: string;
-  /**
-   * Show information about the field.
-   */
-  fieldInfo?: string;
+    /**
+     * ModelValue of the input.
+     */
+    modelValue?: string;
+    /**
+     * 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?: string;
+    /**
+     * The input label. Tell the user what input is this.
+     */
+    label?: string;
+    /**
+     * Specify the input placeholder.
+     *
+     * @default 'Enter phone number'
+     */
+    placeholder?: string;
+    /**
+     * Disabled the input.
+     */
+    disabled?: boolean;
+    /**
+     * The maximum input length.
+     *
+     * @default 14 digit number
+     */
+    maxDigit?: number;
+    /**
+     * State of invalid input.
+     */
+    invalid?: boolean;
+    /**
+     * 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 the custom validator message.
+     * By default each field has preserved with its validator message, you don't need to worrying about the message.
+     */
+    validatorMessage?: string;
+    /**
+     * Show information about the field.
+     */
+    fieldInfo?: string;
 }
 
 /**
  * InputPhoneNumber component emits
  */
 export type InputPhoneNumberEmits = {
-  /**
-   * Emits when the input already filled.
-   */
-  'update:modelValue': [value?: string];
+    /**
+     * Emits when the input already filled.
+     */
+    'update:modelValue': [value?: string];
 };
 
 /**
@@ -91,9 +91,9 @@ export type InputPhoneNumberEmits = {
  * @group form
  */
 declare const InputPhoneNumber: DefineComponent<
-  InputPhoneNumberProps,
-  InputPhoneNumberEmits,
-  Record<string, unknown>
+    InputPhoneNumberProps,
+    InputPhoneNumberEmits,
+    Record<string, unknown>
 >;
 
 export default InputPhoneNumber;

package/components/inputrangenumber/InputRangeNumber.vue.d.ts

@@ -2,103 +2,103 @@ import { DefineComponent } from 'vue';
 import { CustomValidation } from '../form/Form.vue.d';
 
 export interface InputrangeNumberLocaleConfig {
-  /**
-   * Locale configuration for min input placeholder.
-   */
-  minPlaceholder?: string;
-
-  /**
-   * Locale configuration for max input placeholder.
-   */
-  maxPlaceholder?: string;
+    /**
+     * Locale configuration for min input placeholder.
+     */
+    minPlaceholder?: string;
+
+    /**
+     * Locale configuration for max input placeholder.
+     */
+    maxPlaceholder?: string;
 }
 
 /**
  * InputRangeNumber component props
  */
 export interface InputRangeNumberProps {
-  /**
-   * Number modelValue of the input.
-   */
-  modelValue?: number[];
-
-  /**
-   * Initial Form value.
-   */
-  value?: number[];
-
-  /**
-   * The input label. Tell the user what input is this.
-   */
-  label?: string;
-
-  /**
-   * Placeholder for both input
-   *
-   * @default undefined
-   */
-  placeholder?: string;
-
-  /**
-   * Specify the min number input placeholder.
-   *
-   * @default - Default value of Locale Config {@link InputrangeNumberLocaleConfig.minPlaceholder}
-   */
-  minPlaceholder?: string;
-
-  /**
-   * Specify the max number input placeholder.
-   *
-   * @default - Default value of Locale Config {@link InputrangeNumberLocaleConfig.maxPlaceholder}
-   */
-  maxPlaceholder?: string;
-
-  /**
-   * Disabled the input.
-   */
-  disabled?: boolean;
-
-  /**
-   * State of invalid input.
-   */
-  invalid?: boolean;
-
-  /**
-   * Show the text (opsional)
-   *
-   * @default true if mandatory true
-   */
-  showOptionalText?: boolean;
-
-  /**
-   * Weather 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;
-
-  /**
-   * Whether this input field is required or not.
-   */
-  mandatory?: boolean;
-
-  /**
-   * Set custom validator message.
-   * Will be show if invalid="true"
-   */
-  validatorMessage?: string | CustomValidation;
-  minFieldName?: string;
-  maxFieldName?: string;
+    /**
+     * Number modelValue of the input.
+     */
+    modelValue?: number[];
+
+    /**
+     * Initial Form value.
+     */
+    value?: number[];
+
+    /**
+     * The input label. Tell the user what input is this.
+     */
+    label?: string;
+
+    /**
+     * Placeholder for both input
+     *
+     * @default undefined
+     */
+    placeholder?: string;
+
+    /**
+     * Specify the min number input placeholder.
+     *
+     * @default - Default value of Locale Config {@link InputrangeNumberLocaleConfig.minPlaceholder}
+     */
+    minPlaceholder?: string;
+
+    /**
+     * Specify the max number input placeholder.
+     *
+     * @default - Default value of Locale Config {@link InputrangeNumberLocaleConfig.maxPlaceholder}
+     */
+    maxPlaceholder?: string;
+
+    /**
+     * Disabled the input.
+     */
+    disabled?: boolean;
+
+    /**
+     * State of invalid input.
+     */
+    invalid?: boolean;
+
+    /**
+     * Show the text (opsional)
+     *
+     * @default true if mandatory true
+     */
+    showOptionalText?: boolean;
+
+    /**
+     * Weather 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;
+
+    /**
+     * Whether this input field is required or not.
+     */
+    mandatory?: boolean;
+
+    /**
+     * Set custom validator message.
+     * Will be show if invalid="true"
+     */
+    validatorMessage?: string | CustomValidation;
+    minFieldName?: string;
+    maxFieldName?: string;
 }
 
 /**
  * InputRangeNumber component emits
  */
 export type InputRangeNumberEmits = {
-  /**
-   * Emits when the both input already filled.
-   */
-  'update:modelValue': [payload?: (number | undefined)[]];
-  'submit': [];
+    /**
+     * Emits when the both input already filled.
+     */
+    'update:modelValue': [payload?: (number | undefined)[]];
+    'submit': [];
 };
 
 /**
@@ -112,9 +112,9 @@ export type InputRangeNumberEmits = {
  * @group form
  */
 declare const InputRangeNumber: DefineComponent<
-  InputRangeNumberProps,
-  InputRangeNumberEmits,
-  unknown
+    InputRangeNumberProps,
+    InputRangeNumberEmits,
+    unknown
 >;
 
 export default InputRangeNumber;

package/components/inputsearch/InputSearch.vue.d.ts

@@ -0,0 +1,33 @@
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+export type InputSearchEmits = {
+    /**
+     * Emits when the Enter key is pressed.
+     */
+    search: [payload?: string];
+};
+
+/**
+ * **WangsVue - InputSearch**
+ *
+ * _InputSearch is an search input for fixed asset navbar_
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/inputsearch)
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class InputSearch extends ClassComponent<
+    unknown,
+    unknown,
+    InputSearchEmits
+> {}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        InputSearch: GlobalComponentConstructor<InputSearch>;
+    }
+}
+
+export default InputSearch;