cronapp-framework-js 2.9.3 → 2.9.4-RC.3

package/css/themes/custom/material/navbar-material.css

@@ -15,7 +15,7 @@
 
 .navbar-inverse .badge {
     background: #ffffff;
-    color: var(--textColor20, #b2b2b2);
+    color: var(--textColor20, #b3b3b3);
 }
 
 .navbar-default #navbar .navbar-nav li a,
@@ -59,10 +59,6 @@
     margin-top: -1px;
 }
 
-.navbar-default .navbar-toggle {
-    border-color: var(--colorPrimary60, #2b3268);
-}
-
 /* Menu mobile */
 .navbar-default .navbar-toggle {
     border-color: var(--colorDefault10, #d8d9e3);
@@ -81,8 +77,64 @@
 
 @media (max-width: 767px) {
 
+    .navbar-default #navbar .navbar-nav li .dropdown-menu a,
+    .navbar-default #navbar2 .navbar-nav li .dropdown-menu a,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
     #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-        color: var(--textColorPrimary40, #ffffff);
+        color: var(--textColor10, #d8d8d8);
+    }
+
+    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
+        color: var(--textColorDefault40, #ffffff);
+    }
+
+    #main-nav-bar.crn-navigator-horizontal #navbar .navbar-nav,
+    #main-nav-bar .navbar-default .container-fluid #navbar {
+        margin-bottom: 0;
+    }
+
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav {
+        margin-top: 0;
+    }
+
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 {
+        box-shadow: none;
+    }
+
+    #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 {
+        display: none;
+    }
+
+    .navbar-nav .open .dropdown-menu .dropdown-header,
+    .navbar-nav .open .dropdown-menu>li>a {
+        padding: calc(var(--menuItemPaddingSize) * 0.5) calc(var(--menuItemPaddingSize) * 1.5);
     }
+
+}
+
+/* Dynamic Menu */
+
+.nav>li>a:focus,
+.nav>li>a:hover {
+    color: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault10, #d8d9e3);
+}
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    background: var(--colorDefault10, #d8d9e3);
+    border-color: transparent;
+}
+
+.dropdown-menu>li>a {
+    color: var(--textColor40, #393939);
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: var(--textColorDefault40, #ffffff);
+    background: var(--colorDefault40, #3b448e);
+    border-radius: 0;
 }

package/css/themes/custom/material/panel-material.css

@@ -1,11 +1,12 @@
 .panel {
-    background: var(--backgroundColor140, #fbfbfb);
+    background: #ffffff;
     box-shadow: none;
 }
 
 .panel-footer {
     color: var(--textColor40, #393939);
     background: var(--colorNeutral10, #F1F1F1);
+    border-color: var(--colorPrimary10, #d8daeb);
 }
 
 /* Default */
@@ -15,106 +16,146 @@
     border-color: transparent;
 }
 
+.panel-default .panel-heading h1 {
+    color: var(--textColorPrimary40, #ffffff);
+}
+
 .panel-default {
-    border-color: var(--colorPrimary10, #d8daeb);
+    border-color: var(--colorPrimary40, #5665be);
 }
 
 /* Primary */
-.panel-primary>.panel-heading {
+.panel-primary .panel-heading {
     color: var(--textColorDefault40, #ffffff);
     background: var(--colorDefault40, #3b448e);
     border-color: var(--colorDefault40, #3b448e);
 }
 
+.panel-primary .panel-heading h1 {
+    color: var(--textColorDefault40, #444444);
+}
+
 .panel-primary {
     border-color: var(--colorDefault40, #3b448e);
 }
 
 /* Sucess */
-
-.panel-success>.panel-heading {
+.panel-success .panel-heading {
     color: var(--colorSuccess70, #144414);
     background: var(--colorSuccess10, #d6e0d6);
     border-color: var(--colorSuccess20, #b0c4b0);
 }
 
+.panel-success .panel-heading h1 {
+    color: var(--colorSuccess70, #144414);
+}
+
+
 .panel-success {
     border-color: var(--colorSuccess20, #b0c4b0);
 }
 
 /* Info */
-.panel-info>.panel-heading {
+.panel-info .panel-heading {
     color: var(--colorDefault70, #20254e);
     background: var(--colorDefault10, #d8d9e3);
     border-color: var(--colorDefault20, #b3b5ca);
 }
 
+.panel-info .panel-heading h1 {
+    color: var(--colorDefault70, #20254e);
+}
+
 .panel-info {
     border-color: var(--colorDefault20, #b3b5ca);
 }
 
 /* Warning */
-.panel-warning>.panel-heading {
+.panel-warning .panel-heading {
     color: var(--colorWarning70, #835f2b);
     background: var(--colorWarning10, #fbe9da);
     border-color: var(--colorWarning20, #f7d7b7);
 }
 
+.panel-warning .panel-heading h1 {
+    color: var(--colorWarning70, #835f2b);
+}
+
 .panel-warning {
     border-color: var(--colorWarning20, #f7d7b7);
 }
 
 /* Danger */
-.panel-danger>.panel-heading {
+.panel-danger .panel-heading {
     color: var(--colorDanger70, #71201e);
     background: var(--colorDanger10, #f1d8d7);
     border-color: var(--colorDanger20, #e6b3b2);
 }
 
+.panel-danger .panel-heading h1 {
+    color: var(--colorDanger70, #71201e);
+}
+
 .panel-danger {
     border-color: var(--colorDanger20, #e6b3b2);
 }
 
 /* Light */
-.panel-light>.panel-heading {
+.panel-light .panel-heading {
     color: var(--textColorLight40, #000000);
     background: var(--colorLight50, #dfdfdf);
     border-color: var(--colorLight60, #bbbbbb);
 }
 
+.panel-light .panel-heading h1 {
+    color: var(--textColorLight40, #000000);
+}
+
 .panel-light {
     border-color: var(--colorLight60, #bbbbbb);
 }
 
 /* Royal */
-.panel-royal>.panel-heading {
-    color: var(--textColorRoyal40, #ffffff);
-    background: var(--colorRoyal50, #775dcd);
-    border-color: var(--colorRoyal60, #644eab);
+.panel-royal .panel-heading {
+    color: var(--colorRoyal70, #4a3a80);
+    background: var(--colorRoyal10, #e2ddf9);
+    border-color: var(--colorRoyal20, #c8bef4);
+}
+
+.panel-royal .panel-heading h1 {
+    color: var(--colorRoyal70, #4a3a80);
 }
 
 .panel-royal {
-    border-color: var(--colorRoyal60, #644eab);
+    border-color: var(--colorRoyal20, #c8bef4);
 }
 
 /* Stable */
-.panel-stable>.panel-heading {
+.panel-stable .panel-heading {
     color: var(--textColorStable40, #444444);
     background: var(--colorStable50, #d9d9d9);
     border-color: var(--colorStable60, #b6b6b6);
 }
 
+.panel-stable .panel-heading h1 {
+    color: var(--textColorStable40, #444444);
+}
+
 .panel-stable {
     border-color: var(--colorStable60, #b6b6b6);
 }
 
 /* Dark */
-.panel-dark>.panel-heading {
-    color: var(--textColorDark40, #ffffff);
-    background: var(--colorDark50, #3c3c3c);
-    border-color: var(--colorDark60, #323232);
+.panel-dark .panel-heading {
+    color: var(--colorDark70, #252525);
+    background: var(--colorDark10, #d9d9d9);
+    border-color: var(--colorDark20, #b5b5b5);
+}
+
+.panel-dark .panel-heading h1 {
+    color: var(--colorDark70, #252525);
 }
 
 .panel-dark {
-    border-color: var(--colorDark60, #323232);
+    border-color: var(--colorDark20, #b5b5b5);
 }

package/css/themes/custom/navigator/custom-navigator.css

@@ -19,7 +19,7 @@
 @media only screen and (min-width: 768px) {
     .main-view-vertical {
         display: inline-block;
-        width: calc(100vw - var(--menuVerticalWidth, 170px) - 4vw);
+        width: calc(100vw - var(--menuVerticalWidth, 170px) - 6vw);
         margin-left: calc(var(--menuVerticalWidth) + 2vw);
         margin-top: 5.5vh;
     }
@@ -35,7 +35,7 @@
         width: var(--menuVerticalWidth, 19vw);
         position: fixed;
         float: left;
-        z-index: 99999;
+        z-index: 1034;
         overflow: auto;
         background: var(--colorDefault40, #0f172a);
     }

package/css/themes/custom/paper/navbar-paper.css

@@ -101,4 +101,15 @@
         background: transparent;
         color: var(--textColor70, #383838);
     }
+}
+
+/* Collapsible menu */
+#iconCollapsibleMenu {
+    color: var(--textColor40, #666666);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--colorDefault40, #ffffff);
+    height: var(--textBigSize, 34px);
+    width: var(--textBigSize, 34px);
 }

package/css/themes/custom/theme-general/button.css

@@ -49,6 +49,7 @@ fieldset[disabled] .btn {
 
 /* Button color */
 /* Default */
+.k-filter-menu .k-button+.k-button,
 .k-button,
 .btn,
 .k-button.k-default,
@@ -58,7 +59,8 @@ fieldset[disabled] .btn {
     color: var(--textColorDefault40, #ffffff);
 }
 
-
+.k-filter-menu .k-button+.k-button:focus,
+.k-filter-menu .k-button+.k-button:hover,
 .k-button.k-state-focused,
 .k-button.k-state-focused.k-state-disabled,
 .k-button:focus,
@@ -72,11 +74,13 @@ fieldset[disabled] .btn {
 .btn.btn-default:focus,
 .btn.btn-default:hover {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault70, #343c7c);
+    background: var(--colorDefault70, #20254e);
     border-color: transparent;
     outline: none;
 }
 
+.k-filter-menu .k-button+.k-button:active,
+.k-filter-menu .k-button+.k-button.active,
 .k-button.active,
 .k-button:active,
 .btn.active,

package/css/themes/custom/theme-general/forms.css

@@ -25,6 +25,10 @@ input::placeholder,
     margin-bottom: 0px;
 }
 
+.k-autocomplete.k-state-default,
+.k-dropdown-wrap.k-state-default,
+.k-numeric-wrap.k-state-default,
+.k-picker-wrap.k-state-default,
 .k-multiselect-wrap.k-state-hover,
 .k-state-hover>.k-multiselect-wrap,
 .k-multiselect,
@@ -71,6 +75,15 @@ textarea.k-textbox:hover,
     box-shadow: none;
 }
 
+.k-list .k-item.k-state-selected {
+    border: 1px solid var(--backgroundColor50, #dfdfdf);
+    background: var(--backgroundColor50, #dfdfdf);
+    color: var(--textColor40, #393939);
+    border-radius: var(--borderRadiusSmallest, 2px);
+    margin-bottom: 1px;
+    box-shadow: none;
+}
+
 .k-autocomplete.k-state-focused,
 .k-dropdown-wrap.k-state-focused,
 .k-multiselect.k-header.k-state-focused,
@@ -107,7 +120,6 @@ textarea.k-textbox:hover,
     justify-content: center;
 }
 
-
 input.k-textbox.k-invalid,
 input.k-textbox:hover.k-invalid,
 textarea.k-textbox.k-invalid,
@@ -123,13 +135,13 @@ textarea.k-textbox:hover.k-invalid,
 .k-numeric-wrap.k-invalid,
 .k-picker-wrap.k-invalid,
 .k-textbox.k-invalid,
-.k-invalid  {
+.k-invalid {
     border-color: var(--colorDanger40, #ce3a36);
 }
 
 /* Input with icon */
 .layout-template-modern {
-    background-color: transparent;
+    background: transparent;
     border-bottom: 1px solid var(--textColor30, #393939);
     border-radius: 0;
     width: 100%;
@@ -160,4 +172,78 @@ textarea.k-textbox:hover.k-invalid,
     color: var(--colorDefault40, #3b448e);
     padding: 8px;
     font-size: var(--textNormalSize, 14px);
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background: transparent;
+}
+
+.k-autocomplete,
+.k-block,
+.k-calendar .k-link,
+.k-calendar td,
+.k-calendar-container,
+.k-colorpicker,
+.k-combobox,
+.k-datepicker,
+.k-datetimepicker,
+.k-drag-clue,
+.k-dropdown,
+.k-dropdown-wrap,
+.k-editor-inline,
+.k-grid .k-filter-options,
+.k-grouping-header .k-group-indicator,
+.k-inline-block,
+.k-list-container,
+.k-multiselect,
+.k-notification,
+.k-numeric-wrap,
+.k-numerictextbox,
+.k-picker-wrap,
+.k-slider-selection,
+.k-slider-track,
+.k-split-button,
+.k-textbox,
+.k-tile,
+.k-timepicker,
+.k-tooltip,
+.k-touch-scrollbar,
+.k-treeview .k-in,
+.k-upload,
+.k-window,
+.k-window-titleless .k-window-content,
+.k-dropzone,
+.k-fieldselector .k-list .k-item,
+.k-list .k-state-focused,
+.k-list .k-state-highlight,
+.k-list .k-state-hover,
+.k-list .k-state-selected,
+.k-list-optionlabel,
+.k-listbox .k-item {
+    border-radius: var(--borderRadiusSmallest, 5px);
+}
+
+.k-block,
+.k-content,
+.k-dropdown .k-input,
+.k-popup,
+.k-toolbar,
+.k-widget,
+.k-dropdown .k-input,
+.k-dropdown .k-state-focused .k-input,
+.k-menu .k-popup {
+    color: var(--textColor40, #393939);
+}
+
+.k-widget.k-tooltip {
+    border-color: var(--colorDark40, #444444);
+    background-color: var(--colorDark40, #444444);
+    color: var(--textColorDark40, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 2px);
+}
+
+.k-callout-n {
+    border-bottom-color: var(--colorDark40, #444444);
 }

package/css/themes/custom/theme-general/login.css

@@ -115,7 +115,7 @@
 .bg-login #container-second p {
     line-height: 1.5;
     font-weight: normal;
-    color: var(--textColorPrimary40, #8c8c8c);
+    color: var(--textColorPrimary40, #ffffff);
 }
 
 .bg-login #container-first,
@@ -207,7 +207,7 @@
 }
 
 .bg-login #container-first #social-login #crn-social-login-01 ul li:hover i {
-    color: var(--textColor40, #858585);
+    color: var(--textColor40, #393939);
 }
 
 /* Login 2 */
@@ -228,19 +228,19 @@
 
 .bg-login1 #container-first {
     padding: 13% 0px;
-    border-radius: 14px 0px 0px 14px;
+    border-radius: var(--borderRadiusSmallest, 5px) 0px 0px var(--borderRadiusSmallest, 5px);
 }
 
 .bg-login1 #container-second {
-    border-radius: 0px 14px 14px 0px;
+    border-radius: 0px var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px) 0px;
 }
 
 #bg-signup1.bg-login1 #container-first {
-    border-radius: 0px 14px 14px 0px;
+    border-radius: 0px var(--borderRadiusSmallest, 5px) var(--borderRadiusSmallest, 5px) 0px;
 }
 
 #bg-signup1.bg-login1 #container-second {
-    border-radius: 14px 0px 0px 14px;
+    border-radius: var(--borderRadiusSmallest, 5px) 0px 0px var(--borderRadiusSmallest, 5px);
 }
 
 @media screen and (max-width: 540px) {

package/css/themes/custom/theme-general/menu-vertical-retratil.css

@@ -0,0 +1,130 @@
+/* Collapsible menu customization */
+
+#iconCollapsibleMenu {
+    color: var(--colorDefault40, #3b448e);
+    font-size: var(--textNormalSize, 14px);
+}
+
+label.labelCollapsibleMenu {
+    position: absolute;
+    z-index: 999999999;
+    padding: 8px;
+    font-size: var(--textBigSize, 24px);
+    border-radius: 50%;
+    background: var(--textColorDefault40, #ffffff);
+    ;
+    box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
+    -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.22);
+    -webkit-box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
+    left: 66px;
+    top: 20px;
+    height: var(--textExtraBigSize, 30px);
+    width: var(--textExtraBigSize, 30px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+label.labelCollapsibleMenu:hover {
+    cursor: pointer;
+}
+
+.k-checkbox:checked+.k-checkbox-label:hover:before,
+.k-checkbox:checked+.k-checkbox-label:before {
+    border-color: var(--textColorDefault40, #ffffff);
+}
+
+.collapsibleNavbar,
+#iconCollapsibleMenu,
+.main-view-retratil,
+label.labelCollapsibleMenu,
+.collapsible-menu-hide {
+    transition: all .3s linear;
+}
+
+.crn-navigator-retratil #crn-navbar-logo,
+#checkCollapsibleMenu {
+    display: none;
+}
+
+#view-canvas .crn-navigator-retratil .navbar-default .navbar-brand,
+.collapsible-menu-hide {
+    width: 75px;
+}
+
+.collapsible-menu-hide.crn-navigator-retratil .navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo {
+    display: block;
+    width: 100%;
+    height: auto;
+    max-height: calc(var(--textNormalSize, 14px) * 2.25);
+    transition: width .4s, height .4s;
+}
+
+.main-view-retratil.main-view-vertical {
+    margin-left: calc(75px + 2vw);
+    width: calc(100vw - 75px - 5vw);
+}
+
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle {
+    min-width: calc(var(--menuItemIconWidth) - 30px) !important;
+}
+
+/* Efeito check */
+#checkCollapsibleMenu:checked~.collapsible-menu-ergon {
+    transform: translateX(272px);
+}
+
+#checkCollapsibleMenu:checked~.labelCollapsibleMenu {
+    transform: translateX(185px) rotate(180deg);
+}
+
+#checkCollapsibleMenu:checked~.collapsible-menu-hide {
+    width: 270px;
+    overflow-x: hidden;
+}
+
+#checkCollapsibleMenu:checked~#crn-navbar-logo {
+    height: calc(var(--textNormalSize, 14px) * 2.25);
+    width: 100%;
+}
+
+#checkCollapsibleMenu:checked~#main-view.main-view-vertical {
+    width: calc(100vw - var(--menuVerticalWidth, 170px) - 5vw);
+    margin-left: calc(var(--menuVerticalWidth) + 2vw);
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a span,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a span,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+    display: none;
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li {
+    width: 100%;
+}
+
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a {
+    justify-content: center;
+}
+
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
+.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+    display: inherit;
+    text-align: center;
+    padding: 10px 15px;
+}
+
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+    text-align: left;
+    pointer-events: initial;
+    display: flex;
+}
+
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
+#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+    display: block;
+}

package/css/themes/custom/theme-general/menu.css

@@ -42,6 +42,16 @@
     line-height: 25px;
 }
 
+.navbar-default #navbar2 .navbar-nav li a.dropdown-toggle {
+    justify-content: center;
+}
+
+.dropdown-menu {
+    color: var(--textColor40, #555555);
+    background: var(--backgroundColor40, #ffff);
+    font-size: var(--textNormalSize, 14px);
+}
+
 .dropdown-menu>li>a {
     padding: calc(var(--menuItemPaddingSize) * 0.5) calc(var(--menuItemPaddingSize) * 1.5);
 }
@@ -84,12 +94,12 @@
 }
 
 .navbar-default .navbar-toggle {
-    border-color: var(--colorPrimary60, #2b3268);
+    border-color: var(--colorPrimary60, #2e3b85);
 }
 
 .navbar-default .navbar-toggle:focus,
 .navbar-default .navbar-toggle:hover {
-    background: var(--colorPrimary60, #2b3268);
+    background: var(--colorPrimary60, #2e3b85);
     border-color: transparent;
 }
 
@@ -115,8 +125,8 @@
     object-fit: cover;
 }
 
-.navbar-default .navbar-nav a span {
-    margin-left: 8px;
+.navbar-default .navbar-nav a i+span {
+    margin-left: 5px;
 }
 
 /* Vertical menu - 3 */
@@ -190,6 +200,10 @@ img.user-avatar {
     img.user-avatar {
         margin-left: 0;
     }
+
+    .navbar-default #navbar2 .navbar-nav li a.dropdown-toggle{
+        justify-content: flex-start;
+    }
 }
 
 .crn-navigator-horizontal .navbar-right .dropdown {