kdutify 2.6.1 → 2.7.2

package/lib/components/KAlert/KAlert.js

@@ -1,29 +1,27 @@
 // Styles
-import "..\\..\\..\\src\\components\\KAlert\\KAlert.sass"; // Extensions
-
-import KSheet from '../KSheet'; // Components
-
+import "..\\..\\..\\src\\components\\KAlert\\KAlert.sass";
+// Extensions
+import KSheet from '../KSheet';
+// Components
 import KBtn from '../KBtn';
-import KIcon from '../KIcon'; // Mixins
-
+import KIcon from '../KIcon';
+// Mixins
 import Toggleable from '../../mixins/toggleable';
 import Themeable from '../../mixins/themeable';
-import Transitionable from '../../mixins/transitionable'; // Utilities
-
+import Transitionable from '../../mixins/transitionable';
+// Utilities
 import mixins from '../../util/mixins';
 import { breaking } from '../../util/console';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(KSheet, Toggleable, Transitionable).extend({
   name: 'k-alert',
   props: {
     border: {
       type: String,
-
       validator(val) {
         return ['top', 'right', 'bottom', 'left'].includes(val);
       }
-
     },
     closeLabel: {
       type: String,
@@ -39,22 +37,18 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
     icon: {
       default: '',
       type: [Boolean, String],
-
       validator(val) {
         return typeof val === 'string' || val === false;
       }
-
     },
     outlined: Boolean,
     prominent: Boolean,
     text: Boolean,
     type: {
       type: String,
-
       validator(val) {
         return ['info', 'error', 'success', 'warning'].includes(val);
       }
-
     },
     value: {
       type: Boolean,
@@ -70,15 +64,12 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
           [`k-alert__border--${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() {
       if (!this.dismissible) return null;
       const color = this.iconColor;
@@ -101,7 +92,6 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
         }
       }, this.closeIcon)]);
     },
-
     __cachedIcon() {
       if (!this.computedIcon) return null;
       return this.$createElement(KIcon, {
@@ -111,63 +101,52 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
         }
       }, this.computedIcon);
     },
-
     classes() {
-      const classes = { ...KSheet.options.computed.classes.call(this),
+      const classes = {
+        ...KSheet.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-${this.border}`] = true;
       }
-
       return classes;
     },
-
     computedColor() {
       return this.color || this.type;
     },
-
     computedIcon() {
       if (this.icon === false) return false;
       if (typeof this.icon === 'string' && this.icon) return this.icon;
       if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false;
       return `$${this.type}`;
     },
-
     hasColoredIcon() {
       return this.hasText || Boolean(this.border) && this.coloredBorder;
     },
-
     hasText() {
       return this.text || this.outlined;
     },
-
     iconColor() {
       return this.hasColoredIcon ? this.computedColor : undefined;
     },
-
     isDark() {
       if (this.type && !this.coloredBorder && !this.outlined) return true;
       return Themeable.options.computed.isDark.call(this);
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('outline')) {
       breaking('outline', 'outlined', this);
     }
   },
-
   methods: {
     genWrapper() {
-      const children = [this.$slots.prepend || this.__cachedIcon, this.genContent(), this.__cachedBorder, this.$slots.append, this.$scopedSlots.close ? this.$scopedSlots.close({
+      const children = [getSlot(this, 'prepend') || this.__cachedIcon, this.genContent(), this.__cachedBorder, getSlot(this, 'append'), this.$scopedSlots.close ? this.$scopedSlots.close({
         toggle: this.toggle
       }) : this.__cachedDismissible];
       const data = {
@@ -175,13 +154,11 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
       };
       return this.$createElement('div', data, children);
     },
-
     genContent() {
       return this.$createElement('div', {
         staticClass: 'k-alert__content'
-      }, this.$slots.default);
+      }, getSlot(this));
     },
-
     genAlert() {
       let data = {
         staticClass: 'k-alert',
@@ -196,22 +173,17 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
           value: this.isActive
         }]
       };
-
       if (!this.coloredBorder) {
         const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor;
         data = setColor(this.computedColor, data);
       }
-
       return this.$createElement('div', data, [this.genWrapper()]);
     },
-
     /** @public */
     toggle() {
       this.isActive = !this.isActive;
     }
-
   },
-
   render(h) {
     const render = this.genAlert();
     if (!this.transition) return render;
@@ -223,6 +195,5 @@ export default mixins(KSheet, Toggleable, Transitionable).extend({
       }
     }, [render]);
   }
