@sysvale/component-library - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

dist/@sysvale/component-library.esm.js

@@ -1240,2 +1240,10 @@ import { CheckIcon, XIcon } from 'vue-feather-icons';
 			return 'right';
+		},
+
+		floatTransition: function floatTransition() {
+			if (this.left) {
+				return 'slide-fade-left';
+			}
+
+			return 'slide-fade-right';
 		}
@@ -1294,3 +1302,3 @@ },
 /* template */
-var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{attrs:{"id":"side-sheet"}},[(_vm.value)?_c('div',{staticClass:"overlay",attrs:{"tabindex":"0"},on:{"click":_vm.shouldCloseOnBackdrop}},[_c('div',{staticClass:"container",class:_vm.floatClass,on:{"click":function($event){$event.stopPropagation();}}},[_vm._t("close-icon",[_c('div',{staticClass:"text-right pb-2"},[_c('x-icon',{attrs:{"id":"close-icon"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('input', !_vm.value)}}})],1)]),_vm._v(" "),_vm._t("default")],2)]):_vm._e()])};
+var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{attrs:{"id":"side-sheet"}},[_c('transition',{attrs:{"name":_vm.floatTransition}},[(_vm.value)?_c('div',{staticClass:"overlay",attrs:{"tabindex":"0"},on:{"click":_vm.shouldCloseOnBackdrop}},[_c('div',{staticClass:"container",class:_vm.floatClass,on:{"click":function($event){$event.stopPropagation();}}},[_vm._t("close-icon",[_c('div',{staticClass:"text-right pb-2"},[_c('x-icon',{attrs:{"id":"close-icon"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('input', !_vm.value)}}})],1)]),_vm._v(" "),_vm._t("default")],2)]):_vm._e()])],1)};
 var __vue_staticRenderFns__$7 = [];
@@ -1301,3 +1309,3 @@
     if (!inject) { return }
-    inject("data-v-23b4e31b_0", { source: "#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}", map: undefined, media: undefined });
+    inject("data-v-b6db7b8e_0", { source: "#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}.slide-fade-right-enter-active{transition:all .4s ease}.slide-fade-right-leave-active{transition:all .4s ease}.slide-fade-right-enter,.slide-fade-right-leave-to{transform:translateX(8px);opacity:0}.slide-fade-left-enter-active{transition:all .4s ease}.slide-fade-left-leave-active{transition:all .4s ease}.slide-fade-left-enter,.slide-fade-left-leave-to{transform:translateX(-8px);opacity:0}", map: undefined, media: undefined });
 
@@ -1304,0 +1312,0 @@ };

dist/@sysvale/component-library.min.js

