@dev-tcloud/tcloud-ui 4.2.2 → 5.0.0

package/lib/_interfaces/theme.service.interface.d.ts

@@ -0,0 +1,3 @@
+export interface ThemeServiceInterface {
+    getName(): any;
+}

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

@@ -4,6 +4,7 @@ import { TCloudUiAccordionService } from './services/tcloud-ui-accordion.service
 import * as i0 from "@angular/core";
 export declare class TCloudUiAccordionComponent implements OnInit, OnDestroy {
     private _tCloudUiAccordionService;
+    theme: string | undefined;
     subscription_01: Subscription | undefined;
     subscription_02: Subscription | undefined;
     private _disabled;

package/lib/_services/tcloud-ui-theme.services.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class TCloudUiThemeService {
+    private _ThemeService;
+    private themeService;
+    private _theme;
+    readonly signal_theme: any;
+    constructor(_ThemeService: any);
+    getName(): string;
+    set_signal_theme(v: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiThemeService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TCloudUiThemeService>;
+}

package/lib/tcloud-ui.config.d.ts

@@ -4,4 +4,5 @@ export interface TCloudUiConfig {
 }
 export interface TCloudUiCustomServices {
     userService?: any;
+    themeService?: any;
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "4.2.2",
+  "version": "5.0.0",
   "peerDependencies": {
-    "@angular/common": "^18.1.0",
-    "@angular/core": "^18.1.0"
+    "@angular/common": "^19.2.15",
+    "@angular/core": "^19.2.15"
   },
   "dependencies": {
     "tslib": "^2.6.2"
@@ -16,8 +16,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/dev-tcloud-tcloud-ui.mjs",
-      "esm": "./esm2022/dev-tcloud-tcloud-ui.mjs",
       "default": "./fesm2022/dev-tcloud-tcloud-ui.mjs"
     }
   },

package/scss/components/styles.scss

@@ -1,9 +1,9 @@
-@import 'custom/variables.scss';
+@use 'custom/variables.scss';
 
-@import 'custom/loading-transitions.scss';
-@import 'custom/table.scss';
-@import 'custom/tooltip.scss';
-@import 'custom/validation.scss';
-@import 'custom/el-copy.scss';
-@import 'custom/ui-datepicker.scss';
-@import 'custom/tab-menu.scss';
+@use 'custom/loading-transitions.scss';
+@use 'custom/table.scss';
+@use 'custom/tooltip.scss';
+@use 'custom/validation.scss';
+@use 'custom/el-copy.scss';
+@use 'custom/ui-datepicker.scss';
+@use 'custom/tab-menu.scss';

package/scss/tcloud/custom/alerts.scss

@@ -1,3 +1,4 @@
+@use "sass:color";
 /* 
 <div class="tc-alert tc-alert-primary">
   A simple primary alert—check it out!
@@ -14,24 +15,24 @@
 .tc-alert-success{
   border: 2px solid #4597a4;
   color: #4597a4;
-  background-color: lighten(#4597a4, 40%);
+  background-color: color.adjust(#4597a4, $lightness: 40%);
 }
 
 .tc-alert-danger{
   border: 2px solid #ee4d4d;
   color: #ee4d4d;
-  background-color: lighten(#ee4d4d, 33%);
+  background-color: color.adjust(#ee4d4d, $lightness: 33%);
 }
 
 .tc-alert-warning{
   border: 2px solid #ffa632;
   color: #c8842a;
-  background-color: lighten(#ffa632, 33%);
+  background-color: color.adjust(#ffa632, $lightness: 33%);
 }
 
 .tc-alert-info{
   border: 2px solid #456da4;
   color: #456da4;
-  background-color: lighten(#456da4, 40%);
+  background-color: color.adjust(#456da4, $lightness: 40%);
 }
 

package/scss/tcloud/custom/variables.scss

@@ -1,4 +1,4 @@
-@import './colors.scss';
+@use 'colors.scss';
 
 
 :root {

package/scss/tcloud/disaster-recovery/styles.scss

@@ -1,2 +1,2 @@
-@import 'colors.scss';
-@import 'layout.scss';
+@use 'colors.scss';
+@use 'layout.scss';

package/scss/tcloud/prime/cards-products.scss

@@ -1,3 +1,5 @@
+@use "../custom/mixins";
+
 body.tc-prime{
 
   //=================================================
@@ -10,11 +12,11 @@ body.tc-prime{
 
   .env-card-header {
     background: none !important;
-    @include prime-gray-100;
+    @include mixins.prime-gray-100;
 
     .fa-cog,
     .icon-date-create {
-      @include prime-gray-100;
+      @include mixins.prime-gray-100;
     }
 
     .status {
@@ -24,12 +26,12 @@ body.tc-prime{
 
   .top-id-wrap:hover .top-id,
   .top-id-wrap:hover i {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
 
   .slick-dots li.slick-active button:before {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
   .slick-dots {
@@ -37,7 +39,7 @@ body.tc-prime{
     li {
 
       button:before {
-        @include prime-bgc;
+        @include mixins.prime-bgc;
       }
 
       &.slick-active {
@@ -45,7 +47,7 @@ body.tc-prime{
         button {
 
           &:before {
-            @include prime-bgc;
+            @include mixins.prime-bgc;
             opacity: 1;
           }
         }
@@ -55,7 +57,7 @@ body.tc-prime{
 
   .slick-prev:before,
   .slick-next:before {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
   .env-card-wrap {
@@ -145,7 +147,7 @@ body.tc-prime{
     right: -15px !important;
 
     i {
-      @include prime-color;
+      @include mixins.prime-color;
     }
   }
 
@@ -192,7 +194,7 @@ body.tc-prime{
           .status,
           .fa-cog,
           .icon-date-create {
-            @include prime-color;
+            @include mixins.prime-color;
           }
         }
       }

package/scss/tcloud/prime/left-navigation.scss

@@ -1,3 +1,5 @@
+@use "../custom/mixins";
+
 body.tc-prime {
 
   //==========================================================
@@ -130,7 +132,7 @@ body.tc-prime {
 
       &:hover,
       :focus {
-        @include prime-color;
+        @include mixins.prime-color;
         background: none !important;
       }
     }
@@ -144,14 +146,14 @@ body.tc-prime {
       > li > a,
       .item-link i {
 
-        @include prime-color;
+        @include mixins.prime-color;
       }
     }
   }
 
   .dropdown-menu > li > a:focus,
   .dropdown-menu > li > a:hover {
-    @include prime-color;
+    @include mixins.prime-color;
   }
 
   //====================================
@@ -185,7 +187,7 @@ body.tc-prime {
       &:hover {
 
         > a {
-          @include prime-bg-gradient;
+          @include mixins.prime-bg-gradient;
         }
       }
 
@@ -253,62 +255,62 @@ body.tc-prime {
     $wdt: 20px;
 
     .fa-laptop {
-      @include ico-menu('menu-ico_home', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_home', $hgt, $wdt);
     }
 
     // minha conta
     .fa-user {
-      @include ico-menu('menu-ico_account', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_account', $hgt, $wdt);
     }
 
     // TSS
     .fa-cubes {
-      @include ico-menu('menu-ico_tss', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_tss', $hgt, $wdt);
     }
 
     // Produtos
     .fa-server {
-      @include ico-menu('menu-ico_products', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_products', $hgt, $wdt);
     }
 
     // IAAS
     .fa-cloud {
-      @include ico-menu('menu-ico_iaas', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_iaas', $hgt, $wdt);
     }
 
     // Gestão de Usuários
     .fa-address-card {
-      @include ico-menu('menu-ico_adm-users', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_adm-users', $hgt, $wdt);
     }
 
     // Administração
     .fa-cogs {
-      @include ico-menu('menu-ico_adm', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_adm', $hgt, $wdt);
     }
 
     // trust-center
     .fa-lock {
-      @include ico-menu('menu-ico_trust-center', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_trust-center', $hgt, $wdt);
     }
 
     // Ev Comercial
     .fa-building {
-      @include ico-menu('menu-ico_com-event', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_com-event', $hgt, $wdt);
     }
 
     // Janela de Manutenção
     .fa-clock {
-      @include ico-menu('menu-ico_maintenance', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_maintenance', $hgt, $wdt);
     }
 
     // Migrador
     .fa-dolly-flatbed {
-      @include ico-menu('menu-ico_migrator', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_migrator', $hgt, $wdt);
     }
 
     // DEVstudio
     .fa-dev {
-      @include ico-menu('menu-ico_maintenance', $hgt, $wdt);
+      @include mixins.ico-menu('menu-ico_maintenance', $hgt, $wdt);
     }
 
   }

package/scss/tcloud/prime/styles.scss

@@ -1,3 +1,3 @@
-@import 'left-navigation.scss';
-@import 'cards-products.scss';
-@import 'tcloud-prime.scss';
+@use 'left-navigation.scss';
+@use 'cards-products.scss';
+@use 'tcloud-prime.scss';