-
 });
 //# sourceMappingURL=KAlert.js.map

package/lib/components/KAlert/KAlert.js.map

@@ -1 +1 @@
-{"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'\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/lib/components/KAlert/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAlert/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAP,MAAmB,UAAnB;AAEA,SAAS,MAAT;AACA,eAAe,MAAf","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,OAAO,MAAM,MAAM,UAAU;AAE7B,SAAS,MAAM;AACf,eAAe,MAAM","sourcesContent":["import KAlert from './KAlert'\n\nexport { KAlert }\nexport default KAlert\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KApp/KApp.js

@@ -1,11 +1,11 @@
 // Styles
-import "..\\..\\..\\src\\components\\KApp\\KApp.sass"; // Mixins
-
-import Themeable from '../../mixins/themeable'; // Utilities
-
+import "..\\..\\..\\src\\components\\KApp\\KApp.sass";
+// Mixins
+import Themeable from '../../mixins/themeable';
+// Utilities
 import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers';
 /* @kdujs/component */
-
 export default mixins(Themeable).extend({
   name: 'k-app',
   props: {
@@ -26,19 +26,16 @@ export default mixins(Themeable).extend({
     isDark() {
       return this.$kdutify.theme.dark;
     }
-
   },
-
   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(h) {
     const wrapper = h('div', {
       staticClass: 'k-application--wrap'
-    }, this.$slots.default);
+    }, getSlot(this));
     return h('div', {
       staticClass: 'k-application',
       class: {
@@ -54,6 +51,5 @@ export default mixins(Themeable).extend({
       }
     }, [wrapper]);
   }
-
 });
 //# sourceMappingURL=KApp.js.map

package/lib/components/KApp/KApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KApp/KApp.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,8CAAP,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;;AACA,eAAe,MAAM,CACnB,SADmB,CAAN,CAEb,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,MAAM,GAAA;AACJ,aAAO,KAAK,QAAL,CAAc,KAAd,CAAoB,IAA3B;AACD;;AAHO,GAlBH;;AAwBP,EAAA,YAAY,GAAA;AACV,QAAI,CAAC,KAAK,QAAN,IAAmB,KAAK,QAAL,KAAkB,KAAK,KAA9C,EAA6D;AAC3D,YAAM,IAAI,KAAJ,CAAU,iIAAV,CAAN;AACD;AACF,GA5BM;;AA8BP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,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,EAAE;AACL,iCAAyB,KAAK,QAAL,CAAc,GADlC;AAEL,iCAAyB,CAAC,KAAK,QAAL,CAAc,GAFnC;AAGL,WAAG,KAAK;AAHH,OAFO;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,CAAf","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":"AAAA;AACA,OAAO,8CAAa;AAEpB;AACA,OAAO,SAAS,MAAM,wBAAwB;AAE9C;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAE5C;AACA,eAAe,MAAM,CACnB,SAAS,CACV,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,OAAO;EAEb,KAAK,EAAE;IACL,IAAI,EAAE;MACJ,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,EAAE,EAAE;MACF,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI;IACjC;GACD;EAED,YAAY,CAAA,EAAA;IACV,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAK,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAa,EAAE;MAC3D,MAAM,IAAI,KAAK,CAAC,oIAAoI,CAAC;IACtJ;EACH,CAAC;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE;MAAE,WAAW,EAAE;IAAqB,CAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/E,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,eAAe;MAC5B,KAAK,EAAE;QACL,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG;QAC1C,uBAAuB,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG;QAC3C,GAAG,IAAI,CAAC;OACT;MACD,KAAK,EAAE;QAAE,UAAU,EAAE;MAAI,CAAE;MAC3B,QAAQ,EAAE;QAAE,EAAE,EAAE,IAAI,CAAC;MAAE;KACxB,EAAE,CAAC,OAAO,CAAC,CAAC;EACf;CACD,CAAC","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/lib/components/KApp/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KApp/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAP,MAAiB,QAAjB;AAEA,SAAS,IAAT;AACA,eAAe,IAAf","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,OAAO,IAAI,MAAM,QAAQ;AAEzB,SAAS,IAAI;AACb,eAAe,IAAI","sourcesContent":["import KApp from './KApp'\n\nexport { KApp }\nexport default KApp\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KAppBar/KAppBar.js

@@ -1,32 +1,29 @@
 // Styles
-import "..\\..\\..\\src\\components\\KAppBar\\KAppBar.sass"; // Extensions
-
-import KToolbar from '../KToolbar/KToolbar'; // Directives
-
-import Scroll from '../../directives/scroll'; // Mixins
-
+import "..\\..\\..\\src\\components\\KAppBar\\KAppBar.sass";
+// Extensions
+import KToolbar from '../KToolbar/KToolbar';
+// Directives
+import Scroll from '../../directives/scroll';
+// Mixins
 import Applicationable from '../../mixins/applicationable';
 import Scrollable from '../../mixins/scrollable';
 import SSRBootable from '../../mixins/ssr-bootable';
-import Toggleable from '../../mixins/toggleable'; // Utilities
-
+import Toggleable from '../../mixins/toggleable';
+// Utilities
 import { convertToUnit } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(KToolbar, Scrollable, SSRBootable, Toggleable, Applicationable('top', ['clippedLeft', 'clippedRight', 'computedHeight', 'invertedScroll', 'isExtended', 'isProminent', 'value']));
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-app-bar',
   directives: {
     Scroll
   },
-
   provide() {
     return {
       KAppBar: this
     };
   },
-
   props: {
     clippedLeft: Boolean,
     clippedRight: Boolean,
@@ -42,27 +39,25 @@ export default baseMixins.extend({
       default: true
     }
   },
-
   data() {
     return {
       isActive: this.value
     };
   },
-
   computed: {
     applicationProperty() {
       return !this.bottom ? 'top' : 'bottom';
     },
-
     canScroll() {
-      return Scrollable.options.computed.canScroll.call(this) && (this.invertedScroll || this.elevateOnScroll || this.hideOnScroll || this.collapseOnScroll || this.isBooted || // If falsy, user has provided an
+      return Scrollable.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() {
-      return { ...KToolbar.options.computed.classes.call(this),
+      return {
+        ...KToolbar.options.computed.classes.call(this),
         'k-toolbar--collapse': this.collapse || this.collapseOnScroll,
         'k-app-bar': true,
         'k-app-bar--clipped': this.clippedLeft || this.clippedRight,
@@ -74,90 +69,74 @@ export default baseMixins.extend({
         'k-app-bar--shrink-on-scroll': this.shrinkOnScroll
       };
     },
-
     scrollRatio() {
       const threshold = this.computedScrollThreshold;
       return Math.max((threshold - this.currentScroll) / threshold, 0);
     },
-
     computedContentHeight() {
       if (!this.shrinkOnScroll) return KToolbar.options.computed.computedContentHeight.call(this);
       const min = this.dense ? 48 : 56;
       const max = this.computedOriginalHeight;
       return min + (max - min) * this.scrollRatio;
     },
-
     computedFontSize() {
       if (!this.isProminent) return undefined;
       const min = 1.25;
       const max = 1.5;
       return min + (max - min) * this.scrollRatio;
     },
-
     computedLeft() {
       if (!this.app || this.clippedLeft) return 0;
       return this.$kdutify.application.left;
     },
-
     computedMarginTop() {
       if (!this.app) return 0;
       return this.$kdutify.application.bar;
     },
-
     computedOpacity() {
       if (!this.fadeImgOnScroll) return undefined;
       return this.scrollRatio;
     },
-
     computedOriginalHeight() {
       let height = KToolbar.options.computed.computedContentHeight.call(this);
       if (this.isExtended) height += parseInt(this.extensionHeight);
       return height;
     },
-
     computedRight() {
       if (!this.app || this.clippedRight) return 0;
       return this.$kdutify.application.right;
     },
-
     computedScrollThreshold() {
       if (this.scrollThreshold) return Number(this.scrollThreshold);
       return this.computedOriginalHeight - (this.dense ? 48 : 56);
     },
-
     computedTransform() {
       if (!this.canScroll || this.elevateOnScroll && this.currentScroll === 0 && this.isActive) return 0;
       if (this.isActive) return 0;
       const scrollOffScreen = this.scrollOffScreen ? this.computedHeight : this.computedContentHeight;
       return this.bottom ? scrollOffScreen : -scrollOffScreen;
     },
-
     hideShadow() {
       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() {
       if (!this.collapseOnScroll) {
         return KToolbar.options.computed.isCollapsed.call(this);
       }
-
       return this.currentScroll > 0;
     },
-
     isProminent() {
       return KToolbar.options.computed.isProminent.call(this) || this.shrinkOnScroll;
     },
-
     styles() {
-      return { ...KToolbar.options.computed.styles.call(this),
+      return {
+        ...KToolbar.options.computed.styles.call(this),
         fontSize: convertToUnit(this.computedFontSize, 'rem'),
         marginTop: convertToUnit(this.computedMarginTop),
         transform: `translateY(${convertToUnit(this.computedTransform)})`,
@@ -165,11 +144,9 @@ export default baseMixins.extend({
         right: convertToUnit(this.computedRight)
       };
     }
-
   },
   watch: {
     canScroll: 'onScroll',
-
     computedTransform() {
       // Normally we do not want the k-app-bar
       // to update the application top value
@@ -180,21 +157,16 @@ export default baseMixins.extend({
       if (!this.canScroll || !this.clippedLeft && !this.clippedRight) return;
       this.callUpdate();
     },
-
     invertedScroll(val) {
       this.isActive = !val || this.currentScroll !== 0;
     },
-
     hideOnScroll(val) {
       this.isActive = !val || this.currentScroll < this.computedScrollThreshold;
     }
-
   },
-
   created() {
     if (this.invertedScroll) this.isActive = false;
   },
-
   methods: {
     genBackground() {
       const render = KToolbar.options.methods.genBackground.call(this);
@@ -205,31 +177,24 @@ export default baseMixins.extend({
       });
       return render;
     },
-
     updateApplication() {
       return this.invertedScroll ? 0 : this.computedHeight + this.computedTransform;
     },
-
     thresholdMet() {
       if (this.invertedScroll) {
         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(h) {
     const render = KToolbar.options.render.call(this, h);
     render.data = render.data || {};
-
     if (this.canScroll) {
       render.data.directives = render.data.directives || [];
       render.data.directives.push({
@@ -238,9 +203,7 @@ export default baseMixins.extend({
         value: this.onScroll
       });
     }
-
     return render;
   }
-
 });
 //# sourceMappingURL=KAppBar.js.map

package/lib/components/KAppBar/KAppBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KAppBar/KAppBar.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,oDAAP,C,CAEA;;AACA,OAAO,QAAP,MAAqB,sBAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,yBAAnB,C,CAEA;;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,WAAP,MAAwB,2BAAxB;AACA,OAAO,UAAP,MAAuB,yBAAvB,C,CAEA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA,MAAM,UAAU,GAAG,MAAM,CACvB,QADuB,EAEvB,UAFuB,EAGvB,WAHuB,EAIvB,UAJuB,EAKvB,eAAe,CAAC,KAAD,EAAQ,CACrB,aADqB,EAErB,cAFqB,EAGrB,gBAHqB,EAIrB,gBAJqB,EAKrB,YALqB,EAMrB,aANqB,EAOrB,OAPqB,CAAR,CALQ,CAAzB;AAgBA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,WADyB;AAG/B,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHmB;;AAK/B,EAAA,OAAO,GAAA;AACL,WAAO;AAAE,MAAA,OAAO,EAAE;AAAX,KAAP;AACD,GAP8B;;AAS/B,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE,OADR;AAEL,IAAA,YAAY,EAAE,OAFT;AAGL,IAAA,gBAAgB,EAAE,OAHb;AAIL,IAAA,eAAe,EAAE,OAJZ;AAKL,IAAA,eAAe,EAAE,OALZ;AAML,IAAA,YAAY,EAAE,OANT;AAOL,IAAA,cAAc,EAAE,OAPX;AAQL,IAAA,eAAe,EAAE,OARZ;AASL,IAAA,cAAc,EAAE,OATX;AAUL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,OADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AAVF,GATwB;;AAyB/B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,QAAQ,EAAE,KAAK;AADV,KAAP;AAGD,GA7B8B;;AA+B/B,EAAA,QAAQ,EAAE;AACR,IAAA,mBAAmB,GAAA;AACjB,aAAO,CAAC,KAAK,MAAN,GAAe,KAAf,GAAuB,QAA9B;AACD,KAHO;;AAIR,IAAA,SAAS,GAAA;AACP,aACE,UAAU,CAAC,OAAX,CAAmB,QAAnB,CAA4B,SAA5B,CAAsC,IAAtC,CAA2C,IAA3C,MAEE,KAAK,cAAL,IACA,KAAK,eADL,IAEA,KAAK,YAFL,IAGA,KAAK,gBAHL,IAIA,KAAK,QAJL,IAKA;AACA;AACA;AACA,OAAC,KAAK,KAVR,CADF;AAcD,KAnBO;;AAoBR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,OAA1B,CAAkC,IAAlC,CAAuC,IAAvC,CADE;AAEL,+BAAuB,KAAK,QAAL,IAAiB,KAAK,gBAFxC;AAGL,qBAAa,IAHR;AAIL,8BAAsB,KAAK,WAAL,IAAoB,KAAK,YAJ1C;AAKL,yCAAiC,KAAK,eALjC;AAML,wCAAgC,KAAK,eANhC;AAOL,4BAAoB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAPf;AAQL,kCAA0B,KAAK,UAR1B;AASL,kCAA0B,KAAK,aAAL,GAAqB,CAT1C;AAUL,uCAA+B,KAAK;AAV/B,OAAP;AAYD,KAjCO;;AAkCR,IAAA,WAAW,GAAA;AACT,YAAM,SAAS,GAAG,KAAK,uBAAvB;AACA,aAAO,IAAI,CAAC,GAAL,CAAS,CAAC,SAAS,GAAG,KAAK,aAAlB,IAAmC,SAA5C,EAAuD,CAAvD,CAAP;AACD,KArCO;;AAsCR,IAAA,qBAAqB,GAAA;AACnB,UAAI,CAAC,KAAK,cAAV,EAA0B,OAAO,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,qBAA1B,CAAgD,IAAhD,CAAqD,IAArD,CAAP;AAE1B,YAAM,GAAG,GAAG,KAAK,KAAL,GAAa,EAAb,GAAkB,EAA9B;AACA,YAAM,GAAG,GAAG,KAAK,sBAAjB;AAEA,aAAO,GAAG,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,KAAK,WAAhC;AACD,KA7CO;;AA8CR,IAAA,gBAAgB,GAAA;AACd,UAAI,CAAC,KAAK,WAAV,EAAuB,OAAO,SAAP;AAEvB,YAAM,GAAG,GAAG,IAAZ;AACA,YAAM,GAAG,GAAG,GAAZ;AAEA,aAAO,GAAG,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,KAAK,WAAhC;AACD,KArDO;;AAsDR,IAAA,YAAY,GAAA;AACV,UAAI,CAAC,KAAK,GAAN,IAAa,KAAK,WAAtB,EAAmC,OAAO,CAAP;AAEnC,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,IAAjC;AACD,KA1DO;;AA2DR,IAAA,iBAAiB,GAAA;AACf,UAAI,CAAC,KAAK,GAAV,EAAe,OAAO,CAAP;AAEf,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,GAAjC;AACD,KA/DO;;AAgER,IAAA,eAAe,GAAA;AACb,UAAI,CAAC,KAAK,eAAV,EAA2B,OAAO,SAAP;AAE3B,aAAO,KAAK,WAAZ;AACD,KApEO;;AAqER,IAAA,sBAAsB,GAAA;AACpB,UAAI,MAAM,GAAG,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,qBAA1B,CAAgD,IAAhD,CAAqD,IAArD,CAAb;AACA,UAAI,KAAK,UAAT,EAAqB,MAAM,IAAI,QAAQ,CAAC,KAAK,eAAN,CAAlB;AACrB,aAAO,MAAP;AACD,KAzEO;;AA0ER,IAAA,aAAa,GAAA;AACX,UAAI,CAAC,KAAK,GAAN,IAAa,KAAK,YAAtB,EAAoC,OAAO,CAAP;AAEpC,aAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,KAAjC;AACD,KA9EO;;AA+ER,IAAA,uBAAuB,GAAA;AACrB,UAAI,KAAK,eAAT,EAA0B,OAAO,MAAM,CAAC,KAAK,eAAN,CAAb;AAE1B,aAAO,KAAK,sBAAL,IAA+B,KAAK,KAAL,GAAa,EAAb,GAAkB,EAAjD,CAAP;AACD,KAnFO;;AAoFR,IAAA,iBAAiB,GAAA;AACf,UACE,CAAC,KAAK,SAAN,IACC,KAAK,eAAL,IAAwB,KAAK,aAAL,KAAuB,CAA/C,IAAoD,KAAK,QAF5D,EAGE,OAAO,CAAP;AAEF,UAAI,KAAK,QAAT,EAAmB,OAAO,CAAP;AAEnB,YAAM,eAAe,GAAG,KAAK,eAAL,GACpB,KAAK,cADe,GAEpB,KAAK,qBAFT;AAIA,aAAO,KAAK,MAAL,GAAc,eAAd,GAAgC,CAAC,eAAxC;AACD,KAjGO;;AAkGR,IAAA,UAAU,GAAA;AACR,UAAI,KAAK,eAAL,IAAwB,KAAK,UAAjC,EAA6C;AAC3C,eAAO,KAAK,aAAL,GAAqB,KAAK,uBAAjC;AACD;;AAED,UAAI,KAAK,eAAT,EAA0B;AACxB,eAAO,KAAK,aAAL,KAAuB,CAAvB,IACL,KAAK,iBAAL,GAAyB,CAD3B;AAED;;AAED,aAAO,CACL,CAAC,KAAK,UAAN,IACA,KAAK,eAFA,KAGF,KAAK,iBAAL,KAA2B,CAHhC;AAID,KAhHO;;AAiHR,IAAA,WAAW,GAAA;AACT,UAAI,CAAC,KAAK,gBAAV,EAA4B;AAC1B,eAAO,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,WAA1B,CAAsC,IAAtC,CAA2C,IAA3C,CAAP;AACD;;AAED,aAAO,KAAK,aAAL,GAAqB,CAA5B;AACD,KAvHO;;AAwHR,IAAA,WAAW,GAAA;AACT,aACE,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,WAA1B,CAAsC,IAAtC,CAA2C,IAA3C,KACA,KAAK,cAFP;AAID,KA7HO;;AA8HR,IAAA,MAAM,GAAA;AACJ,aAAO,EACL,GAAG,QAAQ,CAAC,OAAT,CAAiB,QAAjB,CAA0B,MAA1B,CAAiC,IAAjC,CAAsC,IAAtC,CADE;AAEL,QAAA,QAAQ,EAAE,aAAa,CAAC,KAAK,gBAAN,EAAwB,KAAxB,CAFlB;AAGL,QAAA,SAAS,EAAE,aAAa,CAAC,KAAK,iBAAN,CAHnB;AAIL,QAAA,SAAS,EAAE,cAAc,aAAa,CAAC,KAAK,iBAAN,CAAwB,GAJzD;AAKL,QAAA,IAAI,EAAE,aAAa,CAAC,KAAK,YAAN,CALd;AAML,QAAA,KAAK,EAAE,aAAa,CAAC,KAAK,aAAN;AANf,OAAP;AAQD;;AAvIO,GA/BqB;AAyK/B,EAAA,KAAK,EAAE;AACL,IAAA,SAAS,EAAE,UADN;;AAEL,IAAA,iBAAiB,GAAA;AACf;AACA;AACA;AACA;AACA;AACA;AACA,UACE,CAAC,KAAK,SAAN,IACC,CAAC,KAAK,WAAN,IAAqB,CAAC,KAAK,YAF9B,EAGE;AAEF,WAAK,UAAL;AACD,KAfI;;AAgBL,IAAA,cAAc,CAAE,GAAF,EAAc;AAC1B,WAAK,QAAL,GAAgB,CAAC,GAAD,IAAQ,KAAK,aAAL,KAAuB,CAA/C;AACD,KAlBI;;AAmBL,IAAA,YAAY,CAAE,GAAF,EAAc;AACxB,WAAK,QAAL,GAAgB,CAAC,GAAD,IAAQ,KAAK,aAAL,GAAqB,KAAK,uBAAlD;AACD;;AArBI,GAzKwB;;AAiM/B,EAAA,OAAO,GAAA;AACL,QAAI,KAAK,cAAT,EAAyB,KAAK,QAAL,GAAgB,KAAhB;AAC1B,GAnM8B;;AAqM/B,EAAA,OAAO,EAAE;AACP,IAAA,aAAa,GAAA;AACX,YAAM,MAAM,GAAG,QAAQ,CAAC,OAAT,CAAiB,OAAjB,CAAyB,aAAzB,CAAuC,IAAvC,CAA4C,IAA5C,CAAf;AAEA,MAAA,MAAM,CAAC,IAAP,GAAc,KAAK,EAAL,CAAQ,MAAM,CAAC,IAAP,IAAe,EAAvB,EAA2B,MAAM,CAAC,GAAlC,EAAwC;AACpD,QAAA,KAAK,EAAE;AAAE,UAAA,OAAO,EAAE,KAAK;AAAhB;AAD6C,OAAxC,CAAd;AAIA,aAAO,MAAP;AACD,KATM;;AAUP,IAAA,iBAAiB,GAAA;AACf,aAAO,KAAK,cAAL,GACH,CADG,GAEH,KAAK,cAAL,GAAsB,KAAK,iBAF/B;AAGD,KAdM;;AAeP,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,cAAT,EAAyB;AACvB,aAAK,QAAL,GAAgB,KAAK,aAAL,GAAqB,KAAK,uBAA1C;AACA;AACD;;AAED,UAAI,KAAK,YAAT,EAAuB;AACrB,aAAK,QAAL,GAAgB,KAAK,aAAL,IACd,KAAK,aAAL,GAAqB,KAAK,uBAD5B;AAED;;AAED,UAAI,KAAK,gBAAL,GAAwB,KAAK,uBAAjC,EAA0D;AAE1D,WAAK,WAAL,GAAmB,KAAK,aAAxB;AACD;;AA7BM,GArMsB;;AAqO/B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,MAAM,GAAG,QAAQ,CAAC,OAAT,CAAiB,MAAjB,CAAwB,IAAxB,CAA6B,IAA7B,EAAmC,CAAnC,CAAf;AAEA,IAAA,MAAM,CAAC,IAAP,GAAc,MAAM,CAAC,IAAP,IAAe,EAA7B;;AAEA,QAAI,KAAK,SAAT,EAAoB;AAClB,MAAA,MAAM,CAAC,IAAP,CAAY,UAAZ,GAAyB,MAAM,CAAC,IAAP,CAAY,UAAZ,IAA0B,EAAnD;AACA,MAAA,MAAM,CAAC,IAAP,CAAY,UAAZ,CAAuB,IAAvB,CAA4B;AAC1B,QAAA,GAAG,EAAE,KAAK,YADgB;AAE1B,QAAA,IAAI,EAAE,QAFoB;AAG1B,QAAA,KAAK,EAAE,KAAK;AAHc,OAA5B;AAKD;;AAED,WAAO,MAAP;AACD;;AApP8B,CAAlB,CAAf","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"}