@salesql/sql_components_vue3 1.0.0 → 2.1.0

package/dist/ui/DsDataCard/DsDataCard.vue.d.ts

@@ -1,6 +1,12 @@
 import { type PropType } from 'vue';
 import type { DsContactDatum } from './DsDataCard.types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_17: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_17) => any;
+} & {
+    locked?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         required: true;
@@ -9,6 +15,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    locked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mostLikely: {
         type: PropType<DsContactDatum | null>;
         default: null;
@@ -49,6 +67,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    emptySubtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lockedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     mostLikelyLabel: {
         type: StringConstructor;
         default: string;
@@ -85,6 +111,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    locked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     mostLikely: {
         type: PropType<DsContactDatum | null>;
         default: null;
@@ -125,6 +163,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    emptySubtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    lockedLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     mostLikelyLabel: {
         type: StringConstructor;
         default: string;
@@ -153,12 +199,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onIncorrect?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {
+    loading: boolean;
     closeLabel: string;
+    loadingLabel: string;
     toggleLabel: string;
     icon: string;
     showClose: boolean;
     isContactData: boolean;
     showRate: boolean;
+    locked: boolean;
     mostLikely: DsContactDatum | null;
     more: DsContactDatum[];
     collapsible: boolean;
@@ -166,8 +215,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showEdit: boolean;
     editLabel: string;
     emptyLabel: string;
+    emptySubtitle: string;
+    lockedLabel: string;
     mostLikelyLabel: string;
     moreLabel: string;
     sortLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/DsEmptyState/DsEmptyState.types.d.ts

@@ -0,0 +1,12 @@
+export interface DsEmptyStateProps {
+    /** Illustration URL rendered above the title. Decorative — always renders with alt="". */
+    image?: string;
+    /** Empty-state heading. Rendered as a styled `<p>`, never an `<h1>` — a reusable
+     * component must not hardcode a heading level, or it would corrupt the consuming
+     * page's heading outline. */
+    title?: string;
+    /** Supporting copy under the title. Supports embedded line breaks (`white-space: pre-line`). */
+    subtitle?: string;
+    /** Rounds the panel corners (DS `radius-card-lg`) instead of the default square edge. */
+    roundedBorder?: boolean;
+}

package/dist/ui/DsEmptyState/DsEmptyState.vue.d.ts

@@ -0,0 +1,53 @@
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'table-header'?: (props: typeof __VLS_1) => any;
+} & {
+    button?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    image: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    roundedBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    image: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    roundedBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    image: string;
+    subtitle: string;
+    roundedBorder: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/DsEmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsEmptyState } from './DsEmptyState.vue';
+export * from './DsEmptyState.types';

package/dist/ui/DsInput/DsInput.vue.d.ts

@@ -40,12 +40,29 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
     modelValue: {
         type: PropType<string>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    focus: () => void | undefined;
+    focusAtEnd: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     focus: (...args: any[]) => void;
     blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    "field-blur": (...args: any[]) => void;
     "update:modelValue": (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -83,25 +100,42 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
     modelValue: {
         type: PropType<string>;
     };
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onField-blur"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: DsInputSize;
     type: DsInputType;
+    step: string | number;
     disabled: boolean;
     error: boolean;
+    name: string;
     id: string;
     placeholder: string;
     errorMessage: string;
     showErrorIcon: boolean;
-    name: string;
     autocomplete: string;
     toggleLabel: string;
+    min: string | number;
+    max: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/ui/DsItemSelectorButton/DsItemSelectorButton.types.d.ts

@@ -0,0 +1,20 @@
+export interface DsSelectorItem {
+    name: string;
+    /** Icon color (e.g. a folder/tag color). */
+    color?: string;
+}
+export interface DsItemSelectorButtonProps {
+    /** Selected item, or null/undefined for the empty state. */
+    item?: DsSelectorItem | null;
+    /** Material Icons ligature name (e.g. `folder`). */
+    icon?: string;
+    /** Label shown when no item is selected (app owns the wording). */
+    emptyTitle?: string;
+    /**
+     * Accessible name for the button. Required when the empty state has no
+     * `emptyTitle` (an icon-only/blank pill would otherwise be an unnamed button);
+     * when `item.name` or `emptyTitle` is shown, that visible text already names it.
+     */
+    ariaLabel?: string;
+    disabled?: boolean;
+}

package/dist/ui/DsItemSelectorButton/DsItemSelectorButton.vue.d.ts

@@ -0,0 +1,50 @@
+import { type PropType } from 'vue';
+import type { DsSelectorItem } from './DsItemSelectorButton.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<DsSelectorItem | null>;
+        default: null;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<DsSelectorItem | null>;
+        default: null;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    disabled: boolean;
+    icon: string;
+    item: DsSelectorItem | null;
+    emptyTitle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ui/DsItemSelectorButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsItemSelectorButton } from './DsItemSelectorButton.vue';
+export * from './DsItemSelectorButton.types';

package/dist/ui/DsMenuItem/DsMenuItem.types.d.ts

@@ -0,0 +1,6 @@
+export interface DsMenuItemProps {
+    icon: string;
+    text?: string;
+    active?: boolean;
+    collapsed?: boolean;
+}

package/dist/ui/DsMenuItem/DsMenuItem.vue.d.ts

@@ -0,0 +1,42 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: BooleanConstructor;
+    collapsed: BooleanConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: BooleanConstructor;
+    collapsed: BooleanConstructor;
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+}>, {
+    text: string;
+    collapsed: boolean;
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ui/DsMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DsMenuItem } from './DsMenuItem.vue';
+export * from './DsMenuItem.types';

package/dist/ui/DsModal/DsModal.types.d.ts

@@ -3,6 +3,16 @@ export interface DsModalProps {
     title?: string;
     showClose?: boolean;
     width?: string;
+    /** Explicit dialog height (any CSS length). Unset = content height. */
+    height?: string;
+    /** Top offset of the dialog inside the fixed backdrop (portal mode). */
+    top?: string;
+    /** Center the body text. */
+    center?: boolean;
+    /** false = render in-flow (no backdrop / portal / scroll-lock) for specimen cards. */
+    fixed?: boolean;
     closeOnBackdrop?: boolean;
+    /** Whether pressing Escape emits close (portal mode). Default true. */
+    closeOnEscape?: boolean;
     closeLabel?: string;
 }

package/dist/ui/DsModal/DsModal.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_13: {}, __VLS_15: {};
+declare var __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    footer?: (props: typeof __VLS_15) => any;
+    footer?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     open: BooleanConstructor;
@@ -18,10 +18,27 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closeOnBackdrop: {
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closeLabel: {
         type: StringConstructor;
         default: string;
@@ -42,10 +59,27 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    center: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closeOnBackdrop: {
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     closeLabel: {
         type: StringConstructor;
         default: string;
@@ -55,10 +89,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     title: string;
     width: string;
+    height: string;
     closeLabel: string;
+    center: boolean;
+    top: string;
+    fixed: boolean;
     showClose: boolean;
     open: boolean;
     closeOnBackdrop: boolean;
+    closeOnEscape: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/ui/DsNotification/DsNotification.types.d.ts

@@ -1,4 +1,5 @@
 export declare const DS_NOTIFICATION_TYPES: {
+    readonly SUCCESS: "success";
     readonly INFO: "info";
     readonly WARNING: "warning";
     readonly ERROR: "error";
@@ -12,3 +13,10 @@ export declare const DS_NOTIFICATION_POSITIONS: {
 };
 export type DsNotificationPosition = (typeof DS_NOTIFICATION_POSITIONS)[keyof typeof DS_NOTIFICATION_POSITIONS];
 export declare const DS_NOTIFICATION_ICONS: Record<DsNotificationType, string>;
+export declare const DS_NOTIFICATION_LINK_TARGETS: {
+    readonly BLANK: "_blank";
+    readonly SELF: "_self";
+    readonly PARENT: "_parent";
+    readonly TOP: "_top";
+};
+export type DsNotificationLinkTarget = (typeof DS_NOTIFICATION_LINK_TARGETS)[keyof typeof DS_NOTIFICATION_LINK_TARGETS];

package/dist/ui/DsNotification/DsNotification.vue.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type DsNotificationType, type DsNotificationPosition } from './DsNotification.types';
+import { type DsNotificationType, type DsNotificationPosition, type DsNotificationLinkTarget } from './DsNotification.types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<DsNotificationType>;
@@ -25,6 +25,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    linkTarget: {
+        type: PropType<DsNotificationLinkTarget>;
+        default: "_blank";
+    };
     showClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,8 +37,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
+    navigate: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<DsNotificationType>;
@@ -60,6 +69,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    linkTarget: {
+        type: PropType<DsNotificationLinkTarget>;
+        default: "_blank";
+    };
     showClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -68,16 +81,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
+    onNavigate?: ((...args: any[]) => any) | undefined;
 }>, {
     type: DsNotificationType;
     link: string;
     title: string;
     closeLabel: string;
-    description: string;
     position: DsNotificationPosition;
+    description: string;
+    duration: number;
     linkTitle: string;
+    linkTarget: DsNotificationLinkTarget;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/ui/DsPaginator/DsPaginator.types.d.ts

@@ -0,0 +1,12 @@
+export interface DsPaginatorProps {
+    total: number;
+    pageSize?: number;
+    currentPage?: number;
+    pageSizes?: number[];
+    limitMessage?: string;
+    pageSizeSuffix?: string;
+    prevLabel?: string;
+    nextLabel?: string;
+    paginationLabel?: string;
+    pageSizeLabel?: string;
+}

package/dist/ui/DsPaginator/DsPaginator.vue.d.ts

@@ -0,0 +1,101 @@
+import { type PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    limitMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizeSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    paginationLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "page-change": (...args: any[]) => void;
+    "page-size-change": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    total: {
+        type: NumberConstructor;
+        required: true;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    limitMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizeSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    prevLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    paginationLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
+    "onPage-size-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    pageSize: number;
+    currentPage: number;
+    pageSizes: number[];
+    limitMessage: string;
+    pageSizeSuffix: string;
+    prevLabel: string;
+    nextLabel: string;
+    paginationLabel: string;
+    pageSizeLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;