@fewangsit/wangsvue-fats 1.0.0-alpha.33 → 1.0.0-alpha.35

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;