@@ -1,1 +0,1 @@
-var ComponentLibrary=function(t,e){"use strict";var o={props:{content:{type:String,default:"Negativo",description:"The text that will be displayed inside the badge.",required:!0},color:{type:String,default:"#28A745",description:"If the color code mode is set,\n\t\t\t\tyou can pass the hex value of the text\n\t\t\t\tcolor of the badge."},bgColor:{type:String,default:"#28a74526",description:"If the color code mode is set,\n\t\t\t\tyou can pass the hex value of the background\n\t\t\t\tcolor of the badge."},colorCodeMode:{type:Boolean,default:!1,description:"The property that specifies \n\t\t\t\tif the badge will work in the color code\n\t\t\t\tmode or not."},variant:{type:String,default:"yellow",description:"Variant mode gives 6 predefined badges \n\t\t\t\tto work with. Seting this property to 'true',\n\t\t\t\tyou can use 'yellow', 'green', ... 'gray'\n\t\t\t\tto use the predefined badge styles."}},computed:{predefinedStyle:function(){var t="";switch(this.variant){case"yellow":t="yellow";break;case"green":t="green";break;case"red":t="red";break;case"blue":t="blue";break;case"purple":t="purple";break;case"gray":t="gray";break;default:t="yellow"}return t},styleVariables:function(){return{"--bg-color":this.bgColor,"--color":this.color}}}};function i(t,e,o,i,n,r,a,s,l,c){"boolean"!=typeof a&&(l=s,s=a,a=!1);var d,p="function"==typeof o?o.options:o;if(t&&t.render&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0,n&&(p.functional=!0)),i&&(p._scopeId=i),r?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,l(t)),t&&t._registeredComponents&&t._registeredComponents.add(r)},p._ssrRegister=d):e&&(d=a?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,s(t))}),d)if(p.functional){var u=p.render;p.render=function(t,e){return d.call(e),u(t,e)}}else{var h=p.beforeCreate;p.beforeCreate=h?[].concat(h,d):[d]}return o}var n,r="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function a(t){return function(t,e){return function(t,e){var o=r?e.media||"default":t,i=s[o]||(s[o]={ids:new Set,styles:[]});if(!i.ids.has(t)){i.ids.add(t);var a=e.source;if(e.map&&(a+="\n/*# sourceURL="+e.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",e.media&&i.element.setAttribute("media",e.media),void 0===n&&(n=document.head||document.getElementsByTagName("head")[0]),n.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(a),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var l=i.ids.size-1,c=document.createTextNode(a),d=i.element.childNodes;d[l]&&i.element.removeChild(d[l]),d.length?i.element.insertBefore(c,d[l]):i.element.appendChild(c)}}}(t,e)}}var s={};var l=i({render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"badge-container px-3 d-flex justify-content-center",class:this.colorCodeMode?"":this.predefinedStyle,style:this.colorCodeMode?this.styleVariables:""},[e("small",{staticClass:"regular"},[this._v("\n\t\t"+this._s(this.content)+"\n\t")])])},staticRenderFns:[]},(function(t){t&&t("data-v-7e707484_0",{source:".badge-container{border-radius:8px!important;width:fit-content;background-color:var(--bg-color);color:var(--color)}.yellow{color:#5a4300;background-color:#ffbf004d}.green{color:#005a15;background-color:#28a74526}.red{color:#8c1520;background-color:#e2757f40}.blue{color:#00469c;background-color:#60c4ff40}.purple{color:#621e83;background-color:#e47aff40}.gray{color:#2f2f2f;background-color:#acacac40}",map:void 0,media:void 0})}),o,void 0,!1,void 0,!1,a,void 0,void 0),c=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"d-flex justify-content-between"},t._l(t.steps,(function(e,i){return o("div",{key:i,class:i!==t.steps.length-1?"w-100":""},[o("div",{staticClass:"d-flex align-items-center",attrs:{id:"step-"+(i+1)},on:{click:function(e){return t.changeStep(i)}}},[o("div",{staticClass:"d-flex justify-content-center align-items-center cursor-pointer",class:t.circleStyle(e)},[e.concluded?o("check-icon",{staticClass:"concluded-step",attrs:{size:"1x"}}):o("span",{staticClass:"not-concluded-step-text-color fs-14"},[t._v("\n                    "+t._s(i+1)+"\n                ")])],1),t._v(" "),i!==t.steps.length-1&&t.steps[i].concluded&&t.steps[i+1].concluded?o("div",{staticClass:"concluded-stepper-divider"}):i!==t.steps.length-1&&i>0&&t.steps[i].concluded&&t.steps[i-1].concluded||i!==t.steps.length-1&&0===i&&t.steps[i].concluded?o("div",{staticClass:"in-progress-stepper-divider"}):i!==t.steps.length-1?o("div",{staticClass:"common-stepper-divider"}):t._e()]),t._v(" "),o("div",{staticClass:"label-container mt-2",class:e.active?"":"not-active-step-label"},[o("small",[t._v(t._s(e.label))])])])})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-9e2f1672_0",{source:".active-step,.concluded-step,.not-active-step{border-radius:50px;min-width:30px;min-height:30px;border:1.5px;border-style:solid}.active-step{border-color:#00cbad}.concluded-step{background-color:#00cbad;border-color:#00cbad;width:30px;height:30px}.not-active-step{color:#bfc2c5;border-color:#bfc2c5}.not-concluded-step-text-color{color:#00cbad}.common-stepper-divider,.concluded-stepper-divider,.in-progress-stepper-divider{height:3px;width:100%}.common-stepper-divider{background-color:#bfc2c5}.in-progress-stepper-divider{background:linear-gradient(90deg,#43e4cc 0,#bfc2c5 67.57%)}.concluded-stepper-divider{background:#00cbad}.concluded-step{color:#fff}.label-container{max-width:70px;margin-left:-10px;line-height:1;display:block}.fs-14{font-size:14px}.cursor-pointer{cursor:pointer}.not-active-step-label{color:#5d6369}",map:void 0,media:void 0})}),{props:{steps:{type:Array,default:function(){return[]},required:!0,description:"A object with the properties 'label', and 'concluded'.\n                The 'label' property is the text that will be displayed under\n                the counter, and 'concluded' is the status (boolean) of the step."}},components:{CheckIcon:e.CheckIcon},methods:{circleStyle:function(t){var e="";return t.concluded&&(e+="concluded-step"),t.active&&(e+="active-step"),t.active||t.concluded||(e+=" not-active-step"),e},changeStep:function(t){this.steps[t].active=!0,this.steps.forEach((function(e,o){e.active=o===t})),this.$emit("step_changed",t,this.steps[t])}}},void 0,!1,void 0,!1,a,void 0,void 0),d=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"toolbar-container"},[o("div",{staticClass:"toolbar",class:t.floatingMode?"fixed":"",style:""!==t.bgColor?"background-color: "+t.bgColor:""},[t._t("description"),t._v(" "),t._t("buttons"),t._v(" "),t.isDismissible?o("div",{staticClass:"icon-container ml-2",on:{click:function(e){return t.$emit("close",!0)}}},[o("x-icon",{staticClass:"m-1",attrs:{size:"0.8x"}})],1):t._e()],2)])},staticRenderFns:[]},(function(t){t&&t("data-v-4b47e00d_0",{source:".toolbar-container{width:100%;display:flex;justify-content:center}.toolbar{border-radius:8px!important;background-color:#30353f;bottom:72px;padding:.8rem 1rem;color:#fff;display:flex;z-index:2;align-items:center}.fixed{position:fixed}.icon-container{padding:2px 4px;background-color:#0000002d;border-radius:50%;cursor:pointer}.icon-container:hover{background-color:#00000041}",map:void 0,media:void 0})}),{components:{XIcon:e.XIcon},props:{floatingMode:{type:Boolean,default:!1,description:"When setted to true this prop makes\n\t\t\t\tthe ActionBar to work floating above the content\n\t\t\t\tof the view, being placed in the bottom of the page."},isDismissible:{type:Boolean,default:!1,description:"When setted to true this prop displays\n\t\t\t\tan 'x' icon that emits a event that can be handled\n\t\t\t\tto close the ActionBar."},bgColor:{type:String,default:"",description:"You can send colors in any format applicable\n\t\t\t\tto the 'background-color' property in order to overwrite\n\t\t\t\tthe default ActionBar color."}}},void 0,!1,void 0,!1,a,void 0,void 0),p=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"pagination-container"},[o("b-button-group",t._l(t.pages,(function(e){return o("b-button",{key:e.index,staticClass:"pagination-button",style:t.cssVars,attrs:{id:"tab"+e.index,pressed:t.selectedIndex===e.index},on:{click:function(o){return t.handleClick(e)}}},[t._v("\n\t\t\t"+t._s(e.value)+"\n\t\t")])})),1)],1)},staticRenderFns:[]},(function(t){t&&t("data-v-d6072b8e_0",{source:".pagination-container{display:flex;justify-content:center;align-items:center}.pagination-button{background:0 0;font-weight:300;min-width:42px;color:#707070;border-color:#b8b8b8;box-shadow:none!important;border-radius:var(--border-radius)}.pagination-button:hover{background-color:var(--hover-bg-color)!important;border-color:var(--hover-bg-color)!important;color:var(--hover-text-color)!important}.pagination-button:focus{background:0 0;color:#707070;border-color:#b8b8b8}.btn.active{background-color:var(--active-bg-color)!important;border-color:var(--active-bg-color)!important;color:var(--active-text-color)!important}",map:void 0,media:void 0})}),{props:{perPage:{type:Number,default:5,description:"The maximum number of elements\n\t\t\t\tfor each page of the element being paged."},totalRows:{type:Number,default:1,description:"The total amount of rows in the element\n\t\t\t\tbeing paged."},activeBgColor:{type:String,default:"#545b62",description:"The Hex color code for the background\n\t\t\t\tof the active selection of the component."},activeTextColor:{type:String,default:"#fff",description:"The Hex color code for the text\n\t\t\t\tof the active selection of the component."},hoverBgColor:{type:String,default:"#545b62",description:"The Hex color code for the background\n\t\t\t\tof the hovered selection of the component."},hoverTextColor:{type:String,default:"#fff",description:"The Hex color code for the text\n\t\t\t\tof the hovered selection of the component."},borderRadius:{type:Number,default:5,description:"The value, in pixels, of the border\n\t\t\t\tradius of the whole element."}},data:function(){return{pressed:!1,selectedIndex:0,selectedValue:1,pages:[],defaultIndex:0,defaultValue:1}},computed:{pageCount:function(){var t=this.perPage>0?this.perPage:1;return Math.ceil(this.totalRows/t)},cssVars:function(){return{"--active-bg-color":this.activeBgColor,"--active-text-color":this.activeTextColor,"--hover-bg-color":this.hoverBgColor,"--hover-text-color":this.hoverTextColor,"--border-radius":this.borderRadius+"px"}}},watch:{totalRows:function(){this.pages=this.handlePages()},perPage:function(){this.pages=this.handlePages()}},beforeMount:function(){this.pages=this.handlePages(),this.selectedIndex=this.defaultIndex,this.selectedValue=this.defaultValue},methods:{handleClick:function(t){"..."!==t.value&&(this.selectedValue=t.value,this.selectedIndex=t.index,this.pages=this.handlePages(),this.pressed=!0,this.$emit("input",t.index+1))},handlePages:function(){for(var t=[],e=this.pageCount<15?this.pageCount:15,o=0;o<e;o+=1)t[o]={index:o,value:o+1},t[o].value===this.selectedValue&&(this.selectedIndex=t[o].index);if(this.pageCount>15){if(this.selectedValue>this.pageCount-8){for(var i=0;i<15;i+=1)t[i]={index:i,value:this.pageCount-14+i},t[i].value===this.selectedValue&&(this.selectedIndex=t[i].index);t[1]={index:1,value:"..."}}else if(this.selectedValue<=8)t[13]={index:13,value:"..."};else{for(var n=2;n<7;n+=1)t[n]={index:n,value:this.selectedValue-7+n};for(var r=8;r<14;r+=1)t[r]={index:r,value:this.selectedValue+r-7};this.selectedIndex=7,t[7]={index:7,value:this.selectedValue},t[1]={index:1,value:"..."},t[13]={index:13,value:"..."}}t[0]={index:0,value:1},t[14]={index:14,value:this.pageCount}}return t}}},void 0,!1,void 0,!1,a,void 0,void 0),u=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"no-items"},[o("img",{staticClass:"image-container",attrs:{src:t.emptyStateImage,alt:t.imgDescription}}),t._v(" "),o("div",{staticClass:"no-items-text",style:t.headlineStyle},[t._v("\n\t\t"+t._s(t.headlineText)+"\n\t")]),t._v(" "),o("div",{staticClass:"no-items-bodytext mt-2",style:t.bodyTextStyle},[t._v("\n\t\t"+t._s(t.bodyText)+"\n\t")]),t._v(" "),t.showActionButton?o("div",{staticClass:"action-button-container"},[o("b-button",{staticClass:"primary-button",style:t.buttonStyle,on:{click:function(e){return t.$emit("actionButtonClick",!0)}}},[t._v("\n\t\t\t"+t._s(t.buttonText)+"\n\t\t")])],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-48e194a4_0",{source:".no-items{display:flex;flex-direction:column;align-items:center;position:relative;margin:60px}.image-container{max-width:500px;max-height:500px;width:auto;height:auto}.no-items-text{margin-top:20px;color:var(--headline-color);font-size:var(--headline-font-size)}.no-items-bodytext{color:var(--body-text-color);font-size:var(--body-text-size);max-width:50%;text-align:center}.action-button-container{margin-top:20px}.primary-button{background-color:var(--button-color)!important;border-color:var(--button-color)!important;color:var(--button-text-color);font-size:var(--button-font-size);border-radius:var(--border-radius);box-shadow:none!important}.primary-button:hover{filter:brightness(80%)}.primary-button:active{filter:brightness(90%)}.primary-button.disabled{opacity:.5;cursor:default}.primary-button.disabled:hover{filter:brightness(100%)}",map:void 0,media:void 0})}),{props:{emptyStateImage:{type:String,default:"",description:"The image that will be displayed in the component."},imgDescription:{type:String,default:"",description:"The images description that will be displayed in the component."},headlineText:{type:String,default:"No results found",description:"The headline of the component."},bodyText:{type:String,default:"Start adding some content!",description:"The body text of the component."},showActionButton:{type:Boolean,default:!0,description:"When setted to true, this prop displays an Action Button."},buttonText:{type:String,default:"Add new content",description:"The text that will be displayed inside the button."},headlineColor:{type:String,default:"#563d7c",description:"The Hex color code for the headline."},bodyTextColor:{type:String,default:"#707070",description:"The Hex color code for the body text."},buttonColor:{type:String,default:"#1C72CE",description:"The Hex color code for the button."},buttonTextColor:{type:String,default:"#FFFFFF",description:"The Hex color code for the button text."},headlineFontSize:{type:Number,default:32,description:"The value, in pixels, of the font size of the headline. The maximum value accepted is 60px.",validator:function(t){return t<=60}},bodyFontSize:{type:Number,default:16,description:"The value, in pixels, of the font size of the body text. The maximum value accepted is 30px.",validator:function(t){return t<=30}},buttonFontSize:{type:Number,default:16,description:"The value, in pixels, of the font size of the button. The maximum value accepted is 30px.",validator:function(t){return t<=30}},borderRadius:{type:Number,default:5,description:"The value, in pixels, button border radius. The maximum value accepted is 30px.",validator:function(t){return t<=30}}},updated:function(){this.headlineFontSize>60&&(this.headlineFontSize=60),this.bodyFontSize>30&&(this.bodyFontSize=30),this.buttonFontSize>30&&(this.buttonFontSize=30),this.borderRadius>30&&(this.borderRadius=30)},computed:{headlineStyle:function(){return{"--headline-color":this.headlineColor,"--headline-font-size":this.headlineFontSize+"px"}},bodyTextStyle:function(){return{"--body-text-color":this.bodyTextColor,"--body-text-size":this.bodyFontSize+"px"}},buttonStyle:function(){return{"--button-color":this.buttonColor,"--button-text-color":this.buttonTextColor,"--button-font-size":this.buttonFontSize+"px","--border-radius":this.borderRadius+"px"}}}},void 0,!1,void 0,!1,a,void 0,void 0),h=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("b-nav",{staticClass:"px-2",class:t.oldSchool?"bg-cs":"bg-liga"},t._l(t.computedItems,(function(e,i){return o(t.dropdownOrSingleItem(e),{key:t.getElementKey(e,i),tag:"component",staticClass:"mr-4 mt-2",class:t.getClass(e),attrs:{id:t.getElementKey(e,i),text:e.label,active:t.isActive(e),to:{name:e.path},"menu-class":"py-1"},on:{click:function(o){return t.handleClick(e)}}},[t.isDropdown(e)?t._l(e.items,(function(i,n){return o("b-dropdown-item",{key:t.getElementKey(i,n,!0),staticClass:"py-1",attrs:{id:t.getElementKey(i,n,!0),active:t.isActive(i),to:{name:e.path},"link-class":"py-2"},on:{click:function(o){return o.stopPropagation(),t.handleClick(i,e)}}},[t._v("\n\t\t\t\t"+t._s(i.label)+"\n\t\t\t")])})):[t._v("\n\t\t\t"+t._s(e.label)+"\n\t\t")]],2)})),1)},staticRenderFns:[]},(function(t){t&&t("data-v-4b12b989_0",{source:"a{outline:0}.cs-mode .dropdown-item:hover,.cs-mode .nav-link:hover{color:#fff}.cs-mode .dropdown-item:hover{background:0 0}.cs-mode .active,.cs-mode.active-parent{border-bottom:4px solid #3adf7c;background:#5a5a5a;border-radius:4px 4px 0 0}.cs-mode.active-parent.show{border-bottom:4px solid transparent}.cs-mode .dropdown-item.active{border-left:4px solid #3adf7c;border-bottom:0;background:#5a5a5a;border-radius:0}.bg-liga{background:linear-gradient(.93deg,#fff 16.45%,#f1f5fb 105.67%)}.bg-liga .dropdown-menu{background:#fff}.bg-cs,.bg-cs .dropdown-menu{background:#444}.cs-mode .dropdown-item.active,.cs-mode .nav-link.active,.cs-mode.active-parent .dropdown-toggle{color:#fff}.cs-mode .dropdown-item,.cs-mode .nav-link{color:#d0d2d5}.liga-mode .active,.liga-mode.active-parent{border-bottom:4px solid #285ab9;background:rgba(40,90,185,.05);border-radius:4px 4px 0 0}.liga-mode.active-parent.show{border-bottom:4px solid transparent}.liga-mode .dropdown-item.active,.liga-mode .nav-link.active,.liga-mode.active-parent .dropdown-toggle{color:#142032}.liga-mode .dropdown-item,.liga-mode .nav-link{color:#6a7580}.liga-mode .dropdown-item:hover,.liga-mode .nav-link:hover{color:#142032;background:0 0}.bg-liga .dropdown-menu{background:#fff;box-shadow:2px 2px 4px rgba(58,67,81,.16);border-radius:2px}.liga-mode .dropdown-item.active{border-left:4px solid #285ab9;border-bottom:0;background:rgba(40,90,185,.05);border-radius:0}.dropdown-item:active{background:inherit}.dropdown-menu{margin-top:4px;border:0;border-radius:0}.dropdown-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.dropdown-toggle:after{transition:all .4s ease}",map:void 0,media:void 0})}),{props:{items:{type:Array,default:function(){return[]},description:"A list of the menu itens to be displayed",required:!0},oldSchool:{type:Boolean,default:!0,description:'Defines the style of the menu. The new one is light themed and the old one follows the style used by the "Cidade Saudável"'},activeItem:{type:Object,default:function(){},description:"The currently active menu item",required:!0}},data:function(){return{internalActiveItem:this.activeItem,internalActiveParent:this.activeItem}},computed:{computedItems:function(){var t=this;return this.items.map((function(e){var o=e;return t.isDropdown(e)&&(o.items=e.items.map((function(t){return Object.assign({},{parent:_.clone(e)},t)}))),o}))}},watch:{computedItems:{handler:function(t){var e,o,i=this,n=t.filter((function(t){return t===i.activeItem}));if(n.length)e=n,this.internalActiveItem=e[0],this.internalActiveParent=this.internalActiveItem;else{var r=_.flatten(t.filter((function(t){return!!t.items})).map((function(t){return t.items})));r.length&&(o=r.filter((function(t){return t.path===i.activeItem.path})),this.internalActiveItem=o[0],this.internalActiveParent=this.internalActiveItem.parent)}},immediate:!0}},methods:{handleClick:function(t,e){this.internalActiveItem=t,this.internalActiveParent=e,this.$emit("click",this.internalActiveItem)},isActive:function(t){return Object.keys(this.internalActiveItem).length>0&&this.internalActiveItem.path===t.path},getElementKey:function(t,e,o){return void 0===o&&(o=!1),""+t.label.replace(/\s/g,"")+e+(o?"-subitem":"")},isSubitem:function(t){return!!t.parent},isDropdown:function(t){return!!t.items},dropdownOrSingleItem:function(t){return this.isDropdown(t)?"b-nav-item-dropdown":"b-nav-item"},getClass:function(t){var e=this.oldSchool?"cs-mode":"liga-mode";return this.isDropdown(t)&&this.internalActiveParent&&this.internalActiveParent.path===t.path&&(e+=" active-parent"),e}}},void 0,!1,void 0,!1,a,void 0,void 0),f=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("span",{attrs:{id:"dropdown"}},[o("multiselect",t._b({attrs:{"select-label":"","deselect-label":"","selected-label":"",options:t.internalOptions,"close-on-select":!1,multiple:!0,taggable:!0,"clear-on-select":!1,searchable:!1},on:{select:t.selectItem,remove:t.selectItem},scopedSlots:t._u([{key:"option",fn:function(e){return[o("div",{staticClass:"option__desc"},[o("span",{staticClass:"option__title"},[o("span",{staticClass:"d-flex align-items-center"},[o("span",{staticClass:"checkbox-container"},[o("div",{staticClass:"customCheckbox mr-4"},[o("input",{directives:[{name:"model",rawName:"v-model",value:e.option.is_selected,expression:"internalOptions.option.is_selected"}],attrs:{type:"checkbox",id:"input-"+e.option.title,name:"input-"+e.option.title},domProps:{value:!0,checked:Array.isArray(e.option.is_selected)?t._i(e.option.is_selected,!0)>-1:e.option.is_selected},on:{change:function(o){var i=e.option.is_selected,n=o.target,r=!!n.checked;if(Array.isArray(i)){var a=t._i(i,!0);n.checked?a<0&&t.$set(e.option,"is_selected",i.concat([!0])):a>-1&&t.$set(e.option,"is_selected",i.slice(0,a).concat(i.slice(a+1)))}else t.$set(e.option,"is_selected",r)}}}),t._v(" "),o("label",{class:{checkedCheckboxColor:e.option.is_selected},attrs:{id:"checkbox-"+e.option.title,for:"input-"+e.option.title},on:{click:function(o){return t.addItemViaCustomCheckbox(e.option)}}})])]),t._v("\n\n\t\t\t\t\t\t"+t._s(e.option.title)+"\n\n\t\t\t\t\t")])])])]}}]),model:{value:t.selectedValue,callback:function(e){t.selectedValue=e},expression:"selectedValue"}},"multiselect",t.$attrs,!1))],1)},staticRenderFns:[]},(function(t){t&&(t("data-v-b49a662e_0",{source:'fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:0}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:0}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:0;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}',map:void 0,media:void 0}),t("data-v-b49a662e_1",{source:'#dropdown .multiselect__option--highlight{background:#f5f6f8;outline:0;color:#142032}input[type=checkbox]{visibility:hidden}.customCheckbox{width:15px;position:relative;margin-left:-12px}.checkedCheckboxColor{background-color:#2959b8!important;border:none!important}.customCheckbox label{cursor:pointer;position:absolute;width:15px;height:15px;top:0;border-radius:4px;border:.5px solid #ced4da}.customCheckbox label:after{border:1.5px solid #fff;border-top:none;border-right:none;content:"";height:5px;left:3.1px;opacity:0;position:absolute;top:4.4px;transform:rotate(-45deg);width:8px;border-radius:.4px}.customCheckbox input[type=checkbox]:checked+label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}#dropdown .multiselect__tag{background:#e9eef1;color:#142032;border:1px solid #ced4da}#dropdown .multiselect__tag-icon:after{color:#4f606f}#dropdown .multiselect__tag-icon:focus,#dropdown .multiselect__tag-icon:hover{background:#d1d9e9;color:#4f606f}#dropdown .multiselect__tag-icon:focus:after,#dropdown .multiselect__tag-icon:hover:after{color:#4f606f}#dropdown .multiselect__option--selected.multiselect__option--highlight{background:#fff;color:#142032}#dropdown .multiselect__option--selected.multiselect__option--highlight:after{background:#fff;color:#142032}#dropdown .multiselect__option--selected{background:#fff;color:#142032;font-weight:600}#dropdown .multiselect--disabled{background:0 0}#dropdown .multiselect--disabled .multiselect__tags{background:#e9eef1!important}#dropdown .multiselect__placeholder{color:#6a7580}',map:void 0,media:void 0}))}),{data:function(){return{selectedValue:this.$attrs.value,internalOptions:_.cloneDeep(this.$attrs.options)}},mounted:function(){var t=this;this.selectedValue.forEach((function(t){t.is_selected=!0})),this.internalOptions.forEach((function(e){var o=t.selectedValue.some((function(o){return o[t.$attrs.label]===e[t.$attrs.label]}));e.is_selected=!!o}))},watch:{selectedValue:function(t){var e=_.cloneDeep(t);e.forEach((function(t){return delete t.is_selected})),this.$emit("input",e)}},methods:{selectItem:function(t){this.internalOptions.forEach((function(e){e.title===t.title&&(e.is_selected=!e.is_selected)}))},addItemViaCustomCheckbox:function(t){t.is_selected=!t.is_selected,this.selectedValue.push(t)}}},void 0,!1,void 0,!1,a,void 0,void 0),m=27,b=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("span",{attrs:{id:"side-sheet"}},[t.value?o("div",{staticClass:"overlay",attrs:{tabindex:"0"},on:{click:t.shouldCloseOnBackdrop}},[o("div",{staticClass:"container",class:t.floatClass,on:{click:function(t){t.stopPropagation()}}},[t._t("close-icon",[o("div",{staticClass:"text-right pb-2"},[o("x-icon",{attrs:{id:"close-icon"},on:{click:function(e){return e.stopPropagation(),t.$emit("input",!t.value)}}})],1)]),t._v(" "),t._t("default")],2)]):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-23b4e31b_0",{source:"#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}",map:void 0,media:void 0})}),{components:{XIcon:e.XIcon},props:{value:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to control if the SideSheet should be shown or not (usually by v-model)\n\t\t\t",required:!0},right:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define that the element will be shown at right screen side.\n\t\t\t"},left:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define that the element will be shown at left screen side (right is the default).\n\t\t\t"},noCloseOnBackdrop:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define if the element won't be dismissed when backdrop is click.\n\t\t\t"},noCloseOnEsc:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define if the element won't be dismissed when esc is pressed.\n\t\t\t"}},computed:{floatClass:function(){return this.left?"left":"right"}},watch:{value:function(t){t?this.attachKeyupEvent():this.dettachKeyupEvent()}},created:function(){this.attachKeyupEvent()},beforeDestroy:function(){this.dettachKeyupEvent()},methods:{shouldCloseOnBackdrop:function(){this.noCloseOnBackdrop||this.$emit("input",!this.value)},shouldCloseOnEsc:function(){this.noCloseOnEsc||this.$emit("input",!this.value)},keyupListener:function(t){t.keyCode===m&&this.shouldCloseOnEsc()},attachKeyupEvent:function(){window.addEventListener("keyup",this.keyupListener)},dettachKeyupEvent:function(){window.removeEventListener("keyup",this.keyupListener)}}},void 0,!1,void 0,!1,a,void 0,void 0),g=i({render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("span",{attrs:{id:"actionList"}},[o("div",{staticClass:"d-flex actionStyle",class:"right"===t.position?"justify-content-end":"justify-content-start"},["left"===t.position?o("div",[!t.itsBeignShown&&t.actions.length>t.numberOfExpandedActions?o("div",{staticClass:"actionRightBorder action p-4",on:{click:t.expandList}},[t._v("\n\t\t\t\t"+t._s(t.collapsedActionName)+"\n\t\t\t")]):t._e(),t._v(" "),t.actions.length>t.numberOfExpandedActions&&t.itsBeignShown?o("div",{staticClass:"actionRightBorder action p-4",on:{click:t.collapseList}},[t._v("\n\t\t\t\t"+t._s(t.expandedActionName)+"\n\t\t\t")]):t._e()]):t._e(),t._v(" "),t._l(t.actions,(function(e,i){return o("div",{key:e.title},[o("transition",{attrs:{name:"slide-fade"}},[i<=t.internalnumberOfExpandedActions-1?o("div",{staticClass:"action p-4",class:{actionLeftBorder:i>0},on:{click:function(o){return t.$emit("actionClicked",e)}}},[t._t("action",null,{list:e})],2):t._e()])],1)})),t._v(" "),"right"===t.position?o("div",[!t.itsBeignShown&&t.actions.length>t.numberOfExpandedActions?o("div",{staticClass:"actionLeftBorder action p-4",on:{click:t.expandList}},[t._v("\n\t\t\t\t"+t._s(t.collapsedActionName)+"\n\t\t\t")]):t._e(),t._v(" "),t.actions.length>t.numberOfExpandedActions&&t.itsBeignShown?o("div",{staticClass:"actionLeftBorder action p-4",on:{click:t.collapseList}},[t._v("\n\t\t\t\t"+t._s(t.expandedActionName)+"\n\t\t\t")]):t._e()]):t._e()],2)])},staticRenderFns:[]},(function(t){t&&t("data-v-c9145470_0",{source:"#actionList .actionLeftBorder{border-left:1px solid #ced4da}#actionList .actionRightBorder{border-right:1px solid #ced4da}#actionList .action{padding:4px;cursor:pointer;border-radius:1px}#actionList .actionStyle{color:#6a7580;font-weight:600}#actionList .action:hover{background-color:#f8fafd}#actionList .slide-fade-enter-active{transition:all .3s ease}#actionList .slide-fade-leave-active{transition:all .1s ease}#actionList .slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}",map:void 0,media:void 0})}),{props:{actions:{type:Array,default:function(){return[]},description:"The list of the actions to be displayed.",required:!0},numberOfExpandedActions:{type:Number,default:2,description:"The number of items that will be displayed when the component is redered.",required:!1},collapsedActionName:{type:String,default:"More actions",description:"The name that will be displayed in the last item of the actions list when it's collapsed.",required:!1},expandedActionName:{type:String,default:"Less actions",description:"The name that will be displayed in the last item of the actions list when it's expanded.",required:!1},position:{type:String,default:"right",description:"Speficies if the component will be rendered right side or left side.",required:!1}},data:function(){return{action:_.cloneDeep(this.actions),internalnumberOfExpandedActions:this.numberOfExpandedActions,itsBeignShown:!1}},methods:{expandList:function(){this.internalnumberOfExpandedActions=this.action.length,this.itsBeignShown=!this.itsBeignShown},collapseList:function(){this.internalnumberOfExpandedActions=this.numberOfExpandedActions,this.itsBeignShown=!this.itsBeignShown}}},void 0,!1,void 0,!1,a,void 0,void 0),v=Object.freeze({__proto__:null,Badge:l,StepperCounter:c,ActionBar:d,Pagination:p,EmptyState:u,Nav:h,Dropdown:f,SideSheet:b,ActionsList:g});var x={install:function t(e){t.installed||(t.installed=!0,Object.keys(v).forEach((function(t){e.component(t,v[t])})))}},y=null;return"undefined"!=typeof window?y=window.Vue:"undefined"!=typeof global&&(y=global.Vue),y&&y.use(x),t.ActionBar=d,t.ActionsList=g,t.Badge=l,t.Dropdown=f,t.EmptyState=u,t.Nav=h,t.Pagination=p,t.SideSheet=b,t.StepperCounter=c,t.default=x,t}({},vueFeatherIcons);
+var ComponentLibrary=function(e,t){"use strict";var o={props:{content:{type:String,default:"Negativo",description:"The text that will be displayed inside the badge.",required:!0},color:{type:String,default:"#28A745",description:"If the color code mode is set,\n\t\t\t\tyou can pass the hex value of the text\n\t\t\t\tcolor of the badge."},bgColor:{type:String,default:"#28a74526",description:"If the color code mode is set,\n\t\t\t\tyou can pass the hex value of the background\n\t\t\t\tcolor of the badge."},colorCodeMode:{type:Boolean,default:!1,description:"The property that specifies \n\t\t\t\tif the badge will work in the color code\n\t\t\t\tmode or not."},variant:{type:String,default:"yellow",description:"Variant mode gives 6 predefined badges \n\t\t\t\tto work with. Seting this property to 'true',\n\t\t\t\tyou can use 'yellow', 'green', ... 'gray'\n\t\t\t\tto use the predefined badge styles."}},computed:{predefinedStyle:function(){var e="";switch(this.variant){case"yellow":e="yellow";break;case"green":e="green";break;case"red":e="red";break;case"blue":e="blue";break;case"purple":e="purple";break;case"gray":e="gray";break;default:e="yellow"}return e},styleVariables:function(){return{"--bg-color":this.bgColor,"--color":this.color}}}};function i(e,t,o,i,n,r,a,s,l,c){"boolean"!=typeof a&&(l=s,s=a,a=!1);var d,p="function"==typeof o?o.options:o;if(e&&e.render&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0,n&&(p.functional=!0)),i&&(p._scopeId=i),r?(d=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(r)},p._ssrRegister=d):t&&(d=a?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),d)if(p.functional){var u=p.render;p.render=function(e,t){return d.call(t),u(e,t)}}else{var h=p.beforeCreate;p.beforeCreate=h?[].concat(h,d):[d]}return o}var n,r="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function a(e){return function(e,t){return function(e,t){var o=r?t.media||"default":e,i=s[o]||(s[o]={ids:new Set,styles:[]});if(!i.ids.has(e)){i.ids.add(e);var a=t.source;if(t.map&&(a+="\n/*# sourceURL="+t.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),i.element||(i.element=document.createElement("style"),i.element.type="text/css",t.media&&i.element.setAttribute("media",t.media),void 0===n&&(n=document.head||document.getElementsByTagName("head")[0]),n.appendChild(i.element)),"styleSheet"in i.element)i.styles.push(a),i.element.styleSheet.cssText=i.styles.filter(Boolean).join("\n");else{var l=i.ids.size-1,c=document.createTextNode(a),d=i.element.childNodes;d[l]&&i.element.removeChild(d[l]),d.length?i.element.insertBefore(c,d[l]):i.element.appendChild(c)}}}(e,t)}}var s={};var l=i({render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"badge-container px-3 d-flex justify-content-center",class:this.colorCodeMode?"":this.predefinedStyle,style:this.colorCodeMode?this.styleVariables:""},[t("small",{staticClass:"regular"},[this._v("\n\t\t"+this._s(this.content)+"\n\t")])])},staticRenderFns:[]},(function(e){e&&e("data-v-7e707484_0",{source:".badge-container{border-radius:8px!important;width:fit-content;background-color:var(--bg-color);color:var(--color)}.yellow{color:#5a4300;background-color:#ffbf004d}.green{color:#005a15;background-color:#28a74526}.red{color:#8c1520;background-color:#e2757f40}.blue{color:#00469c;background-color:#60c4ff40}.purple{color:#621e83;background-color:#e47aff40}.gray{color:#2f2f2f;background-color:#acacac40}",map:void 0,media:void 0})}),o,void 0,!1,void 0,!1,a,void 0,void 0),c=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"d-flex justify-content-between"},e._l(e.steps,(function(t,i){return o("div",{key:i,class:i!==e.steps.length-1?"w-100":""},[o("div",{staticClass:"d-flex align-items-center",attrs:{id:"step-"+(i+1)},on:{click:function(t){return e.changeStep(i)}}},[o("div",{staticClass:"d-flex justify-content-center align-items-center cursor-pointer",class:e.circleStyle(t)},[t.concluded?o("check-icon",{staticClass:"concluded-step",attrs:{size:"1x"}}):o("span",{staticClass:"not-concluded-step-text-color fs-14"},[e._v("\n                    "+e._s(i+1)+"\n                ")])],1),e._v(" "),i!==e.steps.length-1&&e.steps[i].concluded&&e.steps[i+1].concluded?o("div",{staticClass:"concluded-stepper-divider"}):i!==e.steps.length-1&&i>0&&e.steps[i].concluded&&e.steps[i-1].concluded||i!==e.steps.length-1&&0===i&&e.steps[i].concluded?o("div",{staticClass:"in-progress-stepper-divider"}):i!==e.steps.length-1?o("div",{staticClass:"common-stepper-divider"}):e._e()]),e._v(" "),o("div",{staticClass:"label-container mt-2",class:t.active?"":"not-active-step-label"},[o("small",[e._v(e._s(t.label))])])])})),0)},staticRenderFns:[]},(function(e){e&&e("data-v-9e2f1672_0",{source:".active-step,.concluded-step,.not-active-step{border-radius:50px;min-width:30px;min-height:30px;border:1.5px;border-style:solid}.active-step{border-color:#00cbad}.concluded-step{background-color:#00cbad;border-color:#00cbad;width:30px;height:30px}.not-active-step{color:#bfc2c5;border-color:#bfc2c5}.not-concluded-step-text-color{color:#00cbad}.common-stepper-divider,.concluded-stepper-divider,.in-progress-stepper-divider{height:3px;width:100%}.common-stepper-divider{background-color:#bfc2c5}.in-progress-stepper-divider{background:linear-gradient(90deg,#43e4cc 0,#bfc2c5 67.57%)}.concluded-stepper-divider{background:#00cbad}.concluded-step{color:#fff}.label-container{max-width:70px;margin-left:-10px;line-height:1;display:block}.fs-14{font-size:14px}.cursor-pointer{cursor:pointer}.not-active-step-label{color:#5d6369}",map:void 0,media:void 0})}),{props:{steps:{type:Array,default:function(){return[]},required:!0,description:"A object with the properties 'label', and 'concluded'.\n                The 'label' property is the text that will be displayed under\n                the counter, and 'concluded' is the status (boolean) of the step."}},components:{CheckIcon:t.CheckIcon},methods:{circleStyle:function(e){var t="";return e.concluded&&(t+="concluded-step"),e.active&&(t+="active-step"),e.active||e.concluded||(t+=" not-active-step"),t},changeStep:function(e){this.steps[e].active=!0,this.steps.forEach((function(t,o){t.active=o===e})),this.$emit("step_changed",e,this.steps[e])}}},void 0,!1,void 0,!1,a,void 0,void 0),d=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"toolbar-container"},[o("div",{staticClass:"toolbar",class:e.floatingMode?"fixed":"",style:""!==e.bgColor?"background-color: "+e.bgColor:""},[e._t("description"),e._v(" "),e._t("buttons"),e._v(" "),e.isDismissible?o("div",{staticClass:"icon-container ml-2",on:{click:function(t){return e.$emit("close",!0)}}},[o("x-icon",{staticClass:"m-1",attrs:{size:"0.8x"}})],1):e._e()],2)])},staticRenderFns:[]},(function(e){e&&e("data-v-4b47e00d_0",{source:".toolbar-container{width:100%;display:flex;justify-content:center}.toolbar{border-radius:8px!important;background-color:#30353f;bottom:72px;padding:.8rem 1rem;color:#fff;display:flex;z-index:2;align-items:center}.fixed{position:fixed}.icon-container{padding:2px 4px;background-color:#0000002d;border-radius:50%;cursor:pointer}.icon-container:hover{background-color:#00000041}",map:void 0,media:void 0})}),{components:{XIcon:t.XIcon},props:{floatingMode:{type:Boolean,default:!1,description:"When setted to true this prop makes\n\t\t\t\tthe ActionBar to work floating above the content\n\t\t\t\tof the view, being placed in the bottom of the page."},isDismissible:{type:Boolean,default:!1,description:"When setted to true this prop displays\n\t\t\t\tan 'x' icon that emits a event that can be handled\n\t\t\t\tto close the ActionBar."},bgColor:{type:String,default:"",description:"You can send colors in any format applicable\n\t\t\t\tto the 'background-color' property in order to overwrite\n\t\t\t\tthe default ActionBar color."}}},void 0,!1,void 0,!1,a,void 0,void 0),p=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"pagination-container"},[o("b-button-group",e._l(e.pages,(function(t){return o("b-button",{key:t.index,staticClass:"pagination-button",style:e.cssVars,attrs:{id:"tab"+t.index,pressed:e.selectedIndex===t.index},on:{click:function(o){return e.handleClick(t)}}},[e._v("\n\t\t\t"+e._s(t.value)+"\n\t\t")])})),1)],1)},staticRenderFns:[]},(function(e){e&&e("data-v-d6072b8e_0",{source:".pagination-container{display:flex;justify-content:center;align-items:center}.pagination-button{background:0 0;font-weight:300;min-width:42px;color:#707070;border-color:#b8b8b8;box-shadow:none!important;border-radius:var(--border-radius)}.pagination-button:hover{background-color:var(--hover-bg-color)!important;border-color:var(--hover-bg-color)!important;color:var(--hover-text-color)!important}.pagination-button:focus{background:0 0;color:#707070;border-color:#b8b8b8}.btn.active{background-color:var(--active-bg-color)!important;border-color:var(--active-bg-color)!important;color:var(--active-text-color)!important}",map:void 0,media:void 0})}),{props:{perPage:{type:Number,default:5,description:"The maximum number of elements\n\t\t\t\tfor each page of the element being paged."},totalRows:{type:Number,default:1,description:"The total amount of rows in the element\n\t\t\t\tbeing paged."},activeBgColor:{type:String,default:"#545b62",description:"The Hex color code for the background\n\t\t\t\tof the active selection of the component."},activeTextColor:{type:String,default:"#fff",description:"The Hex color code for the text\n\t\t\t\tof the active selection of the component."},hoverBgColor:{type:String,default:"#545b62",description:"The Hex color code for the background\n\t\t\t\tof the hovered selection of the component."},hoverTextColor:{type:String,default:"#fff",description:"The Hex color code for the text\n\t\t\t\tof the hovered selection of the component."},borderRadius:{type:Number,default:5,description:"The value, in pixels, of the border\n\t\t\t\tradius of the whole element."}},data:function(){return{pressed:!1,selectedIndex:0,selectedValue:1,pages:[],defaultIndex:0,defaultValue:1}},computed:{pageCount:function(){var e=this.perPage>0?this.perPage:1;return Math.ceil(this.totalRows/e)},cssVars:function(){return{"--active-bg-color":this.activeBgColor,"--active-text-color":this.activeTextColor,"--hover-bg-color":this.hoverBgColor,"--hover-text-color":this.hoverTextColor,"--border-radius":this.borderRadius+"px"}}},watch:{totalRows:function(){this.pages=this.handlePages()},perPage:function(){this.pages=this.handlePages()}},beforeMount:function(){this.pages=this.handlePages(),this.selectedIndex=this.defaultIndex,this.selectedValue=this.defaultValue},methods:{handleClick:function(e){"..."!==e.value&&(this.selectedValue=e.value,this.selectedIndex=e.index,this.pages=this.handlePages(),this.pressed=!0,this.$emit("input",e.index+1))},handlePages:function(){for(var e=[],t=this.pageCount<15?this.pageCount:15,o=0;o<t;o+=1)e[o]={index:o,value:o+1},e[o].value===this.selectedValue&&(this.selectedIndex=e[o].index);if(this.pageCount>15){if(this.selectedValue>this.pageCount-8){for(var i=0;i<15;i+=1)e[i]={index:i,value:this.pageCount-14+i},e[i].value===this.selectedValue&&(this.selectedIndex=e[i].index);e[1]={index:1,value:"..."}}else if(this.selectedValue<=8)e[13]={index:13,value:"..."};else{for(var n=2;n<7;n+=1)e[n]={index:n,value:this.selectedValue-7+n};for(var r=8;r<14;r+=1)e[r]={index:r,value:this.selectedValue+r-7};this.selectedIndex=7,e[7]={index:7,value:this.selectedValue},e[1]={index:1,value:"..."},e[13]={index:13,value:"..."}}e[0]={index:0,value:1},e[14]={index:14,value:this.pageCount}}return e}}},void 0,!1,void 0,!1,a,void 0,void 0),u=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"no-items"},[o("img",{staticClass:"image-container",attrs:{src:e.emptyStateImage,alt:e.imgDescription}}),e._v(" "),o("div",{staticClass:"no-items-text",style:e.headlineStyle},[e._v("\n\t\t"+e._s(e.headlineText)+"\n\t")]),e._v(" "),o("div",{staticClass:"no-items-bodytext mt-2",style:e.bodyTextStyle},[e._v("\n\t\t"+e._s(e.bodyText)+"\n\t")]),e._v(" "),e.showActionButton?o("div",{staticClass:"action-button-container"},[o("b-button",{staticClass:"primary-button",style:e.buttonStyle,on:{click:function(t){return e.$emit("actionButtonClick",!0)}}},[e._v("\n\t\t\t"+e._s(e.buttonText)+"\n\t\t")])],1):e._e()])},staticRenderFns:[]},(function(e){e&&e("data-v-48e194a4_0",{source:".no-items{display:flex;flex-direction:column;align-items:center;position:relative;margin:60px}.image-container{max-width:500px;max-height:500px;width:auto;height:auto}.no-items-text{margin-top:20px;color:var(--headline-color);font-size:var(--headline-font-size)}.no-items-bodytext{color:var(--body-text-color);font-size:var(--body-text-size);max-width:50%;text-align:center}.action-button-container{margin-top:20px}.primary-button{background-color:var(--button-color)!important;border-color:var(--button-color)!important;color:var(--button-text-color);font-size:var(--button-font-size);border-radius:var(--border-radius);box-shadow:none!important}.primary-button:hover{filter:brightness(80%)}.primary-button:active{filter:brightness(90%)}.primary-button.disabled{opacity:.5;cursor:default}.primary-button.disabled:hover{filter:brightness(100%)}",map:void 0,media:void 0})}),{props:{emptyStateImage:{type:String,default:"",description:"The image that will be displayed in the component."},imgDescription:{type:String,default:"",description:"The images description that will be displayed in the component."},headlineText:{type:String,default:"No results found",description:"The headline of the component."},bodyText:{type:String,default:"Start adding some content!",description:"The body text of the component."},showActionButton:{type:Boolean,default:!0,description:"When setted to true, this prop displays an Action Button."},buttonText:{type:String,default:"Add new content",description:"The text that will be displayed inside the button."},headlineColor:{type:String,default:"#563d7c",description:"The Hex color code for the headline."},bodyTextColor:{type:String,default:"#707070",description:"The Hex color code for the body text."},buttonColor:{type:String,default:"#1C72CE",description:"The Hex color code for the button."},buttonTextColor:{type:String,default:"#FFFFFF",description:"The Hex color code for the button text."},headlineFontSize:{type:Number,default:32,description:"The value, in pixels, of the font size of the headline. The maximum value accepted is 60px.",validator:function(e){return e<=60}},bodyFontSize:{type:Number,default:16,description:"The value, in pixels, of the font size of the body text. The maximum value accepted is 30px.",validator:function(e){return e<=30}},buttonFontSize:{type:Number,default:16,description:"The value, in pixels, of the font size of the button. The maximum value accepted is 30px.",validator:function(e){return e<=30}},borderRadius:{type:Number,default:5,description:"The value, in pixels, button border radius. The maximum value accepted is 30px.",validator:function(e){return e<=30}}},updated:function(){this.headlineFontSize>60&&(this.headlineFontSize=60),this.bodyFontSize>30&&(this.bodyFontSize=30),this.buttonFontSize>30&&(this.buttonFontSize=30),this.borderRadius>30&&(this.borderRadius=30)},computed:{headlineStyle:function(){return{"--headline-color":this.headlineColor,"--headline-font-size":this.headlineFontSize+"px"}},bodyTextStyle:function(){return{"--body-text-color":this.bodyTextColor,"--body-text-size":this.bodyFontSize+"px"}},buttonStyle:function(){return{"--button-color":this.buttonColor,"--button-text-color":this.buttonTextColor,"--button-font-size":this.buttonFontSize+"px","--border-radius":this.borderRadius+"px"}}}},void 0,!1,void 0,!1,a,void 0,void 0),h=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("b-nav",{staticClass:"px-2",class:e.oldSchool?"bg-cs":"bg-liga"},e._l(e.computedItems,(function(t,i){return o(e.dropdownOrSingleItem(t),{key:e.getElementKey(t,i),tag:"component",staticClass:"mr-4 mt-2",class:e.getClass(t),attrs:{id:e.getElementKey(t,i),text:t.label,active:e.isActive(t),to:{name:t.path},"menu-class":"py-1"},on:{click:function(o){return e.handleClick(t)}}},[e.isDropdown(t)?e._l(t.items,(function(i,n){return o("b-dropdown-item",{key:e.getElementKey(i,n,!0),staticClass:"py-1",attrs:{id:e.getElementKey(i,n,!0),active:e.isActive(i),to:{name:t.path},"link-class":"py-2"},on:{click:function(o){return o.stopPropagation(),e.handleClick(i,t)}}},[e._v("\n\t\t\t\t"+e._s(i.label)+"\n\t\t\t")])})):[e._v("\n\t\t\t"+e._s(t.label)+"\n\t\t")]],2)})),1)},staticRenderFns:[]},(function(e){e&&e("data-v-4b12b989_0",{source:"a{outline:0}.cs-mode .dropdown-item:hover,.cs-mode .nav-link:hover{color:#fff}.cs-mode .dropdown-item:hover{background:0 0}.cs-mode .active,.cs-mode.active-parent{border-bottom:4px solid #3adf7c;background:#5a5a5a;border-radius:4px 4px 0 0}.cs-mode.active-parent.show{border-bottom:4px solid transparent}.cs-mode .dropdown-item.active{border-left:4px solid #3adf7c;border-bottom:0;background:#5a5a5a;border-radius:0}.bg-liga{background:linear-gradient(.93deg,#fff 16.45%,#f1f5fb 105.67%)}.bg-liga .dropdown-menu{background:#fff}.bg-cs,.bg-cs .dropdown-menu{background:#444}.cs-mode .dropdown-item.active,.cs-mode .nav-link.active,.cs-mode.active-parent .dropdown-toggle{color:#fff}.cs-mode .dropdown-item,.cs-mode .nav-link{color:#d0d2d5}.liga-mode .active,.liga-mode.active-parent{border-bottom:4px solid #285ab9;background:rgba(40,90,185,.05);border-radius:4px 4px 0 0}.liga-mode.active-parent.show{border-bottom:4px solid transparent}.liga-mode .dropdown-item.active,.liga-mode .nav-link.active,.liga-mode.active-parent .dropdown-toggle{color:#142032}.liga-mode .dropdown-item,.liga-mode .nav-link{color:#6a7580}.liga-mode .dropdown-item:hover,.liga-mode .nav-link:hover{color:#142032;background:0 0}.bg-liga .dropdown-menu{background:#fff;box-shadow:2px 2px 4px rgba(58,67,81,.16);border-radius:2px}.liga-mode .dropdown-item.active{border-left:4px solid #285ab9;border-bottom:0;background:rgba(40,90,185,.05);border-radius:0}.dropdown-item:active{background:inherit}.dropdown-menu{margin-top:4px;border:0;border-radius:0}.dropdown-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.dropdown-toggle:after{transition:all .4s ease}",map:void 0,media:void 0})}),{props:{items:{type:Array,default:function(){return[]},description:"A list of the menu itens to be displayed",required:!0},oldSchool:{type:Boolean,default:!0,description:'Defines the style of the menu. The new one is light themed and the old one follows the style used by the "Cidade Saudável"'},activeItem:{type:Object,default:function(){},description:"The currently active menu item",required:!0}},data:function(){return{internalActiveItem:this.activeItem,internalActiveParent:this.activeItem}},computed:{computedItems:function(){var e=this;return this.items.map((function(t){var o=t;return e.isDropdown(t)&&(o.items=t.items.map((function(e){return Object.assign({},{parent:_.clone(t)},e)}))),o}))}},watch:{computedItems:{handler:function(e){var t,o,i=this,n=e.filter((function(e){return e===i.activeItem}));if(n.length)t=n,this.internalActiveItem=t[0],this.internalActiveParent=this.internalActiveItem;else{var r=_.flatten(e.filter((function(e){return!!e.items})).map((function(e){return e.items})));r.length&&(o=r.filter((function(e){return e.path===i.activeItem.path})),this.internalActiveItem=o[0],this.internalActiveParent=this.internalActiveItem.parent)}},immediate:!0}},methods:{handleClick:function(e,t){this.internalActiveItem=e,this.internalActiveParent=t,this.$emit("click",this.internalActiveItem)},isActive:function(e){return Object.keys(this.internalActiveItem).length>0&&this.internalActiveItem.path===e.path},getElementKey:function(e,t,o){return void 0===o&&(o=!1),""+e.label.replace(/\s/g,"")+t+(o?"-subitem":"")},isSubitem:function(e){return!!e.parent},isDropdown:function(e){return!!e.items},dropdownOrSingleItem:function(e){return this.isDropdown(e)?"b-nav-item-dropdown":"b-nav-item"},getClass:function(e){var t=this.oldSchool?"cs-mode":"liga-mode";return this.isDropdown(e)&&this.internalActiveParent&&this.internalActiveParent.path===e.path&&(t+=" active-parent"),t}}},void 0,!1,void 0,!1,a,void 0,void 0),f=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{attrs:{id:"dropdown"}},[o("multiselect",e._b({attrs:{"select-label":"","deselect-label":"","selected-label":"",options:e.internalOptions,"close-on-select":!1,multiple:!0,taggable:!0,"clear-on-select":!1,searchable:!1},on:{select:e.selectItem,remove:e.selectItem},scopedSlots:e._u([{key:"option",fn:function(t){return[o("div",{staticClass:"option__desc"},[o("span",{staticClass:"option__title"},[o("span",{staticClass:"d-flex align-items-center"},[o("span",{staticClass:"checkbox-container"},[o("div",{staticClass:"customCheckbox mr-4"},[o("input",{directives:[{name:"model",rawName:"v-model",value:t.option.is_selected,expression:"internalOptions.option.is_selected"}],attrs:{type:"checkbox",id:"input-"+t.option.title,name:"input-"+t.option.title},domProps:{value:!0,checked:Array.isArray(t.option.is_selected)?e._i(t.option.is_selected,!0)>-1:t.option.is_selected},on:{change:function(o){var i=t.option.is_selected,n=o.target,r=!!n.checked;if(Array.isArray(i)){var a=e._i(i,!0);n.checked?a<0&&e.$set(t.option,"is_selected",i.concat([!0])):a>-1&&e.$set(t.option,"is_selected",i.slice(0,a).concat(i.slice(a+1)))}else e.$set(t.option,"is_selected",r)}}}),e._v(" "),o("label",{class:{checkedCheckboxColor:t.option.is_selected},attrs:{id:"checkbox-"+t.option.title,for:"input-"+t.option.title},on:{click:function(o){return e.addItemViaCustomCheckbox(t.option)}}})])]),e._v("\n\n\t\t\t\t\t\t"+e._s(t.option.title)+"\n\n\t\t\t\t\t")])])])]}}]),model:{value:e.selectedValue,callback:function(t){e.selectedValue=t},expression:"selectedValue"}},"multiselect",e.$attrs,!1))],1)},staticRenderFns:[]},(function(e){e&&(e("data-v-b49a662e_0",{source:'fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:0}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:0}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:0;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}',map:void 0,media:void 0}),e("data-v-b49a662e_1",{source:'#dropdown .multiselect__option--highlight{background:#f5f6f8;outline:0;color:#142032}input[type=checkbox]{visibility:hidden}.customCheckbox{width:15px;position:relative;margin-left:-12px}.checkedCheckboxColor{background-color:#2959b8!important;border:none!important}.customCheckbox label{cursor:pointer;position:absolute;width:15px;height:15px;top:0;border-radius:4px;border:.5px solid #ced4da}.customCheckbox label:after{border:1.5px solid #fff;border-top:none;border-right:none;content:"";height:5px;left:3.1px;opacity:0;position:absolute;top:4.4px;transform:rotate(-45deg);width:8px;border-radius:.4px}.customCheckbox input[type=checkbox]:checked+label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}#dropdown .multiselect__tag{background:#e9eef1;color:#142032;border:1px solid #ced4da}#dropdown .multiselect__tag-icon:after{color:#4f606f}#dropdown .multiselect__tag-icon:focus,#dropdown .multiselect__tag-icon:hover{background:#d1d9e9;color:#4f606f}#dropdown .multiselect__tag-icon:focus:after,#dropdown .multiselect__tag-icon:hover:after{color:#4f606f}#dropdown .multiselect__option--selected.multiselect__option--highlight{background:#fff;color:#142032}#dropdown .multiselect__option--selected.multiselect__option--highlight:after{background:#fff;color:#142032}#dropdown .multiselect__option--selected{background:#fff;color:#142032;font-weight:600}#dropdown .multiselect--disabled{background:0 0}#dropdown .multiselect--disabled .multiselect__tags{background:#e9eef1!important}#dropdown .multiselect__placeholder{color:#6a7580}',map:void 0,media:void 0}))}),{data:function(){return{selectedValue:this.$attrs.value,internalOptions:_.cloneDeep(this.$attrs.options)}},mounted:function(){var e=this;this.selectedValue.forEach((function(e){e.is_selected=!0})),this.internalOptions.forEach((function(t){var o=e.selectedValue.some((function(o){return o[e.$attrs.label]===t[e.$attrs.label]}));t.is_selected=!!o}))},watch:{selectedValue:function(e){var t=_.cloneDeep(e);t.forEach((function(e){return delete e.is_selected})),this.$emit("input",t)}},methods:{selectItem:function(e){this.internalOptions.forEach((function(t){t.title===e.title&&(t.is_selected=!t.is_selected)}))},addItemViaCustomCheckbox:function(e){e.is_selected=!e.is_selected,this.selectedValue.push(e)}}},void 0,!1,void 0,!1,a,void 0,void 0),m=27,b=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{attrs:{id:"side-sheet"}},[o("transition",{attrs:{name:e.floatTransition}},[e.value?o("div",{staticClass:"overlay",attrs:{tabindex:"0"},on:{click:e.shouldCloseOnBackdrop}},[o("div",{staticClass:"container",class:e.floatClass,on:{click:function(e){e.stopPropagation()}}},[e._t("close-icon",[o("div",{staticClass:"text-right pb-2"},[o("x-icon",{attrs:{id:"close-icon"},on:{click:function(t){return t.stopPropagation(),e.$emit("input",!e.value)}}})],1)]),e._v(" "),e._t("default")],2)]):e._e()])],1)},staticRenderFns:[]},(function(e){e&&e("data-v-b6db7b8e_0",{source:"#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}.slide-fade-right-enter-active{transition:all .4s ease}.slide-fade-right-leave-active{transition:all .4s ease}.slide-fade-right-enter,.slide-fade-right-leave-to{transform:translateX(8px);opacity:0}.slide-fade-left-enter-active{transition:all .4s ease}.slide-fade-left-leave-active{transition:all .4s ease}.slide-fade-left-enter,.slide-fade-left-leave-to{transform:translateX(-8px);opacity:0}",map:void 0,media:void 0})}),{components:{XIcon:t.XIcon},props:{value:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to control if the SideSheet should be shown or not (usually by v-model)\n\t\t\t",required:!0},right:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define that the element will be shown at right screen side.\n\t\t\t"},left:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define that the element will be shown at left screen side (right is the default).\n\t\t\t"},noCloseOnBackdrop:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define if the element won't be dismissed when backdrop is click.\n\t\t\t"},noCloseOnEsc:{type:Boolean,default:!1,description:"\n\t\t\t\tProp to define if the element won't be dismissed when esc is pressed.\n\t\t\t"}},computed:{floatClass:function(){return this.left?"left":"right"},floatTransition:function(){return this.left?"slide-fade-left":"slide-fade-right"}},watch:{value:function(e){e?this.attachKeyupEvent():this.dettachKeyupEvent()}},created:function(){this.attachKeyupEvent()},beforeDestroy:function(){this.dettachKeyupEvent()},methods:{shouldCloseOnBackdrop:function(){this.noCloseOnBackdrop||this.$emit("input",!this.value)},shouldCloseOnEsc:function(){this.noCloseOnEsc||this.$emit("input",!this.value)},keyupListener:function(e){e.keyCode===m&&this.shouldCloseOnEsc()},attachKeyupEvent:function(){window.addEventListener("keyup",this.keyupListener)},dettachKeyupEvent:function(){window.removeEventListener("keyup",this.keyupListener)}}},void 0,!1,void 0,!1,a,void 0,void 0),g=i({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("span",{attrs:{id:"actionList"}},[o("div",{staticClass:"d-flex actionStyle",class:"right"===e.position?"justify-content-end":"justify-content-start"},["left"===e.position?o("div",[!e.itsBeignShown&&e.actions.length>e.numberOfExpandedActions?o("div",{staticClass:"actionRightBorder action p-4",on:{click:e.expandList}},[e._v("\n\t\t\t\t"+e._s(e.collapsedActionName)+"\n\t\t\t")]):e._e(),e._v(" "),e.actions.length>e.numberOfExpandedActions&&e.itsBeignShown?o("div",{staticClass:"actionRightBorder action p-4",on:{click:e.collapseList}},[e._v("\n\t\t\t\t"+e._s(e.expandedActionName)+"\n\t\t\t")]):e._e()]):e._e(),e._v(" "),e._l(e.actions,(function(t,i){return o("div",{key:t.title},[o("transition",{attrs:{name:"slide-fade"}},[i<=e.internalnumberOfExpandedActions-1?o("div",{staticClass:"action p-4",class:{actionLeftBorder:i>0},on:{click:function(o){return e.$emit("actionClicked",t)}}},[e._t("action",null,{list:t})],2):e._e()])],1)})),e._v(" "),"right"===e.position?o("div",[!e.itsBeignShown&&e.actions.length>e.numberOfExpandedActions?o("div",{staticClass:"actionLeftBorder action p-4",on:{click:e.expandList}},[e._v("\n\t\t\t\t"+e._s(e.collapsedActionName)+"\n\t\t\t")]):e._e(),e._v(" "),e.actions.length>e.numberOfExpandedActions&&e.itsBeignShown?o("div",{staticClass:"actionLeftBorder action p-4",on:{click:e.collapseList}},[e._v("\n\t\t\t\t"+e._s(e.expandedActionName)+"\n\t\t\t")]):e._e()]):e._e()],2)])},staticRenderFns:[]},(function(e){e&&e("data-v-c9145470_0",{source:"#actionList .actionLeftBorder{border-left:1px solid #ced4da}#actionList .actionRightBorder{border-right:1px solid #ced4da}#actionList .action{padding:4px;cursor:pointer;border-radius:1px}#actionList .actionStyle{color:#6a7580;font-weight:600}#actionList .action:hover{background-color:#f8fafd}#actionList .slide-fade-enter-active{transition:all .3s ease}#actionList .slide-fade-leave-active{transition:all .1s ease}#actionList .slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}",map:void 0,media:void 0})}),{props:{actions:{type:Array,default:function(){return[]},description:"The list of the actions to be displayed.",required:!0},numberOfExpandedActions:{type:Number,default:2,description:"The number of items that will be displayed when the component is redered.",required:!1},collapsedActionName:{type:String,default:"More actions",description:"The name that will be displayed in the last item of the actions list when it's collapsed.",required:!1},expandedActionName:{type:String,default:"Less actions",description:"The name that will be displayed in the last item of the actions list when it's expanded.",required:!1},position:{type:String,default:"right",description:"Speficies if the component will be rendered right side or left side.",required:!1}},data:function(){return{action:_.cloneDeep(this.actions),internalnumberOfExpandedActions:this.numberOfExpandedActions,itsBeignShown:!1}},methods:{expandList:function(){this.internalnumberOfExpandedActions=this.action.length,this.itsBeignShown=!this.itsBeignShown},collapseList:function(){this.internalnumberOfExpandedActions=this.numberOfExpandedActions,this.itsBeignShown=!this.itsBeignShown}}},void 0,!1,void 0,!1,a,void 0,void 0),v=Object.freeze({__proto__:null,Badge:l,StepperCounter:c,ActionBar:d,Pagination:p,EmptyState:u,Nav:h,Dropdown:f,SideSheet:b,ActionsList:g});var x={install:function e(t){e.installed||(e.installed=!0,Object.keys(v).forEach((function(e){t.component(e,v[e])})))}},y=null;return"undefined"!=typeof window?y=window.Vue:"undefined"!=typeof global&&(y=global.Vue),y&&y.use(x),e.ActionBar=d,e.ActionsList=g,e.Badge=l,e.Dropdown=f,e.EmptyState=u,e.Nav=h,e.Pagination=p,e.SideSheet=b,e.StepperCounter=c,e.default=x,e}({},vueFeatherIcons);

dist/@sysvale/component-library.ssr.js

@@ -1179,2 +1179,10 @@ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var vueFeatherIcons=require('vue-feather-icons');//
 			return 'right';
+		},
+
+		floatTransition: function floatTransition() {
+			if (this.left) {
+				return 'slide-fade-left';
+			}
+
+			return 'slide-fade-right';
 		}
@@ -1231,3 +1239,3 @@ },
 /* template */
