@dev-tcloud/tcloud-ui 4.2.1 → 5.0.0

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

@@ -1,48 +1,48 @@
-
-.menu-area-floating{
-  -webkit-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
-  -moz-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
-  box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
-}
-
-.tc-prime.mini-navbar{  
-  .footer{
-    display: none;
-  }  
-}
-
-.mini-navbar{
-  #side-menu{
-    li{
-      padding-left: 8px;
-    }
-  }
-}
-
-.fixed-sidebar-below{
-  margin-left: 62px !important;
-
-  .navbar-fixed-top{
-    z-index: 0;
-  }
-
-  .wrap-main{
-    .background-page-global-internal{
-      margin-top: 8px !important;
-    }
-  }
-  
-}
-
-.mini-navbar{
-  #page-wrapper{
-    .wrap-main{
-      .background-page-global-internal{
-        margin-top: 70px;
-      }
-    }
-    nav.navbar{
-      padding: 0 70px 0 0 !important;
-    }
-  }
+
+.menu-area-floating{
+  -webkit-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+  -moz-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+  box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+}
+
+.tc-prime.mini-navbar{  
+  .footer{
+    display: none;
+  }  
+}
+
+.mini-navbar{
+  #side-menu{
+    li{
+      padding-left: 8px;
+    }
+  }
+}
+
+.fixed-sidebar-below{
+  margin-left: 62px !important;
+
+  .navbar-fixed-top{
+    z-index: 0;
+  }
+
+  .wrap-main{
+    .background-page-global-internal{
+      margin-top: 8px !important;
+    }
+  }
+  
+}
+
+.mini-navbar{
+  #page-wrapper{
+    .wrap-main{
+      .background-page-global-internal{
+        margin-top: 70px;
+      }
+    }
+    nav.navbar{
+      padding: 0 70px 0 0 !important;
+    }
+  }
 }

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,126 +1,126 @@
-@import '../tcloud-ui.scss';
-
-// ===============================
-// T-Cloud Styles
-// ===============================
-
-body {
-  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  background: var(--tc-base-main);
-  font-size: 13px;
-  color: #676a6c;
-  overflow-x: hidden;
-
-  #wrapper{
-    background: #fff;
-  }
-}
-
-html,
-body {
-  height: 100%;
-}
-
-a:hover {
-  text-decoration: none!important;
-}
-
-// ---------------------------------------------
-// Card
-// ---------------------------------------------
-
-.card {
-  background: #fff;
-  color: var(--tc-gray-500);
-  border-radius: 10px;
-  padding: 20px;
-  border: none;
-}
-
-.card-container {
-  background: var(--white);
-  border-radius: 20px;
-  padding: 20px;
-}
-
-.card-title {
-  color: var(--tc-primary);
-  text-transform: uppercase;
-  font-size: 16px;
-  margin-top: 0;
-  font-weight: normal;
-}
-
-.card.shadow {
-  box-shadow: 2px 3px 20px rgba(var(--black), .1)!important;
-}
-
-.card.card-shadow {
-  box-shadow: 2px 3px 20px rgba(var(--black), .1);
-}
-
-.card.margin-top {
-  margin-top: 20px;
-}
-
-.card-shadow {
-  background: var(--white);
-  border-radius: 10px;
-  box-shadow: 2px 3px 20px rgba(var(--black), .1);
-  padding: 20px;
-  margin-bottom: 20px;
-}
-
-.card-shadow-header {
-  display: flex;
-  justify-content: space-between;
-  flex-flow: column;
-  gap: 10px;
-  margin-bottom: 15px;
-  padding-bottom: 15px;
-  border-bottom: 1px solid var(--tc-gray-200);
-}
-
-.card-shadow-tit {
-  font-size: 16px;
-  color:var(--tc-primary);
-  text-transform: uppercase;
-  margin: 0;
-}
-
-.card-shadow-subtit {
-  font-size: 12px;
-}
-
-.card-shadow-content-tit {
-  color: var(--tc-primary);
-  margin-bottom: 20px;
-}
-
-.quick-filter-wrap {
-  margin-bottom: 15px;
-  
-  input {
-    margin-left: 5px;
-  }
-}
-
-.tc-pipeline-report-all {
-
-  .wrapper-content {
-    padding: 10px 0;
-  }
-
-  .form-group {
-    margin: 0 !important;
-    padding: 0 0 10px !important;
-    border-bottom: none!important;
-  }
-}
-
-.trustcenter-container {
-
-  .trust-center-prime {
-    display: none;
-  }
+@use '../tcloud-ui.scss';
+
+// ===============================
+// T-Cloud Styles
+// ===============================
+
+body {
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background: var(--tc-base-main);
+  font-size: 13px;
+  color: #676a6c;
+  overflow-x: hidden;
+
+  #wrapper{
+    background: #fff;
+  }
+}
+
+html,
+body {
+  height: 100%;
+}
+
+a:hover {
+  text-decoration: none!important;
+}
+
+// ---------------------------------------------
+// Card
+// ---------------------------------------------
+
+.card {
+  background: #fff;
+  color: var(--tc-gray-500);
+  border-radius: 10px;
+  padding: 20px;
+  border: none;
+}
+
+.card-container {
+  background: var(--white);
+  border-radius: 20px;
+  padding: 20px;
+}
+
+.card-title {
+  color: var(--tc-primary);
+  text-transform: uppercase;
+  font-size: 16px;
+  margin-top: 0;
+  font-weight: normal;
+}
+
+.card.shadow {
+  box-shadow: 2px 3px 20px rgba(var(--black), .1)!important;
+}
+
+.card.card-shadow {
+  box-shadow: 2px 3px 20px rgba(var(--black), .1);
+}
+
+.card.margin-top {
+  margin-top: 20px;
+}
+
+.card-shadow {
+  background: var(--white);
+  border-radius: 10px;
+  box-shadow: 2px 3px 20px rgba(var(--black), .1);
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.card-shadow-header {
+  display: flex;
+  justify-content: space-between;
+  flex-flow: column;
+  gap: 10px;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid var(--tc-gray-200);
+}
+
+.card-shadow-tit {
+  font-size: 16px;
+  color:var(--tc-primary);
+  text-transform: uppercase;
+  margin: 0;
+}
+
+.card-shadow-subtit {
+  font-size: 12px;
+}
+
+.card-shadow-content-tit {
+  color: var(--tc-primary);
+  margin-bottom: 20px;
+}
+
+.quick-filter-wrap {
+  margin-bottom: 15px;
+  
+  input {
+    margin-left: 5px;
+  }
+}
+
+.tc-pipeline-report-all {
+
+  .wrapper-content {
+    padding: 10px 0;
+  }
+
+  .form-group {
+    margin: 0 !important;
+    padding: 0 0 10px !important;
+    border-bottom: none!important;
+  }
+}
+
+.trustcenter-container {
+
+  .trust-center-prime {
+    display: none;
+  }
 }

package/scss/tcloud/standard/top-navigation.scss

@@ -1,61 +1,61 @@
-.tc-top-navigation{
-
-  .tc-navbar-nav{
-    margin-right: 5px !important;
-    li{
-      .tc-btn{
-        margin: 5px !important;
-      }
-
-      .label-warning{
-        margin-left: 3px;
-      }
-    }
-  }
-
-  .dropdown-toggle::after{
-    display: none !important;
-  }
-
-  .navbar-collapse{
-    &.collapse{
-      &.show{
-        ul{
-          li{
-            .tc-btn:first-child{
-              width: 100% !important;
-              display: flex !important;
-              margin: 5px;
-              justify-content: left;
-              padding-left: 24px;
-            }
-          }
-        }
-        
-        
-      }
-    }
-  }
-}
-
-.tc-prime{
-  .tc-top-navigation{
-    ul{
-      li > .tc-btn{          
-        border: none !important;
-        &:not(.tc-btn-primary) {
-          background: transparent !important;
-        }
-      }
-    }
-  }
-}
-
-.tc-top-navigation{
-  .dropdown{
-    .dropdown-menu{
-      z-index: 2001 !important;
-    }
-  }
-}
-
+.tc-top-navigation{
+
+  .tc-navbar-nav{
+    margin-right: 5px !important;
+    li{
+      .tc-btn{
+        margin: 5px !important;
+      }
+
+      .label-warning{
+        margin-left: 3px;
+      }
+    }
+  }
+
+  .dropdown-toggle::after{
+    display: none !important;
+  }
+
+  .navbar-collapse{
+    &.collapse{
+      &.show{
+        ul{
+          li{
+            .tc-btn:first-child{
+              width: 100% !important;
+              display: flex !important;
+              margin: 5px;
+              justify-content: left;
+              padding-left: 24px;
+            }
+          }
+        }
+        
+        
+      }
+    }
+  }
+}
+
+.tc-prime{
+  .tc-top-navigation{
+    ul{
+      li > .tc-btn{          
+        border: none !important;
+        &:not(.tc-btn-primary) {
+          background: transparent !important;
+        }
+      }
+    }
+  }
+}
+
+.tc-top-navigation{
+  .dropdown{
+    .dropdown-menu{
+      z-index: 2001 !important;
+    }
+  }
+}
+

package/scss/tcloud/styles.scss

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

package/scss/tcloud/tcloud-ui.scss

@@ -1,8 +1,8 @@
-@import 'custom/variables.scss';
-@import 'custom/mixins.scss';
-@import 'custom/colors.scss';
-
-/*
-@import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/variables.scss';
-@import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/mixins.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';
+@import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/mixins.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.6", 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.6", type: TCloudUiAlignDirective, selector: "[TCalign]", inputs: { TCalign: "TCalign" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGNsb3VkLXVpL3NyYy9saWIvX2RpcmVjdGl2ZXMvYWxpZ24vYWxpZ24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlDLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFNL0UsTUFBTSxPQUFPLHNCQUFzQjtJQUlqQyxJQUFhLE9BQU8sQ0FBRSxTQUFjO1FBQ2xDLElBQUksU0FBUyxFQUFDLENBQUM7WUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdkMsQ0FBQztJQUNILENBQUM7SUFFRCxZQUNVLEVBQWMsRUFDZCxRQUFtQjtRQURuQixPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQVhyQixlQUFVLEdBQTJDLE9BQU8sQ0FBQztJQVloRSxDQUFDO0lBRU4sUUFBUTtJQUVSLENBQUM7SUFFRCxRQUFRLENBQUMsRUFBTztRQUNkLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RCxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDdEQsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ3hELENBQUM7SUFDRCxDQUFDOzhHQXBDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztpQkFDdEI7dUdBS2MsT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tUQ2FsaWduXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIFRDbG91ZFVpQWxpZ25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIHByaXZhdGUgX2RpcmVjdGlvbjogJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ2VuZCcgfCAnanVzdGlmeScgPSAnc3RhcnQnO1xyXG5cclxuICBASW5wdXQoKSBzZXQgVENhbGlnbiAoZGlyZWN0aW9uOiBhbnkpe1xyXG4gICAgaWYgKGRpcmVjdGlvbil7XHJcbiAgICAgIHRoaXMuX2RpcmVjdGlvbiA9IGRpcmVjdGlvbjtcclxuICAgICAgdGhpcy5zZXRTdHlsZSh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxyXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXHJcbiAgICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICB9XHJcblxyXG4gIHNldFN0eWxlKGVsOiBhbnkpe1xyXG4gICAgaWYoIHRoaXMuX2RpcmVjdGlvbiA9PT0gJ3N0YXJ0JyApe1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICd0ZXh0LWFsaWduJywgJ2xlZnQnKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiggdGhpcy5fZGlyZWN0aW9uID09PSAnY2VudGVyJyApe1xyXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZWwsICd0ZXh0LWFsaWduJywgJ2NlbnRlcicpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmKCB0aGlzLl9kaXJlY3Rpb24gPT09ICdlbmQnICl7XHJcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ3RleHQtYWxpZ24nLCAncmlnaHQnKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiggdGhpcy5fZGlyZWN0aW9uID09PSAnanVzdGlmeScgKXtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShlbCwgJ3RleHQtYWxpZ24nLCAnanVzdGlmeScpO1xyXG4gIH1cclxuICB9XHJcblxyXG5cclxufSJdfQ==