kdutify 2.6.0 → 2.7.2

package/lib/components/KDialog/KDialog.js

@@ -1,24 +1,22 @@
 // Styles
-import "..\\..\\..\\src\\components\\KDialog\\KDialog.sass"; // Components
-
-import { KThemeProvider } from '../KThemeProvider'; // Mixins
-
+import "..\\..\\..\\src\\components\\KDialog\\KDialog.sass";
+// Components
+import { KThemeProvider } from '../KThemeProvider';
+// Mixins
 import Activatable from '../../mixins/activatable';
 import Dependent from '../../mixins/dependent';
 import Detachable from '../../mixins/detachable';
 import Overlayable from '../../mixins/overlayable';
 import Returnable from '../../mixins/returnable';
 import Stackable from '../../mixins/stackable';
-import Toggleable from '../../mixins/toggleable'; // Directives
-
-import ClickOutside from '../../directives/click-outside'; // Helpers
-
+// Directives
+import ClickOutside from '../../directives/click-outside';
+// Helpers
 import mixins from '../../util/mixins';
 import { removed } from '../../util/console';
 import { convertToUnit, keyCodes } from '../../util/helpers';
-const baseMixins = mixins(Activatable, Dependent, Detachable, Overlayable, Returnable, Stackable, Toggleable);
+const baseMixins = mixins(Dependent, Detachable, Overlayable, Returnable, Stackable, Activatable);
 /* @kdujs/component */
