@fewangsit/wangsvue-fats 1.0.0-alpha.0

package/components/carousel/Carousel.vue.d.ts

@@ -0,0 +1,28 @@
+import { ImageGallery } from '../image/Image.vue.d';
+import { ClassComponent } from '../ts-helpers';
+
+export interface CarouselProps {
+  /**
+   * An array of image object to be displayed.
+   */
+  value: ImageGallery[] | undefined;
+}
+
+/**
+ * **TSVue v2 - Carousel**
+ *
+ * _Carousel is a component for displaying a collection of images or content in a sliding or rotating fashion.
+ * You can navigate through the items using the provided next and previous functions._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare class Carousel extends ClassComponent<
+  CarouselProps,
+  unknown,
+  unknown
+> {}
+
+export default Carousel;

package/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,330 @@
+/**
+ *
+ * Checkbox is an extension to standard checkbox element with theming.
+ *
+ * @module checkbox
+ *
+ */
+import { VNode } from 'vue';
+
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  PassThrough,
+} from '../ts-helpers';
+
+export declare type CheckboxPassThroughOptionType =
+  | CheckboxPassThroughAttributes
+  | ((
+      options: CheckboxPassThroughMethodOptions,
+    ) => CheckboxPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface CheckboxPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: CheckboxProps;
+  /**
+   * Defines current inline state.
+   */
+  state: CheckboxState;
+  /**
+   * Defines current options.
+   */
+  context: CheckboxContext;
+  /**
+   * 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 CheckboxProps.pt}
+ */
+export interface CheckboxPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the input's DOM element.
+   */
+  input?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the box's DOM element.
+   */
+  box?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the icon's DOM element.
+   */
+  icon?: CheckboxPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface CheckboxPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Checkbox component.
+ */
+export interface CheckboxState {
+  [key: string]: any;
+}
+
+/**
+ * Defines valid properties in Checkbox component.
+ */
+export interface CheckboxProps {
+  /**
+   * Value of the checkbox. Can be used to set the checkbox field value when using use-validator
+   */
+  value?: any;
+  /**
+   * Value binding of the checkbox.
+   *
+   * The value is vary depends on the {@link trueValue}, {@link falseValue}, {@link binary}
+   */
+  modelValue?: any;
+  /**
+   * The checkbox label.
+   */
+  label?: string;
+  /**
+   * Tooltip info about the checkbox.
+   */
+  tooltip?: string;
+  /**
+   * Tooltip position.
+   *
+   * @default 'top'
+   */
+  tooltipPos?: 'top' | 'right' | 'left' | 'bottom';
+  /**
+   * Name of the input element.
+   */
+  name?: string | undefined;
+  /**
+   * To specify different style when used inside table header
+   *
+   * @default false
+   */
+  withinTable?: boolean;
+  /**
+   * Allows to select a boolean value instead of multiple values.
+   * @default true
+   */
+  binary?: boolean;
+  /**
+   * Enable triple state 'null' 'true' 'false'
+   *
+   * null: not checked;
+   * true: checked;
+   * false: partial checked;
+   *
+   * @default false
+   */
+  triState?: boolean | null;
+  /**
+   * When present, it specifies that the component should have invalid state style.
+   * @defaultValue false
+   */
+  invalid?: boolean | undefined;
+  /**
+   * When present, it specifies that the element should be disabled.
+   * @default false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * When present, it specifies that the element should be selectable.
+   *
+   * Simillar to disabled state, but different style.
+   * @default true
+   */
+  selectable?: boolean | undefined;
+  /**
+   * Specifies the input variant of the component.
+   * @defaultValue outlined
+   */
+  variant?: 'outlined' | 'filled' | undefined;
+  /**
+   * When present, it specifies that an input field is read-only.
+   * @default false
+   */
+  readonly?: boolean | undefined;
+  useValidator?: boolean;
+  fieldName?: string;
+  /**
+   * When present, it specifies that the element is required.
+   * @default false
+   */
+  required?: boolean | undefined;
+  /**
+   * Index of the element in tabbing order.
+   */
+  tabindex?: number | undefined;
+  /**
+   * Value in checked state.
+   * @default true
+   */
+  trueValue?: any;
+  /**
+   * Value in unchecked state.
+   * @default false
+   */
+  falseValue?: any;
+  /**
+   * Identifier of the underlying input element.
+   */
+  inputId?: string | undefined;
+  /**
+   * Style class of the input field.
+   */
+  inputClass?: object | undefined;
+  /**
+   * Inline style of the input field.
+   */
+  inputStyle?: string | object | undefined;
+  /**
+   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+   */
+  ariaLabelledby?: string | undefined;
+  /**
+   * Establishes a string value that labels the component.
+   */
+  ariaLabel?: string | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {CheckboxPassThroughOptions}
+   */
+  pt?: PassThrough<CheckboxPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+  /**
+   * When enabled, it removes component related styles in the core.
+   * @defaultValue false
+   */
+  unstyled?: boolean;
+  /**
+   * Style class of the checkbox's label.
+   */
+  labelClass?: any;
+}
+
+/**
+ * Defines current options in Checkbox component.
+ */
+export interface CheckboxContext {
+  /**
+   * Current checked state of the item as a boolean.
+   * @defaultValue false
+   */
+  checked: boolean;
+  /**
+   * Current disabled state of the item as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Defines valid slots in Checkbox component.
+ */
+export interface CheckboxSlots {
+  /**
+   * Custom icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * State of the checkbox.
+     */
+    checked: boolean;
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in Checkbox component.
+ */
+export type CheckboxEmits = {
+  /**
+   * Emitted when the value changes.
+   * @param {*} value - New value.
+   */
+  'update:modelValue': [value: any];
+  /**
+   * Callback to invoke on value change.
+   * @param {Event} event - Browser event.
+   */
+  'change': [event: Event];
+  /**
+   * Callback to invoke when the component receives focus.
+   * @param {Event} event - Browser event.
+   */
+  'focus': [event: Event];
+  /**
+   * Callback to invoke when the component loses focus.
+   * @param {Event} event - Browser event.
+   */
+  'blur': [event: Event];
+};
+
+/**
+ * **WangsVue - Checkbox**
+ *
+ * Checkbox is an extension to checkbox element with label and info tooltip.
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ *
+ */
+declare class Checkbox extends ClassComponent<
+  CheckboxProps,
+  CheckboxSlots,
+  CheckboxEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Checkbox: GlobalComponentConstructor<Checkbox>;
+  }
+}
+
+export default Checkbox;

package/components/customcolumn/CustomColumn.vue.d.ts

@@ -0,0 +1,37 @@
+import { TableColumn } from '../datatable/DataTable.vue.d';
+import { ClassComponent } from '../ts-helpers';
+
+export interface CustomColumnLocaleConfig {
+  resetDefaultText: string;
+}
+
+export type DragableColumn = TableColumn & { order?: number };
+
+export interface CustomColumnProps {
+  tableId: string;
+  defaultColumns: TableColumn[];
+  visibleColumns: TableColumn[];
+  /**
+   * The maximum column count allowed
+   * @default infinity
+   */
+  maxColumn?: number;
+  type?: 'menu' | 'flat';
+}
+
+declare class CustomColumn extends ClassComponent<
+  CustomColumnProps,
+  unknown,
+  unknown
+> {
+  /**
+   * Method to show custom column menu.
+   */
+  toggleMenu: () => void;
+  /**
+   * Resets the column visibility to default
+   */
+  resetToDefault: () => void;
+}
+
+export default CustomColumn;