cleek 1.1.0 → 1.1.4

package/dist/cleek.esm.js

@@ -0,0 +1,239 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, normalizeClass, renderSlot } from 'vue';
+
+var script$1 = /*#__PURE__*/defineComponent({
+  name: 'CleekSample',
+
+  data() {
+    return {
+      counter: 5,
+      initCounter: 5,
+      message: {
+        action: null,
+        amount: null
+      }
+    };
+  },
+
+  computed: {
+    changedBy() {
+      const {
+        message
+      } = this;
+      if (!message.action) return 'initialized';
+      return `${message.action} ${message.amount || ''}`.trim();
+    }
+
+  },
+  methods: {
+    increment(arg) {
+      const amount = typeof arg !== 'number' ? 1 : arg;
+      this.counter += amount;
+      this.message.action = 'incremented by';
+      this.message.amount = amount;
+    },
+
+    decrement(arg) {
+      const amount = typeof arg !== 'number' ? 1 : arg;
+      this.counter -= amount;
+      this.message.action = 'decremented by';
+      this.message.amount = amount;
+    },
+
+    reset() {
+      this.counter = this.initCounter;
+      this.message.action = 'reset';
+      this.message.amount = null;
+    }
+
+  }
+});
+
+const _hoisted_1$1 = {
+  class: "cleek-sample"
+};
+
+const _hoisted_2 = /*#__PURE__*/createTextVNode(".");
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("p", null, [createTextVNode("The counter was " + toDisplayString(_ctx.changedBy) + " to ", 1), createElementVNode("b", null, toDisplayString(_ctx.counter), 1), _hoisted_2]), createElementVNode("button", {
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.increment && _ctx.increment(...arguments);
+    })
+  }, " Click +1 "), createElementVNode("button", {
+    onClick: _cache[1] || (_cache[1] = function () {
+      return _ctx.decrement && _ctx.decrement(...arguments);
+    })
+  }, " Click -1 "), createElementVNode("button", {
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.increment(5))
+  }, " Click +5 "), createElementVNode("button", {
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.decrement(5))
+  }, " Click -5 "), createElementVNode("button", {
+    onClick: _cache[4] || (_cache[4] = function () {
+      return _ctx.reset && _ctx.reset(...arguments);
+    })
+  }, " Reset ")]);
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$1 = "\n.cleek-sample[data-v-0917b8aa] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.cleek-sample p[data-v-0917b8aa] {\n    margin: 0 0 1em;\n}\n";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-0917b8aa";
+
+var functions = {
+  getGroupClass() {
+    let {
+      group = '',
+      groupVertical = '',
+      groupBreak = ''
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const _screenSize = '';
+    if (groupBreak && groupBreak === _screenSize) return [];
+    const classList = []; // group
+
+    if (group) classList.push(`ck-component__group--${group}`); // groupVertical
+
+    if (groupVertical) classList.push(`ck-component__group-vertical--${groupVertical}`);
+    return classList;
+  }
+
+};
+
+var script = {
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    // outlined || filled
+    color: {
+      type: String,
+      default: ''
+    },
+    // icon
+    icon: {
+      type: [String, Array],
+      default: ''
+    },
+    'icon-package': {
+      type: String,
+      default: ''
+    },
+    'icon-right': {
+      type: String,
+      default: ''
+    },
+    // label
+    label: {
+      type: String,
+      default: ''
+    },
+    'label-align': {
+      type: String,
+      default: ''
+    },
+    // group
+    group: {
+      type: String,
+      default: ''
+    },
+    groupBreak: {
+      type: String,
+      default: 's'
+    },
+    groupVertical: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    computedClass() {
+      const classList = []; // group
+
+      classList.push(functions.getGroupClass(this)); // color
+
+      if (this.color) {
+        if (this.type === 'filled') {
+          classList.push(`ck-component__bg-color--${this.color}`);
+        } else {
+          classList.push(`ck-component__border-color--${this.color}`);
+        }
+      } // // size
+      // if (this.size) classList.push(`rs-component-size__${this.size}`);
+
+
+      return classList;
+    }
+
+  } // computed
+
+}; // export default
+
+const _hoisted_1 = {
+  class: "ck-button"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("button", {
+    class: normalizeClass($options.computedClass),
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event))
+  }, [renderSlot(_ctx.$slots, "default")], 2)]);
+}
+
+var css_248z = "\n@import url('../../dist/styles/ck-button.css');\r\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-e00f6d2c";
+
+/* eslint-disable import/prefer-default-export */
+// export { default as CkInputText } from './ck-input-text.vue';
+// export { default as CkLabel } from './ck-label.vue';
+// export { default as CkTextarea } from './ck-textarea.vue';
+// export { default as CkSelect } from './ck-select.vue';
+
+var components = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  CleekSample: script$1,
+  CkButton: script
+});
+
+// vue components
+
+const install = function installCleek(app, options) {
+  console.log('arranco paquete');
+  console.log('options', options); // vue components
+
+  Object.entries(components).forEach(_ref => {
+    let [componentName, component] = _ref;
+    app.component(componentName, component);
+  });
+}; // Create module definition for Vue.use()
+
+export { script as CkButton, script$1 as CleekSample, install as default };

