@milaboratories/uikit 1.2.3

package/dist/src/index.d.ts

@@ -0,0 +1,278 @@
+import './assets/ui.scss';
+import GridTable from './components/GridTable/index.vue';
+import * as DataTable from './components/DataTable';
+import type { Settings as GridTableSettings } from './components/GridTable/types';
+import type * as GridTableTypes from './components/GridTable/types';
+import ThemeSwitcher from './components/ThemeSwitcher.vue';
+/**
+ * Layout components
+ */
+export * from './layout/PlBlockPage';
+export * from './layout/PlContainer';
+export * from './layout/PlRow';
+export * from './layout/PlSpacer';
+export * from './layout/PlGrid';
+/**
+ * Components
+ */
+export * from './components/PlAlert';
+export * from './components/PlBtnPrimary';
+export * from './components/PlBtnAccent';
+export * from './components/PlBtnSecondary';
+export * from './components/PlBtnGhost';
+export * from './components/PlBtnLink';
+export * from './components/PlBtnGroup';
+export * from './components/PlTextField';
+export * from './components/PlTextArea';
+export * from './components/PlDropdown';
+export * from './components/PlDropdownLine';
+export * from './components/PlTooltip';
+export * from './components/PlProgressBar';
+export * from './components/PlNumberField';
+export * from './components/PlDropdownMulti';
+export * from './components/PlCheckbox';
+export * from './components/PlCheckboxGroup';
+export * from './components/PlChip';
+export * from './components/PlDialogModal';
+export * from './components/PlSlideModal';
+export * from './components/PlToggleSwitch';
+export * from './components/PlFileDialog';
+export * from './components/PlFileInput';
+import DropdownListItem from './components/DropdownListItem.vue';
+import MaskIcon16 from './components/MaskIcon16.vue';
+import MaskIcon24 from './components/MaskIcon24.vue';
+import ContextProvider from './components/ContextProvider.vue';
+import Slider from './components/Slider.vue';
+import { showContextMenu } from './components/contextMenu/index.ts';
+/**
+ * Usables
+ */
+export { useElementPosition as usePosition } from './composition/usePosition';
+export { useClickOutside } from './composition/useClickOutside';
+export { useEventListener } from './composition/useEventListener';
+export { useScroll } from './composition/useScroll';
+export { useResizeObserver } from './composition/useResizeObserver';
+export { useTheme } from './composition/useTheme';
+export { useLocalStorage } from './composition/useLocalStorage';
+export { useMouseCapture } from './composition/useMouseCapture';
+export { useHover } from './composition/useHover';
+export { useMouse } from './composition/useMouse';
+export { useSortable } from './composition/useSortable';
+export { useInterval } from './composition/useInterval';
+export { useFormState } from './composition/useFormState';
+export { useQuery } from './composition/useQuery.ts';
+export { useDraggable } from './composition/useDraggable';
+import LongText from './components/LongText.vue';
+import SliderRangeTriple from './components/SliderRangeTriple.vue';
+import SliderRange from './components/SliderRange.vue';
+import Scrollable from './components/Scrollable.vue';
+export type * from './types';
+export { maskIcons16, maskIcons24 } from './types';
+export * from './helpers/dom';
+export * from './helpers/utils';
+/**
+ * @TODO review
+ */
+export { ThemeSwitcher, DropdownListItem, MaskIcon16, MaskIcon24, GridTable, DataTable, ContextProvider, Slider };
+export { showContextMenu };
+export type { GridTableSettings, GridTableTypes };
+export { LongText, SliderRangeTriple, SliderRange, Scrollable };
+declare const DemoData: {
+    allCssVariables: Record<string, {
+        title: string;
+        data: Record<string, {
+            light: [boolean, boolean];
+            value: [string, string];
+            description: string;
+        }>;
+    }>;
+    icons16: {
+        add: string;
+        "arrow-down": string;
+        "arrow-left": string;
+        "arrow-right": string;
+        "arrow-up": string;
+        "cell-type-num": string;
+        "cell-type-txt": string;
+        checkmark: string;
+        "chevron-down": string;
+        "chevron-first": string;
+        "chevron-last": string;
+        "chevron-left": string;
+        "chevron-right": string;
+        "chevron-up": string;
+        clear: string;
+        "clipboard-copied": string;
+        clipboard: string;
+        close: string;
+        comp: string;
+        compare: string;
+        copy: string;
+        "data-dimentions": string;
+        delete: string;
+        "drag-dots": string;
+        edit: string;
+        error: string;
+        export: string;
+        "filter-2": string;
+        filter: string;
+        help: string;
+        import: string;
+        info: string;
+        "link-arrow": string;
+        link: string;
+        loading: string;
+        lock: string;
+        maximize: string;
+        minimize: string;
+        minus: string;
+        "more-horizontal": string;
+        open: string;
+        pause: string;
+        play: string;
+        required: string;
+        restart: string;
+        sort: string;
+        sorter: string;
+        stop: string;
+        success: string;
+        warning: string;
+        "x-axis": string;
+        "y-axis": string;
+        zip: string;
+    };
+    icons24: {
+        "add-layer": string;
+        add: string;
+        annotate: string;
+        annotation: string;
+        area: string;
+        "arrow-down": string;
+        "arrow-left": string;
+        "arrow-right": string;
+        "arrow-up": string;
+        axes: string;
+        "bar-error": string;
+        "bar-trend": string;
+        bar: string;
+        bindot: string;
+        "box-dot": string;
+        "boxplot-1": string;
+        "boxplot-binned": string;
+        "boxplot-jitter": string;
+        "boxplot-notched": string;
+        boxplot: string;
+        bubble: string;
+        canvas: string;
+        checkbox: string;
+        checkmark: string;
+        "chevron-down": string;
+        "chevron-left": string;
+        "chevron-right": string;
+        "chevron-sort": string;
+        "chevron-up": string;
+        "clipboard-copied": string;
+        clipboard: string;
+        close: string;
+        "cloud-down": string;
+        "cloud-offline": string;
+        "cloud-online": string;
+        "cloud-up": string;
+        "code-2": string;
+        code: string;
+        color: string;
+        columns: string;
+        "connected-points": string;
+        copy: string;
+        cpu: string;
+        "cross-bars": string;
+        "dark-mode": string;
+        delete: string;
+        "dendrogram-X-1": string;
+        "dendrogram-X": string;
+        "dendrogram-Y-1": string;
+        "dendrogram-Y": string;
+        dna: string;
+        "download-files": string;
+        duplicate: string;
+        edit: string;
+        "error-bar": string;
+        error: string;
+        "expand-left": string;
+        "expand-right": string;
+        "export-2": string;
+        export: string;
+        "external-link": string;
+        "fill-color": string;
+        "filter-on": string;
+        filter: string;
+        "filters-gate": string;
+        "fire-tips": string;
+        "folder-parent": string;
+        "frame-type": string;
+        generate: string;
+        graph: string;
+        heatmap: string;
+        help: string;
+        hide: string;
+        "import-2": string;
+        "import-download": string;
+        "info-circle-outline": string;
+        jitter: string;
+        layers: string;
+        learn: string;
+        legend: string;
+        "light-mode": string;
+        "line-binned": string;
+        "line-error": string;
+        "line-jitter": string;
+        line: string;
+        linetype: string;
+        link: string;
+        loading: string;
+        local: string;
+        logout: string;
+        menu: string;
+        minus: string;
+        "more-horizontal": string;
+        "outlier-shape": string;
+        "paper-clip": string;
+        pin: string;
+        position: string;
+        "progress-2": string;
+        progress: string;
+        publications: string;
+        "radio-btn": string;
+        restart: string;
+        reverse: string;
+        rotation: string;
+        save: string;
+        search: string;
+        "server-2": string;
+        "settings-2": string;
+        show: string;
+        sina: string;
+        skatterplot: string;
+        "social-media": string;
+        sort: string;
+        "stacked-bar": string;
+        statistics: string;
+        "strip-plot": string;
+        "stroke-non": string;
+        stroke: string;
+        success: string;
+        "table-upload": string;
+        table: string;
+        template: string;
+        "title-position": string;
+        "upload-files": string;
+        venn: string;
+        "violin-binned": string;
+        "violin-jitter": string;
+        violin: string;
+        warning: string;
+        wetlab: string;
+        "zoom-in": string;
+    };
+};
+export { DemoData };

