kdutify 0.16.9-rc.0 → 2.6.0

package/lib/components/KApp/KApp.js

@@ -0,0 +1,59 @@
+// Styles
+import "..\\..\\..\\src\\components\\KApp\\KApp.sass"; // Mixins
+
+import Themeable from '../../mixins/themeable'; // Utilities
+
+import mixins from '../../util/mixins';
+/* @kdujs/component */
+
+export default mixins(Themeable).extend({
+  name: 'k-app',
+  props: {
+    dark: {
+      type: Boolean,
+      default: undefined
+    },
+    id: {
+      type: String,
+      default: 'app'
+    },
+    light: {
+      type: Boolean,
+      default: undefined
+    }
+  },
+  computed: {
+    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');
+    }
+  },
+
+  render(h) {
+    const wrapper = h('div', {
+      staticClass: 'k-application--wrap'
+    }, this.$slots.default);
+    return h('div', {
+      staticClass: 'k-application',
+      class: {
+        'k-application--is-rtl': this.$kdutify.rtl,
+        'k-application--is-ltr': !this.$kdutify.rtl,
+        ...this.themeClasses
+      },
+      attrs: {
+        'data-app': true
+      },
+      domProps: {
+        id: this.id
+      }
+    }, [wrapper]);
+  }
+
+});
+//# sourceMappingURL=KApp.js.map

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

@@ -0,0 +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"}

package/lib/components/KApp/index.js

@@ -0,0 +1,4 @@
+import KApp from './KApp';
+export { KApp };
+export default KApp;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/lib/components/KAppBar/KAppBar.js

@@ -0,0 +1,246 @@
+// Styles
+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 { 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,
+    collapseOnScroll: Boolean,
+    elevateOnScroll: Boolean,
+    fadeImgOnScroll: Boolean,
+    hideOnScroll: Boolean,
+    invertedScroll: Boolean,
+    scrollOffScreen: Boolean,
+    shrinkOnScroll: Boolean,
+    value: {
+      type: Boolean,
+      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
+      // explicit value which should
+      // overwrite anything we do
+      !this.value);
+    },
+
+    classes() {
+      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,
+        'k-app-bar--fade-img-on-scroll': this.fadeImgOnScroll,
+        'k-app-bar--elevate-on-scroll': this.elevateOnScroll,
+        'k-app-bar--fixed': !this.absolute && (this.app || this.fixed),
+        'k-app-bar--hide-shadow': this.hideShadow,
+        'k-app-bar--is-scrolled': this.currentScroll > 0,
+        '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),
+        fontSize: convertToUnit(this.computedFontSize, 'rem'),
+        marginTop: convertToUnit(this.computedMarginTop),
+        transform: `translateY(${convertToUnit(this.computedTransform)})`,
+        left: convertToUnit(this.computedLeft),
+        right: convertToUnit(this.computedRight)
+      };
+    }
+
+  },
+  watch: {
+    canScroll: 'onScroll',
+
+    computedTransform() {
+      // Normally we do not want the k-app-bar
+      // to update the application top value
+      // to avoid screen jump. However, in
+      // this situation, we must so that
+      // the clipped drawer can update
+      // its top value when scrolled
+      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);
+      render.data = this._b(render.data || {}, render.tag, {
+        style: {
+          opacity: this.computedOpacity
+        }
+      });
+      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({
+        arg: this.scrollTarget,
+        name: 'scroll',
+        value: this.onScroll
+      });
+    }
+
+    return render;
+  }
+
+});
+//# sourceMappingURL=KAppBar.js.map

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

@@ -0,0 +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"}

package/lib/components/KAppBar/KAppBarNavIcon.js

