kdutify 2.6.1 → 2.7.2

package/es5/components/KAlert/KAlert.js

@@ -4,35 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("..\\..\\..\\src\\components\\KAlert\\KAlert.sass");
-
 var _KSheet = _interopRequireDefault(require("../KSheet"));
-
 var _KBtn = _interopRequireDefault(require("../KBtn"));
-
 var _KIcon = _interopRequireDefault(require("../KIcon"));
-
 var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
-
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
-
 var _transitionable = _interopRequireDefault(require("../../mixins/transitionable"));
-
 var _mixins = _interopRequireDefault(require("../../util/mixins"));
-
 var _console = require("../../util/console");
-
-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; }
-
+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); }
+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); } // Styles
+// Extensions
+// Components
+// Mixins
+// Utilities
 /* @kdujs/component */
-var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _transitionable.default).extend({
+var _default = exports.default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _transitionable.default).extend({
   name: 'k-alert',
   props: {
     border: {
@@ -80,17 +74,14 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
         staticClass: 'k-alert__border',
         class: _defineProperty({}, "k-alert__border--".concat(this.border), true)
       };
-
       if (this.coloredBorder) {
         data = this.setBackgroundColor(this.computedColor, data);
         data.class['k-alert__border--has-color'] = true;
       }
-
       return this.$createElement('div', data);
     },
     __cachedDismissible: function __cachedDismissible() {
       var _this = this;
-
       if (!this.dismissible) return null;
       var color = this.iconColor;
       return this.$createElement(_KBtn.default, {
@@ -124,18 +115,16 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
       }, this.computedIcon);
     },
     classes: function classes() {
-      var classes = _objectSpread(_objectSpread({}, _KSheet.default.options.computed.classes.call(this)), {}, {
+      var classes = _objectSpread({}, _KSheet.default.options.computed.classes.call(this), {
         'k-alert--border': Boolean(this.border),
         'k-alert--dense': this.dense,
         'k-alert--outlined': this.outlined,
         'k-alert--prominent': this.prominent,
         'k-alert--text': this.text
       });
-
       if (this.border) {
         classes["k-alert--border-".concat(this.border)] = true;
       }
-
       return classes;
     },
     computedColor: function computedColor() {
@@ -169,7 +158,7 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
   },
   methods: {
     genWrapper: function genWrapper() {
-      var children = [this.$slots.prepend || this.__cachedIcon, this.genContent(), this.__cachedBorder, this.$slots.append, this.$scopedSlots.close ? this.$scopedSlots.close({
+      var children = [(0, _helpers.getSlot)(this, 'prepend') || this.__cachedIcon, this.genContent(), this.__cachedBorder, (0, _helpers.getSlot)(this, 'append'), this.$scopedSlots.close ? this.$scopedSlots.close({
         toggle: this.toggle
       }) : this.__cachedDismissible];
       var data = {
@@ -180,7 +169,7 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
     genContent: function genContent() {
       return this.$createElement('div', {
         staticClass: 'k-alert__content'
-      }, this.$slots.default);
+      }, (0, _helpers.getSlot)(this));
     },
     genAlert: function genAlert() {
       var data = {
@@ -196,17 +185,13 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
           value: this.isActive
         }]
       };
-
       if (!this.coloredBorder) {
         var setColor = this.hasText ? this.setTextColor : this.setBackgroundColor;
         data = setColor(this.computedColor, data);
       }
-
       return this.$createElement('div', data, [this.genWrapper()]);
     },
-
-    /** @public */
-    toggle: function toggle() {
+    /** @public */toggle: function toggle() {
       this.isActive = !this.isActive;
     }
   },
@@ -222,6 +207,4 @@ var _default = (0, _mixins.default)(_KSheet.default, _toggleable.default, _trans
     }, [render]);
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KAlert.js.map

package/es5/components/KAlert/KAlert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAlert/KAlert.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;AACA;;AAGA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;;;AAMA;eACe,qBACb,eADa,EAEb,mBAFa,EAGb,uBAHa,EAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,SADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,MADA;AAEN,MAAA,SAFM,qBAEK,GAFL,EAEgB;AACpB,eAAO,CACL,KADK,EAEL,OAFK,EAGL,QAHK,EAIL,MAJK,EAKL,QALK,CAKI,GALJ,CAAP;AAMD;AATK,KADH;AAYL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE,MADI;AAEV,MAAA,OAAO,EAAE;AAFC,KAZP;AAgBL,IAAA,aAAa,EAAE,OAhBV;AAiBL,IAAA,KAAK,EAAE,OAjBF;AAkBL,IAAA,WAAW,EAAE,OAlBR;AAmBL,IAAA,SAAS,EAAE;AACT,MAAA,IAAI,EAAE,MADG;AAET,MAAA,OAAO,EAAE;AAFA,KAnBN;AAuBL,IAAA,IAAI,EAAE;AACJ,MAAA,OAAO,EAAE,EADL;AAEJ,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CAFF;AAGJ,MAAA,SAHI,qBAGO,GAHP,EAG4B;AAC9B,eAAO,OAAO,GAAP,KAAe,QAAf,IAA2B,GAAG,KAAK,KAA1C;AACD;AALG,KAvBD;AA8BL,IAAA,QAAQ,EAAE,OA9BL;AA+BL,IAAA,SAAS,EAAE,OA/BN;AAgCL,IAAA,IAAI,EAAE,OAhCD;AAiCL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,MADF;AAEJ,MAAA,SAFI,qBAEO,GAFP,EAEkB;AACpB,eAAO,CACL,MADK,EAEL,OAFK,EAGL,SAHK,EAIL,SAJK,EAKL,QALK,CAKI,GALJ,CAAP;AAMD;AATG,KAjCD;AA4CL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AA5CF,GAHA;AAqDP,EAAA,QAAQ,EAAE;AACR,IAAA,cADQ,4BACM;AACZ,UAAI,CAAC,KAAK,MAAV,EAAkB,OAAO,IAAP;AAElB,UAAI,IAAI,GAAc;AACpB,QAAA,WAAW,EAAE,iBADO;AAEpB,QAAA,KAAK,iDACkB,KAAK,MADvB,GACkC,IADlC;AAFe,OAAtB;;AAOA,UAAI,KAAK,aAAT,EAAwB;AACtB,QAAA,IAAI,GAAG,KAAK,kBAAL,CAAwB,KAAK,aAA7B,EAA4C,IAA5C,CAAP;AACA,QAAA,IAAI,CAAC,KAAL,CAAW,4BAAX,IAA2C,IAA3C;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,CAAP;AACD,KAjBO;AAkBR,IAAA,mBAlBQ,iCAkBW;AAAA;;AACjB,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,IAAP;AAEvB,UAAM,KAAK,GAAG,KAAK,SAAnB;AAEA,aAAO,KAAK,cAAL,CAAoB,aAApB,EAA0B;AAC/B,QAAA,WAAW,EAAE,sBADkB;AAE/B,QAAA,KAAK,EAAE;AACL,UAAA,KAAK,EAAL,KADK;AAEL,UAAA,IAAI,EAAE,IAFD;AAGL,UAAA,KAAK,EAAE;AAHF,SAFwB;AAO/B,QAAA,KAAK,EAAE;AACL,wBAAc,KAAK,QAAL,CAAc,IAAd,CAAmB,CAAnB,CAAqB,KAAK,UAA1B;AADT,SAPwB;AAU/B,QAAA,EAAE,EAAE;AACF,UAAA,KAAK,EAAE;AAAA,mBAAO,KAAI,CAAC,QAAL,GAAgB,KAAvB;AAAA;AADL;AAV2B,OAA1B,EAaJ,CACD,KAAK,cAAL,CAAoB,cAApB,EAA2B;AACzB,QAAA,KAAK,EAAE;AAAE,UAAA,KAAK,EAAL;AAAF;AADkB,OAA3B,EAEG,KAAK,SAFR,CADC,CAbI,CAAP;AAkBD,KAzCO;AA0CR,IAAA,YA1CQ,0BA0CI;AACV,UAAI,CAAC,KAAK,YAAV,EAAwB,OAAO,IAAP;AAExB,aAAO,KAAK,cAAL,CAAoB,cAApB,EAA2B;AAChC,QAAA,WAAW,EAAE,eADmB;AAEhC,QAAA,KAAK,EAAE;AAAE,UAAA,KAAK,EAAE,KAAK;AAAd;AAFyB,OAA3B,EAGJ,KAAK,YAHD,CAAP;AAID,KAjDO;AAkDR,IAAA,OAlDQ,qBAkDD;AACL,UAAM,OAAO,mCACR,gBAAO,OAAP,CAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADQ;AAEX,2BAAmB,OAAO,CAAC,KAAK,MAAN,CAFf;AAGX,0BAAkB,KAAK,KAHZ;AAIX,6BAAqB,KAAK,QAJf;AAKX,8BAAsB,KAAK,SALhB;AAMX,yBAAiB,KAAK;AANX,QAAb;;AASA,UAAI,KAAK,MAAT,EAAiB;AACf,QAAA,OAAO,2BAAoB,KAAK,MAAzB,EAAP,GAA4C,IAA5C;AACD;;AAED,aAAO,OAAP;AACD,KAjEO;AAkER,IAAA,aAlEQ,2BAkEK;AACX,aAAO,KAAK,KAAL,IAAc,KAAK,IAA1B;AACD,KApEO;AAqER,IAAA,YArEQ,0BAqEI;AACV,UAAI,KAAK,IAAL,KAAc,KAAlB,EAAyB,OAAO,KAAP;AACzB,UAAI,OAAO,KAAK,IAAZ,KAAqB,QAArB,IAAiC,KAAK,IAA1C,EAAgD,OAAO,KAAK,IAAZ;AAChD,UAAI,CAAC,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,SAA7B,EAAwC,QAAxC,CAAiD,KAAK,IAAtD,CAAL,EAAkE,OAAO,KAAP;AAElE,wBAAW,KAAK,IAAhB;AACD,KA3EO;AA4ER,IAAA,cA5EQ,4BA4EM;AACZ,aACE,KAAK,OAAL,IACC,OAAO,CAAC,KAAK,MAAN,CAAP,IAAwB,KAAK,aAFhC;AAID,KAjFO;AAkFR,IAAA,OAlFQ,qBAkFD;AACL,aAAO,KAAK,IAAL,IAAa,KAAK,QAAzB;AACD,KApFO;AAqFR,IAAA,SArFQ,uBAqFC;AACP,aAAO,KAAK,cAAL,GAAsB,KAAK,aAA3B,GAA2C,SAAlD;AACD,KAvFO;AAwFR,IAAA,MAxFQ,oBAwFF;AACJ,UACE,KAAK,IAAL,IACA,CAAC,KAAK,aADN,IAEA,CAAC,KAAK,QAHR,EAIE,OAAO,IAAP;AAEF,aAAO,mBAAU,OAAV,CAAkB,QAAlB,CAA2B,MAA3B,CAAkC,IAAlC,CAAuC,IAAvC,CAAP;AACD;AAhGO,GArDH;AAwJP,EAAA,OAxJO,qBAwJA;AACL;AACA,QAAI,KAAK,MAAL,CAAY,cAAZ,CAA2B,SAA3B,CAAJ,EAA2C;AACzC,6BAAS,SAAT,EAAoB,UAApB,EAAgC,IAAhC;AACD;AACF,GA7JM;AA+JP,EAAA,OAAO,EAAE;AACP,IAAA,UADO,wBACG;AACR,UAAM,QAAQ,GAAG,CACf,KAAK,MAAL,CAAY,OAAZ,IAAuB,KAAK,YADb,EAEf,KAAK,UAAL,EAFe,EAGf,KAAK,cAHU,EAIf,KAAK,MAAL,CAAY,MAJG,EAKf,KAAK,YAAL,CAAkB,KAAlB,GACI,KAAK,YAAL,CAAkB,KAAlB,CAAwB;AAAE,QAAA,MAAM,EAAE,KAAK;AAAf,OAAxB,CADJ,GAEI,KAAK,mBAPM,CAAjB;AAUA,UAAM,IAAI,GAAc;AACtB,QAAA,WAAW,EAAE;AADS,OAAxB;AAIA,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,EAAiC,QAAjC,CAAP;AACD,KAjBM;AAkBP,IAAA,UAlBO,wBAkBG;AACR,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,QAAA,WAAW,EAAE;AADmB,OAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD,KAtBM;AAuBP,IAAA,QAvBO,sBAuBC;AACN,UAAI,IAAI,GAAc;AACpB,QAAA,WAAW,EAAE,SADO;AAEpB,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD,SAFa;AAKpB,QAAA,EAAE,EAAE,KAAK,UALW;AAMpB,QAAA,KAAK,EAAE,KAAK,OANQ;AAOpB,QAAA,KAAK,EAAE,KAAK,MAPQ;AAQpB,QAAA,UAAU,EAAE,CAAC;AACX,UAAA,IAAI,EAAE,MADK;AAEX,UAAA,KAAK,EAAE,KAAK;AAFD,SAAD;AARQ,OAAtB;;AAcA,UAAI,CAAC,KAAK,aAAV,EAAyB;AACvB,YAAM,QAAQ,GAAG,KAAK,OAAL,GAAe,KAAK,YAApB,GAAmC,KAAK,kBAAzD;AACA,QAAA,IAAI,GAAG,QAAQ,CAAC,KAAK,aAAN,EAAqB,IAArB,CAAf;AACD;;AAED,aAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,IAA3B,EAAiC,CAAC,KAAK,UAAL,EAAD,CAAjC,CAAP;AACD,KA5CM;;AA6CP;AACA,IAAA,MA9CO,oBA8CD;AACJ,WAAK,QAAL,GAAgB,CAAC,KAAK,QAAtB;AACD;AAhDM,GA/JF;AAkNP,EAAA,MAlNO,kBAkNC,CAlND,EAkNE;AACP,QAAM,MAAM,GAAG,KAAK,QAAL,EAAf;AAEA,QAAI,CAAC,KAAK,UAAV,EAAsB,OAAO,MAAP;AAEtB,WAAO,CAAC,CAAC,YAAD,EAAe;AACrB,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,KAAK,UADN;AAEL,QAAA,MAAM,EAAE,KAAK,MAFR;AAGL,QAAA,IAAI,EAAE,KAAK;AAHN;AADc,KAAf,EAML,CAAC,MAAD,CANK,CAAR;AAOD;AA9NM,CAJM,C","sourcesContent":["// Styles\nimport './KAlert.sass'\n\n// Extensions\nimport KSheet from '../KSheet'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { KNodeData } from 'kdu'\nimport { KNode } from 'kdu/types'\n\n/* @kdujs/component */\nexport default mixins(\n  KSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'k-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$kdutify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): KNode | null {\n      if (!this.border) return null\n\n      let data: KNodeData = {\n        staticClass: 'k-alert__border',\n        class: {\n          [`k-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['k-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): KNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(KBtn, {\n        staticClass: 'k-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$kdutify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(KIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): KNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(KIcon, {\n        staticClass: 'k-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...KSheet.options.computed.classes.call(this),\n        'k-alert--border': Boolean(this.border),\n        'k-alert--dense': this.dense,\n        'k-alert--outlined': this.outlined,\n        'k-alert--prominent': this.prominent,\n        'k-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`k-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): KNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: KNodeData = {\n        staticClass: 'k-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): KNode {\n      let data: KNodeData = {\n        staticClass: 'k-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): KNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n"],"sourceRoot":"","file":"KAlert.js"}
+{"version":3,"sources":["../../../src/components/KAlert/KAlert.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KAlert.sass'\n\n// Extensions\nimport KSheet from '../KSheet'\n\n// Components\nimport KBtn from '../KBtn'\nimport KIcon from '../KIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNodeData } from 'kdu'\nimport { KNode } from 'kdu/types'\n\n/* @kdujs/component */\nexport default mixins(\n  KSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'k-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$kdutify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): KNode | null {\n      if (!this.border) return null\n\n      let data: KNodeData = {\n        staticClass: 'k-alert__border',\n        class: {\n          [`k-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['k-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): KNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(KBtn, {\n        staticClass: 'k-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$kdutify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(KIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): KNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(KIcon, {\n        staticClass: 'k-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...KSheet.options.computed.classes.call(this),\n        'k-alert--border': Boolean(this.border),\n        'k-alert--dense': this.dense,\n        'k-alert--outlined': this.outlined,\n        'k-alert--prominent': this.prominent,\n        'k-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`k-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): KNode {\n      const children = [\n        getSlot(this, 'prepend') || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        getSlot(this, 'append'),\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: KNodeData = {\n        staticClass: 'k-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): KNode {\n      return this.$createElement('div', {\n        staticClass: 'k-alert__content',\n      }, getSlot(this))\n    },\n    genAlert (): KNode {\n      let data: KNodeData = {\n        staticClass: 'k-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): KNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n"],"sourceRoot":"","file":"KAlert.js"}

package/es5/components/KAlert/index.js

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

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

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

package/es5/components/KApp/KApp.js

@@ -4,23 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("..\\..\\..\\src\\components\\KApp\\KApp.sass");
-
 var _themeable = _interopRequireDefault(require("../../mixins/themeable"));
-
 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; }
-
+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); }
+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); } // Styles
+// Mixins
+// Utilities
 /* @kdujs/component */
-var _default = (0, _mixins.default)(_themeable.default).extend({
+var _default = exports.default = (0, _mixins.default)(_themeable.default).extend({
   name: 'k-app',
   props: {
     dark: {
@@ -43,13 +41,13 @@ var _default = (0, _mixins.default)(_themeable.default).extend({
   },
   beforeCreate: function beforeCreate() {
     if (!this.$kdutify || this.$kdutify === this.$root) {
-      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object');
+      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs-v2.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object');
     }
   },
   render: function render(h) {
     var wrapper = h('div', {
       staticClass: 'k-application--wrap'
-    }, this.$slots.default);
+    }, (0, _helpers.getSlot)(this));
     return h('div', {
       staticClass: 'k-application',
       class: _objectSpread({
@@ -65,6 +63,4 @@ var _default = (0, _mixins.default)(_themeable.default).extend({
     }, [wrapper]);
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KApp.js.map

package/es5/components/KApp/KApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KApp/KApp.ts"],"names":[],"mappings":";;;;;;;AACA;;AAGA;;AAGA;;;;;;;;;;AAEA;eACe,qBACb,kBADa,EAEb,MAFa,CAEN;AACP,EAAA,IAAI,EAAE,OADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,OADF;AAEJ,MAAA,OAAO,EAAE;AAFL,KADD;AAKL,IAAA,EAAE,EAAE;AACF,MAAA,IAAI,EAAE,MADJ;AAEF,MAAA,OAAO,EAAE;AAFP,KALC;AASL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AATF,GAHA;AAkBP,EAAA,QAAQ,EAAE;AACR,IAAA,MADQ,oBACF;AACJ,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAA3B;AACD;AAHO,GAlBH;AAwBP,EAAA,YAxBO,0BAwBK;AACV,QAAI,CAAC,KAAK,QAAN,IAAmB,KAAK,QAAL,KAAkB,KAAK,KAA9C,EAA6D;AAC3D,YAAM,IAAI,KAAJ,CAAU,iIAAV,CAAN;AACD;AACF,GA5BM;AA8BP,EAAA,MA9BO,kBA8BC,CA9BD,EA8BE;AACP,QAAM,OAAO,GAAG,CAAC,CAAC,KAAD,EAAQ;AAAE,MAAA,WAAW,EAAE;AAAf,KAAR,EAAgD,KAAK,MAAL,CAAY,OAA5D,CAAjB;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,eADC;AAEd,MAAA,KAAK;AACH,iCAAyB,KAAK,QAAL,CAAc,GADpC;AAEH,iCAAyB,CAAC,KAAK,QAAL,CAAc;AAFrC,SAGA,KAAK,YAHL,CAFS;AAOd,MAAA,KAAK,EAAE;AAAE,oBAAY;AAAd,OAPO;AAQd,MAAA,QAAQ,EAAE;AAAE,QAAA,EAAE,EAAE,KAAK;AAAX;AARI,KAAR,EASL,CAAC,OAAD,CATK,CAAR;AAUD;AA3CM,CAFM,C","sourcesContent":["// Styles\nimport './KApp.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n  Themeable\n).extend({\n  name: 'k-app',\n\n  props: {\n    dark: {\n      type: Boolean,\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: 'app',\n    },\n    light: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  computed: {\n    isDark (): boolean {\n      return this.$kdutify.theme.dark\n    },\n  },\n\n  beforeCreate () {\n    if (!this.$kdutify || (this.$kdutify === this.$root as any)) {\n      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object')\n    }\n  },\n\n  render (h) {\n    const wrapper = h('div', { staticClass: 'k-application--wrap' }, this.$slots.default)\n\n    return h('div', {\n      staticClass: 'k-application',\n      class: {\n        'k-application--is-rtl': this.$kdutify.rtl,\n        'k-application--is-ltr': !this.$kdutify.rtl,\n        ...this.themeClasses,\n      },\n      attrs: { 'data-app': true },\n      domProps: { id: this.id },\n    }, [wrapper])\n  },\n})\n"],"sourceRoot":"","file":"KApp.js"}
+{"version":3,"sources":["../../../src/components/KApp/KApp.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KApp.sass'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n/* @kdujs/component */\nexport default mixins(\n  Themeable\n).extend({\n  name: 'k-app',\n\n  props: {\n    dark: {\n      type: Boolean,\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: 'app',\n    },\n    light: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n\n  computed: {\n    isDark (): boolean {\n      return this.$kdutify.theme.dark\n    },\n  },\n\n  beforeCreate () {\n    if (!this.$kdutify || (this.$kdutify === this.$root as any)) {\n      throw new Error('Kdutify is not properly initialized, see https://kdutifyjs-v2.web.app/getting-started/quick-start#bootstrapping-the-kdutify-object')\n    }\n  },\n\n  render (h) {\n    const wrapper = h('div', { staticClass: 'k-application--wrap' }, getSlot(this))\n\n    return h('div', {\n      staticClass: 'k-application',\n      class: {\n        'k-application--is-rtl': this.$kdutify.rtl,\n        'k-application--is-ltr': !this.$kdutify.rtl,\n        ...this.themeClasses,\n      },\n      attrs: { 'data-app': true },\n      domProps: { id: this.id },\n    }, [wrapper])\n  },\n})\n"],"sourceRoot":"","file":"KApp.js"}

package/es5/components/KApp/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KApp/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;;eAGe,a","sourcesContent":["import KApp from './KApp'\n\nexport { KApp }\nexport default KApp\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KApp/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 KApp from './KApp'\n\nexport { KApp }\nexport default KApp\n"],"sourceRoot":"","file":"index.js"}

package/es5/components/KAppBar/KAppBar.js

@@ -4,37 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("..\\..\\..\\src\\components\\KAppBar\\KAppBar.sass");
-
 var _KToolbar = _interopRequireDefault(require("../KToolbar/KToolbar"));
-
 var _scroll = _interopRequireDefault(require("../../directives/scroll"));
-
 var _applicationable = _interopRequireDefault(require("../../mixins/applicationable"));
-
 var _scrollable = _interopRequireDefault(require("../../mixins/scrollable"));
-
 var _ssrBootable = _interopRequireDefault(require("../../mixins/ssr-bootable"));
-
 var _toggleable = _interopRequireDefault(require("../../mixins/toggleable"));
-
 var _helpers = require("../../util/helpers");
-
 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); } // Styles
+// Extensions
+// Directives
+// Mixins
+// Utilities
 var baseMixins = (0, _mixins.default)(_KToolbar.default, _scrollable.default, _ssrBootable.default, _toggleable.default, (0, _applicationable.default)('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
 /* @kdujs/component */
-
-var _default = baseMixins.extend({
+var _default = exports.default = baseMixins.extend({
   name: 'k-app-bar',
   directives: {
     Scroll: _scroll.default
@@ -69,13 +61,14 @@ var _default = baseMixins.extend({
       return !this.bottom ? 'top' : 'bottom';
     },
     canScroll: function canScroll() {
-      return _scrollable.default.options.computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsy, user has provided an
+      return _scrollable.default.options.computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted ||
+      // If falsy, user has provided an
       // explicit value which should
       // overwrite anything we do
       !this.value);
     },
     classes: function classes() {
-      return _objectSpread(_objectSpread({}, _KToolbar.default.options.computed.classes.call(this)), {}, {
+      return _objectSpread({}, _KToolbar.default.options.computed.classes.call(this), {
         'k-toolbar--collapse': this.collapse || this.collapseOnScroll,
         'k-app-bar': true,
         'k-app-bar--clipped': this.clippedLeft || this.clippedRight,
@@ -117,7 +110,6 @@ var _default = baseMixins.extend({
     },
     computedOriginalHeight: function computedOriginalHeight() {
       var height = _KToolbar.default.options.computed.computedContentHeight.call(this);
-
       if (this.isExtended) height += parseInt(this.extensionHeight);
       return height;
     },
@@ -139,25 +131,22 @@ var _default = baseMixins.extend({
       if (this.elevateOnScroll && this.isExtended) {
         return this.currentScroll < this.computedScrollThreshold;
       }
-
       if (this.elevateOnScroll) {
         return this.currentScroll === 0 || this.computedTransform < 0;
       }
-
       return (!this.isExtended || this.scrollOffScreen) && this.computedTransform !== 0;
     },
     isCollapsed: function isCollapsed() {
       if (!this.collapseOnScroll) {
         return _KToolbar.default.options.computed.isCollapsed.call(this);
       }
-
       return this.currentScroll > 0;
     },
     isProminent: function isProminent() {
       return _KToolbar.default.options.computed.isProminent.call(this) || this.shrinkOnScroll;
     },
     styles: function styles() {
-      return _objectSpread(_objectSpread({}, _KToolbar.default.options.computed.styles.call(this)), {}, {
+      return _objectSpread({}, _KToolbar.default.options.computed.styles.call(this), {
         fontSize: (0, _helpers.convertToUnit)(this.computedFontSize, 'rem'),
         marginTop: (0, _helpers.convertToUnit)(this.computedMarginTop),
         transform: "translateY(".concat((0, _helpers.convertToUnit)(this.computedTransform), ")"),
@@ -191,7 +180,6 @@ var _default = baseMixins.extend({
   methods: {
     genBackground: function genBackground() {
       var render = _KToolbar.default.options.methods.genBackground.call(this);
-
       render.data = this._b(render.data || {}, render.tag, {
         style: {
           opacity: this.computedOpacity
@@ -207,20 +195,16 @@ var _default = baseMixins.extend({
         this.isActive = this.currentScroll > this.computedScrollThreshold;
         return;
       }
-
       if (this.hideOnScroll) {
         this.isActive = this.isScrollingUp || this.currentScroll < this.computedScrollThreshold;
       }
-
       if (this.currentThreshold < this.computedScrollThreshold) return;
       this.savedScroll = this.currentScroll;
     }
   },
   render: function render(h) {
     var render = _KToolbar.default.options.render.call(this, h);
-
     render.data = render.data || {};
-
     if (this.canScroll) {
       render.data.directives = render.data.directives || [];
       render.data.directives.push({
@@ -229,10 +213,7 @@ var _default = baseMixins.extend({
         value: this.onScroll
       });
     }
-
     return render;
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KAppBar.js.map

package/es5/components/KAppBar/KAppBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAppBar/KAppBar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KAppBar.sass'\n\n// Extensions\nimport KToolbar from '../KToolbar/KToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  KToolbar,\n  Scrollable,\n  SSRBootable,\n  Toggleable,\n  Applicationable('top', [\n    'clippedLeft',\n    'clippedRight',\n    'computedHeight',\n    'invertedScroll',\n    'isExtended',\n    'isProminent',\n    'value',\n  ])\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-app-bar',\n\n  directives: { Scroll },\n\n  provide (): object {\n    return { KAppBar: this }\n  },\n\n  props: {\n    clippedLeft: Boolean,\n    clippedRight: Boolean,\n    collapseOnScroll: Boolean,\n    elevateOnScroll: Boolean,\n    fadeImgOnScroll: Boolean,\n    hideOnScroll: Boolean,\n    invertedScroll: Boolean,\n    scrollOffScreen: Boolean,\n    shrinkOnScroll: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.value,\n    }\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return !this.bottom ? 'top' : 'bottom'\n    },\n    canScroll (): boolean {\n      return (\n        Scrollable.options.computed.canScroll.call(this) &&\n        (\n          this.invertedScroll ||\n          this.elevateOnScroll ||\n          this.hideOnScroll ||\n          this.collapseOnScroll ||\n          this.isBooted ||\n          // If falsy, user has provided an\n          // explicit value which should\n          // overwrite anything we do\n          !this.value\n        )\n      )\n    },\n    classes (): object {\n      return {\n        ...KToolbar.options.computed.classes.call(this),\n        'k-toolbar--collapse': this.collapse || this.collapseOnScroll,\n        'k-app-bar': true,\n        'k-app-bar--clipped': this.clippedLeft || this.clippedRight,\n        'k-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n        'k-app-bar--elevate-on-scroll': this.elevateOnScroll,\n        'k-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'k-app-bar--hide-shadow': this.hideShadow,\n        'k-app-bar--is-scrolled': this.currentScroll > 0,\n        'k-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n      }\n    },\n    scrollRatio (): number {\n      const threshold = this.computedScrollThreshold\n      return Math.max((threshold - this.currentScroll) / threshold, 0)\n    },\n    computedContentHeight (): number {\n      if (!this.shrinkOnScroll) return KToolbar.options.computed.computedContentHeight.call(this)\n\n      const min = this.dense ? 48 : 56\n      const max = this.computedOriginalHeight\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedFontSize (): number | undefined {\n      if (!this.isProminent) return undefined\n\n      const min = 1.25\n      const max = 1.5\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedLeft (): number {\n      if (!this.app || this.clippedLeft) return 0\n\n      return this.$kdutify.application.left\n    },\n    computedMarginTop (): number {\n      if (!this.app) return 0\n\n      return this.$kdutify.application.bar\n    },\n    computedOpacity (): number | undefined {\n      if (!this.fadeImgOnScroll) return undefined\n\n      return this.scrollRatio\n    },\n    computedOriginalHeight (): number {\n      let height = KToolbar.options.computed.computedContentHeight.call(this)\n      if (this.isExtended) height += parseInt(this.extensionHeight)\n      return height\n    },\n    computedRight (): number {\n      if (!this.app || this.clippedRight) return 0\n\n      return this.$kdutify.application.right\n    },\n    computedScrollThreshold (): number {\n      if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n      return this.computedOriginalHeight - (this.dense ? 48 : 56)\n    },\n    computedTransform (): number {\n      if (\n        !this.canScroll ||\n        (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n      ) return 0\n\n      if (this.isActive) return 0\n\n      const scrollOffScreen = this.scrollOffScreen\n        ? this.computedHeight\n        : this.computedContentHeight\n\n      return this.bottom ? scrollOffScreen : -scrollOffScreen\n    },\n    hideShadow (): boolean {\n      if (this.elevateOnScroll && this.isExtended) {\n        return this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.elevateOnScroll) {\n        return this.currentScroll === 0 ||\n          this.computedTransform < 0\n      }\n\n      return (\n        !this.isExtended ||\n        this.scrollOffScreen\n      ) && this.computedTransform !== 0\n    },\n    isCollapsed (): boolean {\n      if (!this.collapseOnScroll) {\n        return KToolbar.options.computed.isCollapsed.call(this)\n      }\n\n      return this.currentScroll > 0\n    },\n    isProminent (): boolean {\n      return (\n        KToolbar.options.computed.isProminent.call(this) ||\n        this.shrinkOnScroll\n      )\n    },\n    styles (): object {\n      return {\n        ...KToolbar.options.computed.styles.call(this),\n        fontSize: convertToUnit(this.computedFontSize, 'rem'),\n        marginTop: convertToUnit(this.computedMarginTop),\n        transform: `translateY(${convertToUnit(this.computedTransform)})`,\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n    computedTransform () {\n      // Normally we do not want the k-app-bar\n      // to update the application top value\n      // to avoid screen jump. However, in\n      // this situation, we must so that\n      // the clipped drawer can update\n      // its top value when scrolled\n      if (\n        !this.canScroll ||\n        (!this.clippedLeft && !this.clippedRight)\n      ) return\n\n      this.callUpdate()\n    },\n    invertedScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll !== 0\n    },\n    hideOnScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll < this.computedScrollThreshold\n    },\n  },\n\n  created () {\n    if (this.invertedScroll) this.isActive = false\n  },\n\n  methods: {\n    genBackground () {\n      const render = KToolbar.options.methods.genBackground.call(this)\n\n      render.data = this._b(render.data || {}, render.tag!, {\n        style: { opacity: this.computedOpacity },\n      })\n\n      return render\n    },\n    updateApplication (): number {\n      return this.invertedScroll\n        ? 0\n        : this.computedHeight + this.computedTransform\n    },\n    thresholdMet () {\n      if (this.invertedScroll) {\n        this.isActive = this.currentScroll > this.computedScrollThreshold\n        return\n      }\n\n      if (this.hideOnScroll) {\n        this.isActive = this.isScrollingUp ||\n          this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n  },\n\n  render (h): KNode {\n    const render = KToolbar.options.render.call(this, h)\n\n    render.data = render.data || {}\n\n    if (this.canScroll) {\n      render.data.directives = render.data.directives || []\n      render.data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"KAppBar.js"}
+{"version":3,"sources":["../../../src/components/KAppBar/KAppBar.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KAppBar.sass'\n\n// Extensions\nimport KToolbar from '../KToolbar/KToolbar'\n\n// Directives\nimport Scroll from '../../directives/scroll'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Scrollable from '../../mixins/scrollable'\nimport SSRBootable from '../../mixins/ssr-bootable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n  KToolbar,\n  Scrollable,\n  SSRBootable,\n  Toggleable,\n  Applicationable('top', [\n    'clippedLeft',\n    'clippedRight',\n    'computedHeight',\n    'invertedScroll',\n    'isExtended',\n    'isProminent',\n    'value',\n  ])\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-app-bar',\n\n  directives: { Scroll },\n\n  provide (): object {\n    return { KAppBar: this }\n  },\n\n  props: {\n    clippedLeft: Boolean,\n    clippedRight: Boolean,\n    collapseOnScroll: Boolean,\n    elevateOnScroll: Boolean,\n    fadeImgOnScroll: Boolean,\n    hideOnScroll: Boolean,\n    invertedScroll: Boolean,\n    scrollOffScreen: Boolean,\n    shrinkOnScroll: Boolean,\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      isActive: this.value,\n    }\n  },\n\n  computed: {\n    applicationProperty (): string {\n      return !this.bottom ? 'top' : 'bottom'\n    },\n    canScroll (): boolean {\n      return (\n        Scrollable.options.computed.canScroll.call(this) &&\n        (\n          this.invertedScroll ||\n          this.elevateOnScroll ||\n          this.hideOnScroll ||\n          this.collapseOnScroll ||\n          this.isBooted ||\n          // If falsy, user has provided an\n          // explicit value which should\n          // overwrite anything we do\n          !this.value\n        )\n      )\n    },\n    classes (): object {\n      return {\n        ...KToolbar.options.computed.classes.call(this),\n        'k-toolbar--collapse': this.collapse || this.collapseOnScroll,\n        'k-app-bar': true,\n        'k-app-bar--clipped': this.clippedLeft || this.clippedRight,\n        'k-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,\n        'k-app-bar--elevate-on-scroll': this.elevateOnScroll,\n        'k-app-bar--fixed': !this.absolute && (this.app || this.fixed),\n        'k-app-bar--hide-shadow': this.hideShadow,\n        'k-app-bar--is-scrolled': this.currentScroll > 0,\n        'k-app-bar--shrink-on-scroll': this.shrinkOnScroll,\n      }\n    },\n    scrollRatio (): number {\n      const threshold = this.computedScrollThreshold\n      return Math.max((threshold - this.currentScroll) / threshold, 0)\n    },\n    computedContentHeight (): number {\n      if (!this.shrinkOnScroll) return KToolbar.options.computed.computedContentHeight.call(this)\n\n      const min = this.dense ? 48 : 56\n      const max = this.computedOriginalHeight\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedFontSize (): number | undefined {\n      if (!this.isProminent) return undefined\n\n      const min = 1.25\n      const max = 1.5\n\n      return min + (max - min) * this.scrollRatio\n    },\n    computedLeft (): number {\n      if (!this.app || this.clippedLeft) return 0\n\n      return this.$kdutify.application.left\n    },\n    computedMarginTop (): number {\n      if (!this.app) return 0\n\n      return this.$kdutify.application.bar\n    },\n    computedOpacity (): number | undefined {\n      if (!this.fadeImgOnScroll) return undefined\n\n      return this.scrollRatio\n    },\n    computedOriginalHeight (): number {\n      let height = KToolbar.options.computed.computedContentHeight.call(this)\n      if (this.isExtended) height += parseInt(this.extensionHeight)\n      return height\n    },\n    computedRight (): number {\n      if (!this.app || this.clippedRight) return 0\n\n      return this.$kdutify.application.right\n    },\n    computedScrollThreshold (): number {\n      if (this.scrollThreshold) return Number(this.scrollThreshold)\n\n      return this.computedOriginalHeight - (this.dense ? 48 : 56)\n    },\n    computedTransform (): number {\n      if (\n        !this.canScroll ||\n        (this.elevateOnScroll && this.currentScroll === 0 && this.isActive)\n      ) return 0\n\n      if (this.isActive) return 0\n\n      const scrollOffScreen = this.scrollOffScreen\n        ? this.computedHeight\n        : this.computedContentHeight\n\n      return this.bottom ? scrollOffScreen : -scrollOffScreen\n    },\n    hideShadow (): boolean {\n      if (this.elevateOnScroll && this.isExtended) {\n        return this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.elevateOnScroll) {\n        return this.currentScroll === 0 ||\n          this.computedTransform < 0\n      }\n\n      return (\n        !this.isExtended ||\n        this.scrollOffScreen\n      ) && this.computedTransform !== 0\n    },\n    isCollapsed (): boolean {\n      if (!this.collapseOnScroll) {\n        return KToolbar.options.computed.isCollapsed.call(this)\n      }\n\n      return this.currentScroll > 0\n    },\n    isProminent (): boolean {\n      return (\n        KToolbar.options.computed.isProminent.call(this) ||\n        this.shrinkOnScroll\n      )\n    },\n    styles (): object {\n      return {\n        ...KToolbar.options.computed.styles.call(this),\n        fontSize: convertToUnit(this.computedFontSize, 'rem'),\n        marginTop: convertToUnit(this.computedMarginTop),\n        transform: `translateY(${convertToUnit(this.computedTransform)})`,\n        left: convertToUnit(this.computedLeft),\n        right: convertToUnit(this.computedRight),\n      }\n    },\n  },\n\n  watch: {\n    canScroll: 'onScroll',\n    computedTransform () {\n      // Normally we do not want the k-app-bar\n      // to update the application top value\n      // to avoid screen jump. However, in\n      // this situation, we must so that\n      // the clipped drawer can update\n      // its top value when scrolled\n      if (\n        !this.canScroll ||\n        (!this.clippedLeft && !this.clippedRight)\n      ) return\n\n      this.callUpdate()\n    },\n    invertedScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll !== 0\n    },\n    hideOnScroll (val: boolean) {\n      this.isActive = !val || this.currentScroll < this.computedScrollThreshold\n    },\n  },\n\n  created () {\n    if (this.invertedScroll) this.isActive = false\n  },\n\n  methods: {\n    genBackground () {\n      const render = KToolbar.options.methods.genBackground.call(this)\n\n      render.data = this._b(render.data || {}, render.tag!, {\n        style: { opacity: this.computedOpacity },\n      })\n\n      return render\n    },\n    updateApplication (): number {\n      return this.invertedScroll\n        ? 0\n        : this.computedHeight + this.computedTransform\n    },\n    thresholdMet () {\n      if (this.invertedScroll) {\n        this.isActive = this.currentScroll > this.computedScrollThreshold\n        return\n      }\n\n      if (this.hideOnScroll) {\n        this.isActive = this.isScrollingUp ||\n          this.currentScroll < this.computedScrollThreshold\n      }\n\n      if (this.currentThreshold < this.computedScrollThreshold) return\n\n      this.savedScroll = this.currentScroll\n    },\n  },\n\n  render (h): KNode {\n    const render = KToolbar.options.render.call(this, h)\n\n    render.data = render.data || {}\n\n    if (this.canScroll) {\n      render.data.directives = render.data.directives || []\n      render.data.directives.push({\n        arg: this.scrollTarget,\n        name: 'scroll',\n        value: this.onScroll,\n      })\n    }\n\n    return render\n  },\n})\n"],"sourceRoot":"","file":"KAppBar.js"}

package/es5/components/KAppBar/KAppBarNavIcon.js

@@ -4,33 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _KIcon = _interopRequireDefault(require("../KIcon"));
-
 var _KBtn = _interopRequireDefault(require("../KBtn/KBtn"));
-
 var _kdu = _interopRequireDefault(require("kdu"));
-
-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); } // Components
+// Types
 /* @kdujs/component */
-var _default = _kdu.default.extend({
+var _default = exports.default = _kdu.default.extend({
   name: 'k-app-bar-nav-icon',
   functional: true,
   render: function render(h, _ref) {
     var slots = _ref.slots,
-        listeners = _ref.listeners,
-        props = _ref.props,
-        data = _ref.data;
+      listeners = _ref.listeners,
+      props = _ref.props,
+      data = _ref.data;
     var d = Object.assign(data, {
       staticClass: "k-app-bar__nav-icon ".concat(data.staticClass || '').trim(),
-      props: _objectSpread(_objectSpread({}, props), {}, {
+      props: _objectSpread({}, props, {
         icon: true
       }),
       on: listeners
@@ -39,6 +35,4 @@ var _default = _kdu.default.extend({
     return h(_KBtn.default, d, defaultSlot || [h(_KIcon.default, '$menu')]);
   }
 });
-
-exports.default = _default;
 //# sourceMappingURL=KAppBarNavIcon.js.map