@dev-tcloud/tcloud-ui 4.2.1 → 4.2.2

package/lib/_modules/tcloud-ui-modal/tcloud-ui-modal.component.d.ts

@@ -57,7 +57,7 @@ export declare class TCloudUiModalComponent implements OnInit, OnDestroy {
     openChange: EventEmitter<boolean>;
     toConfirm: EventEmitter<boolean>;
     toCancel: EventEmitter<boolean>;
-    toAction: EventEmitter<"cancel" | "close" | "confirmed">;
+    toAction: EventEmitter<"close" | "confirmed" | "cancel">;
     constructor(tcloudModalService: TcloudModalService);
     ngOnInit(): void;
     toClose(action?: any | undefined): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "peerDependencies": {
     "@angular/common": "^18.1.0",
     "@angular/core": "^18.1.0"

package/scss/components/custom/el-copy.scss

@@ -1,18 +1,18 @@
-.tcloud-ui-el-copy{
-    color: inherit;
-    &:hover{
-        opacity: 0.6;
-    }
-}
-
-.tcloud-ui-el-input-copy{
-    position: relative;
-    left: -20px;
-}
-
-.tcloud-ui-el-input-copy-tc-form-control{
-    position: relative;
-    left: -13px;
-    float: right;
-    top: -25px; 
+.tcloud-ui-el-copy{
+    color: inherit;
+    &:hover{
+        opacity: 0.6;
+    }
+}
+
+.tcloud-ui-el-input-copy{
+    position: relative;
+    left: -20px;
+}
+
+.tcloud-ui-el-input-copy-tc-form-control{
+    position: relative;
+    left: -13px;
+    float: right;
+    top: -25px; 
 }

package/scss/components/custom/loading-transitions.scss

@@ -1,28 +1,28 @@
-.tcloud-ui-start-loading{
-    display: block !important;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    background-color: #cccc;
-    z-index: 4090;
-    top: 0;
-    left: 0;
-    cursor: progress;
-
-    .tc-loading-icon{
-        text-align: center;
-        position: relative;
-        top: 50%;
-        transform: translateY(-50%);
-
-        i{
-            font-size: 55px;
-            opacity: 0.4;
-        }
-    }
-}
-
-body.tcloud-ui-body-loading-transitions{
-    position: relative;
-    overflow: hidden;
+.tcloud-ui-start-loading{
+    display: block !important;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background-color: #cccc;
+    z-index: 4090;
+    top: 0;
+    left: 0;
+    cursor: progress;
+
+    .tc-loading-icon{
+        text-align: center;
+        position: relative;
+        top: 50%;
+        transform: translateY(-50%);
+
+        i{
+            font-size: 55px;
+            opacity: 0.4;
+        }
+    }
+}
+
+body.tcloud-ui-body-loading-transitions{
+    position: relative;
+    overflow: hidden;
 }

package/scss/components/custom/loading.scss

@@ -1,3 +1,3 @@
-.tc-content-fixed-on-loading{
-    
+.tc-content-fixed-on-loading{
+    
 }

package/scss/components/custom/tab-menu.scss

@@ -1,58 +1,58 @@
-.tcloud-ui-tab-block-full{
-    tcloud-ui-tab-head{
-        tcloud-ui-tab-title, tcloud-ui-tab-subtitle {
-            flex-grow: 1;
-            button {
-              min-width: 100% !important;
-            }
-            .tab-title, .tab-subtitle{
-              opacity: 0.8;
-            }
-            .tab-title-active,
-            .tab-title:hover,
-            .tab-title:focus,
-            .tab-subtitle:hover,
-            .tab-subtitle:focus{
-              opacity: 1 !important;
-            }
-        }
-    }
-}
-
-.tc-menu {
-  &:has(> tcloud-ui-tab-title){
-    border-radius: 10px;
-  }
-  &:not(.tab-subtitle-line-bottom){
-    .bottom-line{
-      height: 0px !important;
-    }
-  }
-}
-
-.bottom-line{
-  background-color: transparent;
-  height: 4px;
-}
-
-
-tcloud-ui-tab-subtitle,
-tcloud-ui-tab-title{
-  .tab-subtitle-active + .bottom-line-hover,
-  .tab-title-active + .bottom-line-hover {
-    background-color: var(--tc-primary) !important;
-    border-radius: 5px;
-  }
-
-  &:hover{
-    .bottom-line-hover{
-      background-color: var(--tc-primary) !important;
-      border-radius: 5px;
-      transition: 1s ease-in-out;
-    }
-  }
-}
-
-tcloud-ui-tab-subtitle {
-  margin: 0px 10px;
+.tcloud-ui-tab-block-full{
+    tcloud-ui-tab-head{
+        tcloud-ui-tab-title, tcloud-ui-tab-subtitle {
+            flex-grow: 1;
+            button {
+              min-width: 100% !important;
+            }
+            .tab-title, .tab-subtitle{
+              opacity: 0.8;
+            }
+            .tab-title-active,
+            .tab-title:hover,
+            .tab-title:focus,
+            .tab-subtitle:hover,
+            .tab-subtitle:focus{
+              opacity: 1 !important;
+            }
+        }
+    }
+}
+
+.tc-menu {
+  &:has(> tcloud-ui-tab-title){
+    border-radius: 10px;
+  }
+  &:not(.tab-subtitle-line-bottom){
+    .bottom-line{
+      height: 0px !important;
+    }
+  }
+}
+
+.bottom-line{
+  background-color: transparent;
+  height: 4px;
+}
+
+
+tcloud-ui-tab-subtitle,
+tcloud-ui-tab-title{
+  .tab-subtitle-active + .bottom-line-hover,
+  .tab-title-active + .bottom-line-hover {
+    background-color: var(--tc-primary) !important;
+    border-radius: 5px;
+  }
+
+  &:hover{
+    .bottom-line-hover{
+      background-color: var(--tc-primary) !important;
+      border-radius: 5px;
+      transition: 1s ease-in-out;
+    }
+  }
+}
+
+tcloud-ui-tab-subtitle {
+  margin: 0px 10px;
 }

package/scss/components/custom/table.scss

@@ -1,99 +1,99 @@
-.tc-table{
-  width: 100%;
-  font-size: 12px;
-  line-height: 1.5;
-
-  .nowrap{
-    white-space: nowrap;
-  }
-
-  td, th{
-    vertical-align: middle;
-  }
-
-  th{
-    font-weight: 400;
-    line-height: 1.5;
-    text-align: center;
-    border-collapse: collapse;
-    border: 1px solid #FFF;
-    border-left: none;
-    padding: 9px 5px;
-    background-color: var(--tc-gray-500);
-    color: #FFF;
-  }
-
-  th:first-child{
-    border-radius: 5px 0 0 0;
-  }
-
-  th:last-child{
-    border-radius: 0 5px 0 0;
-  }
-
-  tbody{
-    td {
-      text-align: center;
-      border-collapse: collapse;
-      border: 1px solid #FFF;
-      padding: 9px 5px;
-    }
-  }
-
-}
-
-
-/* TABELA RESPONSIVA */
-@media screen and (max-width: 900px) {
-  table.tc-table-responsive {
-    border: 0;
-    display: grid !important;
-  }  
-  table.tc-table-responsive caption {
-    font-size: 1.3em;
-  }    
-  table.tc-table-responsive thead {
-    border: none;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-  }    
-  table.tc-table-responsive th {
-    text-align: left !important;
-  } 
-  table.tc-table-responsive tr {
-    border-bottom: 3px solid #ddd;
-    display: block;
-    margin-bottom: .625em;
-  }    
-  table.tc-table-responsive td {
-    border-bottom: 1px solid #ddd;
-    display: block;
-    font-size: .8em;
-    text-align: right !important;
-  }    
-  table.tc-table-responsive td::before {
-    content: attr(tc-data-label);
-    float: left;
-    font-weight: bold;
-    text-transform: uppercase;
-  }    
-  table.tc-table-responsive td:last-child {
-    border-bottom: 0;
-  }
-  table.table-table-w100 input{
-      width: 100%;
-  }
-}
-
-  
-  
-.tc-table-striped{  
-  tr:nth-child(odd) {
-      background-color: #EAEAEA;
-  }
+.tc-table{
+  width: 100%;
+  font-size: 12px;
+  line-height: 1.5;
+
+  .nowrap{
+    white-space: nowrap;
+  }
+
+  td, th{
+    vertical-align: middle;
+  }
+
+  th{
+    font-weight: 400;
+    line-height: 1.5;
+    text-align: center;
+    border-collapse: collapse;
+    border: 1px solid #FFF;
+    border-left: none;
+    padding: 9px 5px;
+    background-color: var(--tc-gray-500);
+    color: #FFF;
+  }
+
+  th:first-child{
+    border-radius: 5px 0 0 0;
+  }
+
+  th:last-child{
+    border-radius: 0 5px 0 0;
+  }
+
+  tbody{
+    td {
+      text-align: center;
+      border-collapse: collapse;
+      border: 1px solid #FFF;
+      padding: 9px 5px;
+    }
+  }
+
+}
+
+
+/* TABELA RESPONSIVA */
+@media screen and (max-width: 900px) {
+  table.tc-table-responsive {
+    border: 0;
+    display: grid !important;
+  }  
+  table.tc-table-responsive caption {
+    font-size: 1.3em;
+  }    
+  table.tc-table-responsive thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }    
+  table.tc-table-responsive th {
+    text-align: left !important;
+  } 
+  table.tc-table-responsive tr {
+    border-bottom: 3px solid #ddd;
+    display: block;
+    margin-bottom: .625em;
+  }    
+  table.tc-table-responsive td {
+    border-bottom: 1px solid #ddd;
+    display: block;
+    font-size: .8em;
+    text-align: right !important;
+  }    
+  table.tc-table-responsive td::before {
+    content: attr(tc-data-label);
+    float: left;
+    font-weight: bold;
+    text-transform: uppercase;
+  }    
+  table.tc-table-responsive td:last-child {
+    border-bottom: 0;
+  }
+  table.table-table-w100 input{
+      width: 100%;
+  }
+}
+
+  
+  
+.tc-table-striped{  
+  tr:nth-child(odd) {
+      background-color: #EAEAEA;
+  }
 }

package/scss/components/custom/tooltip.scss

@@ -1,89 +1,89 @@
-:root{
-    --bk-tootltip: #5a5a5a;
-    --color-text-tooltip: #fff;
-}
-
-.tc-directive-tooltip{
-    max-width: 230px;
-    border: none;
-    text-align: center;
-    padding: 8px 13px;
-    border-radius: 8px;
-    display: inline;    
-    background-color: var(--bk-tootltip) !important;
-    color: var(--color-text-tooltip) !important;
-    z-index: 9999;
-    position: absolute; 
-
-    a{
-        color: var(--color-text-tooltip) !important;
-        font-weight: bold;
-        text-decoration: underline !important;
-    }
-}
-
-.tc-directive-tooltip-top:before{
-    content: "";
-    position: absolute;
-    left: calc( 50% - 8px);
-    top: calc( 100% - 11px);
-    width: 14px;
-    height: 14px;
-    transform: rotateZ(45deg);
-    background-color: var(--bk-tootltip) !important;
-    border: none;
-    z-index: -1;
-}
-
-.tc-directive-tooltip-bottom:before{
-    content: "";
-    position: absolute;
-    left: calc( 50% - 8px);
-    top: -3px;
-    width: 14px;
-    height: 14px;
-    transform: rotateZ(45deg);
-    background-color: var(--bk-tootltip);
-    border: none;
-    z-index: -1;
-}
-
-.tc-directive-tooltip-right:before{
-    content: "";
-    position: absolute;
-    left: -4px;
-    top: calc( 50% - 8px);
-    width: 14px;
-    height: 14px;
-    transform: rotateZ(45deg);
-    background-color: var(--bk-tootltip);
-    border: none;
-    z-index: -1;
-}
-
-.tc-directive-tooltip-left:before{
-    content: "";
-    position: absolute;
-    left: calc( 100% - 11px);
-    top: calc( 50% - 8px);
-    width: 14px;
-    height: 14px;
-    transform: rotateZ(45deg);
-    background-color: var(--bk-tootltip);
-    border: none;
-    z-index: -1;
-}
-
-@keyframes fade-in {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-}
-
-.tc-tooltip-fade-in{
-    opacity: 0;
-    animation: fade-in 0.5s ease-in-out forwards;
-}
+:root{
+    --bk-tootltip: #5a5a5a;
+    --color-text-tooltip: #fff;
+}
+
+.tc-directive-tooltip{
+    max-width: 230px;
+    border: none;
+    text-align: center;
+    padding: 8px 13px;
+    border-radius: 8px;
+    display: inline;    
+    background-color: var(--bk-tootltip) !important;
+    color: var(--color-text-tooltip) !important;
+    z-index: 9999;
+    position: absolute; 
+
+    a{
+        color: var(--color-text-tooltip) !important;
+        font-weight: bold;
+        text-decoration: underline !important;
+    }
+}
+
+.tc-directive-tooltip-top:before{
+    content: "";
+    position: absolute;
+    left: calc( 50% - 8px);
+    top: calc( 100% - 11px);
+    width: 14px;
+    height: 14px;
+    transform: rotateZ(45deg);
+    background-color: var(--bk-tootltip) !important;
+    border: none;
+    z-index: -1;
+}
+
+.tc-directive-tooltip-bottom:before{
+    content: "";
+    position: absolute;
+    left: calc( 50% - 8px);
+    top: -3px;
+    width: 14px;
+    height: 14px;
+    transform: rotateZ(45deg);
+    background-color: var(--bk-tootltip);
+    border: none;
+    z-index: -1;
+}
+
+.tc-directive-tooltip-right:before{
+    content: "";
+    position: absolute;
+    left: -4px;
+    top: calc( 50% - 8px);
+    width: 14px;
+    height: 14px;
+    transform: rotateZ(45deg);
+    background-color: var(--bk-tootltip);
+    border: none;
+    z-index: -1;
+}
+
+.tc-directive-tooltip-left:before{
+    content: "";
+    position: absolute;
+    left: calc( 100% - 11px);
+    top: calc( 50% - 8px);
+    width: 14px;
+    height: 14px;
+    transform: rotateZ(45deg);
+    background-color: var(--bk-tootltip);
+    border: none;
+    z-index: -1;
+}
+
+@keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+}
+
+.tc-tooltip-fade-in{
+    opacity: 0;
+    animation: fade-in 0.5s ease-in-out forwards;
+}

package/scss/components/custom/ui-datepicker.scss

@@ -1,16 +1,16 @@
-.datepicker-dropdown{
-    z-index: 2040 !important;
-    
-}
-
-.input-options-date{
-    .datepicker-dropdown{
-        left: 30px !important;
-    } 
-}
-
-.icon-short-time{
-    i.fa-caret-down{
-        margin-bottom: 8px;
-    }    
+.datepicker-dropdown{
+    z-index: 2040 !important;
+    
+}
+
+.input-options-date{
+    .datepicker-dropdown{
+        left: 30px !important;
+    } 
+}
+
+.icon-short-time{
+    i.fa-caret-down{
+        margin-bottom: 8px;
+    }    
 }

package/scss/components/custom/validation.scss

@@ -1,8 +1,8 @@
-.ng-invalid.ng-touched{
-    border-color: var(--danger);
-    
-}
-
-.ng-invalid.ng-touched .tc-parent-validation{
-    border-color: var(--danger);
+.ng-invalid.ng-touched{
+    border-color: var(--danger);
+    
+}
+
+.ng-invalid.ng-touched .tc-parent-validation{
+    border-color: var(--danger);
 }