@dolanske/vui 1.2.1 → 1.3.0

package/README.md

@@ -6,37 +6,14 @@
 
 ---
 
-## 1.0 Checklist
-
-- [ ] Real life test
-  - [x] Might be useful to build this in the hivecom project
-  - [x] Build an example page with 100% of the components
-  - [x] Run accessibility tools on it
-  - [x] Run color contrast test
-  - [ ] Make sure it works on mobile down to 340px
-    - [ ] Components
-    - [ ] Scale down Typography
-- [x] Sidebar
-
----
-
-### Post 1.2 components
+## TODO
 
+- [ ] Bump target from ES2022 whenever vite-plugin-dts is fixed
 - [ ] Carousel (slider)
 - [ ] CodeBlock
   - [ ] Code highlighting
   - [ ] Copy code
   - [ ] Type, padding, etc
   - [ ] Use this https://shiki.style/guide/install
-- [ ] Command dropdown
-- [ ] Documentation
-  - [ ] Design my own documentation site (GENERIC?!)
-  - [ ] Pages
-    - [ ] CSS variable setup, accent, fonts
-    - [ ] CSS helpers
-    - [ ] Components
-    - [ ] Typography page
-
-### Whenever
-
-- [ ] Bump target from ES2022 whenever vite-plugin-dts is fixed
+- [ ] Command menu
+- [ ] Documentation site using my own template

package/dist/components/Dropdown/Dropdown.vue.d.ts

@@ -33,7 +33,7 @@ declare function __VLS_template(): {
             open: typeof open;
             close: typeof close;
             toggle: typeof toggle;
-            isOpen: true;
+            isOpen: boolean;
         }): any;
     };
     refs: {
@@ -45,16 +45,13 @@ declare function __VLS_template(): {
                 readonly anchor: import('../../shared/types').PopoutMaybeElement<HTMLElement>;
                 readonly placement?: Placement | undefined;
                 readonly offset?: number | undefined;
+                readonly visible: boolean;
                 readonly onClickOutside?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                popout: HTMLDivElement;
-            };
+            $refs: any;
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -62,13 +59,14 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "clickOutside") => void;
-            $el: HTMLDivElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
                 onClickOutside?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 clickOutside: () => any;
             }, string, {
                 offset: number;
+                placement: Placement;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -91,12 +89,11 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             offset: number;
+            placement: Placement;
         }> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
             onClickOutside?: (() => any) | undefined;
-        }>, "offset"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
+        }>, "offset" | "placement"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
     };
     rootEl: any;
@@ -120,16 +117,13 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
             readonly anchor: import('../../shared/types').PopoutMaybeElement<HTMLElement>;
             readonly placement?: Placement | undefined;
             readonly offset?: number | undefined;
+            readonly visible: boolean;
             readonly onClickOutside?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            popout: HTMLDivElement;
-        };
+        $refs: any;
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -137,13 +131,14 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "clickOutside") => void;
-        $el: HTMLDivElement;
+        $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
             onClickOutside?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             clickOutside: () => any;
         }, string, {
             offset: number;
+            placement: Placement;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -166,12 +161,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         offset: number;
+        placement: Placement;
     }> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
         onClickOutside?: (() => any) | undefined;
-    }>, "offset"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-        };
+    }>, "offset" | "placement"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Popout/Popout.vue.d.ts

@@ -12,17 +12,12 @@ export interface Props {
      * Distance between the anchor and the rendered tooltip
      */
     offset?: number;
+    /**
+     * Set the visibility of the dropdown
+     */
+    visible: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        popout: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     clickOutside: () => any;
@@ -30,9 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onClickOutside?: (() => any) | undefined;
 }>, {
     offset: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    popout: HTMLDivElement;
-}, HTMLDivElement>;
+    placement: Placement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/shared/helpers.d.ts

@@ -1,3 +1,4 @@
+import { Placement } from '@floating-ui/vue';
 export declare function createArray(length: number, startOffset?: number): number[];
 export declare function searchString(match: string | string[], input: string): boolean;
 export declare function getMaybeRefLength(value: string | number): number;
@@ -30,3 +31,4 @@ export declare function clamp(min: number, max: number, value: number): number;
  * @returns If object is inside the set
  */
 export declare function isObjectInSet(set: Set<any>, obj: any): boolean;
+export declare function getPlacementAnimationName(position: Placement): string;