package/dist/src/layout/PlBlockPage/PlBlockPage.vue.d.ts

@@ -0,0 +1,13 @@
+import './pl-block-page.scss';
+/** Root block page component */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    title?(_: {}): any;
+    append?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layout/PlBlockPage/index.d.ts

@@ -0,0 +1 @@
+export { default as PlBlockPage } from './PlBlockPage.vue';

package/dist/src/layout/PlContainer/PlContainer.vue.d.ts

@@ -0,0 +1,15 @@
+import './pl-container.scss';
+/** Container with vertical spacing */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    width?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    width?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layout/PlContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as PlContainer } from './PlContainer.vue';

package/dist/src/layout/PlGrid/PlGrid.vue.d.ts

@@ -0,0 +1,15 @@
+import './pl-grid.scss';
+/** Grid container */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    columns: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    columns: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layout/PlGrid/index.d.ts

@@ -0,0 +1 @@
+export { default as PlGrid } from './PlGrid.vue';

package/dist/src/layout/PlRow/PlRow.vue.d.ts

@@ -0,0 +1,17 @@
+import './pl-row.scss';
+/** Horizontal Flex flow container */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    wrap?: boolean;
+    alignCenter?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    wrap?: boolean;
+    alignCenter?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/layout/PlRow/index.d.ts

