@dev-tcloud/tcloud-ui 4.2.2 → 5.0.0

package/scss/tcloud/prime/tcloud-prime.scss

@@ -1,4 +1,6 @@
-@import '../tcloud-ui.scss';
+@use '../tcloud-ui.scss';
+@use "../custom/mixins";
+
 
 
 // '#293846'
@@ -150,7 +152,7 @@ body.tc-prime {
   .country-select-link.btn-active,
   .vpn-list-box .vpn-box .vpn-name-box .vpn-name
   {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
 
@@ -215,7 +217,7 @@ body.tc-prime {
   .rules-helper-wrapper .rules .illustration .example-tag,
   .box-group-input .area-action button
   {
-    @include prime-bgc;
+    @include mixins.prime-bgc;
   }
 
   //==========================================================
@@ -234,14 +236,14 @@ body.tc-prime {
   .numb-order,
   .grid .grid-content.active:after
   {
-    @include prime-bg;
+    @include mixins.prime-bg;
   }
 
 
   .boxFastAccess .msg-wrap,
   #prime-quick-access .text-success
   {
-    @include prime-bg-50;
+    @include mixins.prime-bg-50;
   }
 
   
@@ -265,11 +267,11 @@ body.tc-prime {
   #prod-prime .badge-success,
   #prod-prime .label-success
   {
-    @include prime-bdr;
+    @include mixins.prime-bdr;
   }
 
   .card-content h2:before {
-    @include prime-bdr-50;
+    @include mixins.prime-bdr-50;
   }
 
   //==========================================================
@@ -313,14 +315,14 @@ body.tc-prime {
 
   .label-info,
   .badge-info {
-    @include prime-bg;
+    @include mixins.prime-bg;
   }
 
   .help-docs {
-    @include prime-color;
+    @include mixins.prime-color;
 
     a {
-      @include prime-color;
+      @include mixins.prime-color;
     }
   }
 
@@ -373,7 +375,7 @@ body.tc-prime {
   }
 
   .green {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
 
@@ -666,7 +668,7 @@ body.tc-prime {
     }
 
     th {
-      @include prime-black;
+      @include mixins.prime-black;
     }
   }
 
@@ -714,7 +716,7 @@ body.tc-prime {
   .input-group-append {
 
     .btn.btn-default {
-      @include prime-color;
+      @include mixins.prime-color;
       background-color: transparent !important;
       border-left-color: transparent !important;
       border-radius: 0 5px 5px 0 !important;
@@ -736,11 +738,11 @@ body.tc-prime {
   }
 
   .progress-bar {
-    @include prime-bgc;
+    @include mixins.prime-bgc;
   }
 
   .switch.checked {
-    @include prime-bg;
+    @include mixins.prime-bg;
     border-color: var(--tc-primary) !important;
   }
 
@@ -790,7 +792,7 @@ body.tc-prime {
   }
 
   .text-info {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
   //==========================================================
@@ -865,7 +867,7 @@ body.tc-prime {
       padding: 5px 10px;
 
       > a {
-        @include prime-color;
+        @include mixins.prime-color;
       }
 
       .fa-angle-down {
@@ -905,7 +907,7 @@ body.tc-prime {
         padding: 10px 5px !important;
 
         &:hover {
-          @include prime-color;
+          @include mixins.prime-color;
         }
       }
 
@@ -930,7 +932,7 @@ body.tc-prime {
       }
 
       .fa-tasks {
-        @include ico-topmenu('topmenu-ico-actions', 25px, 25px );
+        @include mixins.ico-topmenu('topmenu-ico-actions', 25px, 25px );
       }
     }
   }
@@ -945,7 +947,7 @@ body.tc-prime {
     .assistent-call {
       position: relative;
       background: none;
-      @include ico-topmenu('topmenu-ico-help', 25px, 25px );
+      @include mixins.ico-topmenu('topmenu-ico-help', 25px, 25px );
     }
   }
 
@@ -954,7 +956,7 @@ body.tc-prime {
     position: relative;
 
     .fa-envelope {
-      @include ico-topmenu('topmenu-ico-messages', 25px, 25px );
+      @include mixins.ico-topmenu('topmenu-ico-messages', 25px, 25px );
     }
 
   }
@@ -962,7 +964,7 @@ body.tc-prime {
   .btn-group-icons {
 
     .icon-group {
-      @include prime-color;
+      @include mixins.prime-color;
       padding: 0 !important;
       position: relative;
       top: 0;
@@ -971,7 +973,7 @@ body.tc-prime {
       .icon-main {
         left: 0 !important;
         top: 4px !important;
-        @include ico-topmenu('topmenu-ico-imperso', 25px, 25px );
+        @include mixins.ico-topmenu('topmenu-ico-imperso', 25px, 25px );
       }
 
       .icon-second {
@@ -1020,7 +1022,7 @@ body.tc-prime {
     .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link:not(.active):focus,
     .nav-tabs .nav-link:not(.active):hover {
-      @include prime-white;
+      @include mixins.prime-white;
     }
 
   }
@@ -1073,7 +1075,7 @@ body.tc-prime {
 
 
   .tc-card-engprime {
-    @include prime-mkt-gradient;
+    @include mixins.prime-mkt-gradient;
     color: var(--white);
     padding: 20px;
     border-radius: 10px;
@@ -1200,7 +1202,7 @@ body.tc-prime {
 
     .card-topology__header {
       background-color: transparent !important;
-      @include prime-color;
+      @include mixins.prime-color;
       text-transform: uppercase;
       border-bottom: 1px solid var(--tc-gray-50);
     }
@@ -1280,7 +1282,7 @@ body.tc-prime {
 
       &:hover,
       &.tab-title-active {
-        @include prime-color;
+        @include mixins.prime-color;
         background: transparent !important;
         position: relative;
         overflow: visible;
@@ -1378,9 +1380,9 @@ body.tc-prime {
   }
 
   .modal-eng-prime-header {
-    @include flex-center;
+    @include mixins.flex-center;
     gap: 20px;
-    @include bdr-bottom(20px, var(--tc-gray-50));
+    @include mixins.bdr-bottom(20px, var(--tc-gray-50));
 
     .modal-eng-prime-text {
       margin-left: 40px;
@@ -1406,7 +1408,7 @@ body.tc-prime {
   }
 
   .numb-order {
-    @include flex-center;
+    @include mixins.flex-center;
     border-radius: 50px;
     height: 70px;
     width: 70px;
@@ -1426,7 +1428,7 @@ body.tc-prime {
   }
 
   .modal-eng-prime-content-wrap {
-    @include flex-center;
+    @include mixins.flex-center;
     gap: 20px;
 
     .modal-eng-prime-text-content {
@@ -1442,7 +1444,7 @@ body.tc-prime {
   }
 
   .modal-eng-prime-thumb {
-    @include flex-center;
+    @include mixins.flex-center;
     border: 2px solid var(--tc-gray-100);
     border-radius: 50%;
     height: 50px;
@@ -1506,10 +1508,10 @@ body.tc-prime {
   .tc-product-info {
 
     a {
-      @include prime-color;
+      @include mixins.prime-color;
 
       &:hover {
-        @include prime-color;
+        @include mixins.prime-color;
       }
     }
 
@@ -1634,7 +1636,7 @@ body.tc-prime {
     .text-success {
 
       &:hover {
-        @include prime-bg;
+        @include mixins.prime-bg;
         color: var(--white) !important;
       }
 
@@ -1646,7 +1648,7 @@ body.tc-prime {
 
     &:hover .pin-action:hover + .text-success,
     &:hover .trash-action:hover + .text-success {
-      @include prime-bg;
+      @include mixins.prime-bg;
       color: var(--white) !important;
     }
 
@@ -1666,7 +1668,7 @@ body.tc-prime {
   }
 
   .pin-icon {
-    @include prime-color;
+    @include mixins.prime-color;
     font-size: 20px;
     top: 0 !important;
   }
@@ -1694,7 +1696,7 @@ body.tc-prime {
   .monitor-wrap {
 
     .label-success {
-      @include prime-bgc;
+      @include mixins.prime-bgc;
     }
 
     .col.btn-wrap {
@@ -1713,7 +1715,7 @@ body.tc-prime {
   #quickAccess {
 
     .box-search-row-action:hover .trash-action:hover + .text-success {
-      @include prime-bg;
+      @include mixins.prime-bg;
     }
   }
 
@@ -1732,7 +1734,7 @@ body.tc-prime {
     }
 
     .fa-save {
-      @include prime-gray-100;
+      @include mixins.prime-gray-100;
     }
   }
 
@@ -1871,7 +1873,7 @@ body.tc-prime {
   .topnav a:hover,
   .topnav a.active {
     color: var(--white) !important;
-    @include prime-bg;
+    @include mixins.prime-bg;
   }
 
 
@@ -1946,7 +1948,7 @@ body.tc-prime {
     .info-list-item {
 
       &.consume {
-        @include test;
+        @include mixins.test;
       }
     }
   }
@@ -1986,7 +1988,7 @@ body.tc-prime {
     margin: 0 !important;
 
     .icon-wrap {
-      @include flex-center;
+      @include mixins.flex-center;
     }
   }
 
@@ -2093,7 +2095,7 @@ body.tc-prime {
   .offer-wrapper-icon {
 
     img {
-      @include svg-prime;
+      @include mixins.svg-prime;
     }
   }
 
@@ -2138,7 +2140,7 @@ body.tc-prime {
   //====================================
 
   .accordion2-btn:hover {
-    @include prime-bg-50;
+    @include mixins.prime-bg-50;
   }
 
   //====================================
@@ -2146,21 +2148,21 @@ body.tc-prime {
   //====================================
 
   .order-wrap {
-    @include prime-bdr-100;
+    @include mixins.prime-bdr-100;
   }
 
   .order-new {
-    @include prime-color;
+    @include mixins.prime-color;
 
     .order-detail-tit {
-      @include prime-bg;
+      @include mixins.prime-bg;
     }
   }
 
   .history-list {
 
     li {
-      @include prime-gray-50;
+      @include mixins.prime-gray-50;
 
       a {
         color: var(--black) !important;
@@ -2647,7 +2649,7 @@ body.tc-prime {
 
     &.active,
     &:hover {
-      @include prime-bdr;
+      @include mixins.prime-bdr;
 
       i {
         color: var(--tc-primary) !important;
@@ -2758,7 +2760,7 @@ body.tc-prime {
   .container-header-card {
 
     img {
-      @include svg-prime;
+      @include mixins.svg-prime;
     }
 
     p {
@@ -2930,19 +2932,19 @@ body.tc-prime {
 
 
   .progress-wrap-tex {
-    @include prime-gray-100;
+    @include mixins.prime-gray-100;
   }
 
   .progress-wrap .progress-wrap-bar,
   .form-fieldset label
   {
-    @include prime-bg-50;
+    @include mixins.prime-bg-50;
   }
 
   .progress-wrap-text {
     text-transform: uppercase;
     font-size: 14px !important;
-    @include prime-gray-100;
+    @include mixins.prime-gray-100;
   }
 
 
@@ -2950,7 +2952,7 @@ body.tc-prime {
 
     .box {
       border-radius: 5px !important;
-      @include prime-bdr-100;
+      @include mixins.prime-bdr-100;
       padding: 20px !important;
     }
   }
@@ -3349,7 +3351,7 @@ body.tc-prime {
       }
   
       h3 {
-        @include prime-subtitle;
+        @include mixins.prime-subtitle;
       }
   
       .sec-time {
@@ -3654,7 +3656,7 @@ body.tc-prime {
   .migration-list {
 
     i {
-      @include prime-color;
+      @include mixins.prime-color;
     }
   }
 
@@ -3678,7 +3680,7 @@ body.tc-prime {
 
 
     .btn-upload {
-      @include prime-bgc;
+      @include mixins.prime-bgc;
     }
 
 

package/scss/tcloud/standard/styles.scss

@@ -1,3 +1,3 @@
-@import 'top-navigation.scss';
-@import 'left-navigation.scss';
-@import 'tcloud-standard.scss';
+@use 'top-navigation.scss';
+@use 'left-navigation.scss';
+@use 'tcloud-standard.scss';

package/scss/tcloud/standard/tcloud-standard.scss

@@ -1,4 +1,4 @@
-@import '../tcloud-ui.scss';
+@use '../tcloud-ui.scss';
 
 // ===============================
 // T-Cloud Styles

package/scss/tcloud/styles.scss

@@ -1,19 +1,19 @@
-@import 'custom/variables.scss';
-@import 'custom/mixins.scss';
+@use 'custom/variables.scss';
+@use 'custom/mixins.scss';
 
-@import 'custom/buttons.scss';
+@use 'custom/buttons.scss';
 
-@import 'custom/card.scss';
-@import 'custom/forms.scss';
-@import 'custom/layout.scss';
-@import 'custom/text.scss';
-@import 'custom/alerts.scss';
+@use 'custom/card.scss';
+@use 'custom/forms.scss';
+@use 'custom/layout.scss';
+@use 'custom/text.scss';
+@use 'custom/alerts.scss';
 
 /* STANDARD STYLES */
-@import 'standard/styles.scss';
+@use 'standard/styles.scss';
 
 /* PRIME STYLES */
-@import 'prime/styles.scss';
+@use 'prime/styles.scss' as styles2;
 
 /* DISASTER-RECOVERY */
-@import 'disaster-recovery/styles.scss';
+@use 'disaster-recovery/styles.scss' as styles3;

package/scss/tcloud/tcloud-ui.scss

@@ -1,6 +1,6 @@
-@import 'custom/variables.scss';
-@import 'custom/mixins.scss';
-@import 'custom/colors.scss';
+@use 'custom/variables.scss';
+@use 'custom/mixins.scss';
+@use 'custom/colors.scss';
 
 /*
 @import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/variables.scss';

package/esm2022/dev-tcloud-tcloud-ui.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2LXRjbG91ZC10Y2xvdWQtdWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy90Y2xvdWQtdWkvc3JjL2Rldi10Y2xvdWQtdGNsb3VkLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/lib/_directives/align/align.directive.mjs

@@ -1,42 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class TCloudUiAlignDirective {
-    set TCalign(direction) {
-        if (direction) {
-            this._direction = direction;
-            this.setStyle(this.el.nativeElement);
-        }
-    }
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        this._direction = 'start';
-    }
-    ngOnInit() {
-    }
-    setStyle(el) {
-        if (this._direction === 'start') {
-            this.renderer.setStyle(el, 'text-align', 'left');
-        }
-        if (this._direction === 'center') {
-            this.renderer.setStyle(el, 'text-align', 'center');
-        }
-        if (this._direction === 'end') {
-            this.renderer.setStyle(el, 'text-align', 'right');
-        }
-        if (this._direction === 'justify') {
-            this.renderer.setStyle(el, 'text-align', 'justify');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TCloudUiAlignDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TCloudUiAlignDirective, selector: "[TCalign]", inputs: { TCalign: "TCalign" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TCloudUiAlignDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[TCalign]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { TCalign: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX2RpcmVjdGl2ZXMvYWxpZ24vYWxpZ24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlDLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFNL0UsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQyxJQUFhLE9BQU8sQ0FBRSxTQUFjO1FBQ2xDLElBQUksU0FBUyxFQUFDLENBQUM7WUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNILENBQUM7SUFFRCxZQUNVLEVBQWMsRUFDZCxRQUFtQjtRQURuQixPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQVhyQixlQUFVLEdBQTJDLE9BQU8sQ0FBQztJQVloRSxDQUFDO0lBRU4sUUFBUTtJQUVSLENBQUM7SUFFRCxRQUFRLENBQUMsRUFBTztRQUNkLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDdEQsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3hELENBQUM7SUFDRCxDQUFDOytHQXBDVSxzQkFBc0I7bUdBQXRCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztpQkFDdEI7dUdBS2MsT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbVENhbGlnbl0nXG59KVxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpQWxpZ25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXR7XG5cbiAgcHJpdmF0ZSBfZGlyZWN0aW9uOiAnc3RhcnQnIHwgJ2NlbnRlcicgfCAnZW5kJyB8ICdqdXN0aWZ5JyA9ICdzdGFydCc7XG5cbiAgQElucHV0KCkgc2V0IFRDYWxpZ24gKGRpcmVjdGlvbjogYW55KXtcbiAgICBpZiAoZGlyZWN0aW9uKXtcbiAgICAgIHRoaXMuX2RpcmVjdGlvbiA9IGRpcmVjdGlvbjtcbiAgICAgIHRoaXMuc2V0U3R5bGUodGhpcy5lbC5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMlxuICAgICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcblxuICB9XG5cbiAgc2V0U3R5bGUoZWw6IGFueSl7XG4gICAgaWYoIHRoaXMuX2RpcmVjdGlvbiA9PT0gJ3N0YXJ0JyApe1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKGVsLCAndGV4dC1hbGlnbicsICdsZWZ0Jyk7XG4gICAgfVxuXG4gICAgaWYoIHRoaXMuX2RpcmVjdGlvbiA9PT0gJ2NlbnRlcicgKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ3RleHQtYWxpZ24nLCAnY2VudGVyJyk7XG4gICAgfVxuXG4gICAgaWYoIHRoaXMuX2RpcmVjdGlvbiA9PT0gJ2VuZCcgKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ3RleHQtYWxpZ24nLCAncmlnaHQnKTtcbiAgICB9XG5cbiAgICBpZiggdGhpcy5fZGlyZWN0aW9uID09PSAnanVzdGlmeScgKXtcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICd0ZXh0LWFsaWduJywgJ2p1c3RpZnknKTtcbiAgfVxuICB9XG5cblxufSJdfQ==