@robuust-digital/vue-components 2.0.0 → 2.2.0-rc.0

package/dist/components/Modal.vue.d.ts

@@ -0,0 +1,98 @@
+export interface ModalProps {
+    as?: string;
+    id: string;
+    title: string;
+    showClose?: boolean;
+    spinning?: boolean;
+    submitLabel?: string;
+    cancelLabel?: string;
+    panelClass?: string;
+    resetHeader?: boolean;
+    resetFooter?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            title: string;
+        }): any;
+        header?(_: {}): any;
+        title?(_: {
+            id: string;
+            dialogTitle: import('../../node_modules/vue').DefineComponent<{
+                as: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: string;
+                };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
+            }, () => import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
+                [key: string]: any;
+            }> | import('../../node_modules/vue').VNode<import('../../node_modules/vue').RendererNode, import('../../node_modules/vue').RendererElement, {
+                [key: string]: any;
+            }>[] | null, unknown, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, Record<string, any>, string, import('../../node_modules/vue').VNodeProps & import('../../node_modules/vue').AllowedComponentProps & import('../../node_modules/vue').ComponentCustomProps, Readonly<import('../../node_modules/vue').ExtractPropTypes<{
+                as: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: string;
+                };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
+            }>>, {
+                id: string;
+                as: string | Record<string, any>;
+            }, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, true, {}, any>;
+            title: string;
+        }): any;
+        close?(_: {
+            icon: import('../../node_modules/vue').FunctionalComponent<import('../../node_modules/vue').HTMLAttributes & import('../../node_modules/vue').VNodeProps, {}, any, {}>;
+            emitClose: () => void;
+        }): any;
+        default?(_: {
+            ready: boolean;
+        }): any;
+        footer?(_: {
+            loading: boolean;
+        }): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<ModalProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "modal:open": () => any;
+    "modal:opened": () => any;
+    "modal:close": () => any;
+    "modal:save": (event?: Event | undefined) => any;
+    "modal:closed": () => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<ModalProps> & Readonly<{
+    "onModal:open"?: (() => any) | undefined;
+    "onModal:opened"?: (() => any) | undefined;
+    "onModal:close"?: (() => any) | undefined;
+    "onModal:save"?: ((event?: Event | undefined) => any) | undefined;
+    "onModal:closed"?: (() => any) | undefined;
+}>, {
+    as: string;
+    spinning: boolean;
+    showClose: boolean;
+    submitLabel: string;
+    cancelLabel: string;
+    panelClass: string;
+    resetHeader: boolean;
+    resetFooter: boolean;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Pagination.vue.d.ts

@@ -0,0 +1,60 @@
+export interface PaginationLink {
+    url: string | null;
+    label: string;
+    active: boolean;
+}
+export interface PaginationData {
+    total: number;
+    from: number;
+    to: number;
+    links: PaginationLink[];
+    [key: string]: unknown;
+}
+export interface PaginationProps {
+    pagination: PaginationData;
+    perPage?: number;
+    perPageLabel?: string;
+    perPageOptions?: number[];
+    fromLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        perPage?(_: {
+            perPage: number;
+            total: number;
+            from: number;
+            to: number;
+            links: PaginationLink[];
+        }): any;
+        info?(_: {
+            fromLabel: string;
+            total: number;
+            from: number;
+            to: number;
+            links: PaginationLink[];
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "pagination:change": (url: string) => any;
+    "pagination:perPage": (perPage: number) => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onPagination:change"?: ((url: string) => any) | undefined;
+    "onPagination:perPage"?: ((perPage: number) => any) | undefined;
+}>, {
+    perPage: number;
+    perPageLabel: string;
+    perPageOptions: number[];
+    fromLabel: string;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Radio.vue.d.ts

@@ -0,0 +1,34 @@
+export type RadioModelValue = boolean | string | Array<unknown> | object | number | null;
+export interface RadioProps {
+    modelValue?: RadioModelValue;
+    label?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        input?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        input: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<RadioProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: RadioModelValue) => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<RadioProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: RadioModelValue) => any) | undefined;
+}>, {
+    label: string;
+    modelValue: RadioModelValue;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/RichTextEditor.vue.d.ts

@@ -0,0 +1,71 @@
+import { Editor } from '../../node_modules/@tiptap/vue-3';
+import { Extension } from '@tiptap/core';
+export type RichTextConfig = 'default' | 'simple';
+export interface CustomCommand {
+    name: string;
+    icon?: any;
+    title: string;
+    isVisible?: boolean | ((editor: Editor) => boolean);
+    disabled?: boolean | ((editor: Editor) => boolean);
+    isActive?: (editor: Editor) => boolean;
+    action: (editor: Editor) => void;
+}
+export interface RichTextEditorProps {
+    id: string;
+    modelValue?: string;
+    rootClass?: string;
+    config?: RichTextConfig;
+    customExtensions?: Extension[];
+    customCommands?: CustomCommand[];
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        toolbar?(_: {
+            commands: ({
+                name: string;
+                icon: import('../../node_modules/vue').FunctionalComponent<import('../../node_modules/vue').HTMLAttributes & import('../../node_modules/vue').VNodeProps, {}, any, {}>;
+                title: string;
+                isVisible: boolean;
+                isActive: () => boolean;
+                action: () => boolean | undefined;
+                disabled?: undefined;
+            } | {
+                isVisible: boolean | ((editor: Editor) => boolean);
+                disabled: boolean;
+                isActive: () => boolean;
+                action: () => void | undefined;
+                name: string;
+                icon?: any;
+                title: string;
+            })[];
+            tiptap: Editor;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<RichTextEditorProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    "tiptap:onCreate": (editor: any) => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<RichTextEditorProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onTiptap:onCreate"?: ((editor: any) => any) | undefined;
+}>, {
+    modelValue: string;
+    rootClass: string;
+    disabled: boolean;
+    config: RichTextConfig;
+    customExtensions: Extension[];
+    customCommands: CustomCommand[];
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Tabs.vue.d.ts

@@ -0,0 +1,26 @@
+export type TabStyle = 'buttons' | 'default';
+export interface TabItem {
+    name: string;
+    active?: boolean;
+    as?: string;
+    bindAs?: string;
+    selectEvent?: () => void;
+    [key: string]: unknown;
+}
+export interface TabsProps {
+    modelValue?: number;
+    tabs: TabItem[];
+    tabStyle?: TabStyle;
+}
+declare const _default: import('../../node_modules/vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+    "tabs:change": (tab: TabItem) => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<TabsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onTabs:change"?: ((tab: TabItem) => any) | undefined;
+}>, {
+    modelValue: number;
+    tabs: TabItem[];
+    tabStyle: TabStyle;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Toast.vue.d.ts

@@ -0,0 +1,46 @@
+import { Icon } from '../types/shared';
+export type ToastPosition = 'top' | 'bottom';
+export type ToastType = 'success' | 'warning' | 'danger' | 'info';
+export interface ToastProps {
+    show?: boolean;
+    as?: string;
+    title?: string;
+    icon?: Icon;
+    timeout?: number | boolean;
+    position?: ToastPosition;
+    type?: ToastType;
+    showClose?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<ToastProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {} & {
+    "toast:close": () => any;
+}, string, import('../../node_modules/vue').PublicProps, Readonly<ToastProps> & Readonly<{
+    "onToast:close"?: (() => any) | undefined;
+}>, {
+    title: string;
+    as: string;
+    icon: Icon;
+    type: ToastType;
+    showClose: boolean;
+    show: boolean;
+    position: ToastPosition;
+    timeout: number | boolean;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Tooltip.vue.d.ts

@@ -0,0 +1,45 @@
+import { AlignedPlacement, Side } from '../../node_modules/@floating-ui/vue';
+export type TooltipPlacement = AlignedPlacement | Side;
+export type TooltipSize = 'sm' | 'base';
+export interface TooltipProps {
+    content: string;
+    blur?: boolean;
+    maxWidth?: number | null;
+    tooltipClass?: string;
+    placement?: TooltipPlacement;
+    size?: TooltipSize;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {
+            content: string;
+        }): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+        arrowRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../node_modules/vue').DefineComponent<TooltipProps, {}, {}, {}, {}, import('../../node_modules/vue').ComponentOptionsMixin, import('../../node_modules/vue').ComponentOptionsMixin, {}, string, import('../../node_modules/vue').PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+    blur: boolean;
+    size: TooltipSize;
+    maxWidth: number | null;
+    tooltipClass: string;
+    placement: TooltipPlacement;
+}, {}, {}, {}, string, import('../../node_modules/vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    tooltipRef: HTMLDivElement;
+    arrowRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/composables/useDialogContext.d.ts

@@ -0,0 +1,18 @@
+import { Ref, ComputedRef } from '../../node_modules/vue';
+interface DialogProps {
+    as: string;
+    id: string;
+}
+interface DialogContext {
+    contentRef: Ref<HTMLElement | null>;
+    ready: Ref<boolean>;
+    isForm: ComputedRef<boolean>;
+    titleId: ComputedRef<string>;
+    descriptionId: ComputedRef<string>;
+    initialFocusElement: ComputedRef<HTMLElement | null>;
+}
+/**
+ * Dialog context composable
+ */
+export default function useDialogContext(props: DialogProps): DialogContext;
+export {};

package/dist/composables/useForm.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef } from '../../node_modules/vue';
+interface UseFormReturn {
+    hasModelBinding: ComputedRef<boolean>;
+}
+declare const _default: () => UseFormReturn;
+export default _default;

package/dist/core/button.css

@@ -214,15 +214,7 @@
     }
 
     .rvc-button-label {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      margin: -1px;
-      padding: 0;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      border-width: 0;
-      white-space: nowrap;
+      @apply rvc-sr-only;
     }
 
     .rvc-button-icon.rvc-button-icon-loading {

package/dist/core/checkbox.css

@@ -25,7 +25,11 @@
     cursor: pointer;
     gap: var(--rvc-checkbox-gap);
 
-    label {
+    &:has(*:disabled) {
+      cursor: default;
+    }
+
+    .rvc-checkbox-label {
       display: block;
       color: var(--rvc-checkbox-color);
       font-size: var(--rvc-checkbox-font-size);
@@ -53,14 +57,7 @@
     }
 
     input {
-      position: absolute;
-      opacity: 0;
-      inset: 0;
-      cursor: pointer;
-
-      &:disabled {
-        cursor: default;
-      }
+      display: none;
     }
 
     input:checked + .rvc-checkbox-input {