@@ -0,0 +1,30 @@
+// Components
+import KIcon from '../KIcon';
+import KBtn from '../KBtn/KBtn'; // Types
+
+import Kdu from 'kdu';
+/* @kdujs/component */
+
+export default Kdu.extend({
+  name: 'k-app-bar-nav-icon',
+  functional: true,
+
+  render(h, {
+    slots,
+    listeners,
+    props,
+    data
+  }) {
+    const d = Object.assign(data, {
+      staticClass: `k-app-bar__nav-icon ${data.staticClass || ''}`.trim(),
+      props: { ...props,
+        icon: true
+      },
+      on: listeners
+    });
+    const defaultSlot = slots().default;
+    return h(KBtn, d, defaultSlot || [h(KIcon, '$menu')]);
+  }
+
+});
+//# sourceMappingURL=KAppBarNavIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KAppBar/KAppBarNavIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,IAAP,MAAiB,cAAjB,C,CAEA;;AACA,OAAO,GAAP,MAAgB,KAAhB;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,oBADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;;AAKxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,KAAF;AAAS,IAAA,SAAT;AAAoB,IAAA,KAApB;AAA2B,IAAA;AAA3B,GAAL,EAAsC;AAC1C,UAAM,CAAC,GAAG,MAAM,CAAC,MAAP,CAAc,IAAd,EAAoB;AAC5B,MAAA,WAAW,EAAG,uBAAuB,IAAI,CAAC,WAAL,IAAoB,EAAE,EAA9C,CAAkD,IAAlD,EADe;AAE5B,MAAA,KAAK,EAAE,EACL,GAAG,KADE;AAEL,QAAA,IAAI,EAAE;AAFD,OAFqB;AAM5B,MAAA,EAAE,EAAE;AANwB,KAApB,CAAV;AASA,UAAM,WAAW,GAAG,KAAK,GAAG,OAA5B;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO,CAAP,EAAU,WAAW,IAAI,CAAC,CAAC,CAAC,KAAD,EAAQ,OAAR,CAAF,CAAzB,CAAR;AACD;;AAlBuB,CAAX,CAAf","sourcesContent":["// Components\nimport KIcon from '../KIcon'\nimport KBtn from '../KBtn/KBtn'\n\n// Types\nimport Kdu from 'kdu'\n\n/* @kdujs/component */\nexport default Kdu.extend({\n  name: 'k-app-bar-nav-icon',\n\n  functional: true,\n\n  render (h, { slots, listeners, props, data }) {\n    const d = Object.assign(data, {\n      staticClass: (`k-app-bar__nav-icon ${data.staticClass || ''}`).trim(),\n      props: {\n        ...props,\n        icon: true,\n      },\n      on: listeners,\n    })\n\n    const defaultSlot = slots().default\n\n    return h(KBtn, d, defaultSlot || [h(KIcon, '$menu')])\n  },\n})\n"],"sourceRoot":"","file":"KAppBarNavIcon.js"}

package/lib/components/KAppBar/KAppBarTitle.js

