@vue-interface/dropdown-menu 0.9.7 → 1.0.2

package/dist/dropdown-menu.es.js

@@ -0,0 +1,144 @@
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options.render = render2;
+    options.staticRenderFns = staticRenderFns2;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+function appendClass(vnode, str) {
+  vnode.data.staticClass = `${vnode.data.staticClass || ""} ${str}`.trim();
+}
+function wrap(wrapper, fn) {
+  return (e) => {
+    if (typeof fn === "function") {
+      fn(e);
+    }
+    if (!e.cancelBubble) {
+      wrapper(e);
+    }
+  };
+}
+function listener(vnode, key) {
+  return vnode.data.on[key] || vnode.componentOptions && vnode.componentOptions.listeners && vnode.componentOptions.listeners[key];
+}
+const __vue2_script$1 = {
+  functional: true,
+  render(h, context) {
+    context.children.filter((vnode) => !!vnode.tag).forEach((vnode, i) => {
+      vnode.data = Object.assign({ staticClass: void 0 }, vnode.data);
+      if (!vnode.data.on) {
+        vnode.data.on = {};
+      }
+      const isDropdownItem = vnode.data.staticClass && vnode.data.staticClass.match(/dropdown-item/);
+      const isDropdownDivider = vnode.data.staticClass && vnode.data.staticClass.match(/dropdown-divider/);
+      vnode.data.on.click = wrap((e) => {
+        context.parent.$emit("click-item", e, vnode);
+      }, listener(vnode, "click"));
+      vnode.data.on.blur = wrap((e) => {
+        context.parent.$emit("blur-item", e, vnode);
+      }, listener(vnode, "blur"));
+      if (vnode.tag.match(/^h\d$/)) {
+        appendClass(vnode, "dropdown-header");
+      } else if (vnode.tag === "hr" && !isDropdownDivider) {
+        vnode.tag = "div";
+        appendClass(vnode, "dropdown-divider");
+      } else if (!isDropdownItem) {
+        appendClass(vnode, "dropdown-item");
+      }
+    });
+    return context.children;
+  }
+};
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles$1, null, null, null);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1) {
+    this[o] = __cssModules$1[o];
+  }
+}
+var DropdownMenuItems = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "dropdown-menu mb-3", class: {
+    "dropdown-menu-left": _vm.align === "left",
+    "dropdown-menu-right": _vm.align === "right",
+    "show": _vm.show
+  }, attrs: { "aria-labelledby": _vm.$attrs.id } }, [_c("dropdown-menu-items", [_vm._t("default")], 2)], 1);
+};
+var staticRenderFns = [];
+const __vue2_script = {
+  name: "DropdownMenu",
+  components: {
+    DropdownMenuItems
+  },
+  props: {
+    align: {
+      type: String,
+      default: "left",
+      validate(value) {
+        return ["left", "right"].indexOf(value.toLowerCase()) !== -1;
+      }
+    },
+    show: Boolean
+  }
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var DropdownMenu = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export { DropdownMenu };

package/dist/dropdown-menu.umd.js

@@ -0,0 +1 @@
+(function(s,l){typeof exports=="object"&&typeof module!="undefined"?l(exports):typeof define=="function"&&define.amd?define(["exports"],l):(s=typeof globalThis!="undefined"?globalThis:s||self,l(s.DropdownMenu={}))})(this,function(s){"use strict";function l(e,n,t,m,o,d,u,k){var i=typeof e=="function"?e.options:e;n&&(i.render=n,i.staticRenderFns=t,i._compiled=!0),m&&(i.functional=!0),d&&(i._scopeId="data-v-"+d);var a;if(u?(a=function(r){r=r||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!r&&typeof __VUE_SSR_CONTEXT__!="undefined"&&(r=__VUE_SSR_CONTEXT__),o&&o.call(this,r),r&&r._registeredComponents&&r._registeredComponents.add(u)},i._ssrRegister=a):o&&(a=k?function(){o.call(this,(i.functional?this.parent:this).$root.$options.shadowRoot)}:o),a)if(i.functional){i._injectStyles=a;var E=i.render;i.render=function(F,C){return a.call(C),E(F,C)}}else{var w=i.beforeCreate;i.beforeCreate=w?[].concat(w,a):[a]}return{exports:e,options:i}}function f(e,n){e.data.staticClass=`${e.data.staticClass||""} ${n}`.trim()}function c(e,n){return t=>{typeof n=="function"&&n(t),t.cancelBubble||e(t)}}function _(e,n){return e.data.on[n]||e.componentOptions&&e.componentOptions.listeners&&e.componentOptions.listeners[n]}const $={functional:!0,render(e,n){return n.children.filter(t=>!!t.tag).forEach((t,m)=>{t.data=Object.assign({staticClass:void 0},t.data),t.data.on||(t.data.on={});const o=t.data.staticClass&&t.data.staticClass.match(/dropdown-item/),d=t.data.staticClass&&t.data.staticClass.match(/dropdown-divider/);t.data.on.click=c(u=>{n.parent.$emit("click-item",u,t)},_(t,"click")),t.data.on.blur=c(u=>{n.parent.$emit("blur-item",u,t)},_(t,"blur")),t.tag.match(/^h\d$/)?f(t,"dropdown-header"):t.tag==="hr"&&!d?(t.tag="div",f(t,"dropdown-divider")):o||f(t,"dropdown-item")}),n.children}};let g,b;const p={};var v=l($,g,b,!1,M,null,null,null);function M(e){for(let n in p)this[n]=p[n]}var y=function(){return v.exports}(),D=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",{staticClass:"dropdown-menu mb-3",class:{"dropdown-menu-left":e.align==="left","dropdown-menu-right":e.align==="right",show:e.show},attrs:{"aria-labelledby":e.$attrs.id}},[t("dropdown-menu-items",[e._t("default")],2)],1)},O=[];const R={name:"DropdownMenu",components:{DropdownMenuItems:y},props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},show:Boolean}},h={};var S=l(R,D,O,!1,T,null,null,null);function T(e){for(let n in h)this[n]=h[n]}var j=function(){return S.exports}();s.DropdownMenu=j,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/package.json

@@ -1,12 +1,25 @@
 {
   "name": "@vue-interface/dropdown-menu",
-  "version": "0.9.7",
+  "version": "1.0.2",
   "description": "A Vue dropdown menu component.",
-  "main": "index.js",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/dropdown-menu.umd.js",
+  "module": "./dist/dropdown-menu.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/dropdown-menu.es.js",
+      "require": "./dist/dropdown-menu.umd.js"
+    }
+  },
+  "browserslist": "last 2 versions, > 0.5%, ie >= 11",
   "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
     "watch": "npm run serve",
     "serve": "vue-cli-service build --target lib --name=DropdownMenu ./main.vue --watch",
-    "build": "vue-cli-service build --target lib --name=DropdownMenu ./main.vue",
     "lint": "vue-cli-service lint",
     "fix": "vue-cli-service lint --fix",
     "pre-release": "npm run build; git add . -A; git commit -m 'pre-release commit'",
@@ -37,27 +50,23 @@
   },
   "homepage": "https://github.com/vue-interface/dropdown-menu/docs#readme",
   "dependencies": {
-    "@vue-interface/utils": "^0.9.13",
-    "@vue-interface/variant": "^1.0.12",
-    "color": "^3.1.2",
-    "core-js": "^3.6.4",
-    "hex-to-rgba": "^2.0.1",
-    "tailwindcss": "^1.7.3",
     "vue": "^2.6.12"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.4",
-    "@vue/cli-plugin-eslint": "^4.5.4",
-    "@vue/cli-service": "^4.5.4",
-    "@vuepress/plugin-register-components": "^1.5.4",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@vue-interface/tailwindcss": "^0.2.10",
+    "autoprefixer": "^10.4.2",
     "babel-eslint": "^10.1.0",
+    "babel-preset-vue": "^2.0.2",
+    "change-case": "^4.1.2",
+    "color": "^4.2.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
-    "markdown-it-meta": "0.0.1",
-    "postcss-cli": "^7.1.1",
-    "vue-template-compiler": "^2.6.12",
-    "vuepress": "^1.5.4",
-    "vuepress-plugin-template-constants": "^0.2.1",
-    "webpack-manifest-plugin": "^2.2.0"
+    "pascalcase": "^2.0.0",
+    "postcss": "^8.4.6",
+    "tailwindcss": "^3.0.18",
+    "vite": "^2.7.2",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-router": "^3.5.3"
   }
 }

package/.eslintrc.js

@@ -1,53 +0,0 @@
-module.exports = {
-    extends: [
-        'plugin:vue/recommended'
-    ],
-    parserOptions: {
-        'parser': 'babel-eslint'
-    },
-    // add your custom rules here
-    rules: {
-        'vue/no-v-html': 0,
-        'vue/require-default-prop': 0,
-        "vue/max-attributes-per-line": ["error", {
-            "singleline": 5,
-            "multiline": {
-                "max": 1,
-                "allowFirstLine": true
-            }
-        }],
-        "vue/html-indent": ["error", 4, {
-            "attribute": 1,
-            "baseIndent": 1,
-            "closeBracket": 1,
-            "alignAttributesVertically": false,
-            "ignores": []
-        }],
-        "vue/html-closing-bracket-newline": ["error", {
-            "singleline": "never",
-            "multiline": "never"
-        }],
-        // Ensure no space after keywords like if.
-        'keyword-spacing': ["error", {
-            "overrides": {
-                "if": { "after": false },
-                "for": { "after": false },
-                "while": { "after": false }
-            }
-        }],
-        // Use alternative brace style
-        'brace-style': ['error', 'stroustrup'],
-        // No spaces before parens
-        'space-before-function-paren': ['error', 'never'],
-        // Indent for tabs because spaces suck
-        'indent': ['error', 4],
-        // Semi colons always where they need to be
-        'semi': [2,'always'],
-        // allow paren-less arrow functions
-        'arrow-parens': 0,
-        // allow async-await
-        'generator-star-spacing': 0,
-        // allow debugger during development
-        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
-    }
-};

package/babel.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-    presets: [
-        ['@vue/cli-plugin-babel/preset', {
-            "modules": false
-        }]
-    ]
-};