@lovince/ui-vue 0.1.0 → 0.2.0

package/dist/components/display/image.d.ts

@@ -0,0 +1,95 @@
+export declare const LvImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        default: string;
+        type: import('vue').PropType<string | import('vue').Component>;
+    };
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    alt: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zoomLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    width: string | number;
+    height: string | number;
+    src: string;
+    lazy: boolean;
+    zoomable: boolean;
+    zoomLabel: string;
+    closeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/display/meter.d.ts

@@ -0,0 +1,165 @@
+import { PropType } from 'vue';
+export declare const LvMeter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    low: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    high: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    optimum: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    valueText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    low: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    high: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    optimum: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    valueText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+    min: number;
+    max: number;
+    optimum: number;
+    low: number;
+    high: number;
+    valueText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvCircularProgress: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getValueLabel: {
+        type: PropType<(value: number, max: number) => string>;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    getValueLabel: {
+        type: PropType<(value: number, max: number) => string>;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    label: string;
+    value: number | null;
+    max: number;
+    getValueLabel: (value: number, max: number) => string;
+    thickness: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/{progress.d.ts → display/progress.d.ts}

@@ -1,8 +1,7 @@
 import { PropType } from 'vue';
 import { ProgressState } from '@lovince/ui-headless';
 export type { ProgressState };
-/** `value` null (or left out) means the amount is unknown: the bar is indeterminate. */
-export declare const ProgressRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvProgressRoot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: PropType<number | null>;
         default: null;
@@ -11,7 +10,6 @@ export declare const ProgressRoot: import('vue').DefineComponent<import('vue').E
         type: NumberConstructor;
         default: number;
     };
-    /** Reads the value aloud: `(value, max) => '3 of 5 documents'`. Defaults to a percentage. */
     getValueLabel: {
         type: PropType<(value: number, max: number) => string>;
         default: undefined;
@@ -35,7 +33,6 @@ export declare const ProgressRoot: import('vue').DefineComponent<import('vue').E
         type: NumberConstructor;
         default: number;
     };
-    /** Reads the value aloud: `(value, max) => '3 of 5 documents'`. Defaults to a percentage. */
     getValueLabel: {
         type: PropType<(value: number, max: number) => string>;
         default: undefined;
@@ -55,8 +52,7 @@ export declare const ProgressRoot: import('vue').DefineComponent<import('vue').E
     max: number;
     getValueLabel: (value: number, max: number) => string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-/** The filled part. `--lovince-progress` carries the percentage for CSS to use. */
-export declare const ProgressIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const LvProgressIndicator: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     readonly as: {
         readonly type: PropType<string | import('vue').Component>;
         readonly default: "div";

package/dist/components/display/stat.d.ts

@@ -0,0 +1,102 @@
+import { PropType } from 'vue';
+import { DeltaFormat } from '@lovince/ui-headless';
+export declare const LvStat: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    deltaFormat: {
+        type: PropType<DeltaFormat>;
+        default: () => {};
+    };
+    higherIsBetter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    period: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    delta: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    deltaFormat: {
+        type: PropType<DeltaFormat>;
+        default: () => {};
+    };
+    higherIsBetter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    period: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    as: string | import('vue').Component;
+    asChild: boolean;
+    delta: number;
+    deltaFormat: DeltaFormat;
+    higherIsBetter: boolean;
+    period: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LvStatGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    readonly asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly as: string | import('vue').Component;
+    readonly asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/display/table.d.ts

@@ -0,0 +1,130 @@
+import { PropType, VNode } from 'vue';
+import { RowKey, TableColumn, TableSort } from '@lovince/ui-headless';
+type Row = Readonly<Record<string, unknown>>;
+export declare const LvDataTable: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rows: {
+        type: PropType<readonly Row[]>;
+        required: true;
+    };
+    columns: {
+        type: PropType<readonly TableColumn[]>;
+        required: true;
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    caption: {
+        type: StringConstructor;
+        required: true;
+    };
+    hidden: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    sort: {
+        type: PropType<TableSort | null>;
+        default: undefined;
+    };
+    sortMode: {
+        type: PropType<"client" | "server">;
+        default: string;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: PropType<RowKey[]>;
+        default: undefined;
+    };
+    selectAllLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    getRowLabel: {
+        type: PropType<(row: Row) => string>;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:sort': (sort: TableSort | null) => boolean;
+    'update:selected': (keys: RowKey[]) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rows: {
+        type: PropType<readonly Row[]>;
+        required: true;
+    };
+    columns: {
+        type: PropType<readonly TableColumn[]>;
+        required: true;
+    };
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    caption: {
+        type: StringConstructor;
+        required: true;
+    };
+    hidden: {
+        type: PropType<readonly string[]>;
+        default: () => never[];
+    };
+    sort: {
+        type: PropType<TableSort | null>;
+        default: undefined;
+    };
+    sortMode: {
+        type: PropType<"client" | "server">;
+        default: string;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: PropType<RowKey[]>;
+        default: undefined;
+    };
+    selectAllLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    getRowLabel: {
+        type: PropType<(row: Row) => string>;
+        default: undefined;
+    };
+    as: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly default: "div";
+    };
+    asChild: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    "onUpdate:sort"?: ((sort: TableSort | null) => any) | undefined;
+    "onUpdate:selected"?: ((keys: RowKey[]) => any) | undefined;
+}>, {
+    sort: TableSort | null;
+    as: string | import('vue').Component;
+    asChild: boolean;
+    hidden: readonly string[];
+    selected: RowKey[];
+    rowKey: string;
+    sortMode: "client" | "server";
+    selectable: boolean;
+    selectAllLabel: string;
+    getRowLabel: (row: Row) => string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};