cleek 1.1.2 → 1.1.3

package/dist/cleek.esm.js

@@ -101,8 +101,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\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);
+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";
@@ -126,7 +126,6 @@ var functions = {
 
 };
 
-require('./styles/ck-button.styl');
 var script = {
   props: {
     type: {
@@ -227,7 +226,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["icon", "icon-package"])) : createCommentVNode("", true)], 2)]);
 }
 
+var css_248z = "\n@import url('../styles/dist/ck-button.css');\r\n";
+styleInject(css_248z);
+
 script.render = render;
+script.__scopeId = "data-v-2384caa0";
 
 /* eslint-disable import/prefer-default-export */
 // export { default as CkInputText } from './ck-input-text.vue';

package/dist/cleek.min.js

@@ -1 +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 o,r,c=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(c.push(o.value),!t||c.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))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,o=new Array(t);n<t;n++)o[n]=e[n];return o}var o=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}}}),r={class:"cleek-sample"},c=e.createTextVNode(".");!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}("\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"),o.render=function(t,n,o,a,i,l){return e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(t.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(t.counter),1),c]),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 ")])},o.__scopeId="data-v-0917b8aa";var a=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.group,n=void 0===t?"":t,o=e.groupVertical,r=void 0===o?"":o,c=e.groupBreak,a=void 0===c?"":c,i="";if(a&&a===i)return[];var l=[];return n&&l.push("ck-component__group--".concat(n)),r&&l.push("ck-component__group-vertical--".concat(r)),l};require("./styles/ck-button.styl");var i={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(a(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}}},l={class:"ck-button"};i.render=function(t,n,o,r,c,a){var i=e.resolveComponent("ck-label"),u=e.resolveComponent("ck-icon");return e.openBlock(),e.createElementBlock("div",l,[o.label?(e.openBlock(),e.createBlock(i,{key:0,"label-align":"labelAlign"},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(o.label),1)]})),_:1})):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(a.computedClass),onClick:n[0]||(n[0]=function(e){return t.$emit("click",e)})},[o.icon?(e.openBlock(),e.createBlock(u,{key:0,class:"ck-button--icon-left",icon:o.icon,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.iconRight?(e.openBlock(),e.createBlock(u,{key:1,class:"ck-button--icon-right",icon:t.iconRight,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0)],2)])};var u=Object.freeze({__proto__:null,CleekSample:o,CkButton:i}),s=function(e,n){console.log("arranco paquete"),console.log("options",n),Object.entries(u).forEach((function(n){var o=t(n,2),r=o[0],c=o[1];e.component(r,c)}))},p=Object.freeze({__proto__:null,default:s,CleekSample:o,CkButton:i});return Object.entries(p).forEach((function(e){var n=t(e,2),o=n[0],r=n[1];"default"!==o&&(s[o]=r)})),s}(Vue);
+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 o,r,c=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(c.push(o.value),!t||c.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return c}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))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,o=new Array(t);n<t;n++)o[n]=e[n];return o}var o=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}}}),r={class:"cleek-sample"},c=e.createTextVNode(".");function a(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}a("\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"),o.render=function(t,n,o,a,i,l){return e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("p",null,[e.createTextVNode("The counter was "+e.toDisplayString(t.changedBy)+" to ",1),e.createElementVNode("b",null,e.toDisplayString(t.counter),1),c]),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 ")])},o.__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,o=e.groupVertical,r=void 0===o?"":o,c=e.groupBreak,a=void 0===c?"":c,i="";if(a&&a===i)return[];var l=[];return n&&l.push("ck-component__group--".concat(n)),r&&l.push("ck-component__group-vertical--".concat(r)),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"};a("\n@import url('../styles/dist/ck-button.css');\r\n"),l.render=function(t,n,o,r,c,a){var i=e.resolveComponent("ck-label"),l=e.resolveComponent("ck-icon");return e.openBlock(),e.createElementBlock("div",u,[o.label?(e.openBlock(),e.createBlock(i,{key:0,"label-align":"labelAlign"},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(o.label),1)]})),_:1})):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(a.computedClass),onClick:n[0]||(n[0]=function(e){return t.$emit("click",e)})},[o.icon?(e.openBlock(),e.createBlock(l,{key:0,class:"ck-button--icon-left",icon:o.icon,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.iconRight?(e.openBlock(),e.createBlock(l,{key:1,class:"ck-button--icon-right",icon:t.iconRight,"icon-package":t.iconPackage},null,8,["icon","icon-package"])):e.createCommentVNode("",!0)],2)])},l.__scopeId="data-v-2384caa0";var s=Object.freeze({__proto__:null,CleekSample:o,CkButton:l}),p=function(e,n){console.log("arranco paquete"),console.log("options",n),Object.entries(s).forEach((function(n){var o=t(n,2),r=o[0],c=o[1];e.component(r,c)}))},d=Object.freeze({__proto__:null,default:p,CleekSample:o,CkButton:l});return Object.entries(d).forEach((function(e){var n=t(e,2),o=n[0],r=n[1];"default"!==o&&(p[o]=r)})),p}(Vue);

package/dist/cleek.ssr.js

@@ -149,8 +149,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   } else {
     style.appendChild(document.createTextNode(css));
   }
-}var css_248z = "\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);script$1.render = render$1;
+}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] : {},
@@ -170,8 +170,7 @@ script$1.__scopeId = "data-v-0917b8aa";var functions = {
     if (groupVertical) classList.push("ck-component__group-vertical--".concat(groupVertical));
     return classList;
   }
-};require('./styles/ck-button.styl');
-var script = {
+};var script = {
   props: {
     type: {
       type: String,
@@ -271,7 +270,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     icon: _ctx.iconRight,
     "icon-package": _ctx.iconPackage
   }, null, 8, ["icon", "icon-package"])) : vue.createCommentVNode("", true)], 2)]);
-}script.render = render;/* eslint-disable import/prefer-default-export */
+}var css_248z = "\n@import url('../styles/dist/ck-button.css');\r\n";
+styleInject(css_248z);script.render = render;
+script.__scopeId = "data-v-2384caa0";/* 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cleek",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "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 src/styles/dist/",
+    "build-styles": "stylus src/styles/ -o src/styles/dist/"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.36",

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

@@ -22,7 +22,6 @@
 </template>
 
 <script>
-require('./styles/ck-button.styl');
 import functions from './functions.ts';
 
 export default {
@@ -60,4 +59,8 @@ export default {
     },
   }, // computed
 }; // export default
-</script>
+</script>
+
+<style scoped>
+@import url('../styles/dist/ck-button.css');
+</style>