-
 export default baseMixins.extend({
   name: 'k-dialog',
   directives: {
@@ -29,10 +27,7 @@ export default baseMixins.extend({
     disabled: Boolean,
     fullscreen: Boolean,
     light: Boolean,
-    maxWidth: {
-      type: [String, Number],
-      default: 'none'
-    },
+    maxWidth: [String, Number],
     noClickAnimation: Boolean,
     origin: {
       type: String,
@@ -48,23 +43,17 @@ export default baseMixins.extend({
       type: [String, Boolean],
       default: 'dialog-transition'
     },
-    width: {
-      type: [String, Number],
-      default: 'auto'
-    }
+    width: [String, Number]
   },
-
   data() {
     return {
       activatedBy: null,
       animate: false,
       animateTimeout: -1,
-      isActive: !!this.value,
       stackMinZIndex: 200,
       previousActiveElement: null
     };
   },
-
   computed: {
     classes() {
       return {
@@ -76,36 +65,30 @@ export default baseMixins.extend({
         'k-dialog--animated': this.animate
       };
     },
-
     contentClasses() {
       return {
         'k-dialog__content': true,
         'k-dialog__content--active': this.isActive
       };
     },
-
     hasActivator() {
       return Boolean(!!this.$slots.activator || !!this.$scopedSlots.activator);
     }
-
   },
   watch: {
     isActive(val) {
+      var _a;
       if (val) {
         this.show();
         this.hideScroll();
       } else {
-        var _this$previousActiveE;
-
         this.removeOverlay();
         this.unbind();
-        (_this$previousActiveE = this.previousActiveElement) == null ? void 0 : _this$previousActiveE.focus();
+        (_a = this.previousActiveElement) === null || _a === void 0 ? void 0 : _a.focus();
       }
     },
-
     fullscreen(val) {
       if (!this.isActive) return;
-
       if (val) {
         this.hideScroll();
         this.removeOverlay(false);
@@ -114,48 +97,41 @@ export default baseMixins.extend({
         this.genOverlay();
       }
     }
-
   },
-
   created() {
     /* istanbul ignore next */
     if (this.$attrs.hasOwnProperty('full-width')) {
       removed('full-width', this);
     }
   },
-
   beforeMount() {
     this.$nextTick(() => {
       this.isBooted = this.isActive;
       this.isActive && this.show();
     });
   },
-
   beforeDestroy() {
     if (typeof window !== 'undefined') this.unbind();
   },
-
   methods: {
     animateClick() {
-      this.animate = false; // Needed for when clicking very fast
+      this.animate = false;
+      // Needed for when clicking very fast
       // outside of the dialog
-
       this.$nextTick(() => {
         this.animate = true;
         window.clearTimeout(this.animateTimeout);
         this.animateTimeout = window.setTimeout(() => this.animate = false, 150);
       });
     },
-
     closeConditional(e) {
-      const target = e.target; // Ignore the click if the dialog is closed or destroyed,
+      const target = e.target;
+      // Ignore the click if the dialog is closed or destroyed,
       // if it was on an element inside the content,
       // if it was dragged onto the overlay (#6969),
       // or if this isn't the topmost dialog (#9907)
-
       return !(this._isDestroyed || !this.isActive || this.$refs.content.contains(target) || this.overlay && target && !this.overlay.$el.contains(target)) && this.activeZIndex >= this.getMaxZIndex();
     },
-
     hideScroll() {
       if (this.fullscreen) {
         document.documentElement.classList.add('overflow-y-hidden');
@@ -163,40 +139,34 @@ export default baseMixins.extend({
         Overlayable.options.methods.hideScroll.call(this);
       }
     },
-
     show() {
-      !this.fullscreen && !this.hideOverlay && this.genOverlay(); // Double nextTick to wait for lazy content to be generated
-
+      !this.fullscreen && !this.hideOverlay && this.genOverlay();
+      // Double nextTick to wait for lazy content to be generated
       this.$nextTick(() => {
         this.$nextTick(() => {
-          if (!this.$refs.content.contains(document.activeElement)) {
+          var _a, _b;
+          if (!((_a = this.$refs.dialog) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement))) {
             this.previousActiveElement = document.activeElement;
-            this.$refs.content.focus();
+            (_b = this.$refs.dialog) === null || _b === void 0 ? void 0 : _b.focus();
           }
-
           this.bind();
         });
       });
     },
-
     bind() {
       window.addEventListener('focusin', this.onFocusin);
     },
-
     unbind() {
       window.removeEventListener('focusin', this.onFocusin);
     },
-
     onClickOutside(e) {
       this.$emit('click:outside', e);
-
       if (this.persistent) {
         this.noClickAnimation || this.animateClick();
       } else {
         this.isActive = false;
       }
     },
-
     onKeydown(e) {
       if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {
         if (!this.persistent) {
@@ -207,28 +177,29 @@ export default baseMixins.extend({
           this.animateClick();
         }
       }
-
       this.$emit('keydown', e);
     },
-
     // On focus change, wrap focus to stay inside the dialog
     onFocusin(e) {
       if (!e || !this.retainFocus) return;
       const target = e.target;
-
-      if (!!target && // It isn't the document or the dialog body
-      ![document, this.$refs.content].includes(target) && // It isn't inside the dialog body
-      !this.$refs.content.contains(target) && // We're the topmost dialog
-      this.activeZIndex >= this.getMaxZIndex() && // It isn't inside a dependent element (like a menu)
-      !this.getOpenDependentElements().some(el => el.contains(target)) // So we must have focused something outside the dialog and its children
+      if (!!target && this.$refs.dialog &&
+      // It isn't the document or the dialog body
+      ![document, this.$refs.dialog].includes(target) &&
+      // It isn't inside the dialog body
+      !this.$refs.dialog.contains(target) &&
+      // We're the topmost dialog
+      this.activeZIndex >= this.getMaxZIndex() &&
+      // It isn't inside a dependent element (like a menu)
+      !this.getOpenDependentElements().some(el => el.contains(target))
+      // So we must have focused something outside the dialog and its children
       ) {
-          // Find and focus the first available element inside the dialog
-          const focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-          const el = [...focusable].find(el => !el.hasAttribute('disabled'));
-          el && el.focus();
-        }
+        // Find and focus the first available element inside the dialog
+        const focusable = this.$refs.dialog.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])');
+        const el = [...focusable].find(el => !el.hasAttribute('disabled') && !el.matches('[tabindex="-1"]'));
+        el && el.focus();
+      }
     },
-
     genContent() {
       return this.showLazyContent(() => [this.$createElement(KThemeProvider, {
         props: {
@@ -239,8 +210,8 @@ export default baseMixins.extend({
       }, [this.$createElement('div', {
         class: this.contentClasses,
         attrs: {
-          role: 'document',
-          tabindex: this.isActive ? 0 : undefined,
+          role: 'dialog',
+          'aria-modal': this.hideOverlay ? undefined : 'true',
           ...this.getScopeIdAttrs()
         },
         on: {
@@ -252,7 +223,6 @@ export default baseMixins.extend({
         ref: 'content'
       }, [this.genTransition()])])]);
     },
-
     genTransition() {
       const content = this.genInnerContent();
       if (!this.transition) return content;
@@ -264,10 +234,12 @@ export default baseMixins.extend({
         }
       }, [content]);
     },
-
     genInnerContent() {
       const data = {
         class: this.classes,
+        attrs: {
+          tabindex: this.isActive ? 0 : undefined
+        },
         ref: 'dialog',
         directives: [{
           name: 'click-outside',
@@ -284,30 +256,23 @@ export default baseMixins.extend({
           transformOrigin: this.origin
         }
       };
-
       if (!this.fullscreen) {
-        data.style = { ...data.style,
-          maxWidth: this.maxWidth === 'none' ? undefined : convertToUnit(this.maxWidth),
-          width: this.width === 'auto' ? undefined : convertToUnit(this.width)
+        data.style = {
+          ...data.style,
+          maxWidth: convertToUnit(this.maxWidth),
+          width: convertToUnit(this.width)
         };
       }
-
       return this.$createElement('div', data, this.getContentSlot());
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-dialog__container',
       class: {
         'k-dialog__container--attached': this.attach === '' || this.attach === true || this.attach === 'attach'
-      },
-      attrs: {
-        role: 'dialog'
       }
     }, [this.genActivator(), this.genContent()]);
   }
-
 });
 //# sourceMappingURL=KDialog.js.map

package/lib/components/KDialog/KDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDialog/KDialog.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KDialog.sass'\n\n// Components\nimport { KThemeProvider } from '../KThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\n\nconst baseMixins = mixins(\n  Activatable,\n  Dependent,\n  Detachable,\n  Overlayable,\n  Returnable,\n  Stackable,\n  Toggleable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-dialog',\n\n  directives: { ClickOutside },\n\n  props: {\n    dark: Boolean,\n    disabled: Boolean,\n    fullscreen: Boolean,\n    light: Boolean,\n    maxWidth: {\n      type: [String, Number],\n      default: 'none',\n    },\n    noClickAnimation: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    persistent: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    transition: {\n      type: [String, Boolean],\n      default: 'dialog-transition',\n    },\n    width: {\n      type: [String, Number],\n      default: 'auto',\n    },\n  },\n\n  data () {\n    return {\n      activatedBy: null as EventTarget | null,\n      animate: false,\n      animateTimeout: -1,\n      isActive: !!this.value,\n      stackMinZIndex: 200,\n      previousActiveElement: null as HTMLElement | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        [(`k-dialog ${this.contentClass}`).trim()]: true,\n        'k-dialog--active': this.isActive,\n        'k-dialog--persistent': this.persistent,\n        'k-dialog--fullscreen': this.fullscreen,\n        'k-dialog--scrollable': this.scrollable,\n        'k-dialog--animated': this.animate,\n      }\n    },\n    contentClasses (): object {\n      return {\n        'k-dialog__content': true,\n        'k-dialog__content--active': this.isActive,\n      }\n    },\n    hasActivator (): boolean {\n      return Boolean(\n        !!this.$slots.activator ||\n        !!this.$scopedSlots.activator\n      )\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.show()\n        this.hideScroll()\n      } else {\n        this.removeOverlay()\n        this.unbind()\n        this.previousActiveElement?.focus()\n      }\n    },\n    fullscreen (val) {\n      if (!this.isActive) return\n\n      if (val) {\n        this.hideScroll()\n        this.removeOverlay(false)\n      } else {\n        this.showScroll()\n        this.genOverlay()\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.isBooted = this.isActive\n      this.isActive && this.show()\n    })\n  },\n\n  beforeDestroy () {\n    if (typeof window !== 'undefined') this.unbind()\n  },\n\n  methods: {\n    animateClick () {\n      this.animate = false\n      // Needed for when clicking very fast\n      // outside of the dialog\n      this.$nextTick(() => {\n        this.animate = true\n        window.clearTimeout(this.animateTimeout)\n        this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n      })\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n      // Ignore the click if the dialog is closed or destroyed,\n      // if it was on an element inside the content,\n      // if it was dragged onto the overlay (#6969),\n      // or if this isn't the topmost dialog (#9907)\n      return !(\n        this._isDestroyed ||\n        !this.isActive ||\n        this.$refs.content.contains(target) ||\n        (this.overlay && target && !this.overlay.$el.contains(target))\n      ) && this.activeZIndex >= this.getMaxZIndex()\n    },\n    hideScroll () {\n      if (this.fullscreen) {\n        document.documentElement.classList.add('overflow-y-hidden')\n      } else {\n        Overlayable.options.methods.hideScroll.call(this)\n      }\n    },\n    show () {\n      !this.fullscreen && !this.hideOverlay && this.genOverlay()\n      // Double nextTick to wait for lazy content to be generated\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          if (!this.$refs.content.contains(document.activeElement)) {\n            this.previousActiveElement = document.activeElement as HTMLElement\n            this.$refs.content.focus()\n          }\n          this.bind()\n        })\n      })\n    },\n    bind () {\n      window.addEventListener('focusin', this.onFocusin)\n    },\n    unbind () {\n      window.removeEventListener('focusin', this.onFocusin)\n    },\n    onClickOutside (e: Event) {\n      this.$emit('click:outside', e)\n\n      if (this.persistent) {\n        this.noClickAnimation || this.animateClick()\n      } else {\n        this.isActive = false\n      }\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n        if (!this.persistent) {\n          this.isActive = false\n          const activator = this.getActivator()\n          this.$nextTick(() => activator && (activator as HTMLElement).focus())\n        } else if (!this.noClickAnimation) {\n          this.animateClick()\n        }\n      }\n      this.$emit('keydown', e)\n    },\n    // On focus change, wrap focus to stay inside the dialog\n    onFocusin (e: Event) {\n      if (!e || !this.retainFocus) return\n\n      const target = e.target as HTMLElement\n\n      if (\n        !!target &&\n        // It isn't the document or the dialog body\n        ![document, this.$refs.content].includes(target) &&\n        // It isn't inside the dialog body\n        !this.$refs.content.contains(target) &&\n        // We're the topmost dialog\n        this.activeZIndex >= this.getMaxZIndex() &&\n        // It isn't inside a dependent element (like a menu)\n        !this.getOpenDependentElements().some(el => el.contains(target))\n        // So we must have focused something outside the dialog and its children\n      ) {\n        // Find and focus the first available element inside the dialog\n        const focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        const el = [...focusable].find(el => !el.hasAttribute('disabled')) as HTMLElement | undefined\n        el && el.focus()\n      }\n    },\n    genContent () {\n      return this.showLazyContent(() => [\n        this.$createElement(KThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [\n          this.$createElement('div', {\n            class: this.contentClasses,\n            attrs: {\n              role: 'document',\n              tabindex: this.isActive ? 0 : undefined,\n              ...this.getScopeIdAttrs(),\n            },\n            on: { keydown: this.onKeydown },\n            style: { zIndex: this.activeZIndex },\n            ref: 'content',\n          }, [this.genTransition()]),\n        ]),\n      ])\n    },\n    genTransition () {\n      const content = this.genInnerContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n          origin: this.origin,\n          appear: true,\n        },\n      }, [content])\n    },\n    genInnerContent () {\n      const data: KNodeData = {\n        class: this.classes,\n        ref: 'dialog',\n        directives: [\n          {\n            name: 'click-outside',\n            value: {\n              handler: this.onClickOutside,\n              closeConditional: this.closeConditional,\n              include: this.getOpenDependentElements,\n            },\n          },\n          { name: 'show', value: this.isActive },\n        ],\n        style: {\n          transformOrigin: this.origin,\n        },\n      }\n\n      if (!this.fullscreen) {\n        data.style = {\n          ...data.style as object,\n          maxWidth: this.maxWidth === 'none' ? undefined : convertToUnit(this.maxWidth),\n          width: this.width === 'auto' ? undefined : convertToUnit(this.width),\n        }\n      }\n\n      return this.$createElement('div', data, this.getContentSlot())\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-dialog__container',\n      class: {\n        'k-dialog__container--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n      attrs: { role: 'dialog' },\n    }, [\n      this.genActivator(),\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDialog.js"}
+{"version":3,"sources":["../../../src/components/KDialog/KDialog.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KDialog.sass'\n\n// Components\nimport { KThemeProvider } from '../KThemeProvider'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Overlayable from '../../mixins/overlayable'\nimport Returnable from '../../mixins/returnable'\nimport Stackable from '../../mixins/stackable'\n\n// Directives\nimport ClickOutside from '../../directives/click-outside'\n\n// Helpers\nimport mixins from '../../util/mixins'\nimport { removed } from '../../util/console'\nimport {\n  convertToUnit,\n  keyCodes,\n} from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\n\nconst baseMixins = mixins(\n  Dependent,\n  Detachable,\n  Overlayable,\n  Returnable,\n  Stackable,\n  Activatable,\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n  name: 'k-dialog',\n\n  directives: { ClickOutside },\n\n  props: {\n    dark: Boolean,\n    disabled: Boolean,\n    fullscreen: Boolean,\n    light: Boolean,\n    maxWidth: [String, Number],\n    noClickAnimation: Boolean,\n    origin: {\n      type: String,\n      default: 'center center',\n    },\n    persistent: Boolean,\n    retainFocus: {\n      type: Boolean,\n      default: true,\n    },\n    scrollable: Boolean,\n    transition: {\n      type: [String, Boolean],\n      default: 'dialog-transition',\n    },\n    width: [String, Number],\n  },\n\n  data () {\n    return {\n      activatedBy: null as EventTarget | null,\n      animate: false,\n      animateTimeout: -1,\n      stackMinZIndex: 200,\n      previousActiveElement: null as HTMLElement | null,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        [(`k-dialog ${this.contentClass}`).trim()]: true,\n        'k-dialog--active': this.isActive,\n        'k-dialog--persistent': this.persistent,\n        'k-dialog--fullscreen': this.fullscreen,\n        'k-dialog--scrollable': this.scrollable,\n        'k-dialog--animated': this.animate,\n      }\n    },\n    contentClasses (): object {\n      return {\n        'k-dialog__content': true,\n        'k-dialog__content--active': this.isActive,\n      }\n    },\n    hasActivator (): boolean {\n      return Boolean(\n        !!this.$slots.activator ||\n        !!this.$scopedSlots.activator\n      )\n    },\n  },\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.show()\n        this.hideScroll()\n      } else {\n        this.removeOverlay()\n        this.unbind()\n        this.previousActiveElement?.focus()\n      }\n    },\n    fullscreen (val) {\n      if (!this.isActive) return\n\n      if (val) {\n        this.hideScroll()\n        this.removeOverlay(false)\n      } else {\n        this.showScroll()\n        this.genOverlay()\n      }\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('full-width')) {\n      removed('full-width', this)\n    }\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.isBooted = this.isActive\n      this.isActive && this.show()\n    })\n  },\n\n  beforeDestroy () {\n    if (typeof window !== 'undefined') this.unbind()\n  },\n\n  methods: {\n    animateClick () {\n      this.animate = false\n      // Needed for when clicking very fast\n      // outside of the dialog\n      this.$nextTick(() => {\n        this.animate = true\n        window.clearTimeout(this.animateTimeout)\n        this.animateTimeout = window.setTimeout(() => (this.animate = false), 150)\n      })\n    },\n    closeConditional (e: Event) {\n      const target = e.target as HTMLElement\n      // Ignore the click if the dialog is closed or destroyed,\n      // if it was on an element inside the content,\n      // if it was dragged onto the overlay (#6969),\n      // or if this isn't the topmost dialog (#9907)\n      return !(\n        this._isDestroyed ||\n        !this.isActive ||\n        this.$refs.content.contains(target) ||\n        (this.overlay && target && !this.overlay.$el.contains(target))\n      ) && this.activeZIndex >= this.getMaxZIndex()\n    },\n    hideScroll () {\n      if (this.fullscreen) {\n        document.documentElement.classList.add('overflow-y-hidden')\n      } else {\n        Overlayable.options.methods.hideScroll.call(this)\n      }\n    },\n    show () {\n      !this.fullscreen && !this.hideOverlay && this.genOverlay()\n      // Double nextTick to wait for lazy content to be generated\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          if (!this.$refs.dialog?.contains(document.activeElement)) {\n            this.previousActiveElement = document.activeElement as HTMLElement\n            this.$refs.dialog?.focus()\n          }\n          this.bind()\n        })\n      })\n    },\n    bind () {\n      window.addEventListener('focusin', this.onFocusin)\n    },\n    unbind () {\n      window.removeEventListener('focusin', this.onFocusin)\n    },\n    onClickOutside (e: Event) {\n      this.$emit('click:outside', e)\n\n      if (this.persistent) {\n        this.noClickAnimation || this.animateClick()\n      } else {\n        this.isActive = false\n      }\n    },\n    onKeydown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.esc && !this.getOpenDependents().length) {\n        if (!this.persistent) {\n          this.isActive = false\n          const activator = this.getActivator()\n          this.$nextTick(() => activator && (activator as HTMLElement).focus())\n        } else if (!this.noClickAnimation) {\n          this.animateClick()\n        }\n      }\n      this.$emit('keydown', e)\n    },\n    // On focus change, wrap focus to stay inside the dialog\n    onFocusin (e: Event) {\n      if (!e || !this.retainFocus) return\n\n      const target = e.target as HTMLElement\n\n      if (\n        !!target &&\n        this.$refs.dialog &&\n        // It isn't the document or the dialog body\n        ![document, this.$refs.dialog].includes(target) &&\n        // It isn't inside the dialog body\n        !this.$refs.dialog.contains(target) &&\n        // We're the topmost dialog\n        this.activeZIndex >= this.getMaxZIndex() &&\n        // It isn't inside a dependent element (like a menu)\n        !this.getOpenDependentElements().some(el => el.contains(target))\n        // So we must have focused something outside the dialog and its children\n      ) {\n        // Find and focus the first available element inside the dialog\n        const focusable = this.$refs.dialog.querySelectorAll('button, [href], input:not([type=\"hidden\"]), select, textarea, [tabindex]:not([tabindex=\"-1\"])')\n        const el = [...focusable].find(el => !el.hasAttribute('disabled') && !el.matches('[tabindex=\"-1\"]')) as HTMLElement | undefined\n        el && el.focus()\n      }\n    },\n    genContent () {\n      return this.showLazyContent(() => [\n        this.$createElement(KThemeProvider, {\n          props: {\n            root: true,\n            light: this.light,\n            dark: this.dark,\n          },\n        }, [\n          this.$createElement('div', {\n            class: this.contentClasses,\n            attrs: {\n              role: 'dialog',\n              'aria-modal': this.hideOverlay ? undefined : 'true',\n              ...this.getScopeIdAttrs(),\n            },\n            on: { keydown: this.onKeydown },\n            style: { zIndex: this.activeZIndex },\n            ref: 'content',\n          }, [this.genTransition()]),\n        ]),\n      ])\n    },\n    genTransition () {\n      const content = this.genInnerContent()\n\n      if (!this.transition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n          origin: this.origin,\n          appear: true,\n        },\n      }, [content])\n    },\n    genInnerContent () {\n      const data: KNodeData = {\n        class: this.classes,\n        attrs: {\n          tabindex: this.isActive ? 0 : undefined,\n        },\n        ref: 'dialog',\n        directives: [\n          {\n            name: 'click-outside',\n            value: {\n              handler: this.onClickOutside,\n              closeConditional: this.closeConditional,\n              include: this.getOpenDependentElements,\n            },\n          },\n          { name: 'show', value: this.isActive },\n        ],\n        style: {\n          transformOrigin: this.origin,\n        },\n      }\n\n      if (!this.fullscreen) {\n        data.style = {\n          ...data.style as object,\n          maxWidth: convertToUnit(this.maxWidth),\n          width: convertToUnit(this.width),\n        }\n      }\n\n      return this.$createElement('div', data, this.getContentSlot())\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-dialog__container',\n      class: {\n        'k-dialog__container--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      },\n    }, [\n      this.genActivator(),\n      this.genContent(),\n    ])\n  },\n})\n"],"sourceRoot":"","file":"KDialog.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import KDialog from './KDialog'\n\nexport { KDialog }\nexport default KDialog\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW;AAE/B,SAAS,OAAO;AAChB,eAAe,OAAO","sourcesContent":["import KDialog from './KDialog'\n\nexport { KDialog }\nexport default KDialog\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KDivider/KDivider.js

@@ -1,6 +1,6 @@
 // Styles
-import "..\\..\\..\\src\\components\\KDivider\\KDivider.sass"; // Mixins
-
+import "..\\..\\..\\src\\components\\KDivider\\KDivider.sass";
+// Mixins
 import Themeable from '../../mixins/themeable';
 export default Themeable.extend({
   name: 'k-divider',
@@ -8,15 +8,12 @@ export default Themeable.extend({
     inset: Boolean,
     vertical: Boolean
   },
-
   render(h) {
     // WAI-ARIA attributes
     let orientation;
-
     if (!this.$attrs.role || this.$attrs.role === 'separator') {
       orientation = this.vertical ? 'vertical' : 'horizontal';
     }
-
     return h('hr', {
       class: {
         'k-divider': true,
@@ -32,6 +29,5 @@ export default Themeable.extend({
       on: this.$listeners
     });
   }
-
 });
 //# sourceMappingURL=KDivider.js.map

package/lib/components/KDivider/KDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDivider/KDivider.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAP,C,CAKA;;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA,eAAe,SAAS,CAAC,MAAV,CAAiB;AAC9B,EAAA,IAAI,EAAE,WADwB;AAG9B,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE;AAFL,GAHuB;;AAQ9B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP;AACA,QAAI,WAAJ;;AACA,QAAI,CAAC,KAAK,MAAL,CAAY,IAAb,IAAqB,KAAK,MAAL,CAAY,IAAZ,KAAqB,WAA9C,EAA2D;AACzD,MAAA,WAAW,GAAG,KAAK,QAAL,GAAgB,UAAhB,GAA6B,YAA3C;AACD;;AACD,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,KAAK,EAAE;AACL,qBAAa,IADR;AAEL,4BAAoB,KAAK,KAFpB;AAGL,+BAAuB,KAAK,QAHvB;AAIL,WAAG,KAAK;AAJH,OADM;AAOb,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,WADD;AAEL,4BAAoB,WAFf;AAGL,WAAG,KAAK;AAHH,OAPM;AAYb,MAAA,EAAE,EAAE,KAAK;AAZI,KAAP,CAAR;AAcD;;AA5B6B,CAAjB,CAAf","sourcesContent":["// Styles\nimport './KDivider.sass'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'k-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): KNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'k-divider': true,\n        'k-divider--inset': this.inset,\n        'k-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\n})\n"],"sourceRoot":"","file":"KDivider.js"}
+{"version":3,"sources":["../../../src/components/KDivider/KDivider.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAiB;AAKxB;AACA,OAAO,SAAS,MAAM,wBAAwB;AAE9C,eAAe,SAAS,CAAC,MAAM,CAAC;EAC9B,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;GACX;EAED,MAAM,CAAE,CAAC,EAAA;IACP;IACA,IAAI,WAAW;IACf,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE;MACzD,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,YAAY;IACxD;IACD,OAAO,CAAC,CAAC,IAAI,EAAE;MACb,KAAK,EAAE;QACL,WAAW,EAAE,IAAI;QACjB,kBAAkB,EAAE,IAAI,CAAC,KAAK;QAC9B,qBAAqB,EAAE,IAAI,CAAC,QAAQ;QACpC,GAAG,IAAI,CAAC;OACT;MACD,KAAK,EAAE;QACL,IAAI,EAAE,WAAW;QACjB,kBAAkB,EAAE,WAAW;QAC/B,GAAG,IAAI,CAAC;OACT;MACD,EAAE,EAAE,IAAI,CAAC;KACV,CAAC;EACJ;CACD,CAAC","sourcesContent":["// Styles\nimport './KDivider.sass'\n\n// Types\nimport { KNode } from 'kdu'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'k-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): KNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'k-divider': true,\n        'k-divider--inset': this.inset,\n        'k-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\n})\n"],"sourceRoot":"","file":"KDivider.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,YAArB;AAEA,SAAS,QAAT;AACA,eAAe,QAAf","sourcesContent":["import KDivider from './KDivider'\n\nexport { KDivider }\nexport default KDivider\n"],"sourceRoot":"","file":"index.js"}
+{"version":3,"sources":["../../../src/components/KDivider/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY;AAEjC,SAAS,QAAQ;AACjB,eAAe,QAAQ","sourcesContent":["import KDivider from './KDivider'\n\nexport { KDivider }\nexport default KDivider\n"],"sourceRoot":"","file":"index.js"}

package/lib/components/KExpansionPanel/KExpansionPanel.js

@@ -1,18 +1,16 @@
 // Mixins
 import { factory as GroupableFactory } from '../../mixins/groupable';
-import { provide as RegistrableProvide } from '../../mixins/registrable'; // Utilities
-
+import { provide as RegistrableProvide } from '../../mixins/registrable';
+// Utilities
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 export default mixins(GroupableFactory('expansionPanels', 'k-expansion-panel', 'k-expansion-panels'), RegistrableProvide('expansionPanel', true)
-/* @kdujs/component */
-).extend({
+/* @kdujs/component */).extend({
   name: 'k-expansion-panel',
   props: {
     disabled: Boolean,
     readonly: Boolean
   },
-
   data() {
     return {
       content: null,
@@ -20,7 +18,6 @@ export default mixins(GroupableFactory('expansionPanels', 'k-expansion-panel', '
       nextIsActive: false
     };
   },
-
   computed: {
     classes() {
       return {
@@ -30,46 +27,36 @@ export default mixins(GroupableFactory('expansionPanels', 'k-expansion-panel', '
         ...this.groupClasses
       };
     },
-
     isDisabled() {
       return this.expansionPanels.disabled || this.disabled;
     },
-
     isReadonly() {
       return this.expansionPanels.readonly || this.readonly;
     }
-
   },
   methods: {
     registerContent(vm) {
       this.content = vm;
     },
-
     unregisterContent() {
       this.content = null;
     },
-
     registerHeader(vm) {
       this.header = vm;
       vm.$on('click', this.onClick);
     },
-
     unregisterHeader() {
       this.header = null;
     },
-
     onClick(e) {
       if (e.detail) this.header.$el.blur();
       this.$emit('click', e);
       this.isReadonly || this.isDisabled || this.toggle();
     },
-
     toggle() {
       this.$nextTick(() => this.$emit('change'));
     }
-
   },
-
   render(h) {
     return h('div', {
       staticClass: 'k-expansion-panel',
@@ -79,6 +66,5 @@ export default mixins(GroupableFactory('expansionPanels', 'k-expansion-panel', '
       }
     }, getSlot(this));
   }
-
 });
 //# sourceMappingURL=KExpansionPanel.js.map

package/lib/components/KExpansionPanel/KExpansionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanel.ts"],"names":[],"mappings":"AAKA;AACA,SAAS,OAAO,IAAI,gBAApB,QAA4C,wBAA5C;AACA,SAAS,OAAO,IAAI,kBAApB,QAA8C,0BAA9C,C,CAEA;;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAQA,eAAe,MAAM,CACnB,gBAAgB,CAA6C,iBAA7C,EAAgE,mBAAhE,EAAqF,oBAArF,CADG,EAEnB,kBAAkB,CAAC,gBAAD,EAAmB,IAAnB;AAClB;AAHmB,CAAN,CAIb,MAJa,CAIN;AACP,EAAA,IAAI,EAAE,mBADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,EAAE,OADL;AAEL,IAAA,QAAQ,EAAE;AAFL,GAHA;;AAQP,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,OAAO,EAAE,IADJ;AAEL,MAAA,MAAM,EAAE,IAFH;AAGL,MAAA,YAAY,EAAE;AAHT,KAAP;AAKD,GAdM;;AAgBP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,qCAA6B,KAAK,QAD7B;AAEL,0CAAkC,KAAK,YAFlC;AAGL,uCAA+B,KAAK,UAH/B;AAIL,WAAG,KAAK;AAJH,OAAP;AAMD,KARO;;AASR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD,KAXO;;AAYR,IAAA,UAAU,GAAA;AACR,aAAO,KAAK,eAAL,CAAqB,QAArB,IAAiC,KAAK,QAA7C;AACD;;AAdO,GAhBH;AAiCP,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CAAE,EAAF,EAAoC;AACjD,WAAK,OAAL,GAAe,EAAf;AACD,KAHM;;AAIP,IAAA,iBAAiB,GAAA;AACf,WAAK,OAAL,GAAe,IAAf;AACD,KANM;;AAOP,IAAA,cAAc,CAAE,EAAF,EAAmC;AAC/C,WAAK,MAAL,GAAc,EAAd;AACA,MAAA,EAAE,CAAC,GAAH,CAAO,OAAP,EAAgB,KAAK,OAArB;AACD,KAVM;;AAWP,IAAA,gBAAgB,GAAA;AACd,WAAK,MAAL,GAAc,IAAd;AACD,KAbM;;AAcP,IAAA,OAAO,CAAE,CAAF,EAAe;AACpB,UAAI,CAAC,CAAC,MAAN,EAAc,KAAK,MAAL,CAAa,GAAb,CAAiB,IAAjB;AAEd,WAAK,KAAL,CAAW,OAAX,EAAoB,CAApB;AAEA,WAAK,UAAL,IAAmB,KAAK,UAAxB,IAAsC,KAAK,MAAL,EAAtC;AACD,KApBM;;AAqBP,IAAA,MAAM,GAAA;AACJ,WAAK,SAAL,CAAe,MAAM,KAAK,KAAL,CAAW,QAAX,CAArB;AACD;;AAvBM,GAjCF;;AA2DP,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,WAAO,CAAC,CAAC,KAAD,EAAQ;AACd,MAAA,WAAW,EAAE,mBADC;AAEd,MAAA,KAAK,EAAE,KAAK,OAFE;AAGd,MAAA,KAAK,EAAE;AACL,yBAAiB,MAAM,CAAC,KAAK,QAAN;AADlB;AAHO,KAAR,EAML,OAAO,CAAC,IAAD,CANF,CAAR;AAOD;;AAnEM,CAJM,CAAf","sourcesContent":["// Components\nimport KExpansionPanels from './KExpansionPanels'\nimport KExpansionPanelHeader from './KExpansionPanelHeader'\nimport KExpansionPanelContent from './KExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\ntype KExpansionPanelHeaderInstance = InstanceType<typeof KExpansionPanelHeader>\ntype KExpansionPanelContentInstance = InstanceType<typeof KExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof KExpansionPanels>('expansionPanels', 'k-expansion-panel', 'k-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @kdujs/component */\n).extend({\n  name: 'k-expansion-panel',\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as KExpansionPanelContentInstance | null,\n      header: null as KExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-expansion-panel--active': this.isActive,\n        'k-expansion-panel--next-active': this.nextIsActive,\n        'k-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: KExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: KExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => this.$emit('change'))\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-expansion-panel',\n      class: this.classes,\n      attrs: {\n        'aria-expanded': String(this.isActive),\n      },\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanel.js"}
+{"version":3,"sources":["../../../src/components/KExpansionPanel/KExpansionPanel.ts"],"names":[],"mappings":"AAKA;AACA,SAAS,OAAO,IAAI,gBAAgB,QAAQ,wBAAwB;AACpE,SAAS,OAAO,IAAI,kBAAkB,QAAQ,0BAA0B;AAExE;AACA,SAAS,OAAO,QAAQ,oBAAoB;AAC5C,OAAO,MAAM,MAAM,mBAAmB;AAQtC,eAAe,MAAM,CACnB,gBAAgB,CAA6C,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,CAAC,EAC1H,kBAAkB,CAAC,gBAAgB,EAAE,IAAI;AACzC,sB,CACD,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,mBAAmB;EAEzB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE;GACX;EAED,IAAI,CAAA,EAAA;IACF,OAAO;MACL,OAAO,EAAE,IAA6C;MACtD,MAAM,EAAE,IAA4C;MACpD,YAAY,EAAE;KACf;EACH,CAAC;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,2BAA2B,EAAE,IAAI,CAAC,QAAQ;QAC1C,gCAAgC,EAAE,IAAI,CAAC,YAAY;QACnD,6BAA6B,EAAE,IAAI,CAAC,UAAU;QAC9C,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;IACvD,CAAC;IACD,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;IACvD;GACD;EAED,OAAO,EAAE;IACP,eAAe,CAAE,EAAkC,EAAA;MACjD,IAAI,CAAC,OAAO,GAAG,EAAE;IACnB,CAAC;IACD,iBAAiB,CAAA,EAAA;MACf,IAAI,CAAC,OAAO,GAAG,IAAI;IACrB,CAAC;IACD,cAAc,CAAE,EAAiC,EAAA;MAC/C,IAAI,CAAC,MAAM,GAAG,EAAE;MAChB,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;IAC/B,CAAC;IACD,gBAAgB,CAAA,EAAA;MACd,IAAI,CAAC,MAAM,GAAG,IAAI;IACpB,CAAC;IACD,OAAO,CAAE,CAAa,EAAA;MACpB,IAAI,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,IAAI,CAAA,CAAE;MAErC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;MAEtB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAA,CAAE;IACrD,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5C;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,mBAAmB;MAChC,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE;QACL,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ;MACtC;KACF,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;EACnB;CACD,CAAC","sourcesContent":["// Components\nimport KExpansionPanels from './KExpansionPanels'\nimport KExpansionPanelHeader from './KExpansionPanelHeader'\nimport KExpansionPanelContent from './KExpansionPanelContent'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode } from 'kdu'\n\ntype KExpansionPanelHeaderInstance = InstanceType<typeof KExpansionPanelHeader>\ntype KExpansionPanelContentInstance = InstanceType<typeof KExpansionPanelContent>\n\nexport default mixins(\n  GroupableFactory<'expansionPanels', typeof KExpansionPanels>('expansionPanels', 'k-expansion-panel', 'k-expansion-panels'),\n  RegistrableProvide('expansionPanel', true)\n  /* @kdujs/component */\n).extend({\n  name: 'k-expansion-panel',\n\n  props: {\n    disabled: Boolean,\n    readonly: Boolean,\n  },\n\n  data () {\n    return {\n      content: null as KExpansionPanelContentInstance | null,\n      header: null as KExpansionPanelHeaderInstance | null,\n      nextIsActive: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-expansion-panel--active': this.isActive,\n        'k-expansion-panel--next-active': this.nextIsActive,\n        'k-expansion-panel--disabled': this.isDisabled,\n        ...this.groupClasses,\n      }\n    },\n    isDisabled (): boolean {\n      return this.expansionPanels.disabled || this.disabled\n    },\n    isReadonly (): boolean {\n      return this.expansionPanels.readonly || this.readonly\n    },\n  },\n\n  methods: {\n    registerContent (vm: KExpansionPanelContentInstance) {\n      this.content = vm\n    },\n    unregisterContent () {\n      this.content = null\n    },\n    registerHeader (vm: KExpansionPanelHeaderInstance) {\n      this.header = vm\n      vm.$on('click', this.onClick)\n    },\n    unregisterHeader () {\n      this.header = null\n    },\n    onClick (e: MouseEvent) {\n      if (e.detail) this.header!.$el.blur()\n\n      this.$emit('click', e)\n\n      this.isReadonly || this.isDisabled || this.toggle()\n    },\n    toggle () {\n      this.$nextTick(() => this.$emit('change'))\n    },\n  },\n\n  render (h): KNode {\n    return h('div', {\n      staticClass: 'k-expansion-panel',\n      class: this.classes,\n      attrs: {\n        'aria-expanded': String(this.isActive),\n      },\n    }, getSlot(this))\n  },\n})\n"],"sourceRoot":"","file":"KExpansionPanel.js"}

package/lib/components/KExpansionPanel/KExpansionPanelContent.js

@@ -1,14 +1,13 @@
-import { KExpandTransition } from '../transitions'; // Mixins
-
+import { KExpandTransition } from '../transitions';
+// Mixins
 import Bootable from '../../mixins/bootable';
 import Colorable from '../../mixins/colorable';
-import { inject as RegistrableInject } from '../../mixins/registrable'; // Utilities
-
+import { inject as RegistrableInject } from '../../mixins/registrable';
+// Utilities
 import { getSlot } from '../../util/helpers';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(Bootable, Colorable, RegistrableInject('expansionPanel', 'k-expansion-panel-content', 'k-expansion-panel'));
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-expansion-panel-content',
   data: () => ({
@@ -18,28 +17,22 @@ export default baseMixins.extend().extend({
     parentIsActive() {
       return this.expansionPanel.isActive;
     }
-
   },
   watch: {
     parentIsActive: {
       immediate: true,
-
       handler(val, oldVal) {
         if (val) this.isBooted = true;
         if (oldVal == null) this.isActive = val;else this.$nextTick(() => this.isActive = val);
       }
-
     }
   },
-
   created() {
     this.expansionPanel.registerContent(this);
   },
-
   beforeDestroy() {
     this.expansionPanel.unregisterContent();
   },
-
   render(h) {
     return h(KExpandTransition, this.showLazyContent(() => [h('div', this.setBackgroundColor(this.color, {
       staticClass: 'k-expansion-panel-content',
@@ -49,8 +42,9 @@ export default baseMixins.extend().extend({
       }]
     }), [h('div', {
       class: 'k-expansion-panel-content__wrap'
-    }, getSlot(this))])]));
+    }, getSlot(this, 'default', {
+      open: this.isActive
+    }))])]));
   }
-
 });
 //# sourceMappingURL=KExpansionPanelContent.js.map