-var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{attrs:{"id":"side-sheet"}},[(_vm.value)?_vm._ssrNode("<div tabindex=\"0\" class=\"overlay\">","</div>",[_vm._ssrNode("<div"+(_vm._ssrClass("container",_vm.floatClass))+">","</div>",[_vm._t("close-icon",[_c('div',{staticClass:"text-right pb-2"},[_c('x-icon',{attrs:{"id":"close-icon"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('input', !_vm.value)}}})],1)]),_vm._ssrNode(" "),_vm._t("default")],2)]):_vm._e()])};
+var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{attrs:{"id":"side-sheet"}},[_c('transition',{attrs:{"name":_vm.floatTransition}},[(_vm.value)?_c('div',{staticClass:"overlay",attrs:{"tabindex":"0"},on:{"click":_vm.shouldCloseOnBackdrop}},[_c('div',{staticClass:"container",class:_vm.floatClass,on:{"click":function($event){$event.stopPropagation();}}},[_vm._t("close-icon",[_c('div',{staticClass:"text-right pb-2"},[_c('x-icon',{attrs:{"id":"close-icon"},on:{"click":function($event){$event.stopPropagation();return _vm.$emit('input', !_vm.value)}}})],1)]),_vm._v(" "),_vm._t("default")],2)]):_vm._e()])],1)};
 var __vue_staticRenderFns__$7 = [];