package/dist/cleek.min.js

@@ -0,0 +1 @@
+var Cleek=function(e){"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,o,a=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);c=!0);}catch(e){i=!0,o=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var r=e.defineComponent({name:"CleekSample",data:function(){return{counter:5,initCounter:5,message:{action:null,amount:null}}},computed:{changedBy:function(){var e=this.message;return e.action?"".concat(e.action," ").concat(e.amount||"").trim():"initialized"}},methods:{increment:function(e){var t="number"!=typeof e?1:e;this.counter+=t,this.message.action="incremented by",this.message.amount=t},decrement:function(e){var t="number"!=typeof e?1:e;this.counter-=t,this.message.action="decremented by",this.message.amount=t},reset:function(){this.counter=this.initCounter,this.message.action="reset",this.message.amount=null}}}),o={class:"cleek-sample"},a=e.createTextVNode(".");function c(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}c("\n.cleek-sample[data-v-0917b8aa] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.cleek-sample p[data-v-0917b8aa] {\n    margin: 0 0 1em;\n}\n"),r.render=function(t,n,r,c,i,l){return e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(t.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(t.counter),1),a]),e.createElementVNode("button",{onClick:n[0]||(n[0]=function(){return t.increment&&t.increment.apply(t,arguments)})}," Click +1 "),e.createElementVNode("button",{onClick:n[1]||(n[1]=function(){return t.decrement&&t.decrement.apply(t,arguments)})}," Click -1 "),e.createElementVNode("button",{onClick:n[2]||(n[2]=function(e){return t.increment(5)})}," Click +5 "),e.createElementVNode("button",{onClick:n[3]||(n[3]=function(e){return t.decrement(5)})}," Click -5 "),e.createElementVNode("button",{onClick:n[4]||(n[4]=function(){return t.reset&&t.reset.apply(t,arguments)})}," Reset ")])},r.__scopeId="data-v-0917b8aa";var i=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.group,n=void 0===t?"":t,r=e.groupVertical,o=void 0===r?"":r,a=e.groupBreak,c=void 0===a?"":a,i="";if(c&&c===i)return[];var l=[];return n&&l.push("ck-component__group--".concat(n)),o&&l.push("ck-component__group-vertical--".concat(o)),l},l={props:{type:{type:String,default:""},color:{type:String,default:""},icon:{type:[String,Array],default:""},"icon-package":{type:String,default:""},"icon-right":{type:String,default:""},label:{type:String,default:""},"label-align":{type:String,default:""},group:{type:String,default:""},groupBreak:{type:String,default:"s"},groupVertical:{type:String,default:""}},computed:{computedClass:function(){var e=[];return e.push(i(this)),this.color&&("filled"===this.type?e.push("ck-component__bg-color--".concat(this.color)):e.push("ck-component__border-color--".concat(this.color))),e}}},u={class:"ck-button"};c("\n@import url('../../dist/styles/ck-button.css');\r\n"),l.render=function(t,n,r,o,a,c){return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("button",{class:e.normalizeClass(c.computedClass),onClick:n[0]||(n[0]=function(e){return t.$emit("click",e)})},[e.renderSlot(t.$slots,"default")],2)])},l.__scopeId="data-v-e00f6d2c";var s=Object.freeze({__proto__:null,CleekSample:r,CkButton:l}),d=function(e,n){console.log("arranco paquete"),console.log("options",n),Object.entries(s).forEach((function(n){var r=t(n,2),o=r[0],a=r[1];e.component(o,a)}))},p=Object.freeze({__proto__:null,default:d,CleekSample:r,CkButton:l});return Object.entries(p).forEach((function(e){var n=t(e,2),r=n[0],o=n[1];"default"!==r&&(d[r]=o)})),d}(Vue);

package/dist/{quantic-vue.ssr.js → cleek.ssr.js}

@@ -55,8 +55,8 @@ function _arrayLikeToArray(arr, len) {
 
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}var script$3 = /*#__PURE__*/vue.defineComponent({
-  name: 'QuanticVueSample',
+}var script$1 = /*#__PURE__*/vue.defineComponent({
+  name: 'CleekSample',
   // vue component name
   data: function data() {
     return {
@@ -96,14 +96,14 @@ function _nonIterableRest() {
       this.message.amount = null;
     }
   }
-});var _hoisted_1$3 = {
-  class: "quantic-vue-sample"
+});var _hoisted_1$1 = {
+  class: "cleek-sample"
 };
 
-var _hoisted_2$3 = /*#__PURE__*/vue.createTextVNode(".");
+var _hoisted_2 = /*#__PURE__*/vue.createTextVNode(".");
 
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [vue.createElementVNode("p", null, [vue.createTextVNode("The counter was " + vue.toDisplayString(_ctx.changedBy) + " to ", 1), vue.createElementVNode("b", null, vue.toDisplayString(_ctx.counter), 1), _hoisted_2$3]), vue.createElementVNode("button", {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [vue.createElementVNode("p", null, [vue.createTextVNode("The counter was " + vue.toDisplayString(_ctx.changedBy) + " to ", 1), vue.createElementVNode("b", null, vue.toDisplayString(_ctx.counter), 1), _hoisted_2]), vue.createElementVNode("button", {
     onClick: _cache[0] || (_cache[0] = function () {
       return _ctx.increment && _ctx.increment.apply(_ctx, arguments);
     })
@@ -149,64 +149,116 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   } else {
     style.appendChild(document.createTextNode(css));
   }
-}var css_248z$3 = "\n.quantic-vue-sample[data-v-e1d15920] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.quantic-vue-sample p[data-v-e1d15920] {\n    margin: 0 0 1em;\n}\n";
-styleInject(css_248z$3);script$3.render = render$3;
-script$3.__scopeId = "data-v-e1d15920";var script$2 = {
-  props: {
-    label: {
-      type: String,
-      default: ''
-    }
-  }
-};var _hoisted_1$2 = {
-  key: 0
-};
-var _hoisted_2$2 = {
-  class: "btn-cta"
-};
+}var css_248z$1 = "\n.cleek-sample[data-v-0917b8aa] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.cleek-sample p[data-v-0917b8aa] {\n    margin: 0 0 1em;\n}\n";
+styleInject(css_248z$1);script$1.render = render$1;
+script$1.__scopeId = "data-v-0917b8aa";var functions = {
+  getGroupClass: function getGroupClass() {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref$group = _ref.group,
+        group = _ref$group === void 0 ? '' : _ref$group,
+        _ref$groupVertical = _ref.groupVertical,
+        groupVertical = _ref$groupVertical === void 0 ? '' : _ref$groupVertical,
+        _ref$groupBreak = _ref.groupBreak,
+        groupBreak = _ref$groupBreak === void 0 ? '' : _ref$groupBreak;
 
-var _hoisted_3 = /*#__PURE__*/vue.createTextVNode(" | button 7 ");
+    var _screenSize = '';
+    if (groupBreak && groupBreak === _screenSize) return [];
+    var classList = []; // group
 
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", null, [$props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$2, vue.toDisplayString($props.label), 1)) : vue.createCommentVNode("", true), vue.createElementVNode("button", _hoisted_2$2, [_hoisted_3, vue.renderSlot(_ctx.$slots, "default")])]);
-}var css_248z$2 = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z$2);script$2.render = render$2;var script$1 = {
+    if (group) classList.push("ck-component__group--".concat(group)); // groupVertical
+
+    if (groupVertical) classList.push("ck-component__group-vertical--".concat(groupVertical));
+    return classList;
+  }
+};var script = {
   props: {
-    label: {
+    type: {
       type: String,
       default: ''
-    }
-  }
-};var _hoisted_1$1 = {
-  key: 0
-};
-
-var _hoisted_2$1 = /*#__PURE__*/vue.createElementVNode("input", null, null, -1);
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", null, [$props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1$1, vue.toDisplayString($props.label), 1)) : vue.createCommentVNode("", true), _hoisted_2$1]);
-}var css_248z$1 = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z$1);script$1.render = render$1;var script = {
-  props: {
+    },
+    // outlined || filled
+    color: {
+      type: String,
+      default: ''
+    },
+    // icon
+    icon: {
+      type: [String, Array],
+      default: ''
+    },
+    'icon-package': {
+      type: String,
+      default: ''
+    },
+    'icon-right': {
+      type: String,
+      default: ''
+    },
+    // label
     label: {
       type: String,
       default: ''
+    },
+    'label-align': {
+      type: String,
+      default: ''
+    },
+    // group
+    group: {
+      type: String,
+      default: ''
+    },
+    groupBreak: {
+      type: String,
+      default: 's'
+    },
+    groupVertical: {
+      type: String,
+      default: ''
     }
-  }
-};var _hoisted_1 = {
-  key: 0
-};
+  },
+  computed: {
+    computedClass: function computedClass() {
+      var classList = []; // group
 
-var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("textarea", null, null, -1);
+      classList.push(functions.getGroupClass(this)); // color
+
+      if (this.color) {
+        if (this.type === 'filled') {
+          classList.push("ck-component__bg-color--".concat(this.color));
+        } else {
+          classList.push("ck-component__border-color--".concat(this.color));
+        }
+      } // // size
+      // if (this.size) classList.push(`rs-component-size__${this.size}`);
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", null, [$props.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_1, vue.toDisplayString($props.label), 1)) : vue.createCommentVNode("", true), _hoisted_2]);
-}var css_248z = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z);script.render = render;/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,QuanticVueSample:script$3,QvButton:script$2,QvInputText:script$1,QvTextarea:script});console.log('ESTOY EN PACKAGE'); // install function executed by Vue.use()
 
