@dskripchenko/ui 1.8.0 → 1.10.0

package/dist/components/Checkbox/UidCheckbox.vue.d.ts

@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     hint: string;
     name: string;
-    id: string;
     indeterminate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/Combobox/UidCombobox.vue.d.ts

@@ -44,5 +44,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     controlRef: HTMLDivElement;
     inputRef: HTMLInputElement;
     listRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/Grid/UidGrid.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<UidGridProps, {}, {
     as: string;
     justify: "start" | "center" | "end" | "stretch";
     gap: string;
-    align: "start" | "center" | "end" | "stretch";
     cols: number | string;
+    align: "start" | "center" | "end" | "stretch";
     rowGap: string;
     colGap: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/Heatmap/UidHeatmapMatrix.vue.d.ts

@@ -0,0 +1,68 @@
+import { HeatmapColorScaleName } from './colorScales.js';
+export interface HeatmapMatrixCell {
+    row: string;
+    col: string;
+    rowIndex: number;
+    colIndex: number;
+    value: number | null;
+}
+export type HeatmapMatrixColLabels = 'auto' | 'horizontal' | 'rotated';
+export interface UidHeatmapMatrixProps {
+    rows: string[];
+    cols: string[];
+    values: ReadonlyArray<ReadonlyArray<number | null | undefined>>;
+    colorScale?: HeatmapColorScaleName | (string & {}) | string[];
+    min?: number;
+    max?: number;
+    formatValue?: (value: number) => string;
+    cellHeight?: number;
+    minCellWidth?: number;
+    gap?: number;
+    colLabels?: HeatmapMatrixColLabels;
+    showLegend?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        tooltip?(props: {
+            cell: HeatmapMatrixCell;
+            formatted: string;
+        }): unknown;
+    }> & {
+        tooltip?(props: {
+            cell: HeatmapMatrixCell;
+            formatted: string;
+        }): unknown;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        rowHeaderRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UidHeatmapMatrixProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UidHeatmapMatrixProps> & Readonly<{}>, {
+    min: number;
+    max: number;
+    formatValue: (value: number) => string;
+    ariaLabel: string;
+    gap: number;
+    showLegend: boolean;
+    colorScale: HeatmapColorScaleName | (string & {}) | string[];
+    cellHeight: number;
+    minCellWidth: number;
+    colLabels: HeatmapMatrixColLabels;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    rowHeaderRef: HTMLDivElement;
+    tooltipRef: 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/components/Heatmap/colorScales.d.ts

@@ -0,0 +1,8 @@
+export type HeatmapColorScaleName = 'default' | 'viridis' | 'magma' | 'plasma' | 'inferno' | 'blues' | 'greens' | 'reds';
+export declare const HEATMAP_DEFAULT_LOW = "color-mix(in srgb, var(--uid-heatmap-matrix-color) 14%, var(--uid-color-bg))";
+export declare const HEATMAP_DEFAULT_HIGH = "var(--uid-heatmap-matrix-color)";
+export declare const heatmapColorScales: Record<HeatmapColorScaleName, readonly string[]>;
+export declare function isHeatmapColorScaleName(value: string): value is HeatmapColorScaleName;
+export declare function resolveHeatmapStops(scale: string | readonly string[] | undefined): string[];
+export declare function heatmapColorAt(stops: readonly string[], t: number): string;
+export declare function heatmapGradient(stops: readonly string[]): string;

package/dist/components/Heatmap/index.d.ts

@@ -1,2 +1,6 @@
 export { default as UidHeatmap } from './UidHeatmap.vue';
 export type { UidHeatmapProps, HeatmapPoint } from './UidHeatmap.vue';
+export { default as UidHeatmapMatrix } from './UidHeatmapMatrix.vue';
+export type { UidHeatmapMatrixProps, HeatmapMatrixCell, HeatmapMatrixColLabels } from './UidHeatmapMatrix.vue';
+export { heatmapColorScales, resolveHeatmapStops, heatmapColorAt } from './colorScales.js';
+export type { HeatmapColorScaleName } from './colorScales.js';

package/dist/components/Input/UidInput.vue.d.ts

@@ -29,7 +29,7 @@ declare function __VLS_template(): {
         append?(): unknown;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
@@ -48,7 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     required: boolean;
     disabled: boolean;
     readonly: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Mention/UidMention.vue.d.ts

@@ -25,10 +25,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     filter: (option: MentionOption, query: string) => boolean;
-    rows: number;
     prefix: string | string[];
+    rows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fieldRef: HTMLTextAreaElement;
     panelRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/NumberInput/UidNumberInput.vue.d.ts

@@ -42,5 +42,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     precision: number;
     controls: boolean;
     centered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -13,5 +13,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     label: string;
     options: number[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     label: string;
     disabled: boolean;
-    name: string;
     id: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+    name: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Slider/UidSlider.vue.d.ts

@@ -39,5 +39,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     marks: UidSliderMarks;
     ariaLabel: string;
     ariaLabelledby: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Switch/UidSwitch.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     hint: string;
     name: string;
-    id: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/TagsInput/UidTagsInput.vue.d.ts

@@ -35,5 +35,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     unique: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/Textarea/UidTextarea.vue.d.ts

@@ -37,17 +37,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     placeholder: string;
     readonly: boolean;
     hint: string;
     name: string;
     rules: RuleInput;
-    id: string;
     rows: number;
     autoGrow: boolean;
     maxRows: number;
     resize: "none" | "vertical" | "horizontal" | "both";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaRef: HTMLTextAreaElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/composables/useControlAttrs.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'vue';
+export interface ControlAttrs {
+    /** `class` and `style` only: bind to the component root with `v-bind="rootAttrs()"`. */
+    rootAttrs: () => Pick<HTMLAttributes, 'class' | 'style'>;
+    /** Every other fallthrough attribute and `onXxx` listener: bind to the native control. */
+    controlAttrs: () => Record<string, unknown>;
+}
+/**
+ * For components with `inheritAttrs: false`. Splits the fallthrough attributes so
+ * that `class`/`style` stay on the root element and everything else (`list`,
+ * `maxlength`, `pattern`, `inputmode`, `name`, `data-*`, `aria-*`, listeners ...)
+ * reaches the native `<input>`/`<textarea>`/`<select>`.
+ *
+ * Call the returned functions from the template so they are re-read on every render.
+ */
+export declare function useControlAttrs(): ControlAttrs;