@dimailn/vuetify 2.7.2-alpha0

package/lib/mixins/overlayable/index.js

@@ -0,0 +1,227 @@
+// Components
+import VOverlay from '../../components/VOverlay'; // Utilities
+
+import { keyCodes, addOnceEventListener, addPassiveEventListener, getZIndex, composedPath } from '../../util/helpers'; // Types
+
+import { defineComponent, createApp, h } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'overlayable',
+  props: {
+    hideOverlay: Boolean,
+    overlayColor: String,
+    overlayOpacity: [Number, String]
+  },
+
+  data() {
+    return {
+      animationFrame: 0,
+      overlay: null
+    };
+  },
+
+  watch: {
+    hideOverlay(value) {
+      if (!this.isActive) return;
+      if (value) this.removeOverlay();else this.genOverlay();
+    }
+
+  },
+
+  beforeDestroy() {
+    this.removeOverlay();
+  },
+
+  methods: {
+    createOverlay() {
+      // Create a container element
+      const container = document.createElement('div');
+      const props = {
+        absolute: this.absolute,
+        color: this.overlayColor,
+        opacity: this.overlayOpacity
+      };
+      const wrapper = {
+        data() {
+          return {
+            value: false
+          };
+        },
+
+        render() {
+          return h(VOverlay, {
+            value: this.value,
+            ...props
+          });
+        }
+
+      }; // // Create the overlay app
+      // const overlayApp = createApp(VOverlay, {
+      //   absolute: this.absolute,
+      //   value: false,
+      //   color: this.overlayColor,
+      //   opacity: this.overlayOpacity,
+      // });
+
+      const overlayApp = createApp(wrapper); // Mount the app to the container
+
+      const overlayInstance = overlayApp.mount(container); // Determine the parent element
+
+      const parent = this.absolute ? this.$el.parentNode : document.querySelector('[data-app]');
+
+      if (parent) {
+        parent.insertBefore(container, parent.firstChild);
+      }
+
+      this.overlay = overlayInstance;
+      this.overlayApp = overlayApp;
+    },
+
+    genOverlay() {
+      this.hideScroll();
+      if (this.hideOverlay) return;
+      if (!this.overlay) this.createOverlay();
+      this.animationFrame = requestAnimationFrame(() => {
+        if (!this.overlay) return;
+
+        if (this.activeZIndex !== undefined) {
+          this.overlay.zIndex = String(this.activeZIndex - 1);
+        } else if (this.$el) {
+          this.overlay.zIndex = getZIndex(this.$el);
+        }
+
+        this.overlay.value = true;
+      });
+      return true;
+    },
+
+    /** removeOverlay(false) will not restore the scollbar afterwards */
+    removeOverlay(showScroll = true) {
+      if (this.overlay) {
+        addOnceEventListener(this.overlay.$el, 'transitionend', () => {
+          if (!this.overlay || !this.overlay.$el || !this.overlay.$el.parentNode || this.overlay.value || this.isActive) return;
+          this.overlay.$el.parentNode.removeChild(this.overlay.$el);
+          this.overlayApp.unmount();
+          this.overlayApp = null;
+          this.overlay = null;
+          console.log('destroyed');
+        }); // Cancel animation frame in case
+        // overlay is removed before it
+        // has finished its animation
+
+        cancelAnimationFrame(this.animationFrame);
+        this.overlay.value = false;
+      }
+
+      showScroll && this.showScroll();
+    },
+
+    scrollListener(e) {
+      if ('key' in e) {
+        if (['INPUT', 'TEXTAREA', 'SELECT'].includes(e.target.tagName) || // https://github.com/vuetifyjs/vuetify/issues/4715
+        e.target.isContentEditable) return;
+        const up = [keyCodes.up, keyCodes.pageup];
+        const down = [keyCodes.down, keyCodes.pagedown];
+
+        if (up.includes(e.keyCode)) {
+          e.deltaY = -1;
+        } else if (down.includes(e.keyCode)) {
+          e.deltaY = 1;
+        } else {
+          return;
+        }
+      }
+
+      if (e.target === this.overlay || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();
+    },
+
+    hasScrollbar(el) {
+      if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
+      const style = window.getComputedStyle(el);
+      return (['auto', 'scroll'].includes(style.overflowY) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight || ['auto', 'scroll'].includes(style.overflowX) && el.scrollWidth > el.clientWidth;
+    },
+
+    shouldScroll(el, e) {
+      if (el.hasAttribute('data-app')) return false;
+      const dir = e.shiftKey || e.deltaX ? 'x' : 'y';
+      const delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY;
+      let alreadyAtStart;
+      let alreadyAtEnd;
+
+      if (dir === 'y') {
+        alreadyAtStart = el.scrollTop === 0;
+        alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight;
+      } else {
+        alreadyAtStart = el.scrollLeft === 0;
+        alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth;
+      }
+
+      const scrollingUp = delta < 0;
+      const scrollingDown = delta > 0;
+      if (!alreadyAtStart && scrollingUp) return true;
+      if (!alreadyAtEnd && scrollingDown) return true;
+
+      if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {
+        return this.shouldScroll(el.parentNode, e);
+      }
+
+      return false;
+    },
+
+    isInside(el, parent) {
+      if (el === parent) {
+        return true;
+      } else if (el === null || el === document.body) {
+        return false;
+      } else {
+        return this.isInside(el.parentNode, parent);
+      }
+    },
+
+    checkPath(e) {
+      const path = composedPath(e);
+
+      if (e.type === 'keydown' && path[0] === document.body) {
+        const dialog = this.$refs.dialog; // getSelection returns null in firefox in some edge cases, can be ignored
+
+        const selected = window.getSelection().anchorNode;
+
+        if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
+          return !this.shouldScroll(dialog, e);
+        }
+
+        return true;
+      }
+
+      for (let index = 0; index < path.length; index++) {
+        const el = path[index];
+        if (el === document) return true;
+        if (el === document.documentElement) return true;
+        if (el === this.$refs.content) return true;
+        if (this.hasScrollbar(el)) return !this.shouldScroll(el, e);
+      }
+
+      return true;
+    },
+
+    hideScroll() {
+      if (this.$vuetify.breakpoint.smAndDown) {
+        document.documentElement.classList.add('overflow-y-hidden');
+      } else {
+        addPassiveEventListener(window, 'wheel', this.scrollListener, {
+          passive: false
+        });
+        window.addEventListener('keydown', this.scrollListener);
+      }
+    },
+
+    showScroll() {
+      document.documentElement.classList.remove('overflow-y-hidden');
+      window.removeEventListener('wheel', this.scrollListener);
+      window.removeEventListener('keydown', this.scrollListener);
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/overlayable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/overlayable/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nimport VOverlay from '../../components/VOverlay'\n\n// Utilities\nimport {\n  keyCodes,\n  addOnceEventListener,\n  addPassiveEventListener,\n  getZIndex,\n  composedPath,\n} from '../../util/helpers'\n\n// Types\nimport {defineComponent, App, createApp, h} from 'vue'\n\ninterface Toggleable extends App {\n  isActive?: boolean\n}\n\ninterface Stackable extends App {\n  activeZIndex: number\n}\n\ninterface options {\n  absolute?: boolean\n  $refs: {\n    dialog?: HTMLElement\n    content?: HTMLElement\n  }\n}\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'overlayable',\n\n  props: {\n    hideOverlay: Boolean,\n    overlayColor: String,\n    overlayOpacity: [Number, String],\n  },\n\n  data () {\n    return {\n      animationFrame: 0,\n      overlay: null as InstanceType<typeof VOverlay> | null,\n    }\n  },\n\n  watch: {\n    hideOverlay (value) {\n      if (!this.isActive) return\n\n      if (value) this.removeOverlay()\n      else this.genOverlay()\n    },\n  },\n\n  beforeDestroy () {\n    this.removeOverlay()\n  },\n\n  methods: {\n    createOverlay () {\n      // Create a container element\n      const container = document.createElement('div');\n\n      const props = {\n        absolute: this.absolute,\n        color: this.overlayColor,\n        opacity: this.overlayOpacity\n      }\n      const wrapper = {\n        data() {\n          return { value: false }\n        },\n        render() {\n          return h(VOverlay, {\n            value: this.value,\n            ...props\n          })\n        }\n      }\n      // // Create the overlay app\n      // const overlayApp = createApp(VOverlay, {\n      //   absolute: this.absolute,\n      //   value: false,\n      //   color: this.overlayColor,\n      //   opacity: this.overlayOpacity,\n      // });\n\n      const overlayApp = createApp(wrapper)\n\n      // Mount the app to the container\n      const overlayInstance = overlayApp.mount(container);\n\n      // Determine the parent element\n      const parent = this.absolute\n        ? this.$el.parentNode\n        : document.querySelector('[data-app]');\n\n      if (parent) {\n        parent.insertBefore(container, parent.firstChild);\n      }\n\n      this.overlay = overlayInstance;\n      this.overlayApp = overlayApp\n    },\n    genOverlay () {\n      this.hideScroll()\n\n      if (this.hideOverlay) return\n\n      if (!this.overlay) this.createOverlay()\n\n      this.animationFrame = requestAnimationFrame(() => {\n        if (!this.overlay) return\n\n        if (this.activeZIndex !== undefined) {\n          this.overlay.zIndex = String(this.activeZIndex - 1)\n        } else if (this.$el) {\n          this.overlay.zIndex = getZIndex(this.$el)\n        }\n\n        this.overlay.value = true\n      })\n\n      return true\n    },\n    /** removeOverlay(false) will not restore the scollbar afterwards */\n    removeOverlay (showScroll = true) {\n      if (this.overlay) {\n        addOnceEventListener(this.overlay.$el, 'transitionend', () => {\n          if (\n            !this.overlay ||\n            !this.overlay.$el ||\n            !this.overlay.$el.parentNode ||\n            this.overlay.value ||\n            this.isActive\n          ) return\n\n          this.overlay.$el.parentNode.removeChild(this.overlay.$el)\n          this.overlayApp.unmount()\n          this.overlayApp = null\n          this.overlay = null\n          console.log('destroyed')\n\n        })\n\n        // Cancel animation frame in case\n        // overlay is removed before it\n        // has finished its animation\n        cancelAnimationFrame(this.animationFrame)\n\n        this.overlay.value = false\n      }\n\n      showScroll && this.showScroll()\n    },\n    scrollListener (e: WheelEvent | KeyboardEvent) {\n      if ('key' in e) {\n        if (\n          ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||\n          // https://github.com/vuetifyjs/vuetify/issues/4715\n          (e.target as HTMLElement).isContentEditable\n        ) return\n\n        const up = [keyCodes.up, keyCodes.pageup]\n        const down = [keyCodes.down, keyCodes.pagedown]\n\n        if (up.includes(e.keyCode)) {\n          (e as any).deltaY = -1\n        } else if (down.includes(e.keyCode)) {\n          (e as any).deltaY = 1\n        } else {\n          return\n        }\n      }\n\n      if (e.target === this.overlay ||\n        (e.type !== 'keydown' && e.target === document.body) ||\n        this.checkPath(e as WheelEvent)) e.preventDefault()\n    },\n    hasScrollbar (el?: Element) {\n      if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n      const style = window.getComputedStyle(el)\n      return ((['auto', 'scroll'].includes(style.overflowY!) || el.tagName === 'SELECT') && el.scrollHeight > el.clientHeight) ||\n      ((['auto', 'scroll'].includes(style.overflowX!)) && el.scrollWidth > el.clientWidth)\n    },\n    shouldScroll (el: Element, e: WheelEvent): boolean {\n      if (el.hasAttribute('data-app')) return false\n\n      const dir = e.shiftKey || e.deltaX ? 'x' : 'y'\n      const delta = dir === 'y' ? e.deltaY : e.deltaX || e.deltaY\n\n      let alreadyAtStart: boolean\n      let alreadyAtEnd: boolean\n      if (dir === 'y') {\n        alreadyAtStart = el.scrollTop === 0\n        alreadyAtEnd = el.scrollTop + el.clientHeight === el.scrollHeight\n      } else {\n        alreadyAtStart = el.scrollLeft === 0\n        alreadyAtEnd = el.scrollLeft + el.clientWidth === el.scrollWidth\n      }\n\n      const scrollingUp = delta < 0\n      const scrollingDown = delta > 0\n\n      if (!alreadyAtStart && scrollingUp) return true\n      if (!alreadyAtEnd && scrollingDown) return true\n      if ((alreadyAtStart || alreadyAtEnd) && el.parentNode) {\n        return this.shouldScroll(el.parentNode as Element, e)\n      }\n\n      return false\n    },\n    isInside (el: Element, parent: Element): boolean {\n      if (el === parent) {\n        return true\n      } else if (el === null || el === document.body) {\n        return false\n      } else {\n        return this.isInside(el.parentNode as Element, parent)\n      }\n    },\n    checkPath (e: WheelEvent) {\n      const path = composedPath(e)\n\n      if (e.type === 'keydown' && path[0] === document.body) {\n        const dialog = this.$refs.dialog\n        // getSelection returns null in firefox in some edge cases, can be ignored\n        const selected = window.getSelection()!.anchorNode as Element\n        if (dialog && this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {\n          return !this.shouldScroll(dialog, e)\n        }\n        return true\n      }\n\n      for (let index = 0; index < path.length; index++) {\n        const el = path[index]\n\n        if (el === document) return true\n        if (el === document.documentElement) return true\n        if (el === this.$refs.content) return true\n\n        if (this.hasScrollbar(el as Element)) return !this.shouldScroll(el as Element, e)\n      }\n\n      return true\n    },\n    hideScroll () {\n      if (this.$vuetify.breakpoint.smAndDown) {\n        document.documentElement!.classList.add('overflow-y-hidden')\n      } else {\n        addPassiveEventListener(window, 'wheel', this.scrollListener, { passive: false })\n        window.addEventListener('keydown', this.scrollListener)\n      }\n    },\n    showScroll () {\n      document.documentElement!.classList.remove('overflow-y-hidden')\n      window.removeEventListener('wheel', this.scrollListener)\n      window.removeEventListener('keydown', this.scrollListener)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/picker/index.js

@@ -0,0 +1,70 @@
+// Components
+import VPicker from '../../components/VPicker'; // Mixins
+
+import Colorable from '../colorable';
+import Elevatable from '../../mixins/elevatable';
+import Themeable from '../themeable'; // Utils
+
+import mixins from '../../util/mixins';
+import { getSlot } from '../../util/helpers'; // Types
+
+import { h } from 'vue';
+export default mixins(Colorable, Elevatable, Themeable
+/* @vue/component */
+).extend({
+  name: 'picker',
+  props: {
+    flat: Boolean,
+    fullWidth: Boolean,
+    headerColor: String,
+    landscape: Boolean,
+    noTitle: Boolean,
+    width: {
+      type: [Number, String],
+      default: 290
+    }
+  },
+  methods: {
+    genPickerTitle() {
+      return null;
+    },
+
+    genPickerBody() {
+      return null;
+    },
+
+    genPickerActionsSlot() {
+      return this.$slots.default ? this.$slots.default({
+        save: this.save,
+        cancel: this.cancel
+      }) : getSlot(this);
+    },
+
+    genPicker(staticClass) {
+      const children = {};
+
+      if (!this.noTitle) {
+        const title = this.genPickerTitle();
+        title && (children.title = title);
+      }
+
+      const body = this.genPickerBody();
+      body && (children.default = body);
+      children.actions = h('template', {}, [this.genPickerActionsSlot()]);
+      return h(VPicker, {
+        class: staticClass,
+        color: this.headerColor || this.color,
+        dark: this.dark,
+        elevation: this.elevation,
+        flat: this.flat,
+        fullWidth: this.fullWidth,
+        landscape: this.landscape,
+        light: this.light,
+        width: this.width,
+        noTitle: this.noTitle
+      }, children);
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/picker/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,OAAP,MAAoB,0BAApB,C,CAEA;;AACA,OAAO,SAAP,MAAsB,cAAtB;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,OAAO,SAAP,MAAsB,cAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB,C,CAEA;;AACA,SAAgB,CAAhB,QAAyB,KAAzB;AAEA,eAAe,MAAM,CACnB,SADmB,EAEnB,UAFmB,EAGnB;AACF;AAJqB,CAAN,CAKb,MALa,CAKN;AACP,EAAA,IAAI,EAAE,QADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,IAAI,EAAE,OADD;AAEL,IAAA,SAAS,EAAE,OAFN;AAGL,IAAA,WAAW,EAAE,MAHR;AAIL,IAAA,SAAS,EAAE,OAJN;AAKL,IAAA,OAAO,EAAE,OALJ;AAML,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,MAAA,OAAO,EAAE;AAFJ;AANF,GAHA;AAeP,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,IAAP;AACD,KAHM;;AAIP,IAAA,aAAa,GAAA;AACX,aAAO,IAAP;AACD,KANM;;AAOP,IAAA,oBAAoB,GAAA;AAClB,aAAO,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAZ,CAAoB;AAC/C,QAAA,IAAI,EAAG,KAAa,IAD2B;AAE/C,QAAA,MAAM,EAAG,KAAa;AAFyB,OAApB,CAAtB,GAGF,OAAO,CAAC,IAAD,CAHZ;AAID,KAZM;;AAaP,IAAA,SAAS,CAAE,WAAF,EAAqB;AAC5B,YAAM,QAAQ,GAAG,EAAjB;;AAEA,UAAI,CAAC,KAAK,OAAV,EAAmB;AACjB,cAAM,KAAK,GAAG,KAAK,cAAL,EAAd;AACA,QAAA,KAAK,KAAK,QAAQ,CAAC,KAAT,GAAiB,KAAtB,CAAL;AACD;;AAED,YAAM,IAAI,GAAG,KAAK,aAAL,EAAb;AACA,MAAA,IAAI,KAAK,QAAQ,CAAC,OAAT,GAAmB,IAAxB,CAAJ;AAEA,MAAA,QAAQ,CAAC,OAAT,GAAoB,CAAC,CAAC,UAAD,EAAa,EAAb,EAAiB,CAAC,KAAK,oBAAL,EAAD,CAAjB,CAArB;AAEA,aAAO,CAAC,CAAC,OAAD,EAAU;AAChB,QAAA,KAAK,EAAE,WADS;AAEhB,QAAA,KAAK,EAAE,KAAK,WAAL,IAAoB,KAAK,KAFhB;AAGhB,QAAA,IAAI,EAAE,KAAK,IAHK;AAIhB,QAAA,SAAS,EAAE,KAAK,SAJA;AAKhB,QAAA,IAAI,EAAE,KAAK,IALK;AAMhB,QAAA,SAAS,EAAE,KAAK,SANA;AAOhB,QAAA,SAAS,EAAE,KAAK,SAPA;AAQhB,QAAA,KAAK,EAAE,KAAK,KARI;AAShB,QAAA,KAAK,EAAE,KAAK,KATI;AAUhB,QAAA,OAAO,EAAE,KAAK;AAVE,OAAV,EAWL,QAXK,CAAR;AAYD;;AAtCM;AAfF,CALM,CAAf","sourcesContent":["// Components\nimport VPicker from '../../components/VPicker'\n\n// Mixins\nimport Colorable from '../colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, h } from 'vue'\n\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n/* @vue/component */\n).extend({\n  name: 'picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    headerColor: String,\n    landscape: Boolean,\n    noTitle: Boolean,\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  methods: {\n    genPickerTitle (): VNode | null {\n      return null\n    },\n    genPickerBody (): VNode | null {\n      return null\n    },\n    genPickerActionsSlot () {\n      return this.$slots.default ? this.$slots.default({\n        save: (this as any).save,\n        cancel: (this as any).cancel,\n      }) : getSlot(this)\n    },\n    genPicker (staticClass: string) {\n      const children = {}\n\n      if (!this.noTitle) {\n        const title = this.genPickerTitle()\n        title && (children.title = title)\n      }\n\n      const body = this.genPickerBody()\n      body && (children.default = body)\n\n      children.actions = (h('template', {}, [this.genPickerActionsSlot()]))\n\n      return h(VPicker, {\n        class: staticClass,\n        color: this.headerColor || this.color,\n        dark: this.dark,\n        elevation: this.elevation,\n        flat: this.flat,\n        fullWidth: this.fullWidth,\n        landscape: this.landscape,\n        light: this.light,\n        width: this.width,\n        noTitle: this.noTitle\n      }, children)\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/picker-button/index.js

@@ -0,0 +1,33 @@
+// Mixins
+import Colorable from '../colorable'; // Utilities
+
+import mixins from '../../util/mixins';
+import { kebabCase } from '../../util/helpers'; // Types
+
+import { h } from 'vue';
+/* @vue/component */
+
+export default mixins(Colorable).extend({
+  methods: {
+    genPickerButton(prop, value, content, readonly = false, staticClass = '') {
+      const active = this[prop] === value;
+
+      const onClick = event => {
+        event.stopPropagation();
+        this.$emit(`update:${kebabCase(prop)}`, value);
+      };
+
+      return h('div', {
+        class: [`v-picker__title__btn ${staticClass}`.trim(), {
+          'v-picker__title__btn--active': active,
+          'v-picker__title__btn--readonly': readonly
+        }],
+        ...(active || readonly ? {} : {
+          onClick
+        })
+      }, Array.isArray(content) ? content : [content]);
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/picker-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/picker-button/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,SAAP,MAAsB,cAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,SAAT,QAA0B,oBAA1B,C,CAEA;;AACA,SAAwB,CAAxB,QAAiC,KAAjC;AAEA;;AACA,eAAe,MAAM,CACnB,SADmB,CAAN,CAEb,MAFa,CAEN;AACP,EAAA,OAAO,EAAE;AACP,IAAA,eAAe,CACb,IADa,EAEb,KAFa,EAGb,OAHa,EAIb,QAAQ,GAAG,KAJE,EAKb,WAAW,GAAG,EALD,EAKG;AAEhB,YAAM,MAAM,GAAI,KAAa,IAAb,MAAuB,KAAvC;;AACA,YAAM,OAAO,GAAI,KAAD,IAAiB;AAC/B,QAAA,KAAK,CAAC,eAAN;AACA,aAAK,KAAL,CAAW,UAAU,SAAS,CAAC,IAAD,CAAM,EAApC,EAAwC,KAAxC;AACD,OAHD;;AAKA,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE,CAAC,wBAAwB,WAAW,EAAnC,CAAsC,IAAtC,EAAD,EAA+C;AACpD,0CAAgC,MADoB;AAEpD,4CAAkC;AAFkB,SAA/C,CADO;AAKd,YAAK,MAAM,IAAI,QAAX,GAAuB,EAAvB,GAA4B;AAAE,UAAA;AAAF,SAAhC;AALc,OAAR,EAML,KAAK,CAAC,OAAN,CAAc,OAAd,IAAyB,OAAzB,GAAmC,CAAC,OAAD,CAN9B,CAAR;AAOD;;AArBM;AADF,CAFM,CAAf","sourcesContent":["// Mixins\nimport Colorable from '../colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { kebabCase } from '../../util/helpers'\n\n// Types\nimport { VNodeChildren, h } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Colorable\n).extend({\n  methods: {\n    genPickerButton (\n      prop: string,\n      value: any,\n      content: VNodeChildren,\n      readonly = false,\n      staticClass = ''\n    ) {\n      const active = (this as any)[prop] === value\n      const onClick = (event: Event) => {\n        event.stopPropagation()\n        this.$emit(`update:${kebabCase(prop)}`, value)\n      }\n\n      return h('div', {\n        class: [`v-picker__title__btn ${staticClass}`.trim(), {\n          'v-picker__title__btn--active': active,\n          'v-picker__title__btn--readonly': readonly,\n        }],\n        ...((active || readonly) ? {} : { onClick }),\n      }, Array.isArray(content) ? content : [content])\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/positionable/index.js

@@ -0,0 +1,45 @@
+import { defineComponent } from 'vue';
+import { filterObjectOnKeys } from '../../util/helpers';
+const availableProps = {
+  absolute: Boolean,
+  bottom: Boolean,
+  fixed: Boolean,
+  left: Boolean,
+  right: Boolean,
+  top: Boolean
+};
+export function factory(selected = []) {
+  return defineComponent({
+    name: 'positionable',
+    props: selected.length ? filterObjectOnKeys(availableProps, selected) : availableProps
+  });
+}
+export default factory(); // Add a `*` before the second `/`
+
+/* Tests /
+let single = factory(['top']).extend({
+  created () {
+    this.top
+    this.bottom
+    this.absolute
+  }
+})
+
+let some = factory(['top', 'bottom']).extend({
+  created () {
+    this.top
+    this.bottom
+    this.absolute
+  }
+})
+
+let all = factory().extend({
+  created () {
+    this.top
+    this.bottom
+    this.absolute
+    this.foobar
+  }
+})
+/**/
+//# sourceMappingURL=index.js.map

package/lib/mixins/positionable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/positionable/index.ts"],"names":[],"mappings":"AAAA,SAAQ,eAAR,QAA8B,KAA9B;AACA,SAAS,kBAAT,QAAmC,oBAAnC;AAGA,MAAM,cAAc,GAAG;AACrB,EAAA,QAAQ,EAAE,OADW;AAErB,EAAA,MAAM,EAAE,OAFa;AAGrB,EAAA,KAAK,EAAE,OAHc;AAIrB,EAAA,IAAI,EAAE,OAJe;AAKrB,EAAA,KAAK,EAAE,OALc;AAMrB,EAAA,GAAG,EAAE;AANgB,CAAvB;AAcA,OAAM,SAAU,OAAV,CAAmB,QAAA,GAAkB,EAArC,EAAuC;AAC3C,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,cADe;AAErB,IAAA,KAAK,EAAE,QAAQ,CAAC,MAAT,GAAkB,kBAAkB,CAAC,cAAD,EAAiB,QAAjB,CAApC,GAAiE;AAFnD,GAAD,CAAtB;AAID;AAED,eAAe,OAAO,EAAtB,C,CAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBI","sourcesContent":["import {defineComponent} from 'vue'\nimport { filterObjectOnKeys } from '../../util/helpers'\nimport { OptionsVue, VueConstructor } from 'vue/types/vue'\n\nconst availableProps = {\n  absolute: Boolean,\n  bottom: Boolean,\n  fixed: Boolean,\n  left: Boolean,\n  right: Boolean,\n  top: Boolean,\n}\ntype props = Record<keyof typeof availableProps, boolean>\n\nexport type Positionable<S extends keyof props> = VueConstructor<Vue & { [P in S]: boolean }, { [P in S]: BooleanConstructor }>\n\nexport function factory <S extends keyof props> (selected?: S[]): Positionable<S>\nexport function factory (selected: undefined): OptionsVue<Vue, {}, {}, {}, props, typeof availableProps>\nexport function factory (selected: any[] = []): any {\n  return defineComponent({\n    name: 'positionable',\n    props: selected.length ? filterObjectOnKeys(availableProps, selected) : availableProps,\n  })\n}\n\nexport default factory()\n\n// Add a `*` before the second `/`\n/* Tests /\nlet single = factory(['top']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet some = factory(['top', 'bottom']).extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n  }\n})\n\nlet all = factory().extend({\n  created () {\n    this.top\n    this.bottom\n    this.absolute\n    this.foobar\n  }\n})\n/**/\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/proxyable/index.js

@@ -0,0 +1,47 @@
+import { defineComponent } from 'vue';
+export function factory(prop = 'modelValue', event = 'update:modelValue') {
+  return defineComponent({
+    name: 'proxyable',
+    model: {
+      prop,
+      event
+    },
+    props: {
+      [prop]: {
+        required: false
+      }
+    },
+
+    data() {
+      return {
+        internalLazyValue: this[prop]
+      };
+    },
+
+    computed: {
+      internalValue: {
+        get() {
+          return this.internalLazyValue;
+        },
+
+        set(val) {
+          if (val === this.internalLazyValue) return;
+          this.internalLazyValue = val;
+          this.$emit(event, val);
+        }
+
+      }
+    },
+    watch: {
+      [prop](val) {
+        this.internalLazyValue = val;
+      }
+
+    }
+  });
+}
+/* eslint-disable-next-line @typescript-eslint/no-redeclare */
+
+const Proxyable = factory();
+export default Proxyable;
+//# sourceMappingURL=index.js.map

package/lib/mixins/proxyable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/proxyable/index.ts"],"names":[],"mappings":"AAAA,SAAS,eAAT,QAAqD,KAArD;AAQA,OAAM,SAAU,OAAV,CACJ,IAAI,GAAG,YADH,EAEJ,KAAK,GAAG,mBAFJ,EAEuB;AAE3B,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,WADe;AAGrB,IAAA,KAAK,EAAE;AACL,MAAA,IADK;AAEL,MAAA;AAFK,KAHc;AAQrB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,GAAQ;AACN,QAAA,QAAQ,EAAE;AADJ;AADH,KARc;;AAcrB,IAAA,IAAI,GAAA;AACF,aAAO;AACL,QAAA,iBAAiB,EAAE,KAAK,IAAL;AADd,OAAP;AAGD,KAlBoB;;AAoBrB,IAAA,QAAQ,EAAE;AACR,MAAA,aAAa,EAAE;AACb,QAAA,GAAG,GAAA;AACD,iBAAO,KAAK,iBAAZ;AACD,SAHY;;AAIb,QAAA,GAAG,CAAE,GAAF,EAAU;AACX,cAAI,GAAG,KAAK,KAAK,iBAAjB,EAAoC;AAEpC,eAAK,iBAAL,GAAyB,GAAzB;AAEA,eAAK,KAAL,CAAW,KAAX,EAAkB,GAAlB;AACD;;AAVY;AADP,KApBW;AAmCrB,IAAA,KAAK,EAAE;AACL,OAAC,IAAD,EAAQ,GAAR,EAAW;AACT,aAAK,iBAAL,GAAyB,GAAzB;AACD;;AAHI;AAnCc,GAAD,CAAtB;AAyCD;AAED;;AACA,MAAM,SAAS,GAAG,OAAO,EAAzB;AAEA,eAAe,SAAf","sourcesContent":["import { defineComponent, VueConstructor, App } from 'vue'\n\nexport type Proxyable<T extends string = 'value'> = VueConstructor<App & {\n  internalLazyValue: unknown\n  internalValue: unknown\n} & Record<T, any>>\n\nexport function factory<T extends string = 'value'> (prop?: T, event?: string): Proxyable<T>\nexport function factory (\n  prop = 'modelValue',\n  event = 'update:modelValue'\n) {\n  return defineComponent({\n    name: 'proxyable',\n\n    model: {\n      prop,\n      event,\n    },\n\n    props: {\n      [prop]: {\n        required: false,\n      },\n    },\n\n    data () {\n      return {\n        internalLazyValue: this[prop] as unknown,\n      }\n    },\n\n    computed: {\n      internalValue: {\n        get (): unknown {\n          return this.internalLazyValue\n        },\n        set (val: any) {\n          if (val === this.internalLazyValue) return\n\n          this.internalLazyValue = val\n\n          this.$emit(event, val)\n        },\n      },\n    },\n\n    watch: {\n      [prop] (val) {\n        this.internalLazyValue = val\n      },\n    },\n  })\n}\n\n/* eslint-disable-next-line @typescript-eslint/no-redeclare */\nconst Proxyable = factory()\n\nexport default Proxyable\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/registrable/index.js

@@ -0,0 +1,37 @@
+import { defineComponent } from 'vue';
+import { consoleWarn } from '../../util/console';
+
+function generateWarning(child, parent) {
+  return () => consoleWarn(`The ${child} component must be used inside a ${parent}`);
+}
+
+export function inject(namespace, child, parent) {
+  const defaultImpl = child && parent ? {
+    register: generateWarning(child, parent),
+    unregister: generateWarning(child, parent)
+  } : null;
+  return defineComponent({
+    name: 'registrable-inject',
+    inject: {
+      [namespace]: {
+        default: defaultImpl
+      }
+    }
+  });
+}
+export function provide(namespace, self = false) {
+  return defineComponent({
+    name: 'registrable-provide',
+
+    provide() {
+      return {
+        [namespace]: self ? this : {
+          register: this.register,
+          unregister: this.unregister
+        }
+      };
+    }
+
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/mixins/registrable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/registrable/index.ts"],"names":[],"mappings":"AAAA,SAAQ,eAAR,QAA8B,KAA9B;AAEA,SAAS,WAAT,QAA4B,oBAA5B;;AAEA,SAAS,eAAT,CAA0B,KAA1B,EAAyC,MAAzC,EAAuD;AACrD,SAAO,MAAM,WAAW,CAAC,OAAO,KAAK,oCAAoC,MAAM,EAAvD,CAAxB;AACD;;AASD,OAAM,SAAU,MAAV,CAEH,SAFG,EAEW,KAFX,EAE2B,MAF3B,EAE0C;AAC9C,QAAM,WAAW,GAAG,KAAK,IAAI,MAAT,GAAkB;AACpC,IAAA,QAAQ,EAAE,eAAe,CAAC,KAAD,EAAQ,MAAR,CADW;AAEpC,IAAA,UAAU,EAAE,eAAe,CAAC,KAAD,EAAQ,MAAR;AAFS,GAAlB,GAGhB,IAHJ;AAKA,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,oBADe;AAGrB,IAAA,MAAM,EAAE;AACN,OAAC,SAAD,GAAa;AACX,QAAA,OAAO,EAAE;AADE;AADP;AAHa,GAAD,CAAtB;AASD;AAED,OAAM,SAAU,OAAV,CAAmB,SAAnB,EAAsC,IAAI,GAAG,KAA7C,EAAkD;AACtD,SAAO,eAAe,CAAC;AACrB,IAAA,IAAI,EAAE,qBADe;;AAGrB,IAAA,OAAO,GAAA;AACL,aAAO;AACL,SAAC,SAAD,GAAa,IAAI,GAAG,IAAH,GAAU;AACzB,UAAA,QAAQ,EAAG,KAAa,QADC;AAEzB,UAAA,UAAU,EAAG,KAAa;AAFD;AADtB,OAAP;AAMD;;AAVoB,GAAD,CAAtB;AAYD","sourcesContent":["import {defineComponent} from 'vue'\nimport { VueConstructor } from 'vue/types/vue'\nimport { consoleWarn } from '../../util/console'\n\nfunction generateWarning (child: string, parent: string) {\n  return () => consoleWarn(`The ${child} component must be used inside a ${parent}`)\n}\n\nexport type Registrable<T extends string, C extends VueConstructor | null = null> = VueConstructor<Vue & {\n  [K in T]: C extends VueConstructor ? InstanceType<C> : {\n    register (...props: any[]): void\n    unregister (self: any): void\n  }\n}>\n\nexport function inject<\n  T extends string, C extends VueConstructor | null = null\n> (namespace: T, child?: string, parent?: string): Registrable<T, C> {\n  const defaultImpl = child && parent ? {\n    register: generateWarning(child, parent),\n    unregister: generateWarning(child, parent),\n  } : null\n\n  return defineComponent({\n    name: 'registrable-inject',\n\n    inject: {\n      [namespace]: {\n        default: defaultImpl,\n      },\n    },\n  })\n}\n\nexport function provide (namespace: string, self = false) {\n  return defineComponent({\n    name: 'registrable-provide',\n\n    provide (): object {\n      return {\n        [namespace]: self ? this : {\n          register: (this as any).register,\n          unregister: (this as any).unregister,\n        },\n      }\n    },\n  })\n}\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/returnable/index.js

@@ -0,0 +1,33 @@
+import { defineComponent } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'returnable',
+  props: {
+    returnValue: null
+  },
+  data: () => ({
+    isActive: false,
+    originalValue: null
+  }),
+  watch: {
+    isActive(val) {
+      if (val) {
+        this.originalValue = this.returnValue;
+      } else {
+        this.$emit('update:return-value', this.originalValue);
+      }
+    }
+
+  },
+  methods: {
+    save(value) {
+      this.originalValue = value;
+      setTimeout(() => {
+        this.isActive = false;
+      });
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/returnable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/returnable/index.ts"],"names":[],"mappings":"AAAA,SAAQ,eAAR,QAA8B,KAA9B;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,YADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,WAAW,EAAE;AADR,GAHsB;AAO7B,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,QAAQ,EAAE,KADC;AAEX,IAAA,aAAa,EAAE;AAFJ,GAAP,CAPuB;AAY7B,EAAA,KAAK,EAAE;AACL,IAAA,QAAQ,CAAE,GAAF,EAAK;AACX,UAAI,GAAJ,EAAS;AACP,aAAK,aAAL,GAAqB,KAAK,WAA1B;AACD,OAFD,MAEO;AACL,aAAK,KAAL,CAAW,qBAAX,EAAkC,KAAK,aAAvC;AACD;AACF;;AAPI,GAZsB;AAsB7B,EAAA,OAAO,EAAE;AACP,IAAA,IAAI,CAAE,KAAF,EAAY;AACd,WAAK,aAAL,GAAqB,KAArB;AACA,MAAA,UAAU,CAAC,MAAK;AACd,aAAK,QAAL,GAAgB,KAAhB;AACD,OAFS,CAAV;AAGD;;AANM;AAtBoB,CAAD,CAA9B","sourcesContent":["import {defineComponent} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'returnable',\n\n  props: {\n    returnValue: null as any,\n  },\n\n  data: () => ({\n    isActive: false,\n    originalValue: null as any,\n  }),\n\n  watch: {\n    isActive (val) {\n      if (val) {\n        this.originalValue = this.returnValue\n      } else {\n        this.$emit('update:return-value', this.originalValue)\n      }\n    },\n  },\n\n  methods: {\n    save (value: any) {\n      this.originalValue = value\n      setTimeout(() => {\n        this.isActive = false\n      })\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/rippleable/index.js

@@ -0,0 +1,30 @@
+// Directives
+import ripple from '../../directives/ripple'; // Types
+
+import { defineComponent, withDirectives, h } from 'vue';
+export default defineComponent({
+  name: 'rippleable',
+  directives: {
+    ripple
+  },
+  props: {
+    ripple: {
+      type: [Boolean, Object],
+      default: true
+    }
+  },
+  methods: {
+    genRipple(data = {}) {
+      if (!this.ripple) return null;
+      data.class = 'v-input--selection-controls__ripple';
+      const node = h('div', data);
+      const directives = data.directives || [];
+      delete data.directives;
+      return withDirectives(node, [...directives, [ripple, {
+        center: true
+      }, '', {}]]);
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/rippleable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/rippleable/index.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,MAAP,MAAmB,yBAAnB,C,CAEA;;AACA,SAAgD,eAAhD,EAAiE,cAAjE,EAAiF,CAAjF,QAA0F,KAA1F;AAEA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,YADuB;AAG7B,EAAA,UAAU,EAAE;AAAE,IAAA;AAAF,GAHiB;AAK7B,EAAA,KAAK,EAAE;AACL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,CAAC,OAAD,EAAU,MAAV,CADA;AAEN,MAAA,OAAO,EAAE;AAFH;AADH,GALsB;AAY7B,EAAA,OAAO,EAAE;AACP,IAAA,SAAS,CAAE,IAAA,GAAkB,EAApB,EAAsB;AAC7B,UAAI,CAAC,KAAK,MAAV,EAAkB,OAAO,IAAP;AAElB,MAAA,IAAI,CAAC,KAAL,GAAa,qCAAb;AAEA,YAAM,IAAI,GAAG,CAAC,CAAC,KAAD,EAAQ,IAAR,CAAd;AAEA,YAAM,UAAU,GAAG,IAAI,CAAC,UAAL,IAAmB,EAAtC;AACA,aAAO,IAAI,CAAC,UAAZ;AAEA,aAAO,cAAc,CAAC,IAAD,EAAO,CAC1B,GAAI,UADsB,EAE1B,CACE,MADF,EAEE;AAAE,QAAA,MAAM,EAAE;AAAV,OAFF,EAGE,EAHF,EAIE,EAJF,CAF0B,CAAP,CAArB;AASD;;AApBM;AAZoB,CAAD,CAA9B","sourcesContent":["// Directives\nimport ripple from '../../directives/ripple'\n\n// Types\nimport Vue, { VNode, VNodeData, VNodeDirective, defineComponent, withDirectives, h } from 'vue'\n\nexport default defineComponent({\n  name: 'rippleable',\n\n  directives: { ripple },\n\n  props: {\n    ripple: {\n      type: [Boolean, Object],\n      default: true,\n    },\n  },\n\n  methods: {\n    genRipple (data: VNodeData = {}): VNode | null {\n      if (!this.ripple) return null\n\n      data.class = 'v-input--selection-controls__ripple'\n\n      const node = h('div', data)\n\n      const directives = data.directives || []\n      delete data.directives\n\n      return withDirectives(node, [\n        ...(directives),\n        [\n          ripple,\n          { center: true },\n          '',\n          {}\n        ]\n      ])\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}

package/lib/mixins/roundable/index.js

@@ -0,0 +1,34 @@
+import { defineComponent } from 'vue';
+/* @vue/component */
+
+export default defineComponent({
+  name: 'roundable',
+  props: {
+    rounded: [Boolean, String],
+    tile: Boolean
+  },
+  computed: {
+    roundedClasses() {
+      const composite = [];
+      const rounded = typeof this.rounded === 'string' ? String(this.rounded) : this.rounded === true;
+
+      if (this.tile) {
+        composite.push('rounded-0');
+      } else if (typeof rounded === 'string') {
+        const values = rounded.split(' ');
+
+        for (const value of values) {
+          composite.push(`rounded-${value}`);
+        }
+      } else if (rounded) {
+        composite.push('rounded');
+      }
+
+      return composite.length > 0 ? {
+        [composite.join(' ')]: true
+      } : {};
+    }
+
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/mixins/roundable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mixins/roundable/index.ts"],"names":[],"mappings":"AAAA,SAAQ,eAAR,QAA8B,KAA9B;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,WADuB;AAG7B,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE,CAAC,OAAD,EAAU,MAAV,CADJ;AAEL,IAAA,IAAI,EAAE;AAFD,GAHsB;AAQ7B,EAAA,QAAQ,EAAE;AACR,IAAA,cAAc,GAAA;AACZ,YAAM,SAAS,GAAG,EAAlB;AACA,YAAM,OAAO,GAAG,OAAO,KAAK,OAAZ,KAAwB,QAAxB,GACZ,MAAM,CAAC,KAAK,OAAN,CADM,GAEZ,KAAK,OAAL,KAAiB,IAFrB;;AAIA,UAAI,KAAK,IAAT,EAAe;AACb,QAAA,SAAS,CAAC,IAAV,CAAe,WAAf;AACD,OAFD,MAEO,IAAI,OAAO,OAAP,KAAmB,QAAvB,EAAiC;AACtC,cAAM,MAAM,GAAG,OAAO,CAAC,KAAR,CAAc,GAAd,CAAf;;AAEA,aAAK,MAAM,KAAX,IAAoB,MAApB,EAA4B;AAC1B,UAAA,SAAS,CAAC,IAAV,CAAe,WAAW,KAAK,EAA/B;AACD;AACF,OANM,MAMA,IAAI,OAAJ,EAAa;AAClB,QAAA,SAAS,CAAC,IAAV,CAAe,SAAf;AACD;;AAED,aAAO,SAAS,CAAC,MAAV,GAAmB,CAAnB,GAAuB;AAC5B,SAAC,SAAS,CAAC,IAAV,CAAe,GAAf,CAAD,GAAuB;AADK,OAAvB,GAEH,EAFJ;AAGD;;AAtBO;AARmB,CAAD,CAA9B","sourcesContent":["import {defineComponent} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n  name: 'roundable',\n\n  props: {\n    rounded: [Boolean, String],\n    tile: Boolean,\n  },\n\n  computed: {\n    roundedClasses (): Record<string, boolean> {\n      const composite = []\n      const rounded = typeof this.rounded === 'string'\n        ? String(this.rounded)\n        : this.rounded === true\n\n      if (this.tile) {\n        composite.push('rounded-0')\n      } else if (typeof rounded === 'string') {\n        const values = rounded.split(' ')\n\n        for (const value of values) {\n          composite.push(`rounded-${value}`)\n        }\n      } else if (rounded) {\n        composite.push('rounded')\n      }\n\n      return composite.length > 0 ? {\n        [composite.join(' ')]: true,\n      } : {}\n    },\n  },\n})\n"],"sourceRoot":"","file":"index.js"}