-var install = function installQuanticVue(app, options) {
+      return classList;
+    }
+  } // computed
+
+}; // export default
+var _hoisted_1 = {
+  class: "ck-button"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.createElementVNode("button", {
+    class: vue.normalizeClass($options.computedClass),
+    onClick: _cache[0] || (_cache[0] = function ($event) {
+      return _ctx.$emit('click', $event);
+    })
+  }, [vue.renderSlot(_ctx.$slots, "default")], 2)]);
+}var css_248z = "\n@import url('../../dist/styles/ck-button.css');\r\n";
+styleInject(css_248z);script.render = render;
+script.__scopeId = "data-v-e00f6d2c";/* eslint-disable import/prefer-default-export */
+// export { default as CkInputText } from './ck-input-text.vue';
+// export { default as CkLabel } from './ck-label.vue';
+// export { default as CkTextarea } from './ck-textarea.vue';
+// export { default as CkSelect } from './ck-select.vue';
+var components$1=/*#__PURE__*/Object.freeze({__proto__:null,CleekSample:script$1,CkButton:script});var install = function installCleek(app, options) {
   console.log('arranco paquete');
-  console.log('options', options);
+  console.log('options', options); // vue components
+
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -215,7 +267,7 @@ var install = function installQuanticVue(app, options) {
     app.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,QuanticVueSample:script$3,QvButton:script$2,QvInputText:script$1,QvTextarea:script});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,CleekSample:script$1,CkButton:script});// only expose one global var, with component exports exposed as properties of
 // that global var (eg. plugin.component)
 
 Object.entries(components).forEach(function (_ref) {

package/dist/styles/ck-button.css

@@ -0,0 +1,132 @@
+.ck-button {
+  display: inline-flex;
+}
+.ck-button > button {
+  width: 100%;
+  font-family: inherit;
+  cursor: pointer;
+  padding: 0.7rem 1.4rem;
+  font-size: 1rem;
+  border-radius: 0.4rem;
+  background-color: #fff;
+  border: 1px solid #000;
+  color: #000;
+  display: inline-block;
+  min-height: 40px;
+}
+.ck-button > button > .ck-button--icon-left {
+  padding-right: 0.5rem;
+}
+.ck-button > button > .ck-button--icon-right {
+  padding-left: 0.5rem;
+}
+.ck-component__group--left {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group--right {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.ck-component__group--center {
+  border-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group-vertical--top {
+  border-bottom: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.ck-component__group-vertical--bottom {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.ck-component__group-vertical--center {
+  border-radius: 0 !important;
+  border-bottom: 0 !important;
+}
+.ck-component__bg-color--primary {
+  background-color: #000 !important;
+  border-color: #000 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--primary-light {
+  background-color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  color: #000 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--secondary {
+  background-color: #999 !important;
+  border-color: #999 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--secondary-light {
+  background-color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  color: #999 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--success {
+  background-color: #95cd41 !important;
+  border-color: #95cd41 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--danger {
+  background-color: #ff5959 !important;
+  border-color: #ff5959 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--warning {
+  background-color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--dark {
+  background-color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--light {
+  background-color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}
+.ck-component__border-color--primary {
+  color: #000 !important;
+  border-color: #000 !important;
+}
+.ck-component__border-color--primary-light {
+  color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--secondary {
+  color: #999 !important;
+  border-color: #999 !important;
+}
+.ck-component__border-color--secondary-light {
+  color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--success {
+  color: #95cd41 !important;
+  border-color: #95cd41 !important;
+}
+.ck-component__border-color--danger {
+  color: #ff5959 !important;
+  border-color: #ff5959 !important;
+}
+.ck-component__border-color--warning {
+  color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+}
+.ck-component__border-color--dark {
+  color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+}
+.ck-component__border-color--light {
+  color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}

package/dist/styles/globalStyle.css

@@ -0,0 +1,110 @@
+.ck-component__group--left {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group--right {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+.ck-component__group--center {
+  border-radius: 0 !important;
+  border-right: 0 !important;
+}
+.ck-component__group-vertical--top {
+  border-bottom: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.ck-component__group-vertical--bottom {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+.ck-component__group-vertical--center {
+  border-radius: 0 !important;
+  border-bottom: 0 !important;
+}
+.ck-component__bg-color--primary {
+  background-color: #000 !important;
+  border-color: #000 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--primary-light {
+  background-color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  color: #000 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--secondary {
+  background-color: #999 !important;
+  border-color: #999 !important;
+  color: #fff !important;
+}
+.ck-component__bg-color--secondary-light {
+  background-color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  color: #999 !important;
+  font-weight: 600 !important;
+}
+.ck-component__bg-color--success {
+  background-color: #95cd41 !important;
+  border-color: #95cd41 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--danger {
+  background-color: #ff5959 !important;
+  border-color: #ff5959 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--warning {
+  background-color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--dark {
+  background-color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+  color: rgba(255,255,255,0.9) !important;
+}
+.ck-component__bg-color--light {
+  background-color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}
+.ck-component__border-color--primary {
+  color: #000 !important;
+  border-color: #000 !important;
+}
+.ck-component__border-color--primary-light {
+  color: rgba(0,0,0,0.15) !important;
+  border-color: rgba(0,0,0,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--secondary {
+  color: #999 !important;
+  border-color: #999 !important;
+}
+.ck-component__border-color--secondary-light {
+  color: rgba(153,153,153,0.15) !important;
+  border-color: rgba(153,153,153,0.15) !important;
+  font-weight: 600 !important;
+}
+.ck-component__border-color--success {
+  color: #95cd41 !important;
+  border-color: #95cd41 !important;
+}
+.ck-component__border-color--danger {
+  color: #ff5959 !important;
+  border-color: #ff5959 !important;
+}
+.ck-component__border-color--warning {
+  color: #ffbd35 !important;
+  border-color: #ffbd35 !important;
+}
+.ck-component__border-color--dark {
+  color: #1e1e1e !important;
+  border-color: #1e1e1e !important;
+}
+.ck-component__border-color--light {
+  color: #f0f0f0 !important;
+  border-color: #f0f0f0 !important;
+}

package/dist/styles/test.css

@@ -0,0 +1,3 @@
+* {
+  background-color: #00f;
+}

package/dist/types/src/lib-components/functions.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    getGroupClass({ group, groupVertical, groupBreak }?: {
+        group?: string | undefined;
+        groupVertical?: string | undefined;
+        groupBreak?: string | undefined;
+    }): string[];
+};
+export default _default;

package/dist/types/src/lib-components/index.d.ts

@@ -1,4 +1,2 @@
-export { default as QuanticVueSample } from './quantic-vue-sample.vue';
-export { default as QvButton } from './qv-button.vue';
-export { default as QvInputText } from './qv-input-text.vue';
-export { default as QvTextarea } from './qv-textarea.vue';
+export { default as CleekSample } from './cleek-sample.vue';
+export { default as CkButton } from './ck-button.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cleek",
-  "version": "1.1.0",
+  "version": "1.1.4",
   "description": "",
   "main": "dist/cleek.ssr.js",
   "browser": "dist/cleek.esm.js",
@@ -15,11 +15,13 @@
   "scripts": {
     "serve": "vue-cli-service serve dev/serve.ts",
     "prebuild": "rimraf ./dist",
-    "build": "cross-env NODE_ENV=production rollup --config build/rollup.config.js",
+    "build": "npm run build-styles && cross-env NODE_ENV=production rollup --config build/rollup.config.js",
     "build:ssr": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format cjs",
     "build:es": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format es",
     "build:unpkg": "cross-env NODE_ENV=production rollup --config build/rollup.config.js --format iife",
-    "postbuild": "rimraf ./dist/types/dev ./dist/types/src/entry.d.ts"
+    "postbuild": "rimraf ./dist/types/dev ./dist/types/src/entry.d.ts",
+    "watch-styles": "stylus -w src/styles/ -o dist/styles",
+    "build-styles": "stylus src/styles/ -o dist/styles/"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
@@ -27,6 +29,7 @@
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^3.0.0-4",
+    "rollup-plugin-pug": "^1.1.1",
     "vue-select": "^4.0.0-beta.1"
   },
   "devDependencies": {
@@ -51,6 +54,8 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.52.8",
     "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-stylus-compiler": "^1.0.1",
+    "rollup-plugin-stylus-css-modules": "^1.5.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-vue": "^6.0.0",

package/src/lib-components/ck-button.vue

@@ -1,23 +1,24 @@
 <template lang="pug">
 .ck-button
-  ck-label(v-if="label" label-align="labelAlign") {{ label }}
+  //- ck-label(v-if="label" label-align="labelAlign") {{ label }}
   button(
   :class="computedClass"
+  @click="$emit('click', $event)"
   )
     //- icon left
-    ck-icon.ck-button--icon-left(
-    v-if="icon"
-    :icon="icon"
-    :icon-package="iconPackage"
-    )
+    //- ck-icon.ck-button--icon-left(
+    //- v-if="icon"
+    //- :icon="icon"
+    //- :icon-package="iconPackage"
+    //- )
     //- slot
     slot
     //- icon right
-    ck-icon.ck-button--icon-right(
-    v-if="iconRight"
-    :icon="iconRight"
-    :icon-package="iconPackage"
-    )
+    //- ck-icon.ck-button--icon-right(
+    //- v-if="iconRight"
+    //- :icon="iconRight"
+    //- :icon-package="iconPackage"
+    //- )
 </template>
 
 <script>
@@ -60,44 +61,6 @@ export default {
 }; // export default
 </script>
 
-<style lang="stylus" scoped>
-json('./styles/StylusVars.json')
-.ck-button
-  display inline-flex
-  > button
-    width 100%
-    font-family inherit
-    cursor pointer
-    padding globalPadding (2*globalPadding)
-    font-size globalFontSize
-    border-radius globalBorderRadius
-    background-color white
-    border 1px solid primary
-    color primary
-    display inline-block
-    min-height globalMinHeight
-    > .ck-button--icon-left
-      padding-right .5rem
-    > .ck-button--icon-right
-      padding-left .5rem
-  // margin-bottom: 0;
-  // font-weight: normal;
-  // text-align: center;
-  // -ms-touch-action: manipulation;
-  // touch-action: manipulation;
-  // white-space: nowrap;
-  // padding: 6px 12px;
-  // font-size: 18px;
-  // line-height: 1.42857143;
-
-// .btn-cta:active:hover,
-// .btn-cta:focus,
-// .btn-cta:hover {
-//   background-color: #1b1b32;
-//   border-width: 3px;
-//   border-color: #000;
-//   background-image: none;
-//   color: #f5f6f7;
-// }
-@require './styles/globalStyle'
+<style scoped>
+@import url('../../dist/styles/ck-button.css');
 </style>

package/src/lib-components/ck-icon.vue

@@ -1,6 +1,5 @@
 <template lang="pug">
 .ck-icon
-  //- font-awesome-icon-global(icon="user")
   font-awesome-icon(
   v-if="computedIconPackage === 'font-awesome'"
   :icon="icon"

package/src/lib-components/ck-switch.vue

@@ -0,0 +1,73 @@
+<template lang="pug">
+  label.rv-switch
+    input(
+    v-model="localValue"
+    type="checkbox"
+    @change="$emit('change', $event)"
+    )
+    span.rv-switch__slider(:class="{ 'is-round': type !== 'square' }")
+</template>
+
+<script>
+export default {
+  props: {
+    value: { type: Boolean, required: true },
+    type: { type: String, default: 'round' }, // square
+  },
+  computed: {
+    localValue: {
+      get() { return this.value; },
+      set(val) { this.$emit('input', val); },
+    },
+  }, // computed
+}; // export default
+</script>
+
+<style lang="stylus" scoped>
+json('./styles/StylusVars.json')
+
+.rv-switch
+  position relative
+  display inline-block
+  width 60px
+  height 34px
+  // Hide default HTML checkbox
+  input
+    opacity 0
+    width 0
+    height 0
+    &:checked + .rv-switch__slider
+      background-color primary
+    &:focus + .rv-switch__slider
+      box-shadow 0 0 1px primary
+    &:checked + .rv-switch__slider:before
+      -webkit-transform translateX(26px)
+      -ms-transform translateX(26px)
+      transform translateX(26px)
+  /* The slider */
+  .rv-switch__slider
+    position absolute
+    cursor pointer
+    top 0
+    left 0
+    right 0
+    bottom 0
+    background-color #ccc
+    -webkit-transition .4s
+    transition .4s
+    &:before
+      position absolute
+      content ""
+      height 26px
+      width 26px
+      left 4px
+      bottom 4px
+      background-color white
+      -webkit-transition .4s
+      transition .4s
+    // Rounded sliders
+    &.is-round
+      border-radius: 34px;
+      &:before
+        border-radius 50%
+</style>

package/dist/quantic-vue.esm.js

@@ -1,207 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from 'vue';
-
-var script$3 = /*#__PURE__*/defineComponent({
-  name: 'QuanticVueSample',
-
-  data() {
-    return {
-      counter: 5,
-      initCounter: 5,
-      message: {
-        action: null,
-        amount: null
-      }
-    };
-  },
-
-  computed: {
-    changedBy() {
-      const {
-        message
-      } = this;
-      if (!message.action) return 'initialized';
-      return `${message.action} ${message.amount || ''}`.trim();
-    }
-
-  },
-  methods: {
-    increment(arg) {
-      const amount = typeof arg !== 'number' ? 1 : arg;
-      this.counter += amount;
-      this.message.action = 'incremented by';
-      this.message.amount = amount;
-    },
-
-    decrement(arg) {
-      const amount = typeof arg !== 'number' ? 1 : arg;
-      this.counter -= amount;
-      this.message.action = 'decremented by';
-      this.message.amount = amount;
-    },
-
-    reset() {
-      this.counter = this.initCounter;
-      this.message.action = 'reset';
-      this.message.amount = null;
-    }
-
-  }
-});
-
-const _hoisted_1$3 = {
-  class: "quantic-vue-sample"
-};
-
-const _hoisted_2$3 = /*#__PURE__*/createTextVNode(".");
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("p", null, [createTextVNode("The counter was " + toDisplayString(_ctx.changedBy) + " to ", 1), createElementVNode("b", null, toDisplayString(_ctx.counter), 1), _hoisted_2$3]), createElementVNode("button", {
-    onClick: _cache[0] || (_cache[0] = function () {
-      return _ctx.increment && _ctx.increment(...arguments);
-    })
-  }, " Click +1 "), createElementVNode("button", {
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.decrement && _ctx.decrement(...arguments);
-    })
-  }, " Click -1 "), createElementVNode("button", {
-    onClick: _cache[2] || (_cache[2] = $event => _ctx.increment(5))
-  }, " Click +5 "), createElementVNode("button", {
-    onClick: _cache[3] || (_cache[3] = $event => _ctx.decrement(5))
-  }, " Click -5 "), createElementVNode("button", {
-    onClick: _cache[4] || (_cache[4] = function () {
-      return _ctx.reset && _ctx.reset(...arguments);
-    })
-  }, " Reset ")]);
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$3 = "\n.quantic-vue-sample[data-v-e1d15920] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.quantic-vue-sample p[data-v-e1d15920] {\n    margin: 0 0 1em;\n}\n";
-styleInject(css_248z$3);
-
-script$3.render = render$3;
-script$3.__scopeId = "data-v-e1d15920";
-
-var script$2 = {
-  props: {
-    label: {
-      type: String,
-      default: ''
-    }
-  }
-};
-
-const _hoisted_1$2 = {
-  key: 0
-};
-const _hoisted_2$2 = {
-  class: "btn-cta"
-};
-
-const _hoisted_3 = /*#__PURE__*/createTextVNode(" | button 7 ");
-
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [$props.label ? (openBlock(), createElementBlock("label", _hoisted_1$2, toDisplayString($props.label), 1)) : createCommentVNode("", true), createElementVNode("button", _hoisted_2$2, [_hoisted_3, renderSlot(_ctx.$slots, "default")])]);
-}
-
-var css_248z$2 = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z$2);
-
-script$2.render = render$2;
-
-var script$1 = {
-  props: {
-    label: {
-      type: String,
-      default: ''
-    }
-  }
-};
-
-const _hoisted_1$1 = {
-  key: 0
-};
-
-const _hoisted_2$1 = /*#__PURE__*/createElementVNode("input", null, null, -1);
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [$props.label ? (openBlock(), createElementBlock("label", _hoisted_1$1, toDisplayString($props.label), 1)) : createCommentVNode("", true), _hoisted_2$1]);
-}
-
-var css_248z$1 = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z$1);
-
-script$1.render = render$1;
-
-var script = {
-  props: {
-    label: {
-      type: String,
-      default: ''
-    }
-  }
-};
-
-const _hoisted_1 = {
-  key: 0
-};
-
-const _hoisted_2 = /*#__PURE__*/createElementVNode("textarea", null, null, -1);
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", null, [$props.label ? (openBlock(), createElementBlock("label", _hoisted_1, toDisplayString($props.label), 1)) : createCommentVNode("", true), _hoisted_2]);
-}
-
-var css_248z = "\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n";
-styleInject(css_248z);
-
-script.render = render;
-
-/* eslint-disable import/prefer-default-export */
-
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  QuanticVueSample: script$3,
-  QvButton: script$2,
-  QvInputText: script$1,
-  QvTextarea: script
-});
-
-// Import vue components
-console.log('ESTOY EN PACKAGE'); // install function executed by Vue.use()
-
-const install = function installQuanticVue(app, options) {
-  console.log('arranco paquete');
-  console.log('options', options);
-  Object.entries(components).forEach(_ref => {
-    let [componentName, component] = _ref;
-    app.component(componentName, component);
-  });
-}; // Create module definition for Vue.use()
-
-export { script$3 as QuanticVueSample, script$2 as QvButton, script$1 as QvInputText, script as QvTextarea, install as default };

package/dist/quantic-vue.min.js

@@ -1 +0,0 @@
-var QuanticVue=function(e){"use strict";function n(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,o,a=[],c=!0,l=!1;try{for(t=t.call(e);!(c=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);c=!0);}catch(e){l=!0,o=e}finally{try{c||null==t.return||t.return()}finally{if(l)throw o}}return a}(e,n)||function(e,n){if(!e)return;if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var r=e.defineComponent({name:"QuanticVueSample",data:function(){return{counter:5,initCounter:5,message:{action:null,amount:null}}},computed:{changedBy:function(){var e=this.message;return e.action?"".concat(e.action," ").concat(e.amount||"").trim():"initialized"}},methods:{increment:function(e){var n="number"!=typeof e?1:e;this.counter+=n,this.message.action="incremented by",this.message.amount=n},decrement:function(e){var n="number"!=typeof e?1:e;this.counter-=n,this.message.action="decremented by",this.message.amount=n},reset:function(){this.counter=this.initCounter,this.message.action="reset",this.message.amount=null}}}),o={class:"quantic-vue-sample"},a=e.createTextVNode(".");function c(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}c("\n.quantic-vue-sample[data-v-e1d15920] {\n    display: block;\n    width: 400px;\n    margin: 25px auto;\n    border: 1px solid #ccc;\n    background: #eaeaea;\n    text-align: center;\n    padding: 25px;\n}\n.quantic-vue-sample p[data-v-e1d15920] {\n    margin: 0 0 1em;\n}\n"),r.render=function(n,t,r,c,l,i){return e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(n.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(n.counter),1),a]),e.createElementVNode("button",{onClick:t[0]||(t[0]=function(){return n.increment&&n.increment.apply(n,arguments)})}," Click +1 "),e.createElementVNode("button",{onClick:t[1]||(t[1]=function(){return n.decrement&&n.decrement.apply(n,arguments)})}," Click -1 "),e.createElementVNode("button",{onClick:t[2]||(t[2]=function(e){return n.increment(5)})}," Click +5 "),e.createElementVNode("button",{onClick:t[3]||(t[3]=function(e){return n.decrement(5)})}," Click -5 "),e.createElementVNode("button",{onClick:t[4]||(t[4]=function(){return n.reset&&n.reset.apply(n,arguments)})}," Reset ")])},r.__scopeId="data-v-e1d15920";var l={props:{label:{type:String,default:""}}},i={key:0},u={class:"btn-cta"},d=e.createTextVNode(" | button 7 ");c("\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n"),l.render=function(n,t,r,o,a,c){return e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",i,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),e.createElementVNode("button",u,[d,e.renderSlot(n.$slots,"default")])])};var s={props:{label:{type:String,default:""}}},p={key:0},b=e.createElementVNode("input",null,null,-1);c("\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n"),s.render=function(n,t,r,o,a,c){return e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",p,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),b])};var m={props:{label:{type:String,default:""}}},f={key:0},h=e.createElementVNode("textarea",null,null,-1);c("\n.btn-cta {\r\n  background-color: #d0d0d5;\r\n  border-width: 3px;\r\n  border-color: #1b1b32;\r\n  border-radius: 0;\r\n  border-style: solid;\r\n  color: #1b1b32;\r\n  display: block;\r\n  margin-bottom: 0;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  padding: 6px 12px;\r\n  font-size: 18px;\r\n  line-height: 1.42857143;\n}\n.btn-cta:active:hover,\r\n.btn-cta:focus,\r\n.btn-cta:hover {\r\n  background-color: #1b1b32;\r\n  border-width: 3px;\r\n  border-color: #000;\r\n  background-image: none;\r\n  color: #f5f6f7;\n}\r\n"),m.render=function(n,t,r,o,a,c){return e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",f,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),h])};var g=Object.freeze({__proto__:null,QuanticVueSample:r,QvButton:l,QvInputText:s,QvTextarea:m});console.log("ESTOY EN PACKAGE");var y=function(e,t){console.log("arranco paquete"),console.log("options",t),Object.entries(g).forEach((function(t){var r=n(t,2),o=r[0],a=r[1];e.component(o,a)}))},v=Object.freeze({__proto__:null,default:y,QuanticVueSample:r,QvButton:l,QvInputText:s,QvTextarea:m});return Object.entries(v).forEach((function(e){var t=n(e,2),r=t[0],o=t[1];"default"!==r&&(y[r]=o)})),y}(Vue);