@vue-interface/btn-dropdown 2.0.0-beta.2 → 2.0.0-beta.20

package/dist/src/BtnDropdownSplit.vue.d.ts

@@ -0,0 +1,37 @@
+import { BtnDropdownProps } from './dropdown.js';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<BtnDropdownProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: PointerEvent) => void;
+    "click-toggle": (e: MouseEvent) => void;
+    blur: (e: FocusEvent) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BtnDropdownProps>>> & {
+    onBlur?: (e: FocusEvent) => any;
+    onClick?: (e: PointerEvent) => any;
+    "onClick-toggle"?: (e: MouseEvent) => any;
+}, {}, {}>, {
+    button?(_: {
+        expanded: boolean;
+        onBlur: (e: FocusEvent) => void;
+        onClickToggle: (e: MouseEvent) => void;
+        onClickItem: (e: any) => void;
+        onKeydown: (e: KeyboardEvent) => void;
+    }): any;
+    icon?(_: {}): any;
+    label?(_: {}): any;
+    split?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/dropdown.d.ts

@@ -0,0 +1,52 @@
+import { ComponentPublicInstance } from 'vue';
+export type BtnDropdownProps = {
+    active?: boolean;
+    align?: 'left' | 'right';
+    buttonClass?: string | Record<string | undefined, boolean>;
+    dropdown?: boolean;
+    dropup?: boolean;
+    dropleft?: boolean;
+    dropright?: boolean;
+    label?: string;
+    offset?: number;
+    size?: string;
+    split?: boolean;
+    variant?: string;
+};
+export type BtnDropdownEmits = {
+    (name: 'click', e: PointerEvent): void;
+    (name: 'click-toggle', e: MouseEvent): void;
+    (name: 'blur', e: FocusEvent): void;
+};
+export declare function useBtnDropdown<Props extends BtnDropdownProps, Emits extends BtnDropdownEmits>(props: Props, emit: Emits): {
+    actionClasses: import("vue").ComputedRef<{
+        btn: boolean;
+    }>;
+    button: import("vue").Ref<Element | ComponentPublicInstance>;
+    $button: (ref: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | Element, refs: Record<string, any>) => void;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        dropdown: boolean;
+        dropup: boolean;
+        dropright: boolean;
+        dropleft: boolean;
+        expanded: boolean;
+    }>;
+    expanded: import("vue").Ref<boolean>;
+    menu: import("vue").Ref<Element | ComponentPublicInstance>;
+    target: import("vue").Ref<Element | ComponentPublicInstance>;
+    toggleClasses: import("vue").ComputedRef<{
+        btn: boolean;
+        active: boolean;
+        'dropdown-toggle': boolean;
+        'dropdown-toggle-split': boolean;
+    }>;
+    triggerAnimation: import("vue").Ref<boolean>;
+    hide: () => void;
+    show: () => void;
+    toggle: () => void;
+    onBlur: (e: FocusEvent) => void;
+    onClickItem: (e: any) => void;
+    onClickToggle: (e: MouseEvent) => void;
+    onKeydown: (e: KeyboardEvent) => void;
+};

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "@vue-interface/btn-dropdown",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "description": "A Vue button dropdown component.",
   "files": [
-    "index.js",
-    "dist",
-    "src"
+    "dist"
   ],
+  "type": "module",
   "main": "./dist/btn-dropdown.umd.js",
-  "module": "./index.js",
+  "module": "./dist/btn-dropdown.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/btn-dropdown.js",
+      "require": "./dist/btn-dropdown.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
   "browserslist": "last 2 versions, > 0.5%, ie >= 11",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "pre-release": "npm run build; git add . -A; git commit -m 'pre-release commit'",
-    "release-patch": "npm run pre-release && npm version patch -m \"%s\" && npm run release;",
-    "release-minor": "npm run pre-release && npm version minor -m \"%s\" && npm run release;",
-    "release-major": "npm run pre-release && npm version major -m \"%s\" && npm run release;",
-    "release": "git add . -A; git commit; git push --tags origin; npm publish;"
+    "build": "vite build && vue-tsc",
+    "preview": "vite preview"
   },
   "repository": {
     "type": "git",
@@ -38,29 +41,37 @@
   "bugs": {
     "url": "https://github.com/vue-interface/btn-dropdown/issues"
   },
-  "homepage": "https://github.com/vue-interface/btn-dropdown/docs#readme",
+  "homepage": "https://github.com/vue-interface/btn-dropdown",
   "dependencies": {
     "@popperjs/core": "^2.11.2",
-    "@vue-interface/btn": "^3.0.0-beta.1",
-    "@vue-interface/btn-group": "^2.0.0-beta.0",
-    "@vue-interface/dropdown-menu": "^2.0.0-beta.5"
+    "@vue-interface/btn": "^3.0.0-beta.21",
+    "@vue-interface/btn-group": "^2.0.0-beta.8",
+    "@vue-interface/dropdown-menu": "^2.0.0-beta.13"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@rollup/plugin-babel": "^6.0.0",
-    "@vitejs/plugin-vue": "^3.0.3",
-    "autoprefixer": "^10.4.2",
-    "babel-eslint": "^10.1.0",
-    "babel-preset-vue": "^2.0.2",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^10.0.5",
+    "@types/color": "^3.0.3",
+    "@vitejs/plugin-vue": "^4.3.2",
+    "@vue-interface/eslint-config": "^1.0.0-beta.0",
+    "autoprefixer": "^10.4.15",
     "change-case": "^4.1.2",
-    "eslint": "^8.25.0",
-    "eslint-plugin-vue": "^9.6.0",
+    "commitlint": "^17.7.1",
+    "dotenv": "^16.3.1",
+    "eslint": "^8.47.0",
+    "husky": "^8.0.3",
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.6",
-    "tailwindcss": "^3.1.0",
-    "vite": "^3.1.8",
-    "vue": "^3.2.41"
+    "semantic-release": "^21.0.7",
+    "tailwindcss": "^3.3.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vue": "^3.4.0",
+    "vue-tsc": "^1.8.8"
   }
 }

package/dist/btn-dropdown.css

@@ -1 +0,0 @@
-@-webkit-keyframes btnDropdownZoomIn{0%{opacity:0}to{opacity:1}}@keyframes btnDropdownZoomIn{0%{opacity:0}to{opacity:1}}.btn-dropdown{position:relative}.btn-dropdown .dropdown-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all 125ms ease-in;transition:all 125ms ease-in;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-item .btn-group,.nav-item .btn-dropdown .dropdown-toggle{display:block}.btn-dropdown .rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.btn-dropdown.hide-caret .dropdown-toggle:after,.btn-dropdown.icon-only .dropdown-toggle:after,.btn-dropdown.hide-caret .dropdown-toggle:before,.btn-dropdown.icon-only .dropdown-toggle:before{display:none}.btn-dropdown .dropdown-menu{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.btn-dropdown .dropdown-menu.animated{-webkit-animation-name:btnDropdownZoomIn;animation-name:btnDropdownZoomIn}