@@ -0,0 +1 @@
+export { default as PlRow } from './PlRow.vue';

package/dist/src/layout/PlSpacer/PlSpacer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/layout/PlSpacer/index.d.ts

@@ -0,0 +1 @@
+export { default as PlSpacer } from './PlSpacer.vue';

package/dist/src/types.d.ts

@@ -0,0 +1,40 @@
+import type { ImportFileHandle, Platforma, StorageHandle } from '@platforma-sdk/model';
+import type { Ref, ComputedRef } from 'vue';
+export type Size = 'small' | 'medium' | 'large';
+export type MaybeRef<T> = T | Ref<T>;
+export type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
+export type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;
+export type ElementPosition = Omit<DOMRect, 'toJSON'> & {
+    scrollTop: number;
+    scrollLeft: number;
+    scrollHeight: number;
+    scrollWidth: number;
+    clientHeight: number;
+    clientWidth: number;
+    offsetY: number;
+    offsetX: number;
+};
+export type SimpleOption<T = unknown> = {
+    text: string;
+    value: T;
+};
+export type ListOption<T = unknown> = {
+    text: string;
+    description?: string;
+    value: T;
+};
+export declare const maskIcons16: readonly ["checkmark", "import", "clear", "chevron-right", "add", "play", "loading", "arrow-right", "clipboard", "link", "comp", "close", "restart", "stop"];
+export type MaskIconName16 = (typeof maskIcons16)[number];
+export declare const maskIcons24: string[];
+export type MaskIconName24 = (typeof maskIcons24)[number];
+export type SliderMode = 'input' | 'text';
+export type ImportedFiles = {
+    storageHandle: StorageHandle;
+    files: ImportFileHandle[];
+};
+declare global {
+    const platforma: Platforma | undefined;
+    interface Window {
+        platforma: Platforma | undefined;
+    }
+}

package/dist/src/utils/DoubleContour.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/utils/InnerBorder.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/utils/WebStopWatchElement.d.ts

@@ -0,0 +1,6 @@
+export declare class WebStopWatchElement extends HTMLElement {
+    #private;
+    static define(tag?: string): void;
+    shadowRoot: ShadowRoot;
+    connectedCallback(): void;
+}

package/dist/src/utils/useLabelNotch.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+/**
+ * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)
+ */
+export declare function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector?: string): void;

package/dist/src/utils/useValidation.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+export declare function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]): {
+    isValid: boolean;
+    errors: string[];
+};
+export declare function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]): import("vue").ComputedRef<{
+    isValid: boolean;
+    errors: string[];
+}>;