@dev-tcloud/tcloud-ui 2.2.7 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +1 -0
  2. package/esm2022/lib/_directives/align/align.directive.mjs +4 -1
  3. package/esm2022/lib/_modules/tcloud-ui-filters/components/range-date/range-date.component.mjs +5 -1
  4. package/esm2022/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component.mjs +36 -0
  5. package/esm2022/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module.mjs +31 -0
  6. package/esm2022/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.mjs +6 -3
  7. package/esm2022/lib/tcloud-ui.module.mjs +8 -1
  8. package/esm2022/public-api.mjs +4 -1
  9. package/fesm2022/dev-tcloud-tcloud-ui.mjs +78 -3
  10. package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
  11. package/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component.d.ts +14 -0
  12. package/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module.d.ts +9 -0
  13. package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts +2 -1
  14. package/lib/tcloud-ui.module.d.ts +4 -3
  15. package/package.json +1 -1
  16. package/public-api.d.ts +2 -0
  17. package/scss/tcloud/custom/buttons.scss +103 -59
package/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TCloudUiLabelTokenComponent implements OnInit {
4
+ copy: boolean;
5
+ value: any;
6
+ onClick: EventEmitter<any>;
7
+ show: boolean;
8
+ isCopy: boolean;
9
+ constructor();
10
+ ngOnInit(): void;
11
+ copyText(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiLabelTokenComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiLabelTokenComponent, "tcloud-ui-label-token", never, { "copy": { "alias": "copy"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
14
+ }
package/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./tcloud-ui-label-token.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@angular/forms";
5
+ export declare class TCloudUiLabelTokenModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiLabelTokenModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TCloudUiLabelTokenModule, [typeof i1.TCloudUiLabelTokenComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule], [typeof i1.TCloudUiLabelTokenComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<TCloudUiLabelTokenModule>;
9
+ }
package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class TCloudUiTabHeadComponent implements OnInit {
9
9
  ID: string;
10
10
  background: boolean;
11
11
  backgroundColor: '#FFFFFF' | '#F1F1F1' | 'white' | 'transparent';
12
+ bottom_line: boolean;
12
13
  constructor(tabMenuService: TabMenuService);
13
14
  ngOnInit(): void;
14
15
  generateID(): string;
@@ -17,5 +18,5 @@ export declare class TCloudUiTabHeadComponent implements OnInit {
17
18
  private scrollSuave;
18
19
  private moveScroll;
19
20
  static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiTabHeadComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, ["*"], false, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "bottom_line": { "alias": "bottom_line"; "required": false; }; }, {}, never, ["*"], false, never>;
21
22
  }
package/lib/tcloud-ui.module.d.ts CHANGED
@@ -22,10 +22,11 @@ import * as i20 from "./_modules/tcloud-ui-input-password/tcloud-ui-input-passwo
22
22
  import * as i21 from "./_modules/tcloud-ui-progress-bar/tcloud-ui-progress-bar.module";
23
23
  import * as i22 from "./_modules/tcloud-ui-loading/tcloud-ui-loading.module";
24
24
  import * as i23 from "./_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items.module";
25
- import * as i24 from "./_directives/directives.module";
26
- import * as i25 from "./_pipes/tcloud-pipes.module";
25
+ import * as i24 from "./_modules/tcloud-ui-label-token/tcloud-ui-label-token.module";
26
+ import * as i25 from "./_directives/directives.module";
27
+ import * as i26 from "./_pipes/tcloud-pipes.module";
27
28
  export declare class TCloudUiModule {
28
29
  static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<TCloudUiModule, never, [typeof i1.TCloudUiModalModule, typeof i2.TCloudUiTabMenuModule, typeof i3.TCloudUiLinhaLogoModule, typeof i4.TCloudUiLineStepCircleModule, typeof i5.TCloudUiMultiSelectModule, typeof i6.TCloudUiDataListModule, typeof i7.TCloudUiMultiInputModule, typeof i8.TCloudUiChoiceIssuesModule, typeof i9.TCloudUiInputSearchModule, typeof i10.TCloudUiNotFoundModule, typeof i11.TCloudUiTableModule, typeof i12.TCloudUiNumberStepModule, typeof i13.TCloudUiScrollBoxModule, typeof i14.TCloudUiFiltersModule, typeof i15.TCloudUiAccordionModule, typeof i16.TCloudUiDatepickerModule, typeof i17.TCloudUiDatepickerTimeModule, typeof i18.TCloudUiMultiplesValuesModule, typeof i19.TCloudUiWelcomeModule, typeof i20.TCloudUiInputPasswordModule, typeof i21.TCloudUiProgressBarModule, typeof i22.TCloudUiLoadingModule, typeof i23.TCloudUiReorderItemsModule, typeof i24.TCloudUiDirectiveModule, typeof i25.TCloudUiPipesModule], [typeof i1.TCloudUiModalModule, typeof i2.TCloudUiTabMenuModule, typeof i3.TCloudUiLinhaLogoModule, typeof i4.TCloudUiLineStepCircleModule, typeof i5.TCloudUiMultiSelectModule, typeof i6.TCloudUiDataListModule, typeof i7.TCloudUiMultiInputModule, typeof i8.TCloudUiChoiceIssuesModule, typeof i9.TCloudUiInputSearchModule, typeof i10.TCloudUiNotFoundModule, typeof i11.TCloudUiTableModule, typeof i12.TCloudUiNumberStepModule, typeof i13.TCloudUiScrollBoxModule, typeof i14.TCloudUiFiltersModule, typeof i15.TCloudUiAccordionModule, typeof i16.TCloudUiDatepickerModule, typeof i17.TCloudUiDatepickerTimeModule, typeof i18.TCloudUiMultiplesValuesModule, typeof i19.TCloudUiWelcomeModule, typeof i20.TCloudUiInputPasswordModule, typeof i21.TCloudUiProgressBarModule, typeof i22.TCloudUiLoadingModule, typeof i23.TCloudUiReorderItemsModule, typeof i24.TCloudUiDirectiveModule, typeof i25.TCloudUiPipesModule]>;
30
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TCloudUiModule, never, [typeof i1.TCloudUiModalModule, typeof i2.TCloudUiTabMenuModule, typeof i3.TCloudUiLinhaLogoModule, typeof i4.TCloudUiLineStepCircleModule, typeof i5.TCloudUiMultiSelectModule, typeof i6.TCloudUiDataListModule, typeof i7.TCloudUiMultiInputModule, typeof i8.TCloudUiChoiceIssuesModule, typeof i9.TCloudUiInputSearchModule, typeof i10.TCloudUiNotFoundModule, typeof i11.TCloudUiTableModule, typeof i12.TCloudUiNumberStepModule, typeof i13.TCloudUiScrollBoxModule, typeof i14.TCloudUiFiltersModule, typeof i15.TCloudUiAccordionModule, typeof i16.TCloudUiDatepickerModule, typeof i17.TCloudUiDatepickerTimeModule, typeof i18.TCloudUiMultiplesValuesModule, typeof i19.TCloudUiWelcomeModule, typeof i20.TCloudUiInputPasswordModule, typeof i21.TCloudUiProgressBarModule, typeof i22.TCloudUiLoadingModule, typeof i23.TCloudUiReorderItemsModule, typeof i24.TCloudUiLabelTokenModule, typeof i25.TCloudUiDirectiveModule, typeof i26.TCloudUiPipesModule], [typeof i1.TCloudUiModalModule, typeof i2.TCloudUiTabMenuModule, typeof i3.TCloudUiLinhaLogoModule, typeof i4.TCloudUiLineStepCircleModule, typeof i5.TCloudUiMultiSelectModule, typeof i6.TCloudUiDataListModule, typeof i7.TCloudUiMultiInputModule, typeof i8.TCloudUiChoiceIssuesModule, typeof i9.TCloudUiInputSearchModule, typeof i10.TCloudUiNotFoundModule, typeof i11.TCloudUiTableModule, typeof i12.TCloudUiNumberStepModule, typeof i13.TCloudUiScrollBoxModule, typeof i14.TCloudUiFiltersModule, typeof i15.TCloudUiAccordionModule, typeof i16.TCloudUiDatepickerModule, typeof i17.TCloudUiDatepickerTimeModule, typeof i18.TCloudUiMultiplesValuesModule, typeof i19.TCloudUiWelcomeModule, typeof i20.TCloudUiInputPasswordModule, typeof i21.TCloudUiProgressBarModule, typeof i22.TCloudUiLoadingModule, typeof i23.TCloudUiReorderItemsModule, typeof i24.TCloudUiLabelTokenModule, typeof i25.TCloudUiDirectiveModule, typeof i26.TCloudUiPipesModule]>;
30
31
  static ɵinj: i0.ɵɵInjectorDeclaration<TCloudUiModule>;
31
32
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "2.2.7",
3
+ "version": "2.3.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.2.0",
6
6
  "@angular/core": "^16.2.0"
package/public-api.d.ts CHANGED
@@ -59,6 +59,8 @@ export * from './lib/_modules/tcloud-ui-loading/components/tcloud-ui-cubes/tclou
59
59
  export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items';
60
60
  export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items.component';
61
61
  export * from './lib/_modules/tcloud-ui-reorder-items/tcloud-ui-reorder-items.module';
62
+ export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.module';
63
+ export * from './lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component';
62
64
  export * from './lib/_directives/directives.module';
63
65
  export * from './lib/_directives/tooltip/tooltip.directive';
64
66
  export * from './lib/_directives/align/align.directive';
package/scss/tcloud/custom/buttons.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .tc-btn {
2
2
  font-size: 12px;
3
3
  background: var(--tc-gray-100);
4
- color: var(--tc-gray-700);
4
+ color: var(--tc-gray-600);
5
5
  cursor: pointer;
6
6
  border-radius: 30px;
7
7
  display: inline-flex;
@@ -14,7 +14,7 @@
14
14
 
15
15
  p {
16
16
  font-size: 13px;
17
- color: var(--tc-gray-700);
17
+ color: var(--tc-gray-600);
18
18
  }
19
19
 
20
20
  i {
@@ -53,38 +53,37 @@ i {
53
53
  }
54
54
 
55
55
  .tc-btn-block {
56
- display: block;
57
- width: 100%;
58
- text-align: center;
59
- padding: 10px 25px;
56
+ display: block;
57
+ width: 100%;
58
+ text-align: center;
59
+ padding: 10px 25px;
60
60
  }
61
61
 
62
62
  .tc-btn-square {
63
- border-radius: 9px;
64
- padding-left: 15px;
65
- padding-right: 15px;
63
+ border-radius: 9px;
64
+ padding-left: 15px;
65
+ padding-right: 15px;
66
66
  }
67
67
 
68
68
  .tc-btn:disabled,
69
69
  .tc-btn[disabled]{
70
- cursor: no-drop;
71
- opacity: 0.6;
70
+ cursor: no-drop;
71
+ opacity: 0.6;
72
72
  }
73
73
 
74
74
  .tc-btn-primary {
75
- color: var(--white);
76
- background: var(--tc-primary);
77
- border-color: var(--tc-primary);
75
+ color: var(--white);
76
+ background: var(--tc-primary);
77
+ border-color: var(--tc-primary);
78
78
 
79
79
  &:hover {
80
80
  color: var(--white);
81
81
  background: var(--tc-complemt-3);
82
82
  border-color: var(--tc-primary);
83
83
  }
84
-
85
84
  }
86
85
 
87
- .tc-btn-warning {
86
+ .tc-btn-warning {
88
87
  color: var(--white);
89
88
  background: var(--warning);
90
89
  border-color: var(--warning);
@@ -108,58 +107,103 @@ border-color: var(--tc-primary);
108
107
  }
109
108
  }
110
109
 
110
+ // BUTTON OUTLINE
111
+ .tc-btn-outline {
112
+ color: var(--tc-gray-500);
113
+ background: transparent;
114
+ border-color: 1px solid var(--tc-gray-400);
111
115
 
112
- .tc-btn-link {
113
- cursor: pointer;
114
- padding: 10px;
115
- background: none;
116
- color: var(--tc-primary);
117
- border: none;
116
+ &:hover {
117
+ color: var(--tc-gray-600);
118
+ background: transparent;
119
+ border-color: var(--tc-gray-600);
120
+ }
121
+ }
118
122
 
119
- p {
120
- text-align: left;
123
+ .tc-btn-outline-primary {
121
124
  color: var(--tc-primary);
122
- }
125
+ background: transparent;
126
+ border-color: var(--tc-primary);
123
127
 
124
- &:hover{
125
- opacity: 0.8;
128
+ &:hover {
129
+ color: var(--white);
130
+ background: var(--tc-primary);
131
+ border-color: var(--tc-primary);
132
+ }
126
133
  }
127
134
 
128
- &:disabled{
129
- opacity: 0.6;
130
- }
135
+ .tc-btn-outline-warning {
136
+ color: var(--warning);
137
+ background: transparent;
138
+ border-color: var(--warning);
131
139
 
132
- &.tc-btn-link-primary {
133
- background: none;
134
- border: none;
135
- color: var(--tc-primary);
140
+ &:hover {
141
+ color: var(--white);
142
+ background: var(--warning);
143
+ border-color: var(--warning);
144
+ }
136
145
  }
137
146
 
138
- &.tc-btn-link-warning {
139
- background: none;
140
- border: none;
141
- color: var(--warning);
147
+ .tc-btn-outline-danger {
148
+ color: var(--danger);
149
+ background: transparent;
150
+ border-color: var(--danger);
151
+
152
+ &:hover {
153
+ color: var(--white);
154
+ background: var(--danger);
155
+ border-color: var(--danger);
156
+ }
142
157
  }
143
158
 
144
- &.tc-btn-link-danger {
159
+
160
+ .tc-btn-link {
161
+ cursor: pointer;
162
+ padding: 10px;
145
163
  background: none;
164
+ color: var(--tc-primary);
146
165
  border: none;
147
- color: var(--danger);
148
- }
149
166
 
150
- }
167
+ p {
168
+ text-align: left;
169
+ color: var(--tc-primary);
170
+ }
151
171
 
172
+ &:hover{
173
+ opacity: 0.8;
174
+ }
175
+
176
+ &:disabled{
177
+ opacity: 0.6;
178
+ }
152
179
 
180
+ &.tc-btn-link-primary {
181
+ background: none;
182
+ border: none;
183
+ color: var(--tc-primary);
184
+ }
153
185
 
186
+ &.tc-btn-link-warning {
187
+ background: none;
188
+ border: none;
189
+ color: var(--warning);
190
+ }
191
+
192
+ &.tc-btn-link-danger {
193
+ background: none;
194
+ border: none;
195
+ color: var(--danger);
196
+ }
197
+ }
154
198
 
155
199
  .tc-btn:disabled {
156
- opacity: 0.6;
157
- cursor: not-allowed;
200
+ opacity: 0.6;
201
+ cursor: not-allowed;
158
202
  }
159
203
 
160
204
  .tc-btn-block{
161
- width: 100% !important;
162
- justify-content: center;
205
+ width: 100% !important;
206
+ justify-content: center;
163
207
  }
164
208
 
165
209
  // ========================================
@@ -167,24 +211,24 @@ justify-content: center;
167
211
  // ========================================
168
212
 
169
213
  .btn-new {
170
- border: none;
171
- transition: all 0.25s;
172
- background: var(--tc-gray-100);
173
- color: var(--tc-gray-500);
174
- font-size: 12px;
175
- font-weight: normal;
176
- border-radius: 30px;
177
- padding: 10px 25px!important;
178
- cursor: pointer;
179
- display: inline-flex;
180
- align-items: center;
214
+ border: none;
215
+ transition: all 0.25s;
216
+ background: var(--tc-gray-100);
217
+ color: var(--tc-gray-500);
218
+ font-size: 12px;
219
+ font-weight: normal;
220
+ border-radius: 30px;
221
+ padding: 10px 25px!important;
222
+ cursor: pointer;
223
+ display: inline-flex;
224
+ align-items: center;
181
225
  }
182
226
 
183
227
  .btn-new.active,
184
228
  .btn-new.opened,
185
229
  .btn-new:hover {
186
- background: var(--tc-primary);
187
- color: var(--white);
230
+ background: var(--tc-primary);
231
+ color: var(--white);
188
232
  }
189
233
 
190
234
  .btn-new i {