kdutify 2.6.1 → 2.7.3

package/es5/components/KIcon/KIcon.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-require("..\\..\\..\\src\\components\\KIcon\\KIcon.sass");
-
+require("../../../src/components/KIcon/KIcon.sass");
 var _bindsAttrs = _interopRequireDefault(require("../../mixins/binds-attrs"));
-
 var _colorable = _interopRequireDefault(require("../../mixins/colorable"));
-
 var _sizeable = _interopRequireDefault(require("../../mixins/sizeable"));
-
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
-
 var _helpers = require("../../util/helpers");
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Mixins
+// Util
+// Types
 var SIZE_MAP;
-
 (function (SIZE_MAP) {
   SIZE_MAP["xSmall"] = "12px";
   SIZE_MAP["small"] = "16px";
@@ -39,20 +30,16 @@ var SIZE_MAP;
   SIZE_MAP["large"] = "36px";
   SIZE_MAP["xLarge"] = "40px";
 })(SIZE_MAP || (SIZE_MAP = {}));
-
 function isFontAwesome5(iconType) {
   return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(function (val) {
     return iconType.includes(val);
   });
 }
-
 function isSvgPath(icon) {
   return /^[mzlhvcsqta]\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\dz]$/i.test(icon) && icon.length > 4;
 }
