cronapp-framework-js 2.8.20 → 2.8.24

package/css/animate.css

@@ -0,0 +1,433 @@
+.cronapp-icon {
+    position: relative;
+    box-sizing: content-box;
+    justify-content: center;
+    width: 5em;
+    height: 5em;
+    margin: 1.25em auto 1.875em;
+    border: .25em solid transparent;
+    border-radius: 50%;
+    border-color: #000;
+    font-family: inherit;
+    line-height: 5em;
+    cursor: default;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Error */
+.cronapp-icon.cronapp-error {
+    border-color: #f27474;
+    color: #f27474;
+}
+
+.cronapp-icon.cronapp-error .cronapp-x-mark {
+    position: relative;
+    flex-grow: 1;
+}
+
+.cronapp-icon.cronapp-error [class^=cronapp-x-mark-line] {
+    display: block;
+    position: absolute;
+    top: 2.3125em;
+    width: 2.9375em;
+    height: .3125em;
+    border-radius: .125em;
+    background-color: #f27474;
+}
+
+.cronapp-icon.cronapp-error [class^=cronapp-x-mark-line][class$=left] {
+    left: 1.0625em;
+    transform: rotate(45deg);
+}
+
+.cronapp-icon.cronapp-error [class^=cronapp-x-mark-line][class$=right] {
+    right: 1em;
+    transform: rotate(-45deg);
+}
+
+.cronapp-icon.cronapp-error {
+    -webkit-animation: cronapp-animate-error-icon .5s;
+    animation: cronapp-animate-error-icon .5s;
+}
+
+.cronapp-icon.cronapp-error .cronapp-x-mark {
+    -webkit-animation: cronapp-animate-error-x-mark .5s;
+    animation: cronapp-animate-error-x-mark .5s;
+}
+
+/* Success */
+.cronapp-icon.cronapp-success {
+    border-color: #a5dc86;
+    color: #a5dc86;
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-circular-line] {
+    position: absolute;
+    width: 3.75em;
+    height: 7.5em;
+    transform: rotate(45deg);
+    border-radius: 50%;
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-circular-line][class$=left] {
+    top: -.4375em;
+    left: -2.0635em;
+    transform: rotate(-45deg);
+    transform-origin: 3.75em 3.75em;
+    border-radius: 7.5em 0 0 7.5em;
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-circular-line][class$=right] {
+    top: -.6875em;
+    left: 1.875em;
+    transform: rotate(-45deg);
+    transform-origin: 0 3.75em;
+    border-radius: 0 7.5em 7.5em 0;
+}
+
+.cronapp-icon.cronapp-success .cronapp-success-ring {
+    position: absolute;
+    z-index: 2;
+    top: -.25em;
+    left: -.25em;
+    box-sizing: content-box;
+    width: 100%;
+    height: 100%;
+    border: .25em solid rgba(165, 220, 134, .3);
+    border-radius: 50%;
+}
+
+.cronapp-icon.cronapp-success .cronapp-success-fix {
+    position: absolute;
+    z-index: 1;
+    top: .5em;
+    left: 1.625em;
+    width: .4375em;
+    height: 5.625em;
+    transform: rotate(-45deg);
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-line] {
+    display: block;
+    position: absolute;
+    z-index: 2;
+    height: .3125em;
+    border-radius: .125em;
+    background-color: #a5dc86;
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-line][class$=tip] {
+    top: 2.875em;
+    left: .8125em;
+    width: 1.5625em;
+    transform: rotate(45deg);
+}
+
+.cronapp-icon.cronapp-success [class^=cronapp-success-line][class$=long] {
+    top: 2.375em;
+    right: .5em;
+    width: 2.9375em;
+    transform: rotate(-45deg);
+}
+
+.cronapp-icon.cronapp-success .cronapp-success-line-tip {
+    -webkit-animation: cronapp-animate-success-line-tip .75s;
+    animation: cronapp-animate-success-line-tip .75s;
+}
+
+.cronapp-icon.cronapp-success .cronapp-success-line-long {
+    -webkit-animation: cronapp-animate-success-line-long .75s;
+    animation: cronapp-animate-success-line-long .75s;
+}
+
+.cronapp-icon.cronapp-success .cronapp-success-circular-line-right {
+    -webkit-animation: cronapp-rotate-success-circular-line 4.25s ease-in;
+    animation: cronapp-rotate-success-circular-line 4.25s ease-in;
+}
+
+/* Warning */
+.cronapp-icon.cronapp-warning {
+    border-color: #ffed6b;
+    color: #ffc038;
+}
+
+/* Info */
+.cronapp-icon.cronapp-info {
+    border-color: #9de0f6;
+    color: #3fc3ee;
+}
+
+.cronapp-icon .cronapp-icon-content {
+    display: flex;
+    align-items: center;
+    font-size: 3.75em;
+    justify-content: center;
+
+    -webkit-animation: cronapp-hide .75s;
+    animation: cronapp-hide .75s
+}
+
+
+/* animação para abrir o modal */
+
+@-webkit-keyframes cronapp-show {
+    0% {
+        transform: scale(.7)
+    }
+    45% {
+        transform: scale(1.05)
+    }
+    80% {
+        transform: scale(.95)
+    }
+    100% {
+        transform: scale(1)
+    }
+}
+
+@keyframes cronapp-show {
+    0% {
+        transform: scale(.7)
+    }
+    45% {
+        transform: scale(1.05)
+    }
+    80% {
+        transform: scale(.95)
+    }
+    100% {
+        transform: scale(1)
+    }
+}
+
+
+/* animação para fechar o modal */
+
+@-webkit-keyframes cronapp-hide {
+    0% {
+        transform: scale(1);
+        opacity: 1
+    }
+    100% {
+        transform: scale(.5);
+        opacity: 0
+    }
+}
+
+@keyframes cronapp-hide {
+    0% {
+        transform: scale(1);
+        opacity: 1
+    }
+    100% {
+        transform: scale(.5);
+        opacity: 0
+    }
+}
+
+
+/* Success */
+
+@-webkit-keyframes cronapp-animate-success-line-tip {
+    0% {
+        top: 1.1875em;
+        left: .0625em;
+        width: 0
+    }
+    54% {
+        top: 1.0625em;
+        left: .125em;
+        width: 0
+    }
+    70% {
+        top: 2.1875em;
+        left: -.375em;
+        width: 3.125em
+    }
+    84% {
+        top: 3em;
+        left: 1.3125em;
+        width: 1.0625em
+    }
+    100% {
+        top: 2.8125em;
+        left: .8125em;
+        width: 1.5625em
+    }
+}
+
+@keyframes cronapp-animate-success-line-tip {
+    0% {
+        top: 1.1875em;
+        left: .0625em;
+        width: 0
+    }
+    54% {
+        top: 1.0625em;
+        left: .125em;
+        width: 0
+    }
+    70% {
+        top: 2.1875em;
+        left: -.375em;
+        width: 3.125em
+    }
+    84% {
+        top: 3em;
+        left: 1.3125em;
+        width: 1.0625em
+    }
+    100% {
+        top: 2.8125em;
+        left: .8125em;
+        width: 1.5625em
+    }
+}
+
+@-webkit-keyframes cronapp-animate-success-line-long {
+    0% {
+        top: 3.375em;
+        right: 2.875em;
+        width: 0
+    }
+    65% {
+        top: 3.375em;
+        right: 2.875em;
+        width: 0
+    }
+    84% {
+        top: 2.1875em;
+        right: 0;
+        width: 3.4375em
+    }
+    100% {
+        top: 2.375em;
+        right: .5em;
+        width: 2.9375em
+    }
+}
+
+@keyframes cronapp-animate-success-line-long {
+    0% {
+        top: 3.375em;
+        right: 2.875em;
+        width: 0
+    }
+    65% {
+        top: 3.375em;
+        right: 2.875em;
+        width: 0
+    }
+    84% {
+        top: 2.1875em;
+        right: 0;
+        width: 3.4375em
+    }
+    100% {
+        top: 2.375em;
+        right: .5em;
+        width: 2.9375em
+    }
+}
+
+@-webkit-keyframes cronapp-rotate-success-circular-line {
+    0% {
+        transform: rotate(-45deg)
+    }
+    5% {
+        transform: rotate(-45deg)
+    }
+    12% {
+        transform: rotate(-405deg)
+    }
+    100% {
+        transform: rotate(-405deg)
+    }
+}
+
+@keyframes cronapp-rotate-success-circular-line {
+    0% {
+        transform: rotate(-45deg)
+    }
+    5% {
+        transform: rotate(-45deg)
+    }
+    12% {
+        transform: rotate(-405deg)
+    }
+    100% {
+        transform: rotate(-405deg)
+    }
+}
+
+
+/* Error */
+
+@-webkit-keyframes cronapp-animate-error-x-mark {
+    0% {
+        margin-top: 1.625em;
+        transform: scale(.4);
+        opacity: 0
+    }
+    50% {
+        margin-top: 1.625em;
+        transform: scale(.4);
+        opacity: 0
+    }
+    80% {
+        margin-top: -.375em;
+        transform: scale(1.15)
+    }
+    100% {
+        margin-top: 0;
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@keyframes cronapp-animate-error-x-mark {
+    0% {
+        margin-top: 1.625em;
+        transform: scale(.4);
+        opacity: 0
+    }
+    50% {
+        margin-top: 1.625em;
+        transform: scale(.4);
+        opacity: 0
+    }
+    80% {
+        margin-top: -.375em;
+        transform: scale(1.15)
+    }
+    100% {
+        margin-top: 0;
+        transform: scale(1);
+        opacity: 1
+    }
+}
+
+@-webkit-keyframes cronapp-animate-error-icon {
+    0% {
+        transform: rotateX(100deg);
+        opacity: 0
+    }
+    100% {
+        transform: rotateX(0);
+        opacity: 1
+    }
+}
+
+@keyframes cronapp-animate-error-icon {
+    0% {
+        transform: rotateX(100deg);
+        opacity: 0
+    }
+    100% {
+        transform: rotateX(0);
+        opacity: 1
+    }
+} 

package/css/app.css

@@ -6,7 +6,9 @@
 @import '../components/css/color-default.css';
 
 /* Directive crn-input-password */
+
 @import '../components/css/crn-input-password.css';
+
 /* END - Directive crn-input-password */
 
 .table.table-borderless>thead>tr>td,
@@ -31,17 +33,17 @@
 }
 
 .login-panel {
-    margin: 11% auto  0 auto;
+    margin: 11% auto 0 auto;
 }
 
 .social-button-face:hover {
     background-color: #3b5998!important;
-    color:#ffffff;
+    color: #ffffff;
 }
 
 .social-button-google:hover {
     background-color: #d81c1c!important;
-    color:#ffffff;
+    color: #ffffff;
 }
 
 .upload-image-component {
@@ -152,15 +154,16 @@
     margin-right: auto;
 }
 
-li[data-component="crn-menu-item"] ul li a.bg-primary{
+li[data-component="crn-menu-item"] ul li a.bg-primary {
     color: white !important;
 }
 
-li[data-component="crn-menu-item"] ul li a.bg-primary:hover{
+li[data-component="crn-menu-item"] ul li a.bg-primary:hover {
     color: #333 !important;
 }
 
-.k-grid-header .k-header, .k-grid-header .k-header a.k-link {
+.k-grid-header .k-header,
+.k-grid-header .k-header a.k-link {
     text-transform: uppercase;
     font-weight: normal;
     font-size: 12px;
@@ -172,7 +175,7 @@ img.user-avatar {
     max-width: 1.572em !important;
 }
 
-.modal{
+.modal {
     z-index: 10020;
 }
 
@@ -199,7 +202,8 @@ a {
     border: 0;
 }
 
-.main-nav-link:focus, .main-nav-link:active {
+.main-nav-link:focus,
+.main-nav-link:active {
     width: auto;
     height: auto;
     overflow: visible;
@@ -218,7 +222,7 @@ a {
 }
 
 .float-left-desktop {
-    float:left;
+    float: left;
 }
 
 @media only screen and (max-width: 767px) {
@@ -226,11 +230,10 @@ a {
         margin: 7.5px 0;
         width: 100%;
     }
-    
-    .crn-navigator-horizontal #navbar, .float-left-desktop {
+    .crn-navigator-horizontal #navbar,
+    .float-left-desktop {
         float: none;
     }
-    
     img.user-avatar {
         margin-left: 0;
     }
@@ -241,39 +244,46 @@ a {
     opacity: 1;
 }
 
-#crn-button-846239{
-	display:none;
+#crn-button-846239 {
+    display: none;
 }
 
+
 /* Dynamic file maintenance */
-.dynamic-image-container{
+
+.dynamic-image-container {
     width: fit-content;
 }
 
+
 /* Treeview maintenance */
-.k-treeview .k-i-collapse, .k-treeview .k-i-expand{
+
+.k-treeview .k-i-collapse,
+.k-treeview .k-i-expand {
     height: auto;
 }
 
-.k-treeview .k-in{
+.k-treeview .k-in {
     font-family: "Roboto", "Helvetica", "Arial", sans-serif;
 }
 
-.page-header{
+.page-header {
     border-bottom: 1px solid #eee;
     display: flex;
     align-items: center;
 }
 
-.crn-radiogroup .k-content{
+.crn-radiogroup .k-content {
     background-color: transparent;
 }
 
-img.crn-image{
+img.crn-image {
     max-width: 100%;
 }
 
+
 /* Botão desativado */
+
 .btn-default.disabled,
 .btn-default.disabled.active,
 .btn-default.disabled.focus,
@@ -296,28 +306,117 @@ fieldset[disabled] .btn-default:hover {
     color: #454545;
 }
 
-.header{
+.header {
     background-color: rgb(209, 209, 209);
 }
 
-.k-list .k-item.k-state-selected, 
-.k-list-container .k-button.k-state-active, 
-.k-list-container .k-button:active, 
-.k-list-optionlabel.k-state-selected, 
-.k-menu-group .k-item.k-state-selected, 
-.k-menu.k-context-menu .k-item.k-state-selected, 
-.k-spreadsheet-popup .k-button.k-state-active, 
-.k-spreadsheet-popup .k-button.k-state-selected, 
-.k-spreadsheet-popup .k-button:active{
+.k-list .k-item.k-state-selected,
+.k-list-container .k-button.k-state-active,
+.k-list-container .k-button:active,
+.k-list-optionlabel.k-state-selected,
+.k-menu-group .k-item.k-state-selected,
+.k-menu.k-context-menu .k-item.k-state-selected,
+.k-spreadsheet-popup .k-button.k-state-active,
+.k-spreadsheet-popup .k-button.k-state-selected,
+.k-spreadsheet-popup .k-button:active {
     color: #000;
 }
 
-.carousel-caption{
+.carousel-caption {
     right: 9%;
     left: 9%;
 }
 
 .carousel-control.left,
-.carousel-control.right{
+.carousel-control.right {
     width: 8%;
 }
+
+
+@font-face {
+    font-family: 'Arial-Report';
+    src: url('../../../../node_modules/cronapp-lib-js/dist/js/kendo-ui/styles/fonts/arial-report/arial-report.ttf');
+}
+
+.k-pdf-export,
+.k-pdf-export * {
+    font-family: 'Arial-Report';
+}
+
+.k-invalid-msg{
+    color: red!important;
+    border: none!important;
+}
+
+
+/* cronDynamicMenu */
+
+.displayBlock{
+    display: block !important;
+}
+
+.nav.navbar-nav .dropdown-submenu:hover>ul.dropdown-menu{
+    display: block;
+}
+
+.nav.navbar-nav .dropdown-submenu>.dropdown-menu {
+    margin-top: -31px;
+    top: unset;
+    left: 100%;
+}
+
+.nav.navbar-nav .caret{
+    margin-left: 9px;
+    border-top: 5px dashed;
+    border-right: 5px solid transparent;
+    border-left: 5px solid transparent;
+}
+
+.nav.navbar-nav .caret.submenu {    
+    transform: rotate(272deg);
+}
+
+/* Accordion */
+.panel-group .panel-heading.heading-arrow {
+    display: grid;
+    grid-template-columns: auto 33px;
+    align-items: center;
+}
+
+.panel-group .heading-arrow.panel-heading::after {
+    font-family: FontAwesome;
+    content: "\f077";
+    float: right;
+    color: #FFFFFF;
+}
+
+.panel-group .heading-arrow.collapsed.panel-heading::after{
+    content: "\f078";
+}
+
+.form-group div{
+    display: contents;
+}
+
+/* Form - Sub Form */
+.form .tool-bar,
+form .active-bar,
+form .tool-bar {
+    display: flex;
+    flex-direction: initial;
+    gap: 2px;
+}
+
+.form .tool-bar,
+.form .active-bar{
+    display: inline-flex;
+    flex-direction: initial;
+    gap: 2px;
+}
+
+.form .tool-bar > div,
+.form .active-bar > div,
+form .active-bar > div,
+form .tool-bar > div{
+    width: auto;
+}

package/css/modalTemplate.css

@@ -0,0 +1,25 @@
+#modalBodyConfirmDialog {
+    text-align: center;
+}
+
+#modalBodyConfirmDialog .icon {
+    margin: 0px;
+}
+
+#modalBodyConfirmDialog .subtitle {
+    margin: 10px 0px;
+    font-size: 20px;
+    font-weight: 300;
+}
+
+#modalBodyConfirmDialog .subtitle,
+#modalBodyConfirmDialog .title {
+    color: #606060;
+    line-height: 1;
+}
+
+.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
+    border: none !important;
+    padding-top: 0 !important;
+    justify-content: center !important;
+}