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

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -5,138 +5,138 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 type ConfirmDialogSeverity = 'success' | 'danger';
 
 export interface DialogConfirmLocaleConfig {
-  actionableCloseButtonLabel?: string;
-  nonActionableCloseButtonLabel?: string;
-  /**
-   * @example Are you sure?
-   */
-  defaultConfirmMessage?: string;
+    actionableCloseButtonLabel?: string;
+    nonActionableCloseButtonLabel?: string;
+    /**
+     * @example Are you sure?
+     */
+    defaultConfirmMessage?: string;
 
-  /**
-   * @example Yakin
-   */
-  defaultConfirmLabel?: string;
+    /**
+     * @example Yakin
+     */
+    defaultConfirmLabel?: string;
 }
 
 /**
  * Props for DialogConfirm component
  */
 export interface DialogConfirmProps {
-  /**
-   * The header of the dialog.
-   */
-  header: string;
-  /**
-   * The severity of the dialog.
-   * The severity will determine the dialog icons and color scheme.
-   */
-  severity: ConfirmDialogSeverity;
-  /**
-   * The severity of the confirm button.
-   * The severity will determine the confirm button color scheme in case button severity is different from header/dialog severity.
-   *
-   * @default undefined - to fallback to props.severity
-   */
-  confirmButtonSeverity?: ConfirmDialogSeverity | 'primary';
-  /**
-   * The boolean modelValue to show dialog.
-   */
-  visible: boolean;
+    /**
+     * The header of the dialog.
+     */
+    header: string;
+    /**
+     * The severity of the dialog.
+     * The severity will determine the dialog icons and color scheme.
+     */
+    severity: ConfirmDialogSeverity;
+    /**
+     * The severity of the confirm button.
+     * The severity will determine the confirm button color scheme in case button severity is different from header/dialog severity.
+     *
+     * @default undefined - to fallback to props.severity
+     */
+    confirmButtonSeverity?: ConfirmDialogSeverity | 'primary';
+    /**
+     * The boolean modelValue to show dialog.
+     */
+    visible: boolean;
 
-  /**
-   * Determines if the dialog should close after confirm.
-   * @default true
-   */
-  closeAfterConfirm?: boolean;
-  /**
-   * The label of the close/cancel button.
-   */
-  closeLabel?: string;
-  /**
-   * To hide/show the confirm button.
-   *
-   * Set to 'false' Make the confirm dialog cannot be confirmed.
-   *
-   * @default true;
-   */
-  actionable?: boolean;
-  /**
-   * The label of the confirm button.
-   */
-  confirmLabel?: string;
-  /**
-   * Props to disable confirm button.
-   */
-  disableConfirmButton?: boolean;
-  /**
-   * Custom header icon. Default is 'error' icon for danger severity, and 'checkbox-circle' for success severity.
-   */
-  headerIcon?: WangsIcons;
-  /**
-   * The lists to be displayed in the dialog.
-   */
-  list?: (string | object)[] | Set<string | object>;
-  /**
-   * The label of the list if your list item is an object.
-   * Choose a property from the item to be displayed on the list.
-   */
-  listLabel?: string;
-  /**
-   * The confirmation message.
-   */
-  message?: string;
-  /**
-   * Whether show icon header or not.
-   * @default true;
-   */
-  showIcon?: boolean;
-  /**
-   * Whether show close button or not (footer button that has label, not close button with icon 'X').
-   * @default true;
-   */
-  showCloseButton?: boolean;
+    /**
+     * Determines if the dialog should close after confirm.
+     * @default true
+     */
+    closeAfterConfirm?: boolean;
+    /**
+     * The label of the close/cancel button.
+     */
+    closeLabel?: string;
+    /**
+     * To hide/show the confirm button.
+     *
+     * Set to 'false' Make the confirm dialog cannot be confirmed.
+     *
+     * @default true;
+     */
+    actionable?: boolean;
+    /**
+     * The label of the confirm button.
+     */
+    confirmLabel?: string;
+    /**
+     * Props to disable confirm button.
+     */
+    disableConfirmButton?: boolean;
+    /**
+     * Custom header icon. Default is 'error' icon for danger severity, and 'checkbox-circle' for success severity.
+     */
+    headerIcon?: WangsIcons;
+    /**
+     * The lists to be displayed in the dialog.
+     */
+    list?: (string | object)[] | Set<string | object>;
+    /**
+     * The label of the list if your list item is an object.
+     * Choose a property from the item to be displayed on the list.
+     */
+    listLabel?: string;
+    /**
+     * The confirmation message.
+     */
+    message?: string;
+    /**
+     * Whether show icon header or not.
+     * @default true;
+     */
+    showIcon?: boolean;
+    /**
+     * Whether show close button or not (footer button that has label, not close button with icon 'X').
+     * @default true;
+     */
+    showCloseButton?: boolean;
 
-  /**
-   * Set class for content element.
-   */
-  contentClass?: any;
+    /**
+     * Set class for content element.
+     */
+    contentClass?: any;
 }
 
 /**
  * Slots for DialogConfirm component
  */
 export interface DialogConfirmSlots {
-  /**
-   * The body slot for the dialog. Here is where you can put your dialog body.
-   */
-  body?: Slot | string;
-  /**
-   * The footer slot for the dialog. Here is where you can put your dialog footer.
-   * Use this slot if you need to custom the dialog buttons.
-   */
-  footer?: Slot | string;
+    /**
+     * The body slot for the dialog. Here is where you can put your dialog body.
+     */
+    body?: Slot | string;
+    /**
+     * The footer slot for the dialog. Here is where you can put your dialog footer.
+     * Use this slot if you need to custom the dialog buttons.
+     */
+    footer?: Slot | string;
 }
 
 /**
  * Emits for DialogConfirm component
  */
 export type DialogConfirmEmits = {
-  /**
-   * Emits when close button clicked.
-   */
-  'close': [];
-  /**
-   * Emits when Confirm button clicked.
-   */
-  'confirm': [];
-  /**
-   * Emits when dialog closed.
-   */
-  'hide': [];
-  /**
-   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
-   */
-  'update:visible': [state: boolean];
+    /**
+     * Emits when close button clicked.
+     */
+    'close': [];
+    /**
+     * Emits when Confirm button clicked.
+     */
+    'confirm': [];
+    /**
+     * Emits when dialog closed.
+     */
+    'hide': [];
+    /**
+     * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+     */
+    'update:visible': [state: boolean];
 };
 
 /**
@@ -150,15 +150,15 @@ export type DialogConfirmEmits = {
  * @group components
  */
 declare class DialogConfirm extends ClassComponent<
-  DialogConfirmProps,
-  DialogConfirmSlots,
-  DialogConfirmEmits
+    DialogConfirmProps,
+    DialogConfirmSlots,
+    DialogConfirmEmits
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    DialogConfirm: GlobalComponentConstructor<DialogConfirm>;
-  }
+    interface GlobalComponents {
+        DialogConfirm: GlobalComponentConstructor<DialogConfirm>;
+    }
 }
 
 export default DialogConfirm;