@dev-tcloud/tcloud-ui 5.1.9 → 5.1.11
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.
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +124 -38
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component.d.ts +3 -2
- package/lib/revitalizacao/components/tc-rev-dropdown-grouped/tc-rev-dropdown-grouped.component.d.ts +3 -2
- package/lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component.d.ts +2 -1
- package/lib/revitalizacao/components/tc-rev-multi-input/tc-rev-multi-input.component.d.ts +2 -1
- package/lib/revitalizacao/components/tc-rev-search-input/tc-rev-search-input.component.d.ts +3 -2
- package/package.json +1 -1
- package/scss/tcloud-revitalizacao/components/_tc-rev-checkbox.scss +13 -0
- package/scss/tcloud-revitalizacao/components/_tc-rev-radio.scss +13 -0
- package/scss/tcloud-revitalizacao/components/_tc-rev-slide-toggle.scss +5 -0
|
@@ -18,10 +18,11 @@ export declare class TcRevDropdownComponent {
|
|
|
18
18
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
19
19
|
options: import("@angular/core").InputSignal<DropdownOption[]>;
|
|
20
20
|
initialValue: import("@angular/core").InputSignal<any>;
|
|
21
|
+
value: import("@angular/core").ModelSignal<any>;
|
|
21
22
|
size: import("@angular/core").InputSignal<DropdownSize>;
|
|
22
23
|
width: import("@angular/core").InputSignal<string>;
|
|
23
24
|
optionSelected: import("@angular/core").OutputEmitterRef<any>;
|
|
24
|
-
selectedOption: import("@angular/core").WritableSignal<
|
|
25
|
+
selectedOption: import("@angular/core").WritableSignal<DropdownOption>;
|
|
25
26
|
isOpen: boolean;
|
|
26
27
|
dropdownSize: typeof DropdownSize;
|
|
27
28
|
constructor(elementRef: ElementRef);
|
|
@@ -30,5 +31,5 @@ export declare class TcRevDropdownComponent {
|
|
|
30
31
|
toggleDropdown(): void;
|
|
31
32
|
selectOption(option: DropdownOption): void;
|
|
32
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevDropdownComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownComponent, "tc-rev-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownComponent, "tc-rev-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
34
35
|
}
|
package/lib/revitalizacao/components/tc-rev-dropdown-grouped/tc-rev-dropdown-grouped.component.d.ts
CHANGED
|
@@ -23,13 +23,14 @@ export declare class TcRevDropdownGroupedComponent {
|
|
|
23
23
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
24
24
|
options: import("@angular/core").InputSignal<DropdownGroupedOption[]>;
|
|
25
25
|
initialValue: import("@angular/core").InputSignal<any>;
|
|
26
|
+
value: import("@angular/core").ModelSignal<any>;
|
|
26
27
|
size: import("@angular/core").InputSignal<DropdownGroupedSize>;
|
|
27
28
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
28
29
|
searchPlaceholder: import("@angular/core").InputSignal<string>;
|
|
29
30
|
showSearch: import("@angular/core").InputSignal<boolean>;
|
|
30
31
|
width: import("@angular/core").InputSignal<string>;
|
|
31
32
|
optionSelected: import("@angular/core").OutputEmitterRef<any>;
|
|
32
|
-
selectedOption: import("@angular/core").WritableSignal<
|
|
33
|
+
selectedOption: import("@angular/core").WritableSignal<DropdownGroupedOption>;
|
|
33
34
|
isOpen: boolean;
|
|
34
35
|
searchTerm: import("@angular/core").WritableSignal<string>;
|
|
35
36
|
dropdownSize: typeof DropdownGroupedSize;
|
|
@@ -44,5 +45,5 @@ export declare class TcRevDropdownGroupedComponent {
|
|
|
44
45
|
clearSearch(): void;
|
|
45
46
|
hasResults(): boolean;
|
|
46
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevDropdownGroupedComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownGroupedComponent, "tc-rev-dropdown-grouped", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownGroupedComponent, "tc-rev-dropdown-grouped", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "optionSelected": "optionSelected"; }, never, never, true, never>;
|
|
48
49
|
}
|
package/lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ export declare class TcRevDropdownMultiComponent {
|
|
|
18
18
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
19
19
|
options: import("@angular/core").InputSignal<DropdownMultiOption[]>;
|
|
20
20
|
initialValues: import("@angular/core").InputSignal<any[]>;
|
|
21
|
+
values: import("@angular/core").ModelSignal<any[]>;
|
|
21
22
|
size: import("@angular/core").InputSignal<DropdownMultiSize>;
|
|
22
23
|
width: import("@angular/core").InputSignal<string>;
|
|
23
24
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
@@ -39,5 +40,5 @@ export declare class TcRevDropdownMultiComponent {
|
|
|
39
40
|
isSomeSelected(): boolean;
|
|
40
41
|
toggleSelectAll(event: Event): void;
|
|
41
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevDropdownMultiComponent, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownMultiComponent, "tc-rev-dropdown-multi", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxDisplayItems": { "alias": "maxDisplayItems"; "required": false; "isSignal": true; }; }, { "optionsSelected": "optionsSelected"; }, never, never, true, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevDropdownMultiComponent, "tc-rev-dropdown-multi", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxDisplayItems": { "alias": "maxDisplayItems"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "optionsSelected": "optionsSelected"; }, never, never, true, never>;
|
|
43
44
|
}
|
|
@@ -6,6 +6,7 @@ export declare class TcRevMultiInputComponent {
|
|
|
6
6
|
initialValue: import("@angular/core").InputSignal<string>;
|
|
7
7
|
description: import("@angular/core").InputSignal<string>;
|
|
8
8
|
initialList: import("@angular/core").InputSignal<any[]>;
|
|
9
|
+
items: import("@angular/core").ModelSignal<string[]>;
|
|
9
10
|
validators: import("@angular/core").InputSignal<any[]>;
|
|
10
11
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
11
12
|
itemsList: import("@angular/core").WritableSignal<string[]>;
|
|
@@ -18,5 +19,5 @@ export declare class TcRevMultiInputComponent {
|
|
|
18
19
|
addItem(): void;
|
|
19
20
|
removeItem(index: number): void;
|
|
20
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevMultiInputComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevMultiInputComponent, "tc-rev-multi-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "initialList": { "alias": "initialList"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onChangeList": "onChangeList"; }, never, never, true, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevMultiInputComponent, "tc-rev-multi-input", never, { "autoFocus": { "alias": "autoFocus"; "required": false; }; "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "initialList": { "alias": "initialList"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "onChangeList": "onChangeList"; }, never, never, true, never>;
|
|
22
23
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { FormControl } from '@angular/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TcRevSearchInputComponent {
|
|
4
|
-
protected
|
|
4
|
+
protected searchTextForm: FormControl<string>;
|
|
5
5
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
6
|
+
searchText: import("@angular/core").ModelSignal<string>;
|
|
6
7
|
onSearch: import("@angular/core").OutputEmitterRef<string>;
|
|
7
8
|
ngOnInit(): void;
|
|
8
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TcRevSearchInputComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevSearchInputComponent, "tc-rev-search-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "onSearch": "onSearch"; }, never, never, true, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TcRevSearchInputComponent, "tc-rev-search-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; }, { "searchText": "searchTextChange"; "onSearch": "onSearch"; }, never, never, true, never>;
|
|
10
11
|
}
|
package/package.json
CHANGED
|
@@ -100,4 +100,17 @@ input[type='checkbox'].tc-rev-input-checkbox, input[type='checkbox'].tc-rev-chec
|
|
|
100
100
|
-webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
|
|
101
101
|
no-repeat center/contain;
|
|
102
102
|
}
|
|
103
|
+
|
|
104
|
+
&:disabled {
|
|
105
|
+
border-color: var(--c-neutral-300);
|
|
106
|
+
cursor: not-allowed;
|
|
107
|
+
|
|
108
|
+
&:checked {
|
|
109
|
+
background: var(--c-neutral-300);
|
|
110
|
+
|
|
111
|
+
&::before {
|
|
112
|
+
background: var(--c-neutral-300);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
103
116
|
}
|
|
@@ -61,4 +61,17 @@ input[type='radio'].tc-rev-input-control, input[type='radio'].tc-rev-radio {
|
|
|
61
61
|
transform: translate(-50%, -50%);
|
|
62
62
|
width: var(--size-14);
|
|
63
63
|
}
|
|
64
|
+
|
|
65
|
+
&:disabled {
|
|
66
|
+
border: 1px solid var(--c-neutral-300);
|
|
67
|
+
cursor: not-allowed;
|
|
68
|
+
|
|
69
|
+
&::before {
|
|
70
|
+
background-color: var(--c-neutral-300);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&:checked::before {
|
|
74
|
+
background-color: var(--c-neutral-300);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
64
77
|
}
|