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

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

@@ -1,141 +0,0 @@
-/**
- *
- * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
- *
- * @module inputgroup
- *
- */
-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/languagedropdown/LanguageDropdown.vue.d.ts

@@ -1,50 +0,0 @@
-import { DropdownEmits, DropdownProps } from '../dropdown/Dropdown.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-export interface LanguageOption {
-  /**
-   * The name of the language, written in English for universal readability.
-   */
-  /**
-   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
-   */
-  language?: string;
-
-  /**
-   * The name of the language in English (e.g., "English", "Français").
-   */
-  name: string;
-
-  /**
-   * The URL of the country's flag image.
-   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
-   */
-  flag?: string;
-}
-
-export type LanguageDropdownProps = DropdownProps & {};
-export type LanguageDropdownEmits = DropdownEmits & {};
-
-/**
- * **WangsVue - Dropdown**
- *
- * _Dropdown also known as Select, is used to choose an item from a collection of options._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class LanguageDropdown extends ClassComponent<
-  LanguageDropdownProps,
-  unknown,
-  LanguageDropdownEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    LanguageDropdown: GlobalComponentConstructor<LanguageDropdown>;
-  }
-}
-
-export default LanguageDropdown;

package/components/languagedropdown/LanguageDropdownOption.vue.d.ts

@@ -1,18 +0,0 @@
-import { LanguageOption } from './LanguageDropdown.vue.d';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>>>, {}, {}>;
-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/languageswitcher/LanguageSwitcher.vue.d.ts

@@ -1,15 +0,0 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-declare class LanguageSwitcher extends ClassComponent<
-  unknown,
-  unknown,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    LanguageSwitcher: GlobalComponentConstructor<LanguageSwitcher>;
-  }
-}
-
-export default LanguageSwitcher;

package/components/progressbar/ProgressBar.vue.d.ts

@@ -1,72 +0,0 @@
-import { Slot } from 'vue';
-import { ClassComponent } from '../ts-helpers';
-import { GlobalComponentConstructor } from '../ts-helpers.d';
-
-/**
- * Defines valid properties in ProgressBar component.
- */
-export interface ProgressBarProps {
-  /**
-   * Current value of the progress.
-   */
-  value?: number | undefined;
-  /**
-   * Set the position of progress value label position
-   * Only available on mode Determinate
-   *
-   * @default 'right-side'
-   */
-  valuePosition?: 'inside' | 'left-side' | 'right-side';
-  /**
-   * The progress bar severity color
-   *
-   * @defaultValue 'primary'
-   */
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
-  /**
-   * Defines the mode of the progress
-   * @defaultValue determinate
-   */
-  mode?: 'determinate' | 'indeterminate' | undefined;
-  /**
-   * Whether to display the progress bar value.
-   * @defaultValue true
-   */
-  showValue?: boolean | undefined;
-}
-
-/**
- * Defines valid slots in ProgressBar component.
- */
-export interface ProgressBarSlots {
-  /**
-   * Slot for customizing the value label.
-   */
-  label: Slot<{ value: number | undefined }>;
-}
-
-/**
- * **WangsVue - ProgressBar**
- *
- * ProgressBar is a process status indicator._
- *
- * [Live Demo](https://fewangsit.github.io/wangsvue/progressbar)
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class ProgressBar extends ClassComponent<
-  ProgressBarProps,
-  ProgressBarSlots,
-  null
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    ProgressBar: GlobalComponentConstructor<ProgressBar>;
-  }
-}
-
-export default ProgressBar;

package/components/quickfilter/QuickFilter.vue.d.ts

@@ -1,25 +0,0 @@
-import { DefineComponent } from 'vue';
-import { FilterField } from '../filtercontainer/FilterContainer.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
-
-export interface QuickFilterProps {
-  fields: FilterField[];
-  tableName?: string;
-}
-
-export type QuickFilterEmits = {
-  apply: [filter: QueryParams];
-};
-
-/**
- * **WangsVue - QuickFilter**
- *
- * @group components
- */
-declare const QuickFilter: DefineComponent<
-  QuickFilterProps,
-  QuickFilterEmits,
-  unknown
->;
-
-export default QuickFilter;

package/components/tooltipspan/TooltipSpan.vue.d.ts

@@ -1,20 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export type TooltipSpanProps = {
-  /**
-   * The full text to be displayed on the tooltip.
-   * The tooltip will only be shown if the text is truncated.
-   * @default ''
-   */
-  fullText?: string;
-  /**
-   * The maximum length of the text displayed on the span. If the text is longer
-   * than this value, it will be truncated and an ellipsis (...) will be added.
-   * @default 36
-   */
-  length?: number;
-};
-
-declare const TooltipSpan: DefineComponent<TooltipSpanProps>;
-
-export default TooltipSpan;

