kdutify 2.6.1 → 2.7.3

package/lib/components/KImg/KImg.js

@@ -1,18 +1,18 @@
 // Styles
-import "..\\..\\..\\src\\components\\KImg\\KImg.sass"; // Directives
-
-import intersect from '../../directives/intersect'; // Components
-
-import KResponsive from '../KResponsive'; // Mixins
-
-import Themeable from '../../mixins/themeable'; // Utils
-
+import "../../../src/components/KImg/KImg.sass";
+// Directives
+import intersect from '../../directives/intersect';
+// Components
+import KResponsive from '../KResponsive';
+// Mixins
+import Themeable from '../../mixins/themeable';
+// Utils
 import mixins from '../../util/mixins';
 import mergeData from '../../util/mergeData';
 import { consoleWarn } from '../../util/console';
+import { getSlot } from '../../util/helpers';
 const hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window;
 /* @kdujs/component */
-
 export default mixins(KResponsive, Themeable).extend({
   name: 'k-img',
   directives: {
@@ -49,7 +49,6 @@ export default mixins(KResponsive, Themeable).extend({
       default: 'fade-transition'
     }
   },
-
   data() {
     return {
       currentSrc: '',
@@ -60,12 +59,10 @@ export default mixins(KResponsive, Themeable).extend({
       hasError: false
     };
   },
-
   computed: {
     computedAspectRatio() {
       return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio);
     },
-
     normalisedSrc() {
       return this.src && typeof this.src === 'object' ? {
         src: this.src.src,
@@ -79,7 +76,6 @@ export default mixins(KResponsive, Themeable).extend({
         aspect: Number(this.aspectRatio || 0)
       };
     },
-
     __cachedImage() {
       if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return [];
       const backgroundImage = [];
@@ -100,7 +96,6 @@ export default mixins(KResponsive, Themeable).extend({
         key: +this.isLoading
       });
       /* istanbul ignore if */
-
       if (!this.transition) return image;
       return this.$createElement('transition', {
         attrs: {
@@ -109,44 +104,35 @@ export default mixins(KResponsive, Themeable).extend({
         }
       }, [image]);
     }
-
   },
   watch: {
     src() {
       // Force re-init when src changes
       if (!this.isLoading) this.init(undefined, undefined, true);else this.loadImage();
     },
-
     '$kdutify.breakpoint.width': 'getSrc'
   },
-
   mounted() {
     this.init();
   },
-
   methods: {
     init(entries, observer, isIntersecting) {
       // If the current browser supports the intersection
       // observer api, the image is not observable, and
       // the eager prop isn't being used, do not load
       if (hasIntersect && !isIntersecting && !this.eager) return;
-
       if (this.normalisedSrc.lazySrc) {
         const lazyImg = new Image();
         lazyImg.src = this.normalisedSrc.lazySrc;
         this.pollForSize(lazyImg, null);
       }
       /* istanbul ignore else */
-
-
       if (this.normalisedSrc.src) this.loadImage();
     },
-
     onLoad() {
       this.getSrc();
       this.isLoading = false;
       this.$emit('load', this.src);
-
       if (this.image && (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))) {
         if (this.image.naturalHeight && this.image.naturalWidth) {
           this.naturalWidth = this.image.naturalWidth;
@@ -156,21 +142,17 @@ export default mixins(KResponsive, Themeable).extend({
         }
       }
     },
-
     onError() {
       this.hasError = true;
       this.$emit('error', this.src);
     },
-
     getSrc() {
       /* istanbul ignore else */
       if (this.image) this.currentSrc = this.image.currentSrc || this.image.src;
     },
-
     loadImage() {
       const image = new Image();
       this.image = image;
-
       image.onload = () => {
         /* istanbul ignore if */
         if (image.decode) {
@@ -181,7 +163,6 @@ export default mixins(KResponsive, Themeable).extend({
           this.onLoad();
         }
       };
-
       image.onerror = this.onError;
       this.hasError = false;
       this.sizes && (image.sizes = this.sizes);
@@ -191,14 +172,12 @@ export default mixins(KResponsive, Themeable).extend({
       this.aspectRatio || this.pollForSize(image);
       this.getSrc();
     },
-
     pollForSize(img, timeout = 100) {
       const poll = () => {
         const {
           naturalHeight,
           naturalWidth
         } = img;
-
         if (naturalHeight || naturalWidth) {
           this.naturalWidth = naturalWidth;
           this.calculatedAspectRatio = naturalWidth / naturalHeight;
@@ -206,13 +185,10 @@ export default mixins(KResponsive, Themeable).extend({
           setTimeout(poll, timeout);
         }
       };
-
       poll();
     },
-
     genContent() {
       const content = KResponsive.options.methods.genContent.call(this);
-
       if (this.naturalWidth) {
         this._b(content.data, 'div', {
           style: {
@@ -220,15 +196,14 @@ export default mixins(KResponsive, Themeable).extend({
           }
         });
       }
-
       return content;
     },
-
     __genPlaceholder() {
-      if (this.$slots.placeholder) {
+      const slot = getSlot(this, 'placeholder');
+      if (slot) {
         const placeholder = this.isLoading ? [this.$createElement('div', {
           staticClass: 'k-image__placeholder'
-        }, this.$slots.placeholder)] : [];
+        }, slot)] : [];
         if (!this.transition) return placeholder[0];
         return this.$createElement('transition', {
           props: {
@@ -238,9 +213,7 @@ export default mixins(KResponsive, Themeable).extend({
         }, placeholder);
       }
     }
-
   },
-
   render(h) {
     const node = KResponsive.options.render.call(this, h);
     const data = mergeData(node.data, {
@@ -266,6 +239,5 @@ export default mixins(KResponsive, Themeable).extend({
     node.children = [this.__cachedSizer, this.__cachedImage, this.__genPlaceholder(), this.genContent()];
     return h(node.tag, data, node.children);
   }
-
 });
 //# sourceMappingURL=KImg.js.map

package/lib/components/KImg/KImg.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KImg/KImg.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\n// Components\nimport KResponsive from '../KResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\n\n// not intended for public use, this is passed in by kdutify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @kdujs/component */\nexport default mixins(\n  KResponsive,\n  Themeable,\n).extend({\n  name: 'k-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): KNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'k-image__image',\n        class: {\n          'k-image__image--preload': this.isLoading,\n          'k-image__image--contain': this.contain,\n          'k-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$kdutify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n\n      if (\n        this.image &&\n        (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n      ) {\n        if (this.image.naturalHeight && this.image.naturalWidth) {\n          this.naturalWidth = this.image.naturalWidth\n          this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n        } else {\n          this.calculatedAspectRatio = 1\n        }\n      }\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n      image.src = this.normalisedSrc.src\n      this.$emit('loadstart', this.normalisedSrc.src)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n          setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: KNode = KResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): KNode | void {\n      if (this.$slots.placeholder) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'k-image__placeholder',\n          }, this.$slots.placeholder)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): KNode {\n    const node = KResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'k-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as KNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"KImg.js"}
+{"version":3,"sources":["../../../src/components/KImg/KImg.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { KNode } from 'kdu'\nimport { PropValidator } from 'kdu/types/options'\n\n// Components\nimport KResponsive from '../KResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// not intended for public use, this is passed in by kdutify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @kdujs/component */\nexport default mixins(\n  KResponsive,\n  Themeable,\n).extend({\n  name: 'k-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): KNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'k-image__image',\n        class: {\n          'k-image__image--preload': this.isLoading,\n          'k-image__image--contain': this.contain,\n          'k-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$kdutify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n\n      if (\n        this.image &&\n        (this.normalisedSrc.src.endsWith('.svg') || this.normalisedSrc.src.startsWith('data:image/svg+xml'))\n      ) {\n        if (this.image.naturalHeight && this.image.naturalWidth) {\n          this.naturalWidth = this.image.naturalWidth\n          this.calculatedAspectRatio = this.image.naturalWidth / this.image.naturalHeight\n        } else {\n          this.calculatedAspectRatio = 1\n        }\n      }\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n      image.src = this.normalisedSrc.src\n      this.$emit('loadstart', this.normalisedSrc.src)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else if (!img.complete && this.isLoading && !this.hasError && timeout != null) {\n          setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: KNode = KResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): KNode | void {\n      const slot = getSlot(this, 'placeholder')\n      if (slot) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'k-image__placeholder',\n          }, slot)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): KNode {\n    const node = KResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'k-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as KNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n"],"sourceRoot":"","file":"KImg.js"}

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

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

package/lib/components/KInput/KInput.js

@@ -1,19 +1,18 @@
 // Styles
-import "..\\..\\..\\src\\components\\KInput\\KInput.sass"; // Components
-
+import "../../../src/components/KInput/KInput.sass";
+// Components
 import KIcon from '../KIcon';
 import KLabel from '../KLabel';
-import KMessages from '../KMessages'; // Mixins
-
+import KMessages from '../KMessages';
+// Mixins
 import BindsAttrs from '../../mixins/binds-attrs';
-import Validatable from '../../mixins/validatable'; // Utilities
-
+import Validatable from '../../mixins/validatable';
+// Utilities
 import { convertToUnit, getSlot, kebabCase } from '../../util/helpers';
 import mergeData from '../../util/mergeData';
 import mixins from '../../util/mixins';
 const baseMixins = mixins(BindsAttrs, Validatable);
 /* @kdujs/component */
-
 export default baseMixins.extend().extend({
   name: 'k-input',
   inheritAttrs: false,
@@ -35,14 +34,12 @@ export default baseMixins.extend().extend({
     prependIcon: String,
     value: null
   },
-
   data() {
     return {
       lazyValue: this.value,
       hasMouseDown: false
     };
   },
-
   computed: {
     classes() {
       return {
@@ -60,23 +57,18 @@ export default baseMixins.extend().extend({
         ...this.themeClasses
       };
     },
-
     computedId() {
       return this.id || `input-${this._uid}`;
     },
-
     hasDetails() {
       return this.messagesToDisplay.length > 0;
     },
-
     hasHint() {
       return !this.hasMessages && !!this.hint && (this.persistentHint || this.isFocused);
     },
-
     hasLabel() {
       return !!(this.$slots.label || this.label);
     },
-
     // Proxy for `lazyValue`
     // This allows an input
     // to function without
@@ -85,22 +77,17 @@ export default baseMixins.extend().extend({
       get() {
         return this.lazyValue;
       },
-
       set(val) {
         this.lazyValue = val;
         this.$emit(this.$_modelEvent, val);
       }
-
     },
-
     isDirty() {
       return !!this.lazyValue;
     },
-
     isLabelActive() {
       return this.isDirty;
     },
-
     messagesToDisplay() {
       if (this.hasHint) return [this.hint];
       if (!this.hasMessages) return [];
@@ -110,29 +97,23 @@ export default baseMixins.extend().extend({
         return typeof validationResult === 'string' ? validationResult : '';
       }).filter(message => message !== '');
     },
-
     showDetails() {
       return this.hideDetails === false || this.hideDetails === 'auto' && this.hasDetails;
     }
-
   },
   watch: {
     value(val) {
       this.lazyValue = val;
     }
-
   },
-
   beforeCreate() {
     // k-radio-group needs to emit a different event
     this.$_modelEvent = this.$options.model && this.$options.model.event || 'input';
   },
-
   methods: {
     genContent() {
       return [this.genPrependSlot(), this.genControl(), this.genAppendSlot()];
     },
-
     genControl() {
       return this.$createElement('div', {
         staticClass: 'k-input__control',
@@ -141,22 +122,30 @@ export default baseMixins.extend().extend({
         }
       }, [this.genInputSlot(), this.genMessages()]);
     },
-
     genDefaultSlot() {
-      return [this.genLabel(), this.$slots.default];
+      return [this.genLabel(), getSlot(this)];
     },
-
     genIcon(type, cb, extraData = {}) {
+      var _a;
       const icon = this[`${type}Icon`];
       const eventName = `click:${kebabCase(type)}`;
       const hasListener = !!(this.listeners$[eventName] || cb);
+      const localeKey = {
+        prepend: 'prependAction',
+        prependInner: 'prependAction',
+        append: 'appendAction',
+        appendOuter: 'appendAction',
+        clear: 'clear'
+      }[type];
+      const label = hasListener && localeKey ? this.$kdutify.lang.t(`$kdutify.input.${localeKey}`, (_a = this.label) !== null && _a !== void 0 ? _a : '') : undefined;
       const data = mergeData({
         attrs: {
-          'aria-label': hasListener ? kebabCase(type).split('-')[0] + ' icon' : undefined,
+          'aria-label': label,
           color: this.validationState,
           dark: this.dark,
           disabled: this.isDisabled,
-          light: this.light
+          light: this.light,
+          tabindex: type === 'clear' ? -1 : undefined
         },
         on: !hasListener ? undefined : {
           click: e => {
@@ -178,7 +167,6 @@ export default baseMixins.extend().extend({
         class: type ? `k-input__icon--${kebabCase(type)}` : undefined
       }, [this.$createElement(KIcon, data, icon)]);
     },
-
     genInputSlot() {
       return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {
         staticClass: 'k-input__slot',
@@ -193,7 +181,6 @@ export default baseMixins.extend().extend({
         ref: 'input-slot'
       }), [this.genDefaultSlot()]);
     },
-
     genLabel() {
       if (!this.hasLabel) return null;
       return this.$createElement(KLabel, {
@@ -205,9 +192,8 @@ export default baseMixins.extend().extend({
           for: this.computedId,
           light: this.light
         }
-      }, this.$slots.label || this.label);
+      }, getSlot(this, 'label') || this.label);
     },
-
     genMessages() {
       if (!this.showDetails) return null;
       return this.$createElement(KMessages, {
@@ -225,7 +211,6 @@ export default baseMixins.extend().extend({
         }
       });
     },
-
     genSlot(type, location, slot) {
       if (!slot.length) return null;
       const ref = `${type}-${location}`;
@@ -234,56 +219,45 @@ export default baseMixins.extend().extend({
         ref
       }, slot);
     },
-
     genPrependSlot() {
       const slot = [];
-
       if (this.$slots.prepend) {
         slot.push(this.$slots.prepend);
       } else if (this.prependIcon) {
         slot.push(this.genIcon('prepend'));
       }
-
       return this.genSlot('prepend', 'outer', slot);
     },
-
     genAppendSlot() {
-      const slot = []; // Append icon for text field was really
+      const slot = [];
+      // Append icon for text field was really
       // an appended inner icon, k-text-field
       // will overwrite this method in order to obtain
       // backwards compat
-
       if (this.$slots.append) {
         slot.push(this.$slots.append);
       } else if (this.appendIcon) {
         slot.push(this.genIcon('append'));
       }
-
       return this.genSlot('append', 'outer', slot);
     },
-
     onClick(e) {
       this.$emit('click', e);
     },
-
     onMouseDown(e) {
       this.hasMouseDown = true;
       this.$emit('mousedown', e);
     },
-
     onMouseUp(e) {
       this.hasMouseDown = false;
       this.$emit('mouseup', e);
     }
-
   },
-
   render(h) {
     return h('div', this.setTextColor(this.validationState, {
       staticClass: 'k-input',
       class: this.classes
     }), this.genContent());
   }
-
 });
 //# sourceMappingURL=KInput.js.map

package/lib/components/KInput/KInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/KInput/KInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KInput.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KLabel from '../KLabel'\nimport KMessages from '../KMessages'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Validatable from '../../mixins/validatable'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n  kebabCase,\n} from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { KNode, KNodeData, PropType } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { InputValidationRule } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Validatable,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  /* eslint-disable-next-line camelcase */\n  $_modelEvent: string\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-input',\n\n  inheritAttrs: false,\n\n  props: {\n    appendIcon: String,\n    backgroundColor: {\n      type: String,\n      default: '',\n    },\n    dense: Boolean,\n    height: [Number, String],\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    hideSpinButtons: Boolean,\n    hint: String,\n    id: String,\n    label: String,\n    loading: Boolean,\n    persistentHint: Boolean,\n    prependIcon: String,\n    value: null as any as PropType<any>,\n  },\n\n  data () {\n    return {\n      lazyValue: this.value,\n      hasMouseDown: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-input--has-state': this.hasState,\n        'k-input--hide-details': !this.showDetails,\n        'k-input--is-label-active': this.isLabelActive,\n        'k-input--is-dirty': this.isDirty,\n        'k-input--is-disabled': this.isDisabled,\n        'k-input--is-focused': this.isFocused,\n        // <k-switch loading>.loading === '' so we can't just cast to boolean\n        'k-input--is-loading': this.loading !== false && this.loading != null,\n        'k-input--is-readonly': this.isReadonly,\n        'k-input--dense': this.dense,\n        'k-input--hide-spin-buttons': this.hideSpinButtons,\n        ...this.themeClasses,\n      }\n    },\n    computedId (): string {\n      return this.id || `input-${this._uid}`\n    },\n    hasDetails (): boolean {\n      return this.messagesToDisplay.length > 0\n    },\n    hasHint (): boolean {\n      return !this.hasMessages &&\n        !!this.hint &&\n        (this.persistentHint || this.isFocused)\n    },\n    hasLabel (): boolean {\n      return !!(this.$slots.label || this.label)\n    },\n    // Proxy for `lazyValue`\n    // This allows an input\n    // to function without\n    // a provided model\n    internalValue: {\n      get (): any {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n        this.$emit(this.$_modelEvent, val)\n      },\n    },\n    isDirty (): boolean {\n      return !!this.lazyValue\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    messagesToDisplay (): string[] {\n      if (this.hasHint) return [this.hint]\n\n      if (!this.hasMessages) return []\n\n      return this.validations.map((validation: string | InputValidationRule) => {\n        if (typeof validation === 'string') return validation\n\n        const validationResult = validation(this.internalValue)\n\n        return typeof validationResult === 'string' ? validationResult : ''\n      }).filter(message => message !== '')\n    },\n    showDetails (): boolean {\n      return this.hideDetails === false || (this.hideDetails === 'auto' && this.hasDetails)\n    },\n  },\n\n  watch: {\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeCreate () {\n    // k-radio-group needs to emit a different event\n    this.$_modelEvent = (this.$options.model && this.$options.model.event) || 'input'\n  },\n\n  methods: {\n    genContent () {\n      return [\n        this.genPrependSlot(),\n        this.genControl(),\n        this.genAppendSlot(),\n      ]\n    },\n    genControl () {\n      return this.$createElement('div', {\n        staticClass: 'k-input__control',\n        attrs: { title: this.attrs$.title },\n      }, [\n        this.genInputSlot(),\n        this.genMessages(),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genLabel(),\n        this.$slots.default,\n      ]\n    },\n    genIcon (\n      type: string,\n      cb?: (e: Event) => void,\n      extraData: KNodeData = {}\n    ) {\n      const icon = (this as any)[`${type}Icon`]\n      const eventName = `click:${kebabCase(type)}`\n      const hasListener = !!(this.listeners$[eventName] || cb)\n\n      const data = mergeData({\n        attrs: {\n          'aria-label': hasListener ? kebabCase(type).split('-')[0] + ' icon' : undefined,\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          light: this.light,\n        },\n        on: !hasListener\n          ? undefined\n          : {\n            click: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              this.$emit(eventName, e)\n              cb && cb(e)\n            },\n            // Container has g event that will\n            // trigger menu open if enclosed\n            mouseup: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n            },\n          },\n      }, extraData)\n\n      return this.$createElement('div', {\n        staticClass: `k-input__icon`,\n        class: type ? `k-input__icon--${kebabCase(type)}` : undefined,\n      }, [\n        this.$createElement(\n          KIcon,\n          data,\n          icon\n        ),\n      ])\n    },\n    genInputSlot () {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'k-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: this.onClick,\n          mousedown: this.onMouseDown,\n          mouseup: this.onMouseUp,\n        },\n        ref: 'input-slot',\n      }), [this.genDefaultSlot()])\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        props: {\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          focused: this.hasState,\n          for: this.computedId,\n          light: this.light,\n        },\n      }, this.$slots.label || this.label)\n    },\n    genMessages () {\n      if (!this.showDetails) return null\n\n      return this.$createElement(KMessages, {\n        props: {\n          color: this.hasHint ? '' : this.validationState,\n          dark: this.dark,\n          light: this.light,\n          value: this.messagesToDisplay,\n        },\n        attrs: {\n          role: this.hasMessages ? 'alert' : null,\n        },\n        scopedSlots: {\n          default: props => getSlot(this, 'message', props),\n        },\n      })\n    },\n    genSlot (\n      type: string,\n      location: string,\n      slot: (KNode | KNode[])[]\n    ) {\n      if (!slot.length) return null\n\n      const ref = `${type}-${location}`\n\n      return this.$createElement('div', {\n        staticClass: `k-input__${ref}`,\n        ref,\n      }, slot)\n    },\n    genPrependSlot () {\n      const slot = []\n\n      if (this.$slots.prepend) {\n        slot.push(this.$slots.prepend)\n      } else if (this.prependIcon) {\n        slot.push(this.genIcon('prepend'))\n      }\n\n      return this.genSlot('prepend', 'outer', slot)\n    },\n    genAppendSlot () {\n      const slot = []\n\n      // Append icon for text field was really\n      // an appended inner icon, k-text-field\n      // will overwrite this method in order to obtain\n      // backwards compat\n      if (this.$slots.append) {\n        slot.push(this.$slots.append)\n      } else if (this.appendIcon) {\n        slot.push(this.genIcon('append'))\n      }\n\n      return this.genSlot('append', 'outer', slot)\n    },\n    onClick (e: Event) {\n      this.$emit('click', e)\n    },\n    onMouseDown (e: Event) {\n      this.hasMouseDown = true\n      this.$emit('mousedown', e)\n    },\n    onMouseUp (e: Event) {\n      this.hasMouseDown = false\n      this.$emit('mouseup', e)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.validationState, {\n      staticClass: 'k-input',\n      class: this.classes,\n    }), this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"KInput.js"}
+{"version":3,"sources":["../../../src/components/KInput/KInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KInput.sass'\n\n// Components\nimport KIcon from '../KIcon'\nimport KLabel from '../KLabel'\nimport KMessages from '../KMessages'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Validatable from '../../mixins/validatable'\n\n// Utilities\nimport {\n  convertToUnit,\n  getSlot,\n  kebabCase,\n} from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { KNode, KNodeData, PropType } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { InputValidationRule } from 'kdutify/types'\n\nconst baseMixins = mixins(\n  BindsAttrs,\n  Validatable,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  /* eslint-disable-next-line camelcase */\n  $_modelEvent: string\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'k-input',\n\n  inheritAttrs: false,\n\n  props: {\n    appendIcon: String,\n    backgroundColor: {\n      type: String,\n      default: '',\n    },\n    dense: Boolean,\n    height: [Number, String],\n    hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n    hideSpinButtons: Boolean,\n    hint: String,\n    id: String,\n    label: String,\n    loading: Boolean,\n    persistentHint: Boolean,\n    prependIcon: String,\n    value: null as any as PropType<any>,\n  },\n\n  data () {\n    return {\n      lazyValue: this.value,\n      hasMouseDown: false,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'k-input--has-state': this.hasState,\n        'k-input--hide-details': !this.showDetails,\n        'k-input--is-label-active': this.isLabelActive,\n        'k-input--is-dirty': this.isDirty,\n        'k-input--is-disabled': this.isDisabled,\n        'k-input--is-focused': this.isFocused,\n        // <k-switch loading>.loading === '' so we can't just cast to boolean\n        'k-input--is-loading': this.loading !== false && this.loading != null,\n        'k-input--is-readonly': this.isReadonly,\n        'k-input--dense': this.dense,\n        'k-input--hide-spin-buttons': this.hideSpinButtons,\n        ...this.themeClasses,\n      }\n    },\n    computedId (): string {\n      return this.id || `input-${this._uid}`\n    },\n    hasDetails (): boolean {\n      return this.messagesToDisplay.length > 0\n    },\n    hasHint (): boolean {\n      return !this.hasMessages &&\n        !!this.hint &&\n        (this.persistentHint || this.isFocused)\n    },\n    hasLabel (): boolean {\n      return !!(this.$slots.label || this.label)\n    },\n    // Proxy for `lazyValue`\n    // This allows an input\n    // to function without\n    // a provided model\n    internalValue: {\n      get (): any {\n        return this.lazyValue\n      },\n      set (val: any) {\n        this.lazyValue = val\n        this.$emit(this.$_modelEvent, val)\n      },\n    },\n    isDirty (): boolean {\n      return !!this.lazyValue\n    },\n    isLabelActive (): boolean {\n      return this.isDirty\n    },\n    messagesToDisplay (): string[] {\n      if (this.hasHint) return [this.hint]\n\n      if (!this.hasMessages) return []\n\n      return this.validations.map((validation: string | InputValidationRule) => {\n        if (typeof validation === 'string') return validation\n\n        const validationResult = validation(this.internalValue)\n\n        return typeof validationResult === 'string' ? validationResult : ''\n      }).filter(message => message !== '')\n    },\n    showDetails (): boolean {\n      return this.hideDetails === false || (this.hideDetails === 'auto' && this.hasDetails)\n    },\n  },\n\n  watch: {\n    value (val) {\n      this.lazyValue = val\n    },\n  },\n\n  beforeCreate () {\n    // k-radio-group needs to emit a different event\n    this.$_modelEvent = (this.$options.model && this.$options.model.event) || 'input'\n  },\n\n  methods: {\n    genContent () {\n      return [\n        this.genPrependSlot(),\n        this.genControl(),\n        this.genAppendSlot(),\n      ]\n    },\n    genControl () {\n      return this.$createElement('div', {\n        staticClass: 'k-input__control',\n        attrs: { title: this.attrs$.title },\n      }, [\n        this.genInputSlot(),\n        this.genMessages(),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genLabel(),\n        getSlot(this),\n      ]\n    },\n    genIcon (\n      type: string,\n      cb?: (e: Event) => void,\n      extraData: KNodeData = {}\n    ) {\n      const icon = (this as any)[`${type}Icon`]\n      const eventName = `click:${kebabCase(type)}`\n      const hasListener = !!(this.listeners$[eventName] || cb)\n\n      const localeKey = {\n        prepend: 'prependAction',\n        prependInner: 'prependAction',\n        append: 'appendAction',\n        appendOuter: 'appendAction',\n        clear: 'clear',\n      }[type]\n      const label = hasListener && localeKey\n        ? this.$kdutify.lang.t(`$kdutify.input.${localeKey}`, this.label ?? '')\n        : undefined\n\n      const data = mergeData({\n        attrs: {\n          'aria-label': label,\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          light: this.light,\n          tabindex: type === 'clear' ? -1 : undefined,\n        },\n        on: !hasListener\n          ? undefined\n          : {\n            click: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n\n              this.$emit(eventName, e)\n              cb && cb(e)\n            },\n            // Container has g event that will\n            // trigger menu open if enclosed\n            mouseup: (e: Event) => {\n              e.preventDefault()\n              e.stopPropagation()\n            },\n          },\n      }, extraData)\n\n      return this.$createElement('div', {\n        staticClass: `k-input__icon`,\n        class: type ? `k-input__icon--${kebabCase(type)}` : undefined,\n      }, [\n        this.$createElement(\n          KIcon,\n          data,\n          icon\n        ),\n      ])\n    },\n    genInputSlot () {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'k-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: this.onClick,\n          mousedown: this.onMouseDown,\n          mouseup: this.onMouseUp,\n        },\n        ref: 'input-slot',\n      }), [this.genDefaultSlot()])\n    },\n    genLabel () {\n      if (!this.hasLabel) return null\n\n      return this.$createElement(KLabel, {\n        props: {\n          color: this.validationState,\n          dark: this.dark,\n          disabled: this.isDisabled,\n          focused: this.hasState,\n          for: this.computedId,\n          light: this.light,\n        },\n      }, getSlot(this, 'label') || this.label)\n    },\n    genMessages () {\n      if (!this.showDetails) return null\n\n      return this.$createElement(KMessages, {\n        props: {\n          color: this.hasHint ? '' : this.validationState,\n          dark: this.dark,\n          light: this.light,\n          value: this.messagesToDisplay,\n        },\n        attrs: {\n          role: this.hasMessages ? 'alert' : null,\n        },\n        scopedSlots: {\n          default: props => getSlot(this, 'message', props),\n        },\n      })\n    },\n    genSlot (\n      type: string,\n      location: string,\n      slot: (KNode | KNode[])[]\n    ) {\n      if (!slot.length) return null\n\n      const ref = `${type}-${location}`\n\n      return this.$createElement('div', {\n        staticClass: `k-input__${ref}`,\n        ref,\n      }, slot)\n    },\n    genPrependSlot () {\n      const slot = []\n\n      if (this.$slots.prepend) {\n        slot.push(this.$slots.prepend)\n      } else if (this.prependIcon) {\n        slot.push(this.genIcon('prepend'))\n      }\n\n      return this.genSlot('prepend', 'outer', slot)\n    },\n    genAppendSlot () {\n      const slot = []\n\n      // Append icon for text field was really\n      // an appended inner icon, k-text-field\n      // will overwrite this method in order to obtain\n      // backwards compat\n      if (this.$slots.append) {\n        slot.push(this.$slots.append)\n      } else if (this.appendIcon) {\n        slot.push(this.genIcon('append'))\n      }\n\n      return this.genSlot('append', 'outer', slot)\n    },\n    onClick (e: Event) {\n      this.$emit('click', e)\n    },\n    onMouseDown (e: Event) {\n      this.hasMouseDown = true\n      this.$emit('mousedown', e)\n    },\n    onMouseUp (e: Event) {\n      this.hasMouseDown = false\n      this.$emit('mouseup', e)\n    },\n  },\n\n  render (h): KNode {\n    return h('div', this.setTextColor(this.validationState, {\n      staticClass: 'k-input',\n      class: this.classes,\n    }), this.genContent())\n  },\n})\n"],"sourceRoot":"","file":"KInput.js"}

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

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