@teammodlr/ui-kit 2.3.22 → 3.0.0-beta.2

package/lib/components/radio/Radio.vue.d.ts

@@ -51,6 +51,8 @@ declare const _default: import("vue").DefineComponent<{
     inputListeners: {};
     focus: () => void | undefined;
     blur: () => void | undefined;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

package/lib/components/radiobuttongroup/RadioButtonGroup.vue.d.ts

@@ -21,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     computedClasses: import("vue").ComputedRef<(string | {
         [x: string]: boolean;
     })[]>;
+    selectedValue: import("vue").WritableComputedRef<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/components/select/Select.vue.d.ts

@@ -69,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
@@ -88,12 +92,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     container: import("vue").Ref<HTMLElement | null>;
-    optionsRef: import("vue").Ref<HTMLElement[] | undefined>;
-    searchRef: import("vue").Ref<HTMLElement | undefined>;
+    optionsRef: import("vue").Ref<HTMLElement[]>;
+    searchRef: import("vue").Ref<HTMLInputElement | undefined>;
     selectRef: import("vue").Ref<HTMLElement | undefined>;
-    popper: import("vue").Ref<HTMLElement | null | undefined>;
-    focusSelect: (event: FocusEvent) => void;
-    onSelectClick: (event: MouseEvent) => void;
+    popper: import("vue").Ref<HTMLElement | undefined>;
+    handleTriggerFocus: () => void;
+    handleTriggerBlur: () => void;
+    handleKeyDown: (e: Event) => void;
+    handleOpenChange: (value: boolean) => void;
     id: string;
     isOpen: import("vue").ComputedRef<boolean>;
     open: import("vue").Ref<boolean>;
@@ -111,6 +117,9 @@ declare const _default: import("vue").DefineComponent<{
     containerComputedClasses: import("vue").ComputedRef<(string | {
         'm-form__input': boolean;
     })[]>;
+    selectComputedArrowClasses: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
     selectComputedClasses: import("vue").ComputedRef<(string | {
         [x: string]: any;
         'm-select--disabled': any;
@@ -118,21 +127,19 @@ declare const _default: import("vue").DefineComponent<{
         'm-select--multiple': boolean;
         'm-select--error': any;
     })[]>;
-    computedWrapperClasses: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
+    computedWrapperClasses: import("vue").ComputedRef<string[]>;
     computedConsistentWidth: import("vue").ComputedRef<{
         zIndex: number;
     }>;
     getSelectedLabel: (value: string | number | []) => any;
-    openSelect: () => void;
+    openSelect: (forceOpen?: boolean) => void;
     removeSelected: (event: MouseEvent, value: string | number) => void;
     inputError: import("vue").ComputedRef<any>;
     transitionName: import("vue").ComputedRef<string>;
     inputListeners: {};
     style: typeof style;
     focused: import("vue").Ref<boolean>;
-    scale: {
+    fade: {
         enterActive: string;
         leaveActive: string;
         enterFrom: string;
@@ -290,6 +297,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     zIndex: {
         type: NumberConstructor;
     };
@@ -316,8 +327,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     description: string;
     required: boolean;
-    max: number;
     loading: boolean;
+    max: number;
     rules: unknown[];
     placeholder: string;
     transitionName: string;
@@ -327,6 +338,7 @@ declare const _default: import("vue").DefineComponent<{
     consistentWidth: boolean;
     allowBlank: boolean;
     selectAll: boolean;
+    portal: boolean;
     showDataOptions: boolean;
 }, {}>;
 export default _default;

package/lib/components/select/style/Select.css.d.ts

@@ -37,3 +37,5 @@ export declare const checkAllButtonActive: string;
 export declare const optionIcon: string;
 export declare const noResults: string;
 export declare const clearable: string;
+export declare const arrow: string;
+export declare const arrowOpen: string;

package/lib/components/switch/Switch.vue.d.ts

@@ -47,6 +47,8 @@ declare const _default: import("vue").DefineComponent<{
     inputListeners: {};
     focus: () => void | undefined;
     blur: () => void | undefined;
+    onFocus: (event: FocusEvent) => void;
+    onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;

package/lib/components/tab/Tab.vue.d.ts

@@ -23,9 +23,12 @@ declare const _default: import("vue").DefineComponent<{
     computedTabLabelClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    handleClick: () => void;
     selected: import("vue").ComputedRef<boolean>;
-    teleportTo: import("vue").Ref<null>;
+    teleportTo: import("vue").Ref<HTMLElement | null>;
+    hasContent: import("vue").ComputedRef<boolean>;
+    attrs: {
+        [x: string]: unknown;
+    };
     close: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {

package/lib/components/tab/TabGroup.vue.d.ts

@@ -26,8 +26,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     wrapperRef: import("vue").Ref<HTMLElement | undefined>;
+    tabsRef: import("vue").Ref<HTMLElement | undefined>;
     tabsContentRef: import("vue").Ref<HTMLElement | undefined>;
-    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    currentValue: import("vue").ComputedRef<string | number | undefined>;
     computedTabsWrapperClasses: import("vue").ComputedRef<{
         'm-tab-group': boolean;
         'm-tab-group--vertical': boolean;
@@ -38,7 +39,8 @@ declare const _default: import("vue").DefineComponent<{
     computedTabContentClasses: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    selectTab: (tab: string | number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:selected")[], "update:modelValue" | "update:selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -62,7 +64,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+}, {
     size: Size;
     type: "base" | "card";
     vertical: boolean;

package/lib/components/textarea/Textarea.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
 }, {
-    element: import("vue").Ref<HTMLInputElement | null>;
+    element: import("vue").Ref<HTMLTextAreaElement | null>;
     id: string;
     disabled: import("vue").ComputedRef<any>;
     loading: import("vue").ComputedRef<any>;
@@ -64,6 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: boolean;
     }[]>;
     name: import("vue").Ref<string | undefined>;
+    textareaValue: import("vue").ComputedRef<string>;
     inputError: import("vue").ComputedRef<any>;
     style: typeof style;
     onClear: () => void;

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -1,11 +1,6 @@
-import { type PropType, type Ref } from 'vue';
+import { type PropType } from 'vue';
 import { type Placement } from '../../composables/usePopper';
 import * as style from './style';
-interface TooltipContext {
-    reference: Ref<HTMLElement | undefined>;
-    onReferenceChange: (element: HTMLElement | undefined) => void;
-}
-export declare const injectionTooltipContext: <T extends TooltipContext | null | undefined = TooltipContext>(fallback?: T | undefined) => T extends null ? TooltipContext | null : TooltipContext, providerTooltipContext: (contextValue: TooltipContext) => TooltipContext;
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;
@@ -36,24 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    reference: Ref<HTMLElement | undefined>;
-    offset: import("vue").ComputedRef<number[]>;
-    popper: Ref<HTMLElement | null | undefined>;
-    transferTo: Ref<string>;
-    isOpen: Ref<boolean>;
-    show: () => void;
-    hide: () => void;
     computedClasses: import("vue").ComputedRef<(string | {
         [x: string]: boolean;
     })[]>;
-    zIndex: Ref<number>;
+    resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
+    resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
+    transfer: import("vue").ComputedRef<boolean>;
+    zIndex: import("vue").Ref<number>;
     style: typeof style;
-    fade: {
-        enterActive: string;
-        leaveActive: string;
-        enterFrom: string;
-        leaveTo: string;
-    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;

package/lib/components/tooltip/TooltipTrigger.vue.d.ts

@@ -1,11 +1,2 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/components/tree/Tree.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Key, TreeOption } from "./types";
+import type { Key, TreeOption } from './types';
 declare const _default: import("vue").DefineComponent<{
     readonly expandedKeys: import("vue").PropType<Key[]>;
     readonly defaultExpandAll: BooleanConstructor;
@@ -43,8 +43,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly nodeProps: import("vue").PropType<import("./types").TreeNodeProps>;
     readonly getChildren: import("vue").PropType<import("./props").GetChildren>;
 }, {
-    nodesRef: import("vue").ComputedRef<import("treemate").TreeNode<TreeOption, TreeOption, TreeOption>[]>;
-    displayTreeMateRef: import("vue").ComputedRef<import("treemate").TreeMate<TreeOption, TreeOption, TreeOption>>;
+    keyField: string;
+    normalizedData: import("vue").ComputedRef<TreeOption[]>;
     selfElRef: import("vue").Ref<HTMLDivElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("dblclick" | "update:expandedKeys")[], "dblclick" | "update:expandedKeys", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly expandedKeys: import("vue").PropType<Key[]>;

package/lib/components/tree/TreeNode.vue.d.ts

@@ -1,24 +1,38 @@
-import { type PropType } from "vue";
-import type { TmNode } from "./types";
-import * as style from "./style";
+import { type PropType } from 'vue';
+import * as style from './style';
+import type { TreeOption } from './types';
 declare const _default: import("vue").DefineComponent<{
     node: {
-        type: PropType<TmNode>;
+        type: PropType<TreeOption>;
         required: true;
     };
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
-    selfElRef: import("vue").Ref<HTMLDivElement | null>;
-    handleLineClick: (e: MouseEvent) => void;
-    indentCount: import("vue").ComputedRef<number>;
-    labelField: import("vue").ComputedRef<unknown>;
+    children: import("vue").ComputedRef<TreeOption[]>;
     expanded: import("vue").ComputedRef<boolean>;
-    handleToggleClick: () => void;
-    doDoubleClick: (e: MouseEvent) => void;
+    handleContentClick: () => void;
+    doDoubleClick: () => void;
+    handleToggleClick: (event?: MouseEvent) => void;
+    indent: import("vue").ComputedRef<number>;
+    isLeaf: import("vue").ComputedRef<boolean>;
+    keyField: import("vue").ComputedRef<string>;
+    label: import("vue").ComputedRef<string>;
+    level: number;
+    resolvedNodeProps: import("vue").ComputedRef<import("vue").HTMLAttributes & Record<string, unknown>>;
     style: typeof style;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     node: {
-        type: PropType<TmNode>;
+        type: PropType<TreeOption>;
         required: true;
     };
-}>>, {}, {}>;
+    level: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    level: number;
+}, {}>;
 export default _default;

package/lib/components/tree/types.d.ts

@@ -1,5 +1,4 @@
-import type { HTMLAttributes, Ref, InjectionKey } from 'vue';
-import type { TreeNode } from 'treemate';
+import type { HTMLAttributes, Ref } from 'vue';
 export type Key = string | number;
 export interface TreeOptionBase {
     key?: Key;
@@ -20,11 +19,12 @@ export interface TreeInjection {
     labelFieldRef: Ref<string>;
     keyFieldRef: Ref<string>;
     childrenFieldRef: Ref<string>;
-    handleToggleClick: (node: TreeNode<TreeOption>) => void;
+    getChildren: (node: TreeOption) => TreeOption[];
+    handleToggle: (node: TreeOption) => void;
     handleDoubleClick: (node: TreeOption) => void;
 }
-export declare const treeInjectionKey: InjectionKey<TreeInjection>;
-export type TmNode = TreeNode<TreeOption>;
+export declare const treeInjectionKey: import("vue").InjectionKey<TreeInjection>;
+export type TmNode = TreeOption;
 export type OnUpdateCheckedKeys = (value: (string & number)[], option: (TreeOption | null)[], meta: {
     node: TreeOption | null;
     action: 'check' | 'uncheck';