package/components/treesearchinput/TreeSearchInput.vue.d.ts

@@ -1,16 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export type TreeSearchInputProps = {
-  modelValue?: string;
-};
-
-export type TreeSearchInputEmits = {
-  'update:modelValue': [payload: string];
-};
-
-declare const TreeSearchInput: DefineComponent<
-  TreeSearchInputProps,
-  TreeSearchInputEmits
->;
-
-export default TreeSearchInput;

package/components/usergroup/UserGroup.vue.d.ts

@@ -1,57 +0,0 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-/**
- * Defines valid properties in UserGroup component.
- */
-export interface UserGroupProps {
-  /**
-   * The user objects array
-   */
-  users: Record<string, any>[];
-  /**
-   * The limit of how many users to display
-   */
-  limit?: number;
-  /**
-   * Specify the field of user to be used as display name
-   *
-   * @example 'name.fullName'
-   *
-   * @default 'nickName'
-   */
-  userNameField?: string;
-  /**
-   * Specify the field of user to be used as display picture
-   *
-   * @example 'image.profile'
-   *
-   * @default 'profilePicture'
-   */
-  profilePictureField?: string;
-  withDialogDetail?: boolean;
-  dialogHeaderLabel?: string;
-}
-
-/**
- * **WangsVue - UserGroup**
- *
- * _Displays an user and profile image._
- *
- * --- ---
- *
- * @group Component
- *
- */
-declare class UserGroup extends ClassComponent<
-  UserGroupProps,
-  unknown,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    UserGroup: GlobalComponentConstructor<UserGroup>;
-  }
-}
-
-export default UserGroup;

package/components/validatormessage/ValidatorMessage.vue.d.ts

@@ -1,12 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export interface ValidatorMessageProps {
-  /**
-   * Shows validator message if message exist.
-   */
-  message?: string;
-}
-
-declare const ValidatorMessage: DefineComponent<ValidatorMessageProps>;
-
-export default ValidatorMessage;

package/plugins/translation.d.ts

@@ -1,84 +0,0 @@
-import { App, Ref } from 'vue';
-export type Locale = string;
-export interface I18n {
-    /**
-     * Locale message translation
-     *
-     * @param key - The translation key
-     * @param params - A values of named interpolation
-     *
-     * @returns translation message
-     * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
-     */
-    t: (key: string, params?: Record<string, any>) => string;
-    /**
-     * Change the locale dynamically
-     *
-     * @param newLocale - The locale to switch to
-     */
-    setLocale: (newLocale: Locale) => Promise<void>;
-    /**
-     * Get the current locale
-     *
-     * @returns Current locale
-     */
-    locale: Ref<Locale>;
-}
-export interface TranslateTextResponseList {
-    translations: TranslateTextResponseTranslation[];
-}
-export interface TranslateTextResponseTranslation {
-    translatedText: string;
-}
-export interface GoogleTranslationResponse {
-    data: TranslateTextResponseList;
-}
-/**
- * Query parameters for making a request to the Google Cloud Translate API v2.
- * Reference: https://cloud.google.com/translate/docs/reference/rest/v2/translate
- */
-export interface GoogleTranslateRequestQueryParams {
-    /**
-     * The input text to translate.
-     * Can be a single string or an array of strings (up to 128 items).
-     * Example: "Hello world" or ["Hello", "How are you?"]
-     */
-    q: string | string[];
-    /**
-     * The target language code to translate the input text into.
-     * Must be a supported language code from:
-     * https://cloud.google.com/translate/docs/languages
-     * Example: "id" for Indonesian, "es" for Spanish.
-     */
-    target: string;
-    /**
-     * (Optional) The format of the source text.
-     * Use `"text"` for plain text or `"html"` if the source contains HTML tags.
-     * Default is `"html"`.
-     */
-    format?: 'html' | 'text';
-    /**
-     * (Optional) The source language code of the input text.
-     * If omitted, the API will automatically detect the source language.
-     * Supported language codes: https://cloud.google.com/translate/docs/languages
-     * Example: "en" for English.
-     */
-    source?: string;
-    /**
-     * A valid API key for authenticating the request.
-     * You can generate and manage API keys in the Google Cloud Console:
-     * https://console.cloud.google.com/apis/credentials
-     */
-    key: string;
-}
-export declare const useI18n: () => I18n;
-declare const _default: {
-    install: (app: App) => void;
-};
-export default _default;
-declare module 'vue' {
-    interface ComponentCustomProperties {
-        $i18n: I18n;
-        $t: I18n['t'];
-    }
-}

package/types/options.type.d.ts

@@ -1,16 +0,0 @@
-import { WangsIcons } from '../components/icon/Icon.vue.d';
-export type OptionValue = string | number | boolean | Record<string, any>;
-export type DropdownOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};
-export type MultiSelectOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};