@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.
@@ -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<any>;
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
  }
@@ -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<any>;
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
  }
@@ -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 searchText: FormControl<string>;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "5.1.9",
3
+ "version": "5.1.11",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^19.2.14",
6
6
  "@angular/core": "^19.2.14"
@@ -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
  }
@@ -58,3 +58,8 @@ input.tc-rev-slide-toggle:checked::before {
58
58
  left: auto;
59
59
  right: 2px;
60
60
  }
61
+
62
+ input.tc-rev-slide-toggle:disabled {
63
+ background-color: var(--c-neutral-300);
64
+ cursor: not-allowed;
65
+ }