@@ -0,0 +1,62 @@
+// Mixins
+import { inject } from '../../mixins/registrable'; // Utilities
+
+import { convertToUnit } from '../../util/helpers';
+import { easeInOutCubic } from '../../services/goto/easing-patterns';
+const base = inject('KAppBar', 'k-app-bar-title', 'k-app-bar');
+export default base.extend().extend({
+  name: 'k-app-bar-title',
+  data: () => ({
+    contentWidth: 0,
+    left: 0,
+    width: 0
+  }),
+  watch: {
+    '$kdutify.breakpoint.width': 'updateDimensions'
+  },
+  computed: {
+    styles() {
+      if (!this.contentWidth) return {};
+      const min = this.width;
+      const max = this.contentWidth;
+      const ratio = easeInOutCubic(Math.min(1, this.KAppBar.scrollRatio * 1.5));
+      return {
+        width: convertToUnit(min + (max - min) * ratio),
+        visibility: this.KAppBar.scrollRatio ? 'visible' : 'hidden'
+      };
+    }
+
+  },
+
+  mounted() {
+    this.updateDimensions();
+  },
+
+  methods: {
+    updateDimensions() {
+      const dimensions = this.$refs.placeholder.getBoundingClientRect();
+      this.width = dimensions.width;
+      this.left = dimensions.left;
+      this.contentWidth = this.$refs.content.scrollWidth;
+    }
+
+  },
+
+  render(h) {
+    return h('div', {
+      class: 'k-toolbar__title k-app-bar-title'
+    }, [h('div', {
+      class: 'k-app-bar-title__content',
+      style: this.styles,
+      ref: 'content'
+    }, [this.$slots.default]), h('div', {
+      class: 'k-app-bar-title__placeholder',
+      style: {
+        visibility: this.KAppBar.scrollRatio ? 'hidden' : 'visible'
+      },
+      ref: 'placeholder'
+    }, [this.$slots.default])]);
+  }
+
+});
+//# sourceMappingURL=KAppBarTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KAppBar/KAppBarTitle.ts"],"names":[],"mappings":"AAAA;AACA,SAAS,MAAT,QAAuB,0BAAvB,C,CAOA;;AACA,SAAS,aAAT,QAA8B,oBAA9B;AACA,SAAS,cAAT,QAA+B,qCAA/B;AAEA,MAAM,IAAI,GAAG,MAAM,CAA4B,SAA5B,EAAuC,iBAAvC,EAA0D,WAA1D,CAAnB;AASA,eAAe,IAAI,CAAC,MAAL,GAAuB,MAAvB,CAA8B;AAC3C,EAAA,IAAI,EAAE,iBADqC;AAG3C,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,YAAY,EAAE,CADH;AAEX,IAAA,IAAI,EAAE,CAFK;AAGX,IAAA,KAAK,EAAE;AAHI,GAAP,CAHqC;AAS3C,EAAA,KAAK,EAAE;AACL,iCAA6B;AADxB,GAToC;AAa3C,EAAA,QAAQ,EAAE;AACR,IAAA,MAAM,GAAA;AACJ,UAAI,CAAC,KAAK,YAAV,EAAwB,OAAO,EAAP;AAExB,YAAM,GAAG,GAAG,KAAK,KAAjB;AACA,YAAM,GAAG,GAAG,KAAK,YAAjB;AACA,YAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,GAAL,CAAS,CAAT,EAAY,KAAK,OAAL,CAAa,WAAb,GAA2B,GAAvC,CAAD,CAA5B;AACA,aAAO;AACL,QAAA,KAAK,EAAE,aAAa,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,KAArB,CADf;AAEL,QAAA,UAAU,EAAE,KAAK,OAAL,CAAa,WAAb,GAA2B,SAA3B,GAAuC;AAF9C,OAAP;AAID;;AAXO,GAbiC;;AA2B3C,EAAA,OAAO,GAAA;AACL,SAAK,gBAAL;AACD,GA7B0C;;AA+B3C,EAAA,OAAO,EAAE;AACP,IAAA,gBAAgB,GAAA;AACd,YAAM,UAAU,GAAG,KAAK,KAAL,CAAW,WAAX,CAAuB,qBAAvB,EAAnB;AACA,WAAK,KAAL,GAAa,UAAU,CAAC,KAAxB;AACA,WAAK,IAAL,GAAY,UAAU,CAAC,IAAvB;AACA,WAAK,YAAL,GAAoB,KAAK,KAAL,CAAW,OAAX,CAAmB,WAAvC;AACD;;AANM,GA/BkC;;AAwC3C,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,KAAK,EAAE;AADO,KAAR,EAEL,CACD,CAAC,CAAC,KAAD,EAAQ;AACP,MAAA,KAAK,EAAE,0BADA;AAEP,MAAA,KAAK,EAAE,KAAK,MAFL;AAGP,MAAA,GAAG,EAAE;AAHE,KAAR,EAIE,CAAC,KAAK,MAAL,CAAY,OAAb,CAJF,CADA,EAMD,CAAC,CAAC,KAAD,EAAQ;AACP,MAAA,KAAK,EAAE,8BADA;AAEP,MAAA,KAAK,EAAE;AACL,QAAA,UAAU,EAAE,KAAK,OAAL,CAAa,WAAb,GAA2B,QAA3B,GAAsC;AAD7C,OAFA;AAKP,MAAA,GAAG,EAAE;AALE,KAAR,EAME,CAAC,KAAK,MAAL,CAAY,OAAb,CANF,CANA,CAFK,CAAR;AAgBD;;AAzD0C,CAA9B,CAAf","sourcesContent":["// Mixins\nimport { inject } from '../../mixins/registrable'\n\n// Types\nimport { KNode } from 'kdu'\nimport { ExtractKdu } from '../../util/mixins'\nimport KAppBar from './KAppBar'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { easeInOutCubic } from '../../services/goto/easing-patterns'\n\nconst base = inject<'KAppBar', typeof KAppBar>('KAppBar', 'k-app-bar-title', 'k-app-bar')\n\ninterface options extends ExtractKdu<typeof base> {\n  $refs: {\n    content: Element\n    placeholder: Element\n  }\n}\n\nexport default base.extend<options>().extend({\n  name: 'k-app-bar-title',\n\n  data: () => ({\n    contentWidth: 0,\n    left: 0,\n    width: 0,\n  }),\n\n  watch: {\n    '$kdutify.breakpoint.width': 'updateDimensions',\n  },\n\n  computed: {\n    styles (): object {\n      if (!this.contentWidth) return {}\n\n      const min = this.width\n      const max = this.contentWidth\n      const ratio = easeInOutCubic(Math.min(1, this.KAppBar.scrollRatio * 1.5))\n      return {\n        width: convertToUnit(min + (max - min) * ratio),\n        visibility: this.KAppBar.scrollRatio ? 'visible' : 'hidden',\n      }\n    },\n  },\n\n  mounted () {\n    this.updateDimensions()\n  },\n\n  methods: {\n    updateDimensions (): void {\n      const dimensions = this.$refs.placeholder.getBoundingClientRect()\n      this.width = dimensions.width\n      this.left = dimensions.left\n      this.contentWidth = this.$refs.content.scrollWidth\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      class: 'k-toolbar__title k-app-bar-title',\n    }, [\n      h('div', {\n        class: 'k-app-bar-title__content',\n        style: this.styles,\n        ref: 'content',\n      }, [this.$slots.default]),\n      h('div', {\n        class: 'k-app-bar-title__placeholder',\n        style: {\n          visibility: this.KAppBar.scrollRatio ? 'hidden' : 'visible',\n        },\n        ref: 'placeholder',\n      }, [this.$slots.default]),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KAppBarTitle.js"}

package/lib/components/KAppBar/index.js

@@ -0,0 +1,12 @@
+import KAppBar from './KAppBar';
+import KAppBarNavIcon from './KAppBarNavIcon';
+import KAppBarTitle from './KAppBarTitle';
+export { KAppBar, KAppBarNavIcon, KAppBarTitle };
+export default {
+  $_kdutify_subcomponents: {
+    KAppBar,
+    KAppBarNavIcon,
+    KAppBarTitle
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/KAppBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,YAAP,MAAyB,gBAAzB;AAEA,SAAS,OAAT,EAAkB,cAAlB,EAAkC,YAAlC;AAEA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,OADuB;AAEvB,IAAA,cAFuB;AAGvB,IAAA;AAHuB;AADZ,CAAf","sourcesContent":["import KAppBar from './KAppBar'\nimport KAppBarNavIcon from './KAppBarNavIcon'\nimport KAppBarTitle from './KAppBarTitle'\n\nexport { KAppBar, KAppBarNavIcon, KAppBarTitle }\n\nexport default {\n  $_kdutify_subcomponents: {\n    KAppBar,\n    KAppBarNavIcon,\n    KAppBarTitle,\n  },\n}\n"],"sourceRoot":"","file":"index.js"}