├── .gitignore ├── .npmignore ├── package-lock.json ├── package.json ├── playground ├── .gitignore ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ └── index.html └── src │ ├── App.vue │ └── main.js ├── readme.md ├── rollup.config.js └── src ├── VueVisibility.js └── index.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | playground -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@lewandy/vue-visibility", 3 | "version": "1.0.1", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "@babel/helper-validator-identifier": { 8 | "version": "7.10.4", 9 | "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.4.tgz", 10 | "integrity": "sha512-3U9y+43hz7ZM+rzG24Qe2mufW5KhvFg/NhnNph+i9mgCtdTCtMJuI1TMkrIUiK7Ix4PYlRF9I5dhqaLYA/ADXw==", 11 | "dev": true 12 | }, 13 | "@babel/parser": { 14 | "version": "7.12.3", 15 | "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.12.3.tgz", 16 | "integrity": "sha512-kFsOS0IbsuhO5ojF8Hc8z/8vEIOkylVBrjiZUbLTE3XFe0Qi+uu6HjzQixkFaqr0ZPAMZcBVxEwmsnsLPZ2Xsw==", 17 | "dev": true 18 | }, 19 | "@babel/types": { 20 | "version": "7.12.1", 21 | "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.12.1.tgz", 22 | "integrity": "sha512-BzSY3NJBKM4kyatSOWh3D/JJ2O3CVzBybHWxtgxnggaxEuaSTTDqeiSb/xk9lrkw2Tbqyivw5ZU4rT+EfznQsA==", 23 | "dev": true, 24 | "requires": { 25 | "@babel/helper-validator-identifier": "^7.10.4", 26 | "lodash": "^4.17.19", 27 | "to-fast-properties": "^2.0.0" 28 | }, 29 | "dependencies": { 30 | "to-fast-properties": { 31 | "version": "2.0.0", 32 | "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", 33 | "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=", 34 | "dev": true 35 | } 36 | } 37 | }, 38 | "@types/acorn": { 39 | "version": "4.0.5", 40 | "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.5.tgz", 41 | "integrity": "sha512-603sPiZ4GVRHPvn6vNgEAvJewKsy+zwRWYS2MeIMemgoAtcjlw2G3lALxrb9OPA17J28bkB71R33yXlQbUatCA==", 42 | "dev": true, 43 | "requires": { 44 | "@types/estree": "*" 45 | } 46 | }, 47 | "@types/estree": { 48 | "version": "0.0.45", 49 | "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.45.tgz", 50 | "integrity": "sha512-jnqIUKDUqJbDIUxm0Uj7bnlMnRm1T/eZ9N+AVMqhPgzrba2GhGG5o/jCTwmdPK709nEZsGoMzXEDUjcXHa3W0g==", 51 | "dev": true 52 | }, 53 | "@vue/compiler-core": { 54 | "version": "3.0.2", 55 | "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.0.2.tgz", 56 | "integrity": "sha512-GOlEMTlC/OdzBkKaKOniYErbkjoKxkBOmulxGmMR10I2JJX6TvXd/peaO/kla2xhpliV/M6Z4TLJp0yjAvRIAw==", 57 | "dev": true, 58 | "requires": { 59 | "@babel/parser": "^7.12.0", 60 | "@babel/types": "^7.12.0", 61 | "@vue/shared": "3.0.2", 62 | "estree-walker": "^2.0.1", 63 | "source-map": "^0.6.1" 64 | }, 65 | "dependencies": { 66 | "estree-walker": { 67 | "version": "2.0.1", 68 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.1.tgz", 69 | "integrity": "sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==", 70 | "dev": true 71 | } 72 | } 73 | }, 74 | "@vue/compiler-dom": { 75 | "version": "3.0.2", 76 | "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.0.2.tgz", 77 | "integrity": "sha512-jvaL4QF2yXBJVD+JLbM2YA3e5fNfflJnfQ+GtfYk46ENGsEetqbkZqcX7fO+RHdG8tZBo7LCNBvgD0QLr+V4sg==", 78 | "dev": true, 79 | "requires": { 80 | "@vue/compiler-core": "3.0.2", 81 | "@vue/shared": "3.0.2" 82 | } 83 | }, 84 | "@vue/reactivity": { 85 | "version": "3.0.2", 86 | "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.0.2.tgz", 87 | "integrity": "sha512-GdRloNcBar4yqWGXOcba1t//j/WizwfthfPUYkjcIPHjYnA/vTEQYp0C9+ZjPdinv1WRK1BSMeN/xj31kQES4A==", 88 | "dev": true, 89 | "requires": { 90 | "@vue/shared": "3.0.2" 91 | } 92 | }, 93 | "@vue/runtime-core": { 94 | "version": "3.0.2", 95 | "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.0.2.tgz", 96 | "integrity": "sha512-3m/jOs2xSipEFah9FgpEzvC9nERFonVGLN06+pf8iYPIy54Nlv7D2cyrk3Lhbjz4w3PbIrkxJnoTJYvJM7HDfA==", 97 | "dev": true, 98 | "requires": { 99 | "@vue/reactivity": "3.0.2", 100 | "@vue/shared": "3.0.2" 101 | } 102 | }, 103 | "@vue/runtime-dom": { 104 | "version": "3.0.2", 105 | "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.0.2.tgz", 106 | "integrity": "sha512-vqC1KK1yWthTw1FKzajT0gYQaEqAq7bpeeXQC473nllGC5YHbJhNAJLSmrDun1tjXqGF0UNCWYljYm+++BJv6w==", 107 | "dev": true, 108 | "requires": { 109 | "@vue/runtime-core": "3.0.2", 110 | "@vue/shared": "3.0.2", 111 | "csstype": "^2.6.8" 112 | } 113 | }, 114 | "@vue/shared": { 115 | "version": "3.0.2", 116 | "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.0.2.tgz", 117 | "integrity": "sha512-Zx869zlNoujFOclKIoYmkh8ES2RcS/+Jn546yOiPyZ+3+Ejivnr+fb8l+DdXUEFjo+iVDNR3KyLzg03aBFfZ4Q==", 118 | "dev": true 119 | }, 120 | "acorn": { 121 | "version": "5.7.4", 122 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.4.tgz", 123 | "integrity": "sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==", 124 | "dev": true 125 | }, 126 | "acorn-dynamic-import": { 127 | "version": "3.0.0", 128 | "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-3.0.0.tgz", 129 | "integrity": "sha512-zVWV8Z8lislJoOKKqdNMOB+s6+XV5WERty8MnKBeFgwA+19XJjJHs2RP5dzM57FftIs+jQnRToLiWazKr6sSWg==", 130 | "dev": true, 131 | "requires": { 132 | "acorn": "^5.0.0" 133 | } 134 | }, 135 | "acorn-jsx": { 136 | "version": "5.2.0", 137 | "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz", 138 | "integrity": "sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==", 139 | "dev": true 140 | }, 141 | "ansi-styles": { 142 | "version": "3.2.1", 143 | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", 144 | "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", 145 | "dev": true, 146 | "requires": { 147 | "color-convert": "^1.9.0" 148 | } 149 | }, 150 | "buble": { 151 | "version": "0.19.8", 152 | "resolved": "https://registry.npmjs.org/buble/-/buble-0.19.8.tgz", 153 | "integrity": "sha512-IoGZzrUTY5fKXVkgGHw3QeXFMUNBFv+9l8a4QJKG1JhG3nCMHTdEX1DCOg8568E2Q9qvAQIiSokv6Jsgx8p2cA==", 154 | "dev": true, 155 | "requires": { 156 | "acorn": "^6.1.1", 157 | "acorn-dynamic-import": "^4.0.0", 158 | "acorn-jsx": "^5.0.1", 159 | "chalk": "^2.4.2", 160 | "magic-string": "^0.25.3", 161 | "minimist": "^1.2.0", 162 | "os-homedir": "^2.0.0", 163 | "regexpu-core": "^4.5.4" 164 | }, 165 | "dependencies": { 166 | "acorn": { 167 | "version": "6.4.1", 168 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz", 169 | "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==", 170 | "dev": true 171 | }, 172 | "acorn-dynamic-import": { 173 | "version": "4.0.0", 174 | "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz", 175 | "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==", 176 | "dev": true 177 | } 178 | } 179 | }, 180 | "chalk": { 181 | "version": "2.4.2", 182 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", 183 | "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", 184 | "dev": true, 185 | "requires": { 186 | "ansi-styles": "^3.2.1", 187 | "escape-string-regexp": "^1.0.5", 188 | "supports-color": "^5.3.0" 189 | } 190 | }, 191 | "color-convert": { 192 | "version": "1.9.3", 193 | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", 194 | "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", 195 | "dev": true, 196 | "requires": { 197 | "color-name": "1.1.3" 198 | } 199 | }, 200 | "color-name": { 201 | "version": "1.1.3", 202 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", 203 | "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", 204 | "dev": true 205 | }, 206 | "csstype": { 207 | "version": "2.6.13", 208 | "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.13.tgz", 209 | "integrity": "sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==", 210 | "dev": true 211 | }, 212 | "date-time": { 213 | "version": "2.1.0", 214 | "resolved": "https://registry.npmjs.org/date-time/-/date-time-2.1.0.tgz", 215 | "integrity": "sha512-/9+C44X7lot0IeiyfgJmETtRMhBidBYM2QFFIkGa0U1k+hSyY87Nw7PY3eDqpvCBm7I3WCSfPeZskW/YYq6m4g==", 216 | "dev": true, 217 | "requires": { 218 | "time-zone": "^1.0.0" 219 | } 220 | }, 221 | "de-indent": { 222 | "version": "1.0.2", 223 | "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", 224 | "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=", 225 | "dev": true 226 | }, 227 | "debug": { 228 | "version": "4.3.4", 229 | "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", 230 | "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", 231 | "dev": true, 232 | "requires": { 233 | "ms": "2.1.2" 234 | } 235 | }, 236 | "escape-string-regexp": { 237 | "version": "1.0.5", 238 | "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", 239 | "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=", 240 | "dev": true 241 | }, 242 | "estree-walker": { 243 | "version": "0.6.1", 244 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz", 245 | "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", 246 | "dev": true 247 | }, 248 | "has-flag": { 249 | "version": "3.0.0", 250 | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", 251 | "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", 252 | "dev": true 253 | }, 254 | "hash-sum": { 255 | "version": "2.0.0", 256 | "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz", 257 | "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==", 258 | "dev": true 259 | }, 260 | "he": { 261 | "version": "1.2.0", 262 | "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", 263 | "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", 264 | "dev": true 265 | }, 266 | "is-reference": { 267 | "version": "1.2.1", 268 | "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz", 269 | "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==", 270 | "dev": true, 271 | "requires": { 272 | "@types/estree": "*" 273 | } 274 | }, 275 | "jsesc": { 276 | "version": "0.5.0", 277 | "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", 278 | "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=", 279 | "dev": true 280 | }, 281 | "locate-character": { 282 | "version": "2.0.5", 283 | "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-2.0.5.tgz", 284 | "integrity": "sha512-n2GmejDXtOPBAZdIiEFy5dJ5N38xBCXLNOtw2WpB9kGh6pnrEuKlwYI+Tkpofc4wDtVXHtoAOJaMRlYG/oYaxg==", 285 | "dev": true 286 | }, 287 | "lodash": { 288 | "version": "4.17.21", 289 | "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", 290 | "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", 291 | "dev": true 292 | }, 293 | "magic-string": { 294 | "version": "0.25.7", 295 | "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz", 296 | "integrity": "sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==", 297 | "dev": true, 298 | "requires": { 299 | "sourcemap-codec": "^1.4.4" 300 | } 301 | }, 302 | "minimist": { 303 | "version": "1.2.6", 304 | "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz", 305 | "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==", 306 | "dev": true 307 | }, 308 | "ms": { 309 | "version": "2.1.2", 310 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", 311 | "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", 312 | "dev": true 313 | }, 314 | "os-homedir": { 315 | "version": "2.0.0", 316 | "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-2.0.0.tgz", 317 | "integrity": "sha512-saRNz0DSC5C/I++gFIaJTXoFJMRwiP5zHar5vV3xQ2TkgEw6hDCcU5F272JjUylpiVgBrZNQHnfjkLabTfb92Q==", 318 | "dev": true 319 | }, 320 | "parse-ms": { 321 | "version": "1.0.1", 322 | "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-1.0.1.tgz", 323 | "integrity": "sha1-VjRtR0nXjyNDDKDHE4UK75GqNh0=", 324 | "dev": true 325 | }, 326 | "pretty-ms": { 327 | "version": "3.2.0", 328 | "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-3.2.0.tgz", 329 | "integrity": "sha512-ZypexbfVUGTFxb0v+m1bUyy92DHe5SyYlnyY0msyms5zd3RwyvNgyxZZsXXgoyzlxjx5MiqtXUdhUfvQbe0A2Q==", 330 | "dev": true, 331 | "requires": { 332 | "parse-ms": "^1.0.0" 333 | } 334 | }, 335 | "regenerate": { 336 | "version": "1.4.1", 337 | "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.1.tgz", 338 | "integrity": "sha512-j2+C8+NtXQgEKWk49MMP5P/u2GhnahTtVkRIHr5R5lVRlbKvmQ+oS+A5aLKWp2ma5VkT8sh6v+v4hbH0YHR66A==", 339 | "dev": true 340 | }, 341 | "regenerate-unicode-properties": { 342 | "version": "8.2.0", 343 | "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz", 344 | "integrity": "sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==", 345 | "dev": true, 346 | "requires": { 347 | "regenerate": "^1.4.0" 348 | } 349 | }, 350 | "regexpu-core": { 351 | "version": "4.7.0", 352 | "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.7.0.tgz", 353 | "integrity": "sha512-TQ4KXRnIn6tz6tjnrXEkD/sshygKH/j5KzK86X8MkeHyZ8qst/LZ89j3X4/8HEIfHANTFIP/AbXakeRhWIl5YQ==", 354 | "dev": true, 355 | "requires": { 356 | "regenerate": "^1.4.0", 357 | "regenerate-unicode-properties": "^8.2.0", 358 | "regjsgen": "^0.5.1", 359 | "regjsparser": "^0.6.4", 360 | "unicode-match-property-ecmascript": "^1.0.4", 361 | "unicode-match-property-value-ecmascript": "^1.2.0" 362 | } 363 | }, 364 | "regjsgen": { 365 | "version": "0.5.2", 366 | "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz", 367 | "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==", 368 | "dev": true 369 | }, 370 | "regjsparser": { 371 | "version": "0.6.4", 372 | "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.6.4.tgz", 373 | "integrity": "sha512-64O87/dPDgfk8/RQqC4gkZoGyyWFIEUTTh80CU6CWuK5vkCGyekIx+oKcEIYtP/RAxSQltCZHCNu/mdd7fqlJw==", 374 | "dev": true, 375 | "requires": { 376 | "jsesc": "~0.5.0" 377 | } 378 | }, 379 | "require-relative": { 380 | "version": "0.8.7", 381 | "resolved": "https://registry.npmjs.org/require-relative/-/require-relative-0.8.7.tgz", 382 | "integrity": "sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=", 383 | "dev": true 384 | }, 385 | "rollup": { 386 | "version": "0.57.1", 387 | "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.57.1.tgz", 388 | "integrity": "sha512-I18GBqP0qJoJC1K1osYjreqA8VAKovxuI3I81RSk0Dmr4TgloI0tAULjZaox8OsJ+n7XRrhH6i0G2By/pj1LCA==", 389 | "dev": true, 390 | "requires": { 391 | "@types/acorn": "^4.0.3", 392 | "acorn": "^5.5.3", 393 | "acorn-dynamic-import": "^3.0.0", 394 | "date-time": "^2.1.0", 395 | "is-reference": "^1.1.0", 396 | "locate-character": "^2.0.5", 397 | "pretty-ms": "^3.1.0", 398 | "require-relative": "^0.8.7", 399 | "rollup-pluginutils": "^2.0.1", 400 | "signal-exit": "^3.0.2", 401 | "sourcemap-codec": "^1.4.1" 402 | } 403 | }, 404 | "rollup-plugin-buble": { 405 | "version": "0.19.8", 406 | "resolved": "https://registry.npmjs.org/rollup-plugin-buble/-/rollup-plugin-buble-0.19.8.tgz", 407 | "integrity": "sha512-8J4zPk2DQdk3rxeZvxgzhHh/rm5nJkjwgcsUYisCQg1QbT5yagW+hehYEW7ZNns/NVbDCTv4JQ7h4fC8qKGOKw==", 408 | "dev": true, 409 | "requires": { 410 | "buble": "^0.19.8", 411 | "rollup-pluginutils": "^2.3.3" 412 | } 413 | }, 414 | "rollup-plugin-vue": { 415 | "version": "6.0.0", 416 | "resolved": "https://registry.npmjs.org/rollup-plugin-vue/-/rollup-plugin-vue-6.0.0.tgz", 417 | "integrity": "sha512-oVvUd84d5u73M2HYM3XsMDLtZRIA/tw2U0dmHlXU2UWP5JARYHzh/U9vcxaN/x/9MrepY7VH3pHFeOhrWpxs/Q==", 418 | "dev": true, 419 | "requires": { 420 | "debug": "^4.1.1", 421 | "hash-sum": "^2.0.0", 422 | "rollup-pluginutils": "^2.8.2" 423 | } 424 | }, 425 | "rollup-pluginutils": { 426 | "version": "2.8.2", 427 | "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz", 428 | "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==", 429 | "dev": true, 430 | "requires": { 431 | "estree-walker": "^0.6.1" 432 | } 433 | }, 434 | "signal-exit": { 435 | "version": "3.0.3", 436 | "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz", 437 | "integrity": "sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==", 438 | "dev": true 439 | }, 440 | "source-map": { 441 | "version": "0.6.1", 442 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", 443 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", 444 | "dev": true 445 | }, 446 | "sourcemap-codec": { 447 | "version": "1.4.8", 448 | "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz", 449 | "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==", 450 | "dev": true 451 | }, 452 | "supports-color": { 453 | "version": "5.5.0", 454 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", 455 | "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", 456 | "dev": true, 457 | "requires": { 458 | "has-flag": "^3.0.0" 459 | } 460 | }, 461 | "time-zone": { 462 | "version": "1.0.0", 463 | "resolved": "https://registry.npmjs.org/time-zone/-/time-zone-1.0.0.tgz", 464 | "integrity": "sha1-mcW/VZWJZq9tBtg73zgA3IL67F0=", 465 | "dev": true 466 | }, 467 | "unicode-canonical-property-names-ecmascript": { 468 | "version": "1.0.4", 469 | "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", 470 | "integrity": "sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==", 471 | "dev": true 472 | }, 473 | "unicode-match-property-ecmascript": { 474 | "version": "1.0.4", 475 | "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz", 476 | "integrity": "sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==", 477 | "dev": true, 478 | "requires": { 479 | "unicode-canonical-property-names-ecmascript": "^1.0.4", 480 | "unicode-property-aliases-ecmascript": "^1.0.4" 481 | } 482 | }, 483 | "unicode-match-property-value-ecmascript": { 484 | "version": "1.2.0", 485 | "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz", 486 | "integrity": "sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==", 487 | "dev": true 488 | }, 489 | "unicode-property-aliases-ecmascript": { 490 | "version": "1.1.0", 491 | "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz", 492 | "integrity": "sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==", 493 | "dev": true 494 | }, 495 | "vue": { 496 | "version": "3.0.2", 497 | "resolved": "https://registry.npmjs.org/vue/-/vue-3.0.2.tgz", 498 | "integrity": "sha512-ciKFjutKRs+2Vbvgrist1oDd5wZQqtOel/K//ku54zLbf8tcTV+XbyAfanTHcTkML9CUj09vnC+y+5uaOz2/9g==", 499 | "dev": true, 500 | "requires": { 501 | "@vue/compiler-dom": "3.0.2", 502 | "@vue/runtime-dom": "3.0.2", 503 | "@vue/shared": "3.0.2" 504 | } 505 | }, 506 | "vue-template-compiler": { 507 | "version": "2.6.11", 508 | "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.11.tgz", 509 | "integrity": "sha512-KIq15bvQDrcCjpGjrAhx4mUlyyHfdmTaoNfeoATHLAiWB+MU3cx4lOzMwrnUh9cCxy0Lt1T11hAFY6TQgroUAA==", 510 | "dev": true, 511 | "requires": { 512 | "de-indent": "^1.0.2", 513 | "he": "^1.1.0" 514 | } 515 | } 516 | } 517 | } 518 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@lewandy/vue-visibility", 3 | "version": "1.0.1", 4 | "main": "vue-visibility.umd.js", 5 | "module": "dist/vue-visibility.esm.js", 6 | "unpkg": "dist/vue-visibility.min.js", 7 | "browser": { 8 | "./sfc": "src/VueVisibility.js" 9 | }, 10 | "scripts": { 11 | "build": "npm run build:umd & npm run build:es & npm run build:unpkg", 12 | "build:umd": "rollup --config rollup.config.js --format umd --file dist/vue-visibility.umd.js", 13 | "build:es": "rollup --config rollup.config.js --format es --file dist/vue-visibility.esm.js", 14 | "build:unpkg": "rollup --config rollup.config.js --format iife --file dist/vue-visibility.min.js" 15 | }, 16 | "devDependencies": { 17 | "rollup": "^0.57.1", 18 | "rollup-plugin-buble": "^0.19.2", 19 | "rollup-plugin-vue": "^6.0.0", 20 | "vue": "^3.0.2", 21 | "vue-template-compiler": "^2.5.16" 22 | }, 23 | "description": "👀 Hides elements depending of the user permissions", 24 | "dependencies": {}, 25 | "repository": { 26 | "type": "git", 27 | "url": "git+https://github.com/lewandy/vue-visibility.git" 28 | }, 29 | "author": "Lewandy Dilone Bonifacio", 30 | "license": "MIT", 31 | "bugs": { 32 | "url": "https://github.com/lewandy/vue-visibility/issues" 33 | }, 34 | "homepage": "https://github.com/lewandy/vue-visibility#readme" 35 | } 36 | -------------------------------------------------------------------------------- /playground/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | 6 | # local env files 7 | .env.local 8 | .env.*.local 9 | 10 | # Log files 11 | npm-debug.log* 12 | yarn-debug.log* 13 | yarn-error.log* 14 | pnpm-debug.log* 15 | 16 | # Editor directories and files 17 | .idea 18 | .vscode 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /playground/README.md: -------------------------------------------------------------------------------- 1 | # vue-auth-provider 2 | 3 | ## Project setup 4 | ``` 5 | npm install 6 | ``` 7 | 8 | ### Compiles and hot-reloads for development 9 | ``` 10 | npm run serve 11 | ``` 12 | 13 | ### Compiles and minifies for production 14 | ``` 15 | npm run build 16 | ``` 17 | 18 | ### Run your unit tests 19 | ``` 20 | npm run test:unit 21 | ``` 22 | 23 | ### Lints and fixes files 24 | ``` 25 | npm run lint 26 | ``` 27 | 28 | ### Customize configuration 29 | See [Configuration Reference](https://cli.vuejs.org/config/). 30 | -------------------------------------------------------------------------------- /playground/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-visibility", 3 | "version": "0.1.0", 4 | "scripts": { 5 | "serve": "vue-cli-service serve", 6 | "build": "vue-cli-service build" 7 | }, 8 | "dependencies": { 9 | "@lewandy/vue-visibility": "^1.0.0", 10 | "@vue/compiler-sfc": "^3.2.45", 11 | "vue": "^3.0.2", 12 | "vue-permission-provider": "0.0.1" 13 | }, 14 | "devDependencies": { 15 | "@vue/cli-service": "~5.0.8", 16 | "vue-template-compiler": "^2.6.11" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /playground/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lewandy/vue-visibility/5f7f18231a80a0a0a0c420712aea58c159a5497f/playground/public/favicon.ico -------------------------------------------------------------------------------- /playground/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | <%= htmlWebpackPlugin.options.title %> 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /playground/src/App.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 34 | 35 | 90 | 91 | -------------------------------------------------------------------------------- /playground/src/main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from "vue"; 2 | import App from "./App.vue"; 3 | import VueVisibility from "../../src/index"; 4 | 5 | const application = createApp(App); 6 | 7 | application.use(VueVisibility); 8 | 9 | application.mount("#app"); 10 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Vue Visibility 👀 2 | 3 | Hides or shows elements depending of a criteria. 4 | 5 | # Install 6 | 7 | ```sh 8 | npm install --save @lewandy/vue-visibility 9 | ``` 10 | 11 | or 12 | 13 | ```sh 14 | yarn add @lewandy/vue-visibility 15 | ``` 16 | 17 | # Usage 18 | 19 | ```javascript 20 | import { createApp } from "vue"; 21 | import App from "./App.vue"; 22 | import VueVisibility from "@lewandy/vue-visibility"; 23 | 24 | const application = createApp(App); 25 | 26 | application.use(VueVisibility); 27 | 28 | application.mount("#app"); 29 | ``` 30 | 31 | ## Set identifiers or permissions globally 32 | 33 | ```javascript 34 | 42 | ``` 43 | 44 | # Examples 45 | 46 | ## Using provider with placeholder slot if not authorized 47 | 48 | ```html 49 | 57 | ``` 58 | 59 | ## Using the directive. 60 | 61 | ```html 62 | 69 | ``` 70 | 71 | # VueVisibilityProvider component reference 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 |
PropTypeRequiredDefault
identifierAnytruenull
91 | 92 | # TODO 93 | 94 | 1. Feature : Can disable elements and make it not clickable. 95 | 2. Chore : Write basic tests 96 | 97 | # 🤝 Contributing 98 | 99 | 1. Fork this repository. 100 | 2. Create new branch with feature name. 101 | 3. Go to example folder and run `npm install` and `npm run serve`. 102 | 4. The plugin sources files is located in /src/VueVisibility.js. 103 | 5. Commit and set commit message with feature name. 104 | 6. Push your code to your fork repository. 105 | 7. Create pull request. 🙂 106 | 107 | # ⭐️ Support 108 | 109 | If you like this project, You can support me with starring ⭐ this repository. 110 | 111 | # 📄 License 112 | 113 | [MIT](LICENSE) 114 | 115 | Developed with ❤️ and ☕️ from the dominican republic 🌴 116 | -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- 1 | import vue from "rollup-plugin-vue"; // Handle .vue SFC files 2 | import buble from "rollup-plugin-buble"; // Transpile/polyfill with reasonable browser support 3 | export default { 4 | input: "src/index.js", // Path relative to package.json 5 | output: { 6 | name: "VueVisibility.js", 7 | exports: "named", 8 | }, 9 | plugins: [ 10 | vue({ 11 | css: true, // Dynamically inject css as a