-
 var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizeable.default, _themeable.default
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-icon',
   props: {
     dense: Boolean,
@@ -114,31 +101,28 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
     },
     getSvgWrapperData: function getSvgWrapperData() {
       var fontSize = this.getSize();
-
-      var wrapperData = _objectSpread(_objectSpread({}, this.getDefaultData()), {}, {
+      var wrapperData = _objectSpread({}, this.getDefaultData(), {
         style: fontSize ? {
           fontSize: fontSize,
           height: fontSize,
           width: fontSize
         } : undefined
       });
-
       this.applyColors(wrapperData);
       return wrapperData;
     },
     applyColors: function applyColors(data) {
-      data.class = _objectSpread(_objectSpread({}, data.class), this.themeClasses);
+      data.class = _objectSpread({}, data.class, {}, this.themeClasses);
       this.setTextColor(this.color, data);
     },
     renderFontIcon: function renderFontIcon(icon, h) {
       var newChildren = [];
       var data = this.getDefaultData();
-      var iconType = 'material-icons'; // Material Icon delimiter is _
+      var iconType = 'material-icons';
+      // Material Icon delimiter is _
       // https://material.io/icons/
-
       var delimiterIndex = icon.indexOf('-');
       var isMaterialIcon = delimiterIndex <= -1;
-
       if (isMaterialIcon) {
         // Material icon uses ligatures.
         newChildren.push(icon);
@@ -146,7 +130,6 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
         iconType = icon.slice(0, delimiterIndex);
         if (isFontAwesome5(iconType)) iconType = '';
       }
-
       data.class[iconType] = true;
       data.class[icon] = !isMaterialIcon;
       var fontSize = this.getSize();
@@ -167,7 +150,6 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
         }
       };
       var size = this.getSize();
-
       if (size) {
         svgData.style = {
           fontSize: size,
@@ -175,7 +157,6 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
           width: size
         };
       }
-
       return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [h('svg', svgData, [h('path', {
         attrs: {
           d: icon
@@ -189,7 +170,6 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
         }
       };
       var size = this.getSize();
-
       if (size) {
         data.style = {
           fontSize: size,
@@ -197,7 +177,6 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
           width: size
         };
       }
-
       this.applyColors(data);
       var component = icon.component;
       data.props = icon.props;
@@ -207,39 +186,32 @@ var KIcon = (0, _mixins.default)(_bindsAttrs.default, _colorable.default, _sizea
   },
   render: function render(h) {
     var icon = this.getIcon();
-
     if (typeof icon === 'string') {
       if (isSvgPath(icon)) {
         return this.renderSvgIcon(icon, h);
       }
-
       return this.renderFontIcon(icon, h);
     }
-
     return this.renderSvgIconComponent(icon, h);
   }
 });
-
-var _default = _kdu.default.extend({
+var _default = exports.default = _kdu.default.extend({
   name: 'k-icon',
   $_wrapperFor: KIcon,
   functional: true,
   render: function render(h, _ref) {
     var data = _ref.data,
-        children = _ref.children;
-    var iconName = ''; // Support usage of k-text and k-html
-
+      children = _ref.children;
+    var iconName = '';
+    // Support usage of k-text and k-html
     if (data.domProps) {
-      iconName = data.domProps.textContent || data.domProps.innerHTML || iconName; // Remove nodes so it doesn't
+      iconName = data.domProps.textContent || data.domProps.innerHTML || iconName;
+      // Remove nodes so it doesn't
       // overwrite our changes
-
       delete data.domProps.textContent;
       delete data.domProps.innerHTML;
     }
-
     return h(KIcon, data, iconName ? [iconName] : children);
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KIcon.js.map

package/es5/components/KIcon/KIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KIcon/KIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import './KIcon.sass'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport Sizeable from '../../mixins/sizeable'\nimport Themeable from '../../mixins/themeable'\n\n// Util\nimport { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'\n\n// Types\nimport Kdu, { CreateElement, KNode, KNodeChildren, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { KdutifyIcon, KdutifyIconComponent } from 'kdutify/types/services/icons'\n\nenum SIZE_MAP {\n  xSmall = '12px',\n  small = '16px',\n  default = '24px',\n  medium = '28px',\n  large = '36px',\n  xLarge = '40px'\n}\n\nfunction isFontAwesome5 (iconType: string): boolean {\n  return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(val => iconType.includes(val))\n}\n\nfunction isSvgPath (icon: string): boolean {\n  return (/^[mzlhvcsqta]\\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\\dz]$/i.test(icon) && icon.length > 4)\n}\n\nconst KIcon = mixins(\n  BindsAttrs,\n  Colorable,\n  Sizeable,\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-icon',\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    left: Boolean,\n    right: Boolean,\n    size: [Number, String],\n    tag: {\n      type: String,\n      required: false,\n      default: 'i',\n    },\n  },\n\n  computed: {\n    medium () {\n      return false\n    },\n    hasClickListener (): boolean {\n      return Boolean(\n        this.listeners$.click || this.listeners$['!click']\n      )\n    },\n  },\n\n  methods: {\n    getIcon (): KdutifyIcon {\n      let iconName = ''\n      if (this.$slots.default) iconName = this.$slots.default[0].text!.trim()\n\n      return remapInternalIcon(this, iconName)\n    },\n    getSize (): string | undefined {\n      const sizes = {\n        xSmall: this.xSmall,\n        small: this.small,\n        medium: this.medium,\n        large: this.large,\n        xLarge: this.xLarge,\n      }\n\n      const explicitSize = keys(sizes).find(key => sizes[key])\n\n      return (\n        (explicitSize && SIZE_MAP[explicitSize]) || convertToUnit(this.size)\n      )\n    },\n    // Component data for both font icon and SVG wrapper span\n    getDefaultData (): KNodeData {\n      return {\n        staticClass: 'k-icon notranslate',\n        class: {\n          'k-icon--disabled': this.disabled,\n          'k-icon--left': this.left,\n          'k-icon--link': this.hasClickListener,\n          'k-icon--right': this.right,\n          'k-icon--dense': this.dense,\n        },\n        attrs: {\n          'aria-hidden': !this.hasClickListener,\n          disabled: this.hasClickListener && this.disabled,\n          type: this.hasClickListener ? 'button' : undefined,\n          ...this.attrs$,\n        },\n        on: this.listeners$,\n      }\n    },\n    getSvgWrapperData () {\n      const fontSize = this.getSize()\n      const wrapperData = {\n        ...this.getDefaultData(),\n        style: fontSize ? {\n          fontSize,\n          height: fontSize,\n          width: fontSize,\n        } : undefined,\n      }\n      this.applyColors(wrapperData)\n\n      return wrapperData\n    },\n    applyColors (data: KNodeData): void {\n      data.class = { ...data.class, ...this.themeClasses }\n      this.setTextColor(this.color, data)\n    },\n    renderFontIcon (icon: string, h: CreateElement): KNode {\n      const newChildren: KNodeChildren = []\n      const data = this.getDefaultData()\n\n      let iconType = 'material-icons'\n      // Material Icon delimiter is _\n      // https://material.io/icons/\n      const delimiterIndex = icon.indexOf('-')\n      const isMaterialIcon = delimiterIndex <= -1\n\n      if (isMaterialIcon) {\n        // Material icon uses ligatures.\n        newChildren.push(icon)\n      } else {\n        iconType = icon.slice(0, delimiterIndex)\n        if (isFontAwesome5(iconType)) iconType = ''\n      }\n\n      data.class[iconType] = true\n      data.class[icon] = !isMaterialIcon\n\n      const fontSize = this.getSize()\n      if (fontSize) data.style = { fontSize }\n\n      this.applyColors(data)\n\n      return h(this.hasClickListener ? 'button' : this.tag, data, newChildren)\n    },\n    renderSvgIcon (icon: string, h: CreateElement): KNode {\n      const svgData: KNodeData = {\n        class: 'k-icon__svg',\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: '0 0 24 24',\n          role: 'img',\n          'aria-hidden': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        svgData.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h('svg', svgData, [\n          h('path', {\n            attrs: {\n              d: icon,\n            },\n          }),\n        ]),\n      ])\n    },\n    renderSvgIconComponent (\n      icon: KdutifyIconComponent,\n      h: CreateElement\n    ): KNode {\n      const data: KNodeData = {\n        class: {\n          'k-icon__component': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        data.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      this.applyColors(data)\n\n      const component = icon.component\n      data.props = icon.props\n      data.nativeOn = data.on\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h(component, data),\n      ])\n    },\n  },\n\n  render (h: CreateElement): KNode {\n    const icon = this.getIcon()\n\n    if (typeof icon === 'string') {\n      if (isSvgPath(icon)) {\n        return this.renderSvgIcon(icon, h)\n      }\n      return this.renderFontIcon(icon, h)\n    }\n\n    return this.renderSvgIconComponent(icon, h)\n  },\n})\n\nexport default Kdu.extend({\n  name: 'k-icon',\n\n  $_wrapperFor: KIcon,\n\n  functional: true,\n\n  render (h, { data, children }): KNode {\n    let iconName = ''\n\n    // Support usage of k-text and k-html\n    if (data.domProps) {\n      iconName = data.domProps.textContent ||\n        data.domProps.innerHTML ||\n        iconName\n\n      // Remove nodes so it doesn't\n      // overwrite our changes\n      delete data.domProps.textContent\n      delete data.domProps.innerHTML\n    }\n\n    return h(KIcon, data, iconName ? [iconName] : children)\n  },\n})\n"],"sourceRoot":"","file":"KIcon.js"}
+{"version":3,"sources":["../../../src/components/KIcon/KIcon.ts"],"names":[],"mappings":"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","sourcesContent":["import './KIcon.sass'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport Sizeable from '../../mixins/sizeable'\nimport Themeable from '../../mixins/themeable'\n\n// Util\nimport { convertToUnit, keys, remapInternalIcon } from '../../util/helpers'\n\n// Types\nimport Kdu, { CreateElement, KNode, KNodeChildren, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { KdutifyIcon, KdutifyIconComponent } from 'kdutify/types/services/icons'\n\nenum SIZE_MAP {\n  xSmall = '12px',\n  small = '16px',\n  default = '24px',\n  medium = '28px',\n  large = '36px',\n  xLarge = '40px'\n}\n\nfunction isFontAwesome5 (iconType: string): boolean {\n  return ['fas', 'far', 'fal', 'fab', 'fad', 'fak'].some(val => iconType.includes(val))\n}\n\nfunction isSvgPath (icon: string): boolean {\n  return (/^[mzlhvcsqta]\\s*[-+.0-9][^mlhvzcsqta]+/i.test(icon) && /[\\dz]$/i.test(icon) && icon.length > 4)\n}\n\nconst KIcon = mixins(\n  BindsAttrs,\n  Colorable,\n  Sizeable,\n  Themeable\n  /* @kdujs/component */\n).extend({\n  name: 'k-icon',\n\n  props: {\n    dense: Boolean,\n    disabled: Boolean,\n    left: Boolean,\n    right: Boolean,\n    size: [Number, String],\n    tag: {\n      type: String,\n      required: false,\n      default: 'i',\n    },\n  },\n\n  computed: {\n    medium () {\n      return false\n    },\n    hasClickListener (): boolean {\n      return Boolean(\n        this.listeners$.click || this.listeners$['!click']\n      )\n    },\n  },\n\n  methods: {\n    getIcon (): KdutifyIcon {\n      let iconName = ''\n      if (this.$slots.default) iconName = this.$slots.default[0].text!.trim()\n\n      return remapInternalIcon(this, iconName)\n    },\n    getSize (): string | undefined {\n      const sizes = {\n        xSmall: this.xSmall,\n        small: this.small,\n        medium: this.medium,\n        large: this.large,\n        xLarge: this.xLarge,\n      }\n\n      const explicitSize = keys(sizes).find(key => sizes[key])\n\n      return (\n        (explicitSize && SIZE_MAP[explicitSize]) || convertToUnit(this.size)\n      )\n    },\n    // Component data for both font icon and SVG wrapper span\n    getDefaultData (): KNodeData {\n      return {\n        staticClass: 'k-icon notranslate',\n        class: {\n          'k-icon--disabled': this.disabled,\n          'k-icon--left': this.left,\n          'k-icon--link': this.hasClickListener,\n          'k-icon--right': this.right,\n          'k-icon--dense': this.dense,\n        },\n        attrs: {\n          'aria-hidden': !this.hasClickListener,\n          disabled: this.hasClickListener && this.disabled,\n          type: this.hasClickListener ? 'button' : undefined,\n          ...this.attrs$,\n        },\n        on: this.listeners$,\n      }\n    },\n    getSvgWrapperData () {\n      const fontSize = this.getSize()\n      const wrapperData = {\n        ...this.getDefaultData(),\n        style: fontSize ? {\n          fontSize,\n          height: fontSize,\n          width: fontSize,\n        } : undefined,\n      }\n      this.applyColors(wrapperData)\n\n      return wrapperData\n    },\n    applyColors (data: KNodeData): void {\n      data.class = { ...data.class, ...this.themeClasses }\n      this.setTextColor(this.color, data)\n    },\n    renderFontIcon (icon: string, h: CreateElement): KNode {\n      const newChildren: KNodeChildren = []\n      const data = this.getDefaultData()\n\n      let iconType = 'material-icons'\n      // Material Icon delimiter is _\n      // https://material.io/icons/\n      const delimiterIndex = icon.indexOf('-')\n      const isMaterialIcon = delimiterIndex <= -1\n\n      if (isMaterialIcon) {\n        // Material icon uses ligatures.\n        newChildren.push(icon)\n      } else {\n        iconType = icon.slice(0, delimiterIndex)\n        if (isFontAwesome5(iconType)) iconType = ''\n      }\n\n      data.class[iconType] = true\n      data.class[icon] = !isMaterialIcon\n\n      const fontSize = this.getSize()\n      if (fontSize) data.style = { fontSize }\n\n      this.applyColors(data)\n\n      return h(this.hasClickListener ? 'button' : this.tag, data, newChildren)\n    },\n    renderSvgIcon (icon: string, h: CreateElement): KNode {\n      const svgData: KNodeData = {\n        class: 'k-icon__svg',\n        attrs: {\n          xmlns: 'http://www.w3.org/2000/svg',\n          viewBox: '0 0 24 24',\n          role: 'img',\n          'aria-hidden': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        svgData.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h('svg', svgData, [\n          h('path', {\n            attrs: {\n              d: icon,\n            },\n          }),\n        ]),\n      ])\n    },\n    renderSvgIconComponent (\n      icon: KdutifyIconComponent,\n      h: CreateElement\n    ): KNode {\n      const data: KNodeData = {\n        class: {\n          'k-icon__component': true,\n        },\n      }\n\n      const size = this.getSize()\n      if (size) {\n        data.style = {\n          fontSize: size,\n          height: size,\n          width: size,\n        }\n      }\n\n      this.applyColors(data)\n\n      const component = icon.component\n      data.props = icon.props\n      data.nativeOn = data.on\n\n      return h(this.hasClickListener ? 'button' : 'span', this.getSvgWrapperData(), [\n        h(component, data),\n      ])\n    },\n  },\n\n  render (h: CreateElement): KNode {\n    const icon = this.getIcon()\n\n    if (typeof icon === 'string') {\n      if (isSvgPath(icon)) {\n        return this.renderSvgIcon(icon, h)\n      }\n      return this.renderFontIcon(icon, h)\n    }\n\n    return this.renderSvgIconComponent(icon, h)\n  },\n})\n\nexport default Kdu.extend({\n  name: 'k-icon',\n\n  $_wrapperFor: KIcon,\n\n  functional: true,\n\n  render (h, { data, children }): KNode {\n    let iconName = ''\n\n    // Support usage of k-text and k-html\n    if (data.domProps) {\n      iconName = data.domProps.textContent ||\n        data.domProps.innerHTML ||\n        iconName\n\n      // Remove nodes so it doesn't\n      // overwrite our changes\n      delete data.domProps.textContent\n      delete data.domProps.innerHTML\n    }\n\n    return h(KIcon, data, iconName ? [iconName] : children)\n  },\n})\n"],"sourceRoot":"","file":"KIcon.js"}

package/es5/components/KIcon/index.js

@@ -10,11 +10,7 @@ Object.defineProperty(exports, "KIcon", {
   }
 });
 exports.default = void 0;
-
 var _KIcon = _interopRequireDefault(require("./KIcon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _KIcon.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _KIcon.default;
 //# sourceMappingURL=index.js.map

package/es5/components/KIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KIcon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,c","sourcesContent":["import KIcon from './KIcon'\n\nexport { KIcon }\nexport default KIcon\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KIcon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,IAAA,MAAA,GAAA,sBAAA,CAAA,OAAA;AAA2B,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAGZ,cAAK","sourcesContent":["import KIcon from './KIcon'\n\nexport { KIcon }\nexport default KIcon\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KImg/KImg.js

@@ -4,29 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-require("..\\..\\..\\src\\components\\KImg\\KImg.sass");
-
+require("../../../src/components/KImg/KImg.sass");
 var _intersect = _interopRequireDefault(require("../../directives/intersect"));
-
 var _KResponsive = _interopRequireDefault(require("../KResponsive"));
-
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
-
 var _console = require("../../util/console");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _helpers = require("../../util/helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } // Styles
+// Directives
+// Components
+// Mixins
+// Utils
 var hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window;
 /* @kdujs/component */
-
-var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).extend({
+var _default2 = exports.default = (0, _mixins.default)(_KResponsive.default, _themeable.default).extend({
   name: 'k-img',
   directives: {
     intersect: _intersect.default
@@ -111,7 +105,6 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
         key: +this.isLoading
       });
       /* istanbul ignore if */
-
       if (!this.transition) return image;
       return this.$createElement('transition', {
         attrs: {
@@ -137,22 +130,18 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
       // observer api, the image is not observable, and
       // the eager prop isn't being used, do not load
       if (hasIntersect && !isIntersecting && !this.eager) return;
-
       if (this.normalisedSrc.lazySrc) {
         var lazyImg = new Image();
         lazyImg.src = this.normalisedSrc.lazySrc;
         this.pollForSize(lazyImg, null);
       }
       /* istanbul ignore else */
-
-
       if (this.normalisedSrc.src) this.loadImage();
     },
     onLoad: function onLoad() {
       this.getSrc();
       this.isLoading = false;
       this.$emit('load', this.src);
-
       if (this.image && (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))) {
         if (this.image.naturalHeight && this.image.naturalWidth) {
           this.naturalWidth = this.image.naturalWidth;
@@ -172,10 +161,8 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
     },
     loadImage: function loadImage() {
       var _this = this;
-
       var image = new Image();
       this.image = image;
-
       image.onload = function () {
         /* istanbul ignore if */
         if (image.decode) {
@@ -186,7 +173,6 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
           _this.onLoad();
         }
       };
-
       image.onerror = this.onError;
       this.hasError = false;
       this.sizes && (image.sizes = this.sizes);
@@ -198,26 +184,21 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
     },
     pollForSize: function pollForSize(img) {
       var _this2 = this;
-
       var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
-
-      var poll = function poll() {
+      var _poll = function poll() {
         var naturalHeight = img.naturalHeight,
-            naturalWidth = img.naturalWidth;
-
+          naturalWidth = img.naturalWidth;
         if (naturalHeight || naturalWidth) {
           _this2.naturalWidth = naturalWidth;
           _this2.calculatedAspectRatio = naturalWidth / naturalHeight;
         } else if (!img.complete && _this2.isLoading && !_this2.hasError && timeout != null) {
-          setTimeout(poll, timeout);
+          setTimeout(_poll, timeout);
         }
       };
-
-      poll();
+      _poll();
     },
     genContent: function genContent() {
       var content = _KResponsive.default.options.methods.genContent.call(this);
-
       if (this.naturalWidth) {
         this._b(content.data, 'div', {
           style: {
@@ -225,14 +206,14 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
           }
         });
       }
-
       return content;
     },
     __genPlaceholder: function __genPlaceholder() {
-      if (this.$slots.placeholder) {
+      var slot = (0, _helpers.getSlot)(this, 'placeholder');
+      if (slot) {
         var placeholder = this.isLoading ? [this.$createElement('div', {
           staticClass: 'k-image__placeholder'
-        }, this.$slots.placeholder)] : [];
+        }, slot)] : [];
         if (!this.transition) return placeholder[0];
         return this.$createElement('transition', {
           props: {
@@ -245,7 +226,6 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
   },
   render: function render(h) {
     var node = _KResponsive.default.options.render.call(this, h);
-
     var data = (0, _mergeData.default)(node.data, {
       staticClass: 'k-image',
       attrs: {
@@ -270,6 +250,4 @@ var _default2 = (0, _mixins.default)(_KResponsive.default, _themeable.default).e
     return h(node.tag, data, node.children);
   }
 });
-
-exports.default = _default2;
 //# sourceMappingURL=KImg.js.map

package/es5/components/KImg/KImg.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KImg/KImg.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAOA;;AAGA;;AAGA;;AACA;;AACA;;;;;;AAUA,IAAM,YAAY,GAAG,OAAO,MAAP,KAAkB,WAAlB,IAAiC,0BAA0B,MAAhF;AAEA;;gBACe,qBACb,oBADa,EAEb,kBAFa,EAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,UAAU,EAAE;AAAE,IAAA,SAAS,EAAT;AAAF,GAHL;AAKP,EAAA,KAAK,EAAE;AACL,IAAA,GAAG,EAAE,MADA;AAEL,IAAA,OAAO,EAAE,OAFJ;AAGL,IAAA,KAAK,EAAE,OAHF;AAIL,IAAA,QAAQ,EAAE,MAJL;AAKL,IAAA,OAAO,EAAE,MALJ;AAML,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP;AACA;AACA,MAAA,OAAO,EAAE;AAAA,eAAO;AACd,UAAA,IAAI,EAAE,SADQ;AAEd,UAAA,UAAU,EAAE,SAFE;AAGd,UAAA,SAAS,EAAE;AAHG,SAAP;AAAA;AAJF,KANJ;AAgBL,IAAA,QAAQ,EAAE;AACR,MAAA,IAAI,EAAE,MADE;AAER,MAAA,OAAO,EAAE;AAFD,KAhBL;AAoBL,IAAA,KAAK,EAAE,MApBF;AAqBL,IAAA,GAAG,EAAE;AACH,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADH;AAEH,MAAA,OAAO,EAAE;AAFN,KArBA;AAyBL,IAAA,MAAM,EAAE,MAzBH;AA0BL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADI;AAEV,MAAA,OAAO,EAAE;AAFC;AA1BP,GALA;AAqCP,EAAA,IArCO,kBAqCH;AACF,WAAO;AACL,MAAA,UAAU,EAAE,EADP;AAEL,MAAA,KAAK,EAAE,IAFF;AAGL,MAAA,SAAS,EAAE,IAHN;AAIL,MAAA,qBAAqB,EAAE,SAJlB;AAKL,MAAA,YAAY,EAAE,SALT;AAML,MAAA,QAAQ,EAAE;AANL,KAAP;AAQD,GA9CM;AAgDP,EAAA,QAAQ,EAAE;AACR,IAAA,mBADQ,iCACW;AACjB,aAAO,MAAM,CAAC,KAAK,aAAL,CAAmB,MAAnB,IAA6B,KAAK,qBAAnC,CAAb;AACD,KAHO;AAIR,IAAA,aAJQ,2BAIK;AACX,aAAO,KAAK,GAAL,IAAY,QAAO,KAAK,GAAZ,MAAoB,QAAhC,GACH;AACA,QAAA,GAAG,EAAE,KAAK,GAAL,CAAS,GADd;AAEA,QAAA,MAAM,EAAE,KAAK,MAAL,IAAe,KAAK,GAAL,CAAS,MAFhC;AAGA,QAAA,OAAO,EAAE,KAAK,OAAL,IAAgB,KAAK,GAAL,CAAS,OAHlC;AAIA,QAAA,MAAM,EAAE,MAAM,CAAC,KAAK,WAAL,IAAoB,KAAK,GAAL,CAAS,MAA9B;AAJd,OADG,GAMD;AACF,QAAA,GAAG,EAAE,KAAK,GADR;AAEF,QAAA,MAAM,EAAE,KAAK,MAFX;AAGF,QAAA,OAAO,EAAE,KAAK,OAHZ;AAIF,QAAA,MAAM,EAAE,MAAM,CAAC,KAAK,WAAL,IAAoB,CAArB;AAJZ,OANN;AAYD,KAjBO;AAkBR,IAAA,aAlBQ,2BAkBK;AACX,UAAI,EAAE,KAAK,aAAL,CAAmB,GAAnB,IAA0B,KAAK,aAAL,CAAmB,OAA7C,IAAwD,KAAK,QAA/D,CAAJ,EAA8E,OAAO,EAAP;AAE9E,UAAM,eAAe,GAAa,EAAlC;AACA,UAAM,GAAG,GAAG,KAAK,SAAL,GAAiB,KAAK,aAAL,CAAmB,OAApC,GAA8C,KAAK,UAA/D;AAEA,UAAI,KAAK,QAAT,EAAmB,eAAe,CAAC,IAAhB,2BAAwC,KAAK,QAA7C;AACnB,UAAI,GAAJ,EAAS,eAAe,CAAC,IAAhB,iBAA6B,GAA7B;AAET,UAAM,KAAK,GAAG,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACvC,QAAA,WAAW,EAAE,gBAD0B;AAEvC,QAAA,KAAK,EAAE;AACL,qCAA2B,KAAK,SAD3B;AAEL,qCAA2B,KAAK,OAF3B;AAGL,mCAAyB,CAAC,KAAK;AAH1B,SAFgC;AAOvC,QAAA,KAAK,EAAE;AACL,UAAA,eAAe,EAAE,eAAe,CAAC,IAAhB,CAAqB,IAArB,CADZ;AAEL,UAAA,kBAAkB,EAAE,KAAK;AAFpB,SAPgC;AAWvC,QAAA,GAAG,EAAE,CAAC,KAAK;AAX4B,OAA3B,CAAd;AAcA;;AACA,UAAI,CAAC,KAAK,UAAV,EAAsB,OAAO,KAAP;AAEtB,aAAO,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACvC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE,KAAK,UADN;AAEL,UAAA,IAAI,EAAE;AAFD;AADgC,OAAlC,EAKJ,CAAC,KAAD,CALI,CAAP;AAMD;AAlDO,GAhDH;AAqGP,EAAA,KAAK,EAAE;AACL,IAAA,GADK,iBACF;AACD;AACA,UAAI,CAAC,KAAK,SAAV,EAAqB,KAAK,IAAL,CAAU,SAAV,EAAqB,SAArB,EAAgC,IAAhC,EAArB,KACK,KAAK,SAAL;AACN,KALI;AAML,iCAA6B;AANxB,GArGA;AA8GP,EAAA,OA9GO,qBA8GA;AACL,SAAK,IAAL;AACD,GAhHM;AAkHP,EAAA,OAAO,EAAE;AACP,IAAA,IADO,gBAEL,OAFK,EAGL,QAHK,EAIL,cAJK,EAImB;AAExB;AACA;AACA;AACA,UACE,YAAY,IACZ,CAAC,cADD,IAEA,CAAC,KAAK,KAHR,EAIE;;AAEF,UAAI,KAAK,aAAL,CAAmB,OAAvB,EAAgC;AAC9B,YAAM,OAAO,GAAG,IAAI,KAAJ,EAAhB;AACA,QAAA,OAAO,CAAC,GAAR,GAAc,KAAK,aAAL,CAAmB,OAAjC;AACA,aAAK,WAAL,CAAiB,OAAjB,EAA0B,IAA1B;AACD;AACD;;;AACA,UAAI,KAAK,aAAL,CAAmB,GAAvB,EAA4B,KAAK,SAAL;AAC7B,KAtBM;AAuBP,IAAA,MAvBO,oBAuBD;AACJ,WAAK,MAAL;AACA,WAAK,SAAL,GAAiB,KAAjB;AACA,WAAK,KAAL,CAAW,MAAX,EAAmB,KAAK,GAAxB;;AAEA,UACE,KAAK,KAAL,KACC,KAAK,aAAL,CAAmB,GAAnB,CAAuB,QAAvB,CAAgC,MAAhC,KAA2C,KAAK,aAAL,CAAmB,GAAnB,CAAuB,UAAvB,CAAkC,oBAAlC,CAD5C,CADF,EAGE;AACA,YAAI,KAAK,KAAL,CAAW,aAAX,IAA4B,KAAK,KAAL,CAAW,YAA3C,EAAyD;AACvD,eAAK,YAAL,GAAoB,KAAK,KAAL,CAAW,YAA/B;AACA,eAAK,qBAAL,GAA6B,KAAK,KAAL,CAAW,YAAX,GAA0B,KAAK,KAAL,CAAW,aAAlE;AACD,SAHD,MAGO;AACL,eAAK,qBAAL,GAA6B,CAA7B;AACD;AACF;AACF,KAvCM;AAwCP,IAAA,OAxCO,qBAwCA;AACL,WAAK,QAAL,GAAgB,IAAhB;AACA,WAAK,KAAL,CAAW,OAAX,EAAoB,KAAK,GAAzB;AACD,KA3CM;AA4CP,IAAA,MA5CO,oBA4CD;AACJ;AACA,UAAI,KAAK,KAAT,EAAgB,KAAK,UAAL,GAAkB,KAAK,KAAL,CAAW,UAAX,IAAyB,KAAK,KAAL,CAAW,GAAtD;AACjB,KA/CM;AAgDP,IAAA,SAhDO,uBAgDE;AAAA;;AACP,UAAM,KAAK,GAAG,IAAI,KAAJ,EAAd;AACA,WAAK,KAAL,GAAa,KAAb;;AAEA,MAAA,KAAK,CAAC,MAAN,GAAe,YAAK;AAClB;AACA,YAAI,KAAK,CAAC,MAAV,EAAkB;AAChB,UAAA,KAAK,CAAC,MAAN,GAAe,KAAf,CAAqB,UAAC,GAAD,EAAsB;AACzC,sCACE,uEACQ,KAAI,CAAC,aAAL,CAAmB,GAD3B,KAEC,GAAG,CAAC,OAAJ,+BAAmC,GAAG,CAAC,OAAvC,IAAmD,EAFpD,CADF,EAIE,KAJF;AAMD,WAPD,EAOG,IAPH,CAOQ,KAAI,CAAC,MAPb;AAQD,SATD,MASO;AACL,UAAA,KAAI,CAAC,MAAL;AACD;AACF,OAdD;;AAeA,MAAA,KAAK,CAAC,OAAN,GAAgB,KAAK,OAArB;AAEA,WAAK,QAAL,GAAgB,KAAhB;AACA,WAAK,KAAL,KAAe,KAAK,CAAC,KAAN,GAAc,KAAK,KAAlC;AACA,WAAK,aAAL,CAAmB,MAAnB,KAA8B,KAAK,CAAC,MAAN,GAAe,KAAK,aAAL,CAAmB,MAAhE;AACA,MAAA,KAAK,CAAC,GAAN,GAAY,KAAK,aAAL,CAAmB,GAA/B;AACA,WAAK,KAAL,CAAW,WAAX,EAAwB,KAAK,aAAL,CAAmB,GAA3C;AAEA,WAAK,WAAL,IAAoB,KAAK,WAAL,CAAiB,KAAjB,CAApB;AACA,WAAK,MAAL;AACD,KA7EM;AA8EP,IAAA,WA9EO,uBA8EM,GA9EN,EA8EyD;AAAA;;AAAA,UAA5B,OAA4B,uEAAH,GAAG;;AAC9D,UAAM,IAAI,GAAG,SAAP,IAAO,GAAK;AAAA,YACR,aADQ,GACwB,GADxB,CACR,aADQ;AAAA,YACO,YADP,GACwB,GADxB,CACO,YADP;;AAGhB,YAAI,aAAa,IAAI,YAArB,EAAmC;AACjC,UAAA,MAAI,CAAC,YAAL,GAAoB,YAApB;AACA,UAAA,MAAI,CAAC,qBAAL,GAA6B,YAAY,GAAG,aAA5C;AACD,SAHD,MAGO,IAAI,CAAC,GAAG,CAAC,QAAL,IAAiB,MAAI,CAAC,SAAtB,IAAmC,CAAC,MAAI,CAAC,QAAzC,IAAqD,OAAO,IAAI,IAApE,EAA0E;AAC/E,UAAA,UAAU,CAAC,IAAD,EAAO,OAAP,CAAV;AACD;AACF,OATD;;AAWA,MAAA,IAAI;AACL,KA3FM;AA4FP,IAAA,UA5FO,wBA4FG;AACR,UAAM,OAAO,GAAU,qBAAY,OAAZ,CAAoB,OAApB,CAA4B,UAA5B,CAAuC,IAAvC,CAA4C,IAA5C,CAAvB;;AACA,UAAI,KAAK,YAAT,EAAuB;AACrB,aAAK,EAAL,CAAQ,OAAO,CAAC,IAAhB,EAAuB,KAAvB,EAA8B;AAC5B,UAAA,KAAK,EAAE;AAAE,YAAA,KAAK,YAAK,KAAK,YAAV;AAAP;AADqB,SAA9B;AAGD;;AAED,aAAO,OAAP;AACD,KArGM;AAsGP,IAAA,gBAtGO,8BAsGS;AACd,UAAI,KAAK,MAAL,CAAY,WAAhB,EAA6B;AAC3B,YAAM,WAAW,GAAG,KAAK,SAAL,GAChB,CAAC,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAC5B,UAAA,WAAW,EAAE;AADe,SAA3B,EAEA,KAAK,MAAL,CAAY,WAFZ,CAAD,CADgB,GAIhB,EAJJ;AAMA,YAAI,CAAC,KAAK,UAAV,EAAsB,OAAO,WAAW,CAAC,CAAD,CAAlB;AAEtB,eAAO,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACvC,UAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,IADH;AAEL,YAAA,IAAI,EAAE,KAAK;AAFN;AADgC,SAAlC,EAKJ,WALI,CAAP;AAMD;AACF;AAvHM,GAlHF;AA4OP,EAAA,MA5OO,kBA4OC,CA5OD,EA4OE;AACP,QAAM,IAAI,GAAG,qBAAY,OAAZ,CAAoB,MAApB,CAA2B,IAA3B,CAAgC,IAAhC,EAAsC,CAAtC,CAAb;;AAEA,QAAM,IAAI,GAAG,wBAAU,IAAI,CAAC,IAAf,EAAsB;AACjC,MAAA,WAAW,EAAE,SADoB;AAEjC,MAAA,KAAK,EAAE;AACL,sBAAc,KAAK,GADd;AAEL,QAAA,IAAI,EAAE,KAAK,GAAL,GAAW,KAAX,GAAmB;AAFpB,OAF0B;AAMjC,MAAA,KAAK,EAAE,KAAK,YANqB;AAOjC;AACA;AACA,MAAA,UAAU,EAAE,YAAY,GACpB,CAAC;AACD,QAAA,IAAI,EAAE,WADL;AAED,QAAA,SAAS,EAAE;AAAE,UAAA,IAAI,EAAE;AAAR,SAFV;AAGD,QAAA,KAAK,EAAE;AACL,UAAA,OAAO,EAAE,KAAK,IADT;AAEL,UAAA,OAAO,EAAE,KAAK;AAFT;AAHN,OAAD,CADoB,GASpB;AAlB6B,KAAtB,CAAb;AAqBA,IAAA,IAAI,CAAC,QAAL,GAAgB,CACd,KAAK,aADS,EAEd,KAAK,aAFS,EAGd,KAAK,gBAAL,EAHc,EAId,KAAK,UAAL,EAJc,CAAhB;AAOA,WAAO,CAAC,CAAC,IAAI,CAAC,GAAN,EAAW,IAAX,EAAiB,IAAI,CAAC,QAAtB,CAAR;AACD;AA5QM,CAHM,C","sourcesContent":["// Styles\nimport './KImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\n// Components\nimport KResponsive from '../KResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\n\n// not intended for public use, this is passed in by kdutify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @kdujs/component */\nexport default mixins(\n  KResponsive,\n  Themeable,\n).extend({\n  name: 'k-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): KNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'k-image__image',\n        class: {\n          'k-image__image--preload': this.isLoading,\n          'k-image__image--contain': this.contain,\n          'k-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$kdutify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n\n      if (\n        this.image &&\n        (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n      ) {\n        if (this.image.naturalHeight && this.image.naturalWidth) {\n          this.naturalWidth = this.image.naturalWidth\n          this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n        } else {\n          this.calculatedAspectRatio = 1\n        }\n      }\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n      image.src = this.normalisedSrc.src\n      this.$emit('loadstart', this.normalisedSrc.src)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n          setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: KNode = KResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): KNode | void {\n      if (this.$slots.placeholder) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'k-image__placeholder',\n          }, this.$slots.placeholder)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): KNode {\n    const node = KResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'k-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as KNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"KImg.js"}
+{"version":3,"sources":["../../../src/components/KImg/KImg.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\n// Components\nimport KResponsive from '../KResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// not intended for public use, this is passed in by kdutify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @kdujs/component */\nexport default mixins(\n  KResponsive,\n  Themeable,\n).extend({\n  name: 'k-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): KNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'k-image__image',\n        class: {\n          'k-image__image--preload': this.isLoading,\n          'k-image__image--contain': this.contain,\n          'k-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$kdutify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n\n      if (\n        this.image &&\n        (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n      ) {\n        if (this.image.naturalHeight && this.image.naturalWidth) {\n          this.naturalWidth = this.image.naturalWidth\n          this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n        } else {\n          this.calculatedAspectRatio = 1\n        }\n      }\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n      image.src = this.normalisedSrc.src\n      this.$emit('loadstart', this.normalisedSrc.src)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n          setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: KNode = KResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): KNode | void {\n      const slot = getSlot(this, 'placeholder')\n      if (slot) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'k-image__placeholder',\n          }, slot)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): KNode {\n    const node = KResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'k-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as KNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"KImg.js"}

package/es5/components/KImg/index.js

@@ -10,11 +10,7 @@ Object.defineProperty(exports, "KImg", {
   }
 });
 exports.default = void 0;
-
 var _KImg = _interopRequireDefault(require("./KImg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _KImg.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _KImg.default;
 //# sourceMappingURL=index.js.map

package/es5/components/KImg/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KImg/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,a","sourcesContent":["import KImg from './KImg'\n\nexport { KImg }\nexport default KImg\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KImg/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,IAAA,KAAA,GAAA,sBAAA,CAAA,OAAA;AAAyB,SAAA,uBAAA,CAAA,WAAA,CAAA,IAAA,CAAA,CAAA,UAAA,GAAA,CAAA,KAAA,OAAA,EAAA,CAAA;AAAA,IAAA,QAAA,GAAA,OAAA,CAAA,OAAA,GAGV,aAAI","sourcesContent":["import KImg from './KImg'\n\nexport { KImg }\nexport default KImg\n"],"sourceRoot":"","file":"index.js"}