@ghentcdh/ui 1.0.2 → 1.0.4

package/alert/alert.model.d.ts

@@ -0,0 +1,5 @@
+export type AlertType = 'success' | 'error' | 'info' | 'warning';
+export type AlertModel = {
+    message: string;
+    type: AlertType;
+};

package/alert/alert.vue.d.ts

@@ -0,0 +1,22 @@
+import { AlertType } from './alert.model.ts';
+type __VLS_Props = {
+    message: string;
+    type: AlertType;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Alert } from './alert.vue';
+export * from './alert.model';

package/button/Btn.properties.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { ButtonTag, ButtonType } from './const';
+import { Color } from '../const/colors';
+import { Size } from '../const/size';
+import { IconProp } from '../icons/icon-list';
+export declare const BtnProperties: {
+    href: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    as: {
+        type: PropType<ButtonTag>;
+        default: ButtonTag;
+    };
+    icon: {
+        type: PropType<IconProp>;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<Color>;
+        default: Color;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+    };
+    square: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const BtnEmits: string[];

package/button/BtnBadge.properties.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import { ButtonType } from './const';
+import { Color } from '../const/colors';
+import { Size } from '../const/size';
+import { IconProp } from '../icons/icon-list';
+export declare const BtnBadgeProperties: {
+    icon: {
+        type: PropType<IconProp>;
+    };
+    type: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
+    color: {
+        type: PropType<Color>;
+        default: Color;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<Size>;
+        default: Size;
+    };
+};
+export declare const BtnBadgeEmits: string[];

package/button/btn-badge.vue.d.ts

@@ -0,0 +1,62 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    icon: {
+        type: import('vue').PropType<import('../icons').IconProp>;
+    };
+    type: {
+        type: import('vue').PropType<import('./const').ButtonType>;
+        default: import('./const').ButtonType;
+    };
+    color: {
+        type: import('vue').PropType<import('../const/colors').Color>;
+        default: import('../const/colors').Color;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: import('../const/size').Size;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: import('vue').PropType<import('../icons').IconProp>;
+    };
+    type: {
+        type: import('vue').PropType<import('./const').ButtonType>;
+        default: import('./const').ButtonType;
+    };
+    color: {
+        type: import('vue').PropType<import('../const/colors').Color>;
+        default: import('../const/colors').Color;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: import('../const/size').Size;
+    };
+}>> & Readonly<{}>, {
+    size: import('../const/size').Size;
+    type: import('./const').ButtonType;
+    disabled: boolean;
+    color: import('../const/colors').Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/button/btn.vue.d.ts

@@ -0,0 +1,101 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    as: {
+        type: import('vue').PropType<import('./const').ButtonTag>;
+        default: import('./const').ButtonTag;
+    };
+    icon: {
+        type: import('vue').PropType<import('../icons').IconProp>;
+    };
+    type: {
+        type: import('vue').PropType<import('./const').ButtonType>;
+        default: import('./const').ButtonType;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../const/colors').Color>;
+        default: import('../const/colors').Color;
+    };
+    size: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: import('../const/size').Size;
+    };
+    square: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltip: {
+        type: StringConstructor;
+    };
+    as: {
+        type: import('vue').PropType<import('./const').ButtonTag>;
+        default: import('./const').ButtonTag;
+    };
+    icon: {
+        type: import('vue').PropType<import('../icons').IconProp>;
+    };
+    type: {
+        type: import('vue').PropType<import('./const').ButtonType>;
+        default: import('./const').ButtonType;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../const/colors').Color>;
+        default: import('../const/colors').Color;
+    };
+    size: {
+        type: import('vue').PropType<import('../const/size').Size>;
+        default: import('../const/size').Size;
+    };
+    square: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: import('../const/size').Size;
+    type: import('./const').ButtonType;
+    disabled: boolean;
+    color: import('../const/colors').Color;
+    as: import('./const').ButtonTag;
+    outline: boolean;
+    square: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/button/const.d.ts

@@ -0,0 +1,9 @@
+export declare enum ButtonType {
+    button = "button",
+    submit = "submit",
+    reset = "reset"
+}
+export declare enum ButtonTag {
+    a = "a",
+    button = "button"
+}

package/button/index.d.ts

@@ -0,0 +1,5 @@
+export * from './const';
+export * from './Btn.properties';
+export * from './BtnBadge.properties';
+export { default as Btn } from './btn.vue';
+export { default as BtnBadge } from './btn-badge.vue';

package/card/card.vue.d.ts

@@ -0,0 +1,20 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+        content?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/collapse/Collapse.properties.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IconProp } from '../icons/icon-list';
+export type CollapseAction = {
+    label?: string;
+    icon?: IconProp;
+    tooltip?: string;
+    disabled?: boolean;
+    onClick: () => void;
+};
+export declare const CollapseProperties: {
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    heightFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: PropType<Array<CollapseAction>>;
+        default: () => never[];
+    };
+};

package/collapse/Collapse.vue.d.ts

@@ -0,0 +1,75 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        list?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    heightFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: import('vue').PropType<Array<import('./Collapse.properties').CollapseAction>>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    heightFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actions: {
+        type: import('vue').PropType<Array<import('./Collapse.properties').CollapseAction>>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    actions: import('./Collapse.properties').CollapseAction[];
+    opened: boolean;
+    heightFull: boolean;
+    scrollable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/collapse/CollapseRow.properties.d.ts

@@ -0,0 +1,17 @@
+export declare const CollapseRowProperties: {
+    title: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelLink: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    descriptionLink: {
+        type: StringConstructor;
+    };
+};

package/collapse/CollapseRow.vue.d.ts

@@ -0,0 +1,49 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelLink: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    descriptionLink: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelLink: {
+        type: StringConstructor;
+    };
+    description: {
+        type: StringConstructor;
+    };
+    descriptionLink: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/collapse/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Collapse } from './Collapse.vue';
+export { default as CollapseRow } from './CollapseRow.vue';
+export type { CollapseAction } from './Collapse.properties';

package/composables/index.d.ts

@@ -0,0 +1,2 @@
+export { useFocusTrap } from './useFocusTrap';
+export type { UseFocusTrapOptions } from './useFocusTrap';

package/composables/useFocusTrap.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export type UseFocusTrapOptions = {
+    containerRef: Ref<HTMLElement | null>;
+    isActive: Ref<boolean>;
+    onEscape?: () => void;
+    restoreFocus?: boolean;
+};
+export declare const useFocusTrap: ({ containerRef, isActive, onEscape, restoreFocus, }: UseFocusTrapOptions) => void;

package/const/colors.d.ts

@@ -0,0 +1,8 @@
+export declare enum Color {
+    blank = "blank",
+    primary = "primary",
+    secondary = "secondary",
+    error = "error"
+}
+export declare const ButtonColor: Record<Color, string>;
+export declare const BadgeColor: Record<Color, string>;

package/const/index.d.ts

@@ -0,0 +1,2 @@
+export { Color } from './colors';
+export * from './size';

package/const/size.d.ts

@@ -0,0 +1,4 @@
+export type Size = 'xs' | 'sm' | 'lg' | 'xl';
+export declare const ModalSize: Record<Size, string>;
+export declare const ButtonSize: Record<Size, string>;
+export declare const BadgeSize: Record<Size, string>;

package/directives/click-outside.directive.d.ts

@@ -0,0 +1,6 @@
+export declare const addClickOutsideEventListener: (targetElement: any, callback: () => void) => ((event: Event) => void) | null;
+export declare const removeClickOutsideEventListener: (eventListener: any) => void;
+export declare const ClickOutside: {
+    beforeMount(el: any, binding: any): void;
+    unmounted(el: any): void;
+};

package/drawer/drawer.properties.d.ts

@@ -0,0 +1,18 @@
+export declare const DrawerProperties: {
+    widthLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+    widthRight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialLeftOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initialRightOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/drawer/drawer.vue.d.ts

@@ -0,0 +1,58 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'left-drawer'?(_: {}): any;
+        default?(_: {}): any;
+        'right-drawer'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    widthLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+    widthRight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialLeftOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initialRightOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    widthLeft: {
+        type: NumberConstructor;
+        default: number;
+    };
+    widthRight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    initialLeftOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    initialRightOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    widthLeft: number;
+    widthRight: number;
+    initialLeftOpen: boolean;
+    initialRightOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/drawer/index.d.ts

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

package/filter/Filter.properties.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+export type FilterItem = {
+    id: string;
+    label: string;
+    count: number;
+    color?: string;
+};
+export declare const FilterProperties: {
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    items: {
+        type: PropType<Array<Record<string, any>>>;
+        required: true;
+    };
+    modelValue: {
+        type: PropType<Array<FilterItem | any>>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    colorKey: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    countKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    counts: {
+        type: PropType<Record<string, number>>;
+        default: undefined;
+    };
+    opened: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const FilterEmits: string[];

package/filter/composables/useFilter.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export declare const useFilter: (items: Ref<Array<Record<string, any>>>, modelValue: Ref<Array<any>>, valueKey: Ref<string>, emit: (event: "update:modelValue", value: Array<any>) => void) => {
+    isSelected: (id: any) => boolean;
+    selectedLabel: import('vue').ComputedRef<string>;
+    selectAll: () => void;
+    selectNone: () => void;
+    toggleItem: (id: any, checked: boolean) => void;
+};