@@ -1238,3 +1246,3 @@
     if (!inject) { return }
-    inject("data-v-23b4e31b_0", { source: "#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}", map: undefined, media: undefined });
+    inject("data-v-b6db7b8e_0", { source: "#side-sheet .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:9999;cursor:pointer}#side-sheet .container{background:#fff;width:328px;height:100%;padding:20px;border-radius:0}#close-icon{color:rgb(106,117,128,.75)}#close-icon:hover{color:#6a7580}.right{float:right}.left{float:left}.slide-fade-right-enter-active{transition:all .4s ease}.slide-fade-right-leave-active{transition:all .4s ease}.slide-fade-right-enter,.slide-fade-right-leave-to{transform:translateX(8px);opacity:0}.slide-fade-left-enter-active{transition:all .4s ease}.slide-fade-left-leave-active{transition:all .4s ease}.slide-fade-left-enter,.slide-fade-left-leave-to{transform:translateX(-8px);opacity:0}", map: undefined, media: undefined });
 
@@ -1245,3 +1253,3 @@ };
   /* module identifier */
-  var __vue_module_identifier__$7 = "data-v-23b4e31b";
+  var __vue_module_identifier__$7 = "data-v-b6db7b8e";
   /* functional template */
@@ -1248,0 +1256,0 @@ var __vue_is_functional_template__$7 = false;

package.json

 {
   "name": "@sysvale/component-library",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/@sysvale/component-library.ssr.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

158040

increased by1.13%

Lines of code

2715

increased by0.59%

No dependency changes