maz-ui 2.3.10 → 3.0.0-beta.2

package/lib/maz-gallery.js

@@ -1,673 +0,0 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 26);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
-/* globals __VUE_SSR_CONTEXT__ */
-
-// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
-// This module is a runtime utility for cleaner component module output and will
-// be included in the final webpack user bundle.
-
-function normalizeComponent (
-  scriptExports,
-  render,
-  staticRenderFns,
-  functionalTemplate,
-  injectStyles,
-  scopeId,
-  moduleIdentifier, /* server only */
-  shadowMode /* vue-cli only */
-) {
-  // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
-
-  // render functions
-  if (render) {
-    options.render = render
-    options.staticRenderFns = staticRenderFns
-    options._compiled = true
-  }
-
-  // functional template
-  if (functionalTemplate) {
-    options.functional = true
-  }
-
-  // scopedId
-  if (scopeId) {
-    options._scopeId = 'data-v-' + scopeId
-  }
-
-  var hook
-  if (moduleIdentifier) { // server build
-    hook = function (context) {
-      // 2.3 injection
-      context =
-        context || // cached call
-        (this.$vnode && this.$vnode.ssrContext) || // stateful
-        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
-      // 2.2 with runInNewContext: true
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__
-      }
-      // inject component styles
-      if (injectStyles) {
-        injectStyles.call(this, context)
-      }
-      // register component module identifier for async chunk inferrence
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier)
-      }
-    }
-    // used by ssr in case component is cached and beforeCreate
-    // never gets called
-    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) {
-      // for template-only hot-reload because in that case the render fn doesn't
-      // go through the normalizer
-      options._injectStyles = hook
-      // register for functional component in vue file
-      var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
-        hook.call(context)
-        return originalRender(h, context)
-      }
-    } else {
-      // inject component registration as beforeCreate hook
-      var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    }
-  }
-
-  return {
-    exports: scriptExports,
-    options: options
-  }
-}
-
-
-/***/ }),
-
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("vue-zoom-img");
-
-/***/ }),
-
-/***/ 26:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazGallery/_main.vue?vue&type=template&id=74afc78c&
-var render = function() {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _vm.images.length || _vm.hasEmptyLayer
-    ? _c(
-        "div",
-        {
-          staticClass: "maz-gallery maz-base-component maz-flex",
-          class: { "maz-border-radius": _vm.radius },
-          style: [_vm.sizeStyle]
-        },
-        [
-          _c(
-            "section",
-            { staticClass: "maz-gallery__wrapper maz-flex maz-flex-1" },
-            [
-              _vm._l(_vm.imagesShown, function(image, i) {
-                return _c(
-                  "figure",
-                  {
-                    key: i,
-                    staticClass: "maz-gallery__item maz-flex maz-flex-center",
-                    class: ["maz-gallery__item--" + (i + 1)]
-                  },
-                  [
-                    _c("img", {
-                      directives: [
-                        {
-                          name: "zoom-img",
-                          rawName: "v-zoom-img",
-                          value: {
-                            src: image.slug,
-                            alt: image.alt,
-                            disabled:
-                              !_vm.zoom || _vm.shouldHaveRemainingLayer(i),
-                            blur: _vm.blur,
-                            scale: _vm.scale
-                          },
-                          expression:
-                            "{ src: image.slug, alt: image.alt, disabled: !zoom || shouldHaveRemainingLayer(i), blur: blur, scale: scale }"
-                        },
-                        {
-                          name: "lazy-img",
-                          rawName: "v-lazy-img:background-image",
-                          value: { slug: image.slug, disabled: !_vm.lazy },
-                          expression: "{ slug: image.slug, disabled: !lazy }",
-                          arg: "background-image"
-                        }
-                      ],
-                      staticClass: "maz-gallery__item__image maz-flex-1",
-                      attrs: {
-                        src:
-                          "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-                        alt: image.alt
-                      }
-                    }),
-                    _vm.shouldHaveRemainingLayer(i)
-                      ? _c(
-                          "div",
-                          {
-                            directives: [
-                              {
-                                name: "zoom-img",
-                                rawName: "v-zoom-img",
-                                value: {
-                                  src: image.slug,
-                                  alt: image.alt,
-                                  disabled: !_vm.zoom,
-                                  blur: _vm.blur,
-                                  scale: _vm.scale
-                                },
-                                expression:
-                                  "{ src: image.slug, alt: image.alt, disabled: !zoom, blur: blur, scale: scale }"
-                              }
-                            ],
-                            staticClass:
-                              "maz-gallery__remaining-layer maz-flex maz-flex-center maz-bg-overlay"
-                          },
-                          [
-                            _c("span", [
-                              _vm._v("+" + _vm._s(_vm.numberImagesRemaining))
-                            ])
-                          ]
-                        )
-                      : _vm._e()
-                  ]
-                )
-              }),
-              _vm.hasEmptyLayer && !_vm.images.length
-                ? _c(
-                    "div",
-                    {
-                      staticClass:
-                        "maz-bg-color-light maz-flex maz-flex-center maz-w-100",
-                      class: { "maz-border-radius": _vm.radius },
-                      style: [_vm.sizeStyle]
-                    },
-                    [
-                      _c(
-                        "i",
-                        { staticClass: "material-icons maz-text-muted" },
-                        [_vm._v("no_photography")]
-                      )
-                    ]
-                  )
-                : _vm._e()
-            ],
-            2
-          ),
-          _vm._l(_vm.imagesHidden, function(image, i) {
-            return _c("div", {
-              directives: [
-                {
-                  name: "zoom-img",
-                  rawName: "v-zoom-img",
-                  value: { src: image.slug, disabled: !_vm.zoom },
-                  expression: "{ src: image.slug, disabled: !zoom }"
-                }
-              ],
-              key: i,
-              staticClass: "maz-gallery__hidden"
-            })
-          })
-        ],
-        2
-      )
-    : _vm._e()
-}
-var staticRenderFns = []
-render._withStripped = true
-
-
-// CONCATENATED MODULE: ./packages/components/MazGallery/_main.vue?vue&type=template&id=74afc78c&
-
-// EXTERNAL MODULE: external "vue-zoom-img"
-var external_vue_zoom_img_ = __webpack_require__(13);
-var external_vue_zoom_img_default = /*#__PURE__*/__webpack_require__.n(external_vue_zoom_img_);
-
-// CONCATENATED MODULE: ./packages/directives/v-lazy-img/index.js
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var observers = [];
-
-var success = function success(el) {
-  setTimeout(function () {
-    return el.classList.add('maz-lazy-loaded');
-  }, 100);
-};
-
-var error = function error(el) {
-  setTimeout(function () {
-    return el.classList.add('maz-lazy-loaded');
-  }, 100);
-};
-
-var loadImage = function loadImage(el, binding) {
-  var valueNormalized = _typeof(binding.value) === 'object' ? binding.value : {
-    slug: binding.value,
-    disabled: false
-  };
-  el.addEventListener('load', function () {
-    return success(el);
-  });
-  el.addEventListener('error', function () {
-    return error(el);
-  });
-
-  if (binding.arg === 'background-image') {
-    el.style.backgroundImage = "url('".concat(valueNormalized.slug, "')");
-    success(el);
-  } else {
-    el.src = valueNormalized.slug;
-  }
-};
-
-var handleIntersect = function handleIntersect(el, binding, entries, observer) {
-  observers.push(observer);
-  entries.forEach(function (entry) {
-    if (entry.isIntersecting) {
-      loadImage(el, binding);
-      observer.unobserve(el);
-    }
-  });
-};
-
-var createObserver = function createObserver(el, binding) {
-  var options = {
-    root: null,
-    threshold: '0'
-  };
-  var observer = new IntersectionObserver(function (entries, observer) {
-    return handleIntersect(el, binding, entries, observer);
-  }, options);
-  observer.observe(el);
-};
-
-var imageHandler = function imageHandler(el, binding, type) {
-  if (type === 'update') {
-    // Clean all previous observers
-    observers.forEach(function (observer) {
-      return observer.unobserve(el);
-    });
-  }
-
-  if (window.IntersectionObserver) {
-    createObserver(el, binding);
-  } else {
-    loadImage(el, binding);
-  }
-};
-
-/* harmony default export */ var v_lazy_img = ({
-  bind: function bind(el, binding) {
-    return imageHandler(el, binding, 'bind');
-  },
-  update: function update(el, binding) {
-    return imageHandler(el, binding, 'update');
-  },
-  unbind: function unbind(el, binding) {
-    if (binding.arg === 'background-image') el.style.backgroundImage = undefined;
-    el.classList.remove('maz-lazy-loaded');
-    el.classList.remove('maz-lazy-error');
-    el.removeEventListener('load', function () {
-      return success(el);
-    });
-    el.removeEventListener('error', function () {
-      return error(el);
-    });
-    observers.forEach(function (observer) {
-      return observer.unobserve(el);
-    });
-    observers = [];
-  }
-});
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/MazGallery/_main.vue?vue&type=script&lang=js&
-function _mainvue_type_script_lang_js_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _mainvue_type_script_lang_js_typeof = function _typeof(obj) { return typeof obj; }; } else { _mainvue_type_script_lang_js_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _mainvue_type_script_lang_js_typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ var _mainvue_type_script_lang_js_ = ({
-  name: 'MazGallery',
-  directives: {
-    'zoom-img': external_vue_zoom_img_default.a,
-    'lazy-img': v_lazy_img
-  },
-  props: {
-    // Array of string or object: `['https://via.placeholder.com/500', 'https://via.placeholder.com/600']` or `[{ slug: 'https://via.placeholder.com/500', alt: 'image descripton' }, { slug: 'https://via.placeholder.com/600', alt: 'image descripton' }]`
-    images: {
-      type: Array,
-      default: Array
-    },
-    // Images count shown (max: 5)
-    imagesShownCount: {
-      type: Number,
-      default: 5
-    },
-    // Remove transparent layer with the remain count (ex: +2)
-    noRemaining: {
-      type: Boolean,
-      default: false
-    },
-    // Height of gallery
-    height: {
-      type: [Number, String],
-      default: 150
-    },
-    // Remove default height
-    noHeight: {
-      type: Boolean,
-      default: false
-    },
-    // Width of gallery
-    width: {
-      type: [Number, String],
-      default: '100%'
-    },
-    // Remove default width
-    noWidth: {
-      type: Boolean,
-      default: false
-    },
-    // Add the default border radius to gallery
-    radius: {
-      type: Boolean,
-      default: true
-    },
-    // Add feature to show the carousel images on click
-    zoom: {
-      type: Boolean,
-      default: true
-    },
-    // Layer with photography icon when no images is provided
-    hasEmptyLayer: {
-      type: Boolean,
-      default: true
-    },
-    // Lazy load image - if false, images are directly loaded
-    lazy: {
-      type: Boolean,
-      default: true
-    },
-    // Blur animation effect on image hover
-    blur: {
-      type: Boolean,
-      default: true
-    },
-    // Scale animation effect on image hover
-    scale: {
-      type: Boolean,
-      default: true
-    }
-  },
-  computed: {
-    sizeStyle: function sizeStyle() {
-      var height = this.height,
-          width = this.width,
-          noWidth = this.noWidth,
-          noHeight = this.noHeight;
-      return _objectSpread(_objectSpread({}, !noWidth ? {
-        flex: "0 0 ".concat(Number.isInteger(width) ? "".concat(width, "px") : width),
-        width: Number.isInteger(width) ? "".concat(width, "px") : width
-      } : {}), !noHeight ? {
-        height: Number.isInteger(height) ? "".concat(height, "px") : "".concat(height),
-        minHeight: Number.isInteger(height) ? "".concat(height, "px") : "".concat(height)
-      } : {});
-    },
-    imagesCount: function imagesCount() {
-      var imagesShownCount = this.imagesShownCount;
-      return imagesShownCount <= 5 ? imagesShownCount : 5;
-    },
-    numberImagesRemaining: function numberImagesRemaining() {
-      var images = this.images,
-          imagesCount = this.imagesCount;
-      return images.length - (images.length < imagesCount ? images.length : imagesCount);
-    },
-    imagesNormalized: function imagesNormalized() {
-      var images = this.images;
-      return images.map(function (i) {
-        return _mainvue_type_script_lang_js_typeof(i) === 'object' ? i : {
-          slug: i,
-          alt: null
-        };
-      });
-    },
-    imagesShown: function imagesShown() {
-      var imagesNormalized = this.imagesNormalized,
-          imagesCount = this.imagesCount;
-      return imagesNormalized.slice(0, imagesCount);
-    },
-    imagesHidden: function imagesHidden() {
-      var imagesNormalized = this.imagesNormalized,
-          imagesCount = this.imagesCount,
-          images = this.images;
-      return imagesNormalized.slice(imagesCount, images.length);
-    }
-  },
-  created: function created() {
-    var imagesShownCount = this.imagesShownCount;
-    if (imagesShownCount > 5) console.warn('[MazUI](maz-gallery) The maximum of "images-shown-count" is 5');
-  },
-  methods: {
-    shouldHaveRemainingLayer: function shouldHaveRemainingLayer(i) {
-      return this.numberImagesRemaining && i + 1 === this.imagesShown.length && !this.noRemaining;
-    }
-  }
-});
-// CONCATENATED MODULE: ./packages/components/MazGallery/_main.vue?vue&type=script&lang=js&
- /* harmony default export */ var MazGallery_mainvue_type_script_lang_js_ = (_mainvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./packages/components/MazGallery/_main.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  MazGallery_mainvue_type_script_lang_js_,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* hot reload */
-if (false) { var api; }
-component.options.__file = "packages/components/MazGallery/_main.vue"
-/* harmony default export */ var _main = (component.exports);
-// CONCATENATED MODULE: ./packages/components/MazGallery/index.js
-
-
-_main.install = function (Vue) {
-  Vue.component(_main.name, _main);
-};
-
-/* harmony default export */ var MazGallery = __webpack_exports__["default"] = (_main);
-
-/***/ })
-
-/******/ });

package/lib/maz-img.d.ts

@@ -1,3 +0,0 @@
-
-/* Automatically generated by './build/generate-types-declarations.js' */
-declare module 'maz-ui/lib/maz-img';