ngx-register-base 1.3.3 → 1.3.4

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 (34) hide show
  1. package/esm2022/lib/components/inputs/index.mjs +2 -1
  2. package/esm2022/lib/components/inputs/inputs.module.mjs +7 -6
  3. package/esm2022/lib/components/inputs/param-calendar-year/param-calendar-year.component.mjs +3 -3
  4. package/esm2022/lib/components/inputs/param-date/param-date.component.mjs +3 -3
  5. package/esm2022/lib/components/inputs/param-date-range/param-date-range.component.mjs +2 -2
  6. package/esm2022/lib/components/inputs/param-date-time/param-date-time.component.mjs +2 -2
  7. package/esm2022/lib/components/inputs/param-date-time-range/param-date-time-range.component.mjs +2 -2
  8. package/esm2022/lib/components/inputs/param-month/param-month.component.mjs +2 -2
  9. package/esm2022/lib/components/inputs/param-month-range/param-month-range.component.mjs +2 -2
  10. package/esm2022/lib/components/inputs/param-multi-select/param-multi-select.component.mjs +3 -3
  11. package/esm2022/lib/components/inputs/param-select/param-select-actions.directive.mjs +20 -0
  12. package/esm2022/lib/components/inputs/param-select/param-select.component.mjs +40 -4
  13. package/esm2022/lib/components/inputs/param-text/param-text.component.mjs +3 -3
  14. package/esm2022/lib/components/inputs/param-textarea/param-textarea.component.mjs +3 -3
  15. package/esm2022/lib/components/inputs/param-toggle/param-toggle.component.mjs +2 -2
  16. package/esm2022/lib/components/inputs/param-tree-multi-select/param-tree-multi-select.component.mjs +3 -3
  17. package/esm2022/lib/components/inputs/param-tree-select/param-tree-select.component.mjs +3 -3
  18. package/esm2022/lib/components/sliding-panel/sliding-panel.component.mjs +2 -2
  19. package/fesm2022/ngx-register-base.mjs +90 -48
  20. package/fesm2022/ngx-register-base.mjs.map +1 -1
  21. package/lib/components/inputs/index.d.ts +1 -0
  22. package/lib/components/inputs/inputs.module.d.ts +3 -3
  23. package/lib/components/inputs/param-select/param-select-actions.directive.d.ts +15 -0
  24. package/lib/components/inputs/param-select/param-select.component.d.ts +8 -1
  25. package/package.json +1 -1
  26. package/styles/common-param.less +14 -0
  27. package/styles/flex.less +5 -1
  28. package/styles/icons.less +8 -0
  29. package/styles/overrides/tui/tui-input.less +159 -116
  30. package/styles/styles.less +1 -0
  31. package/esm2022/lib/components/inputs/sub-components/param-delete-content-icon/param-delete-content-btn.component.mjs +0 -15
  32. package/lib/components/inputs/sub-components/param-delete-content-icon/param-delete-content-btn.component.d.ts +0 -6
  33. /package/icons/{calendar-icon.svg → calendar-date-time.svg} +0 -0
  34. /package/icons/{calendar-custom.svg → calendar-date.svg} +0 -0
@@ -7,6 +7,7 @@ export { ParamDateTimeRangeComponent } from './param-date-time-range/param-date-
7
7
  export { ParamMonthComponent } from './param-month/param-month.component';
8
8
  export { ParamMonthRangeComponent } from './param-month-range/param-month-range.component';
9
9
  export { ParamMultiSelectComponent } from './param-multi-select/param-multi-select.component';
10
+ export { ParamSelectActionsDirective, type ParamSelectActionsContext, } from './param-select/param-select-actions.directive';
10
11
  export { ParamSelectComponent } from './param-select/param-select.component';
11
12
  export { ParamSwitcherComponent } from './param-switcher/param-switcher.component';
12
13
  export * from './param-switcher-date-time-range/index';
@@ -22,10 +22,10 @@ import * as i20 from "./param-select/param-select.component";
22
22
  import * as i21 from "./param-date/param-date.component";
23
23
  import * as i22 from "./param-textarea/param-textarea.component";
24
24
  import * as i23 from "../../directives/date/format-date.pipe";
25
- import * as i24 from "./sub-components/param-delete-content-icon/param-delete-content-btn.component";
26
- import * as i25 from "./sub-components/param-invalid-icon/param-invalid-icon.component";
25
+ import * as i24 from "./sub-components/param-invalid-icon/param-invalid-icon.component";
26
+ import * as i25 from "./param-select/param-select-actions.directive";
27
27
  export declare class InputsModule {
28
28
  static ɵfac: i0.ɵɵFactoryDeclaration<InputsModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, [typeof i1.ParamDateRangeComponent, typeof i2.ParamDateTimeComponent, typeof i3.ParamMonthComponent, typeof i4.ParamMonthRangeComponent, typeof i5.ParamToggleComponent, typeof i6.ParamDateTimeRangeComponent, typeof i7.ParamCustomComponent, typeof i8.ParamSwitcherComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i10.ParamCalendarYearComponent], [typeof i11.CommonModule, typeof i12.ParamTextComponent, typeof i13.PrizmSharedModule, typeof i14.PrizmInputMultiSelectModule, typeof i15.TuiTextfieldComponent, typeof i15.TuiTextfieldDirective, typeof i15.TuiTextfieldOptionsDirective, typeof i15.TuiAppearance, typeof i16.TuiInputModule, typeof i16.TuiTextfieldControllerModule, typeof i15.TuiIcon, typeof i15.TuiButton, typeof i17.TuiChevron, typeof i17.TuiSelectDirective, typeof i17.TuiDataListWrapperComponent, typeof i15.TuiTextfieldDropdownDirective, typeof i17.TuiFilterByInputPipe, typeof i18.TuiInputSearch, typeof i19.ParamMultiSelectComponent, typeof i20.ParamSelectComponent, typeof i21.ParamDateComponent, typeof i17.TuiSwitch, typeof i22.ParamTextareaComponent, typeof i16.TuiInputYearModule, typeof i23.FormatDatePipe, typeof i24.ParamDeleteContentBtnComponent, typeof i25.ParamInvalidIconComponent], [typeof i20.ParamSelectComponent, typeof i19.ParamMultiSelectComponent, typeof i1.ParamDateRangeComponent, typeof i2.ParamDateTimeComponent, typeof i3.ParamMonthComponent, typeof i4.ParamMonthRangeComponent, typeof i5.ParamToggleComponent, typeof i12.ParamTextComponent, typeof i6.ParamDateTimeRangeComponent, typeof i7.ParamCustomComponent, typeof i8.ParamSwitcherComponent, typeof i21.ParamDateComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i22.ParamTextareaComponent, typeof i10.ParamCalendarYearComponent]>;
29
+ static ɵmod: i0.ɵɵNgModuleDeclaration<InputsModule, [typeof i1.ParamDateRangeComponent, typeof i2.ParamDateTimeComponent, typeof i3.ParamMonthComponent, typeof i4.ParamMonthRangeComponent, typeof i5.ParamToggleComponent, typeof i6.ParamDateTimeRangeComponent, typeof i7.ParamCustomComponent, typeof i8.ParamSwitcherComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i10.ParamCalendarYearComponent], [typeof i11.CommonModule, typeof i12.ParamTextComponent, typeof i13.PrizmSharedModule, typeof i14.PrizmInputMultiSelectModule, typeof i15.TuiTextfieldComponent, typeof i15.TuiTextfieldDirective, typeof i15.TuiTextfieldOptionsDirective, typeof i15.TuiAppearance, typeof i16.TuiInputModule, typeof i16.TuiTextfieldControllerModule, typeof i15.TuiIcon, typeof i15.TuiButton, typeof i17.TuiChevron, typeof i17.TuiSelectDirective, typeof i17.TuiDataListWrapperComponent, typeof i15.TuiTextfieldDropdownDirective, typeof i17.TuiFilterByInputPipe, typeof i18.TuiInputSearch, typeof i19.ParamMultiSelectComponent, typeof i20.ParamSelectComponent, typeof i21.ParamDateComponent, typeof i17.TuiSwitch, typeof i22.ParamTextareaComponent, typeof i16.TuiInputYearModule, typeof i23.FormatDatePipe, typeof i24.ParamInvalidIconComponent, typeof i25.ParamSelectActionsDirective], [typeof i20.ParamSelectComponent, typeof i25.ParamSelectActionsDirective, typeof i19.ParamMultiSelectComponent, typeof i1.ParamDateRangeComponent, typeof i2.ParamDateTimeComponent, typeof i3.ParamMonthComponent, typeof i4.ParamMonthRangeComponent, typeof i5.ParamToggleComponent, typeof i12.ParamTextComponent, typeof i6.ParamDateTimeRangeComponent, typeof i7.ParamCustomComponent, typeof i8.ParamSwitcherComponent, typeof i21.ParamDateComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i9.ParamSwitcherDateTimeRangeComponent, typeof i22.ParamTextareaComponent, typeof i10.ParamCalendarYearComponent]>;
30
30
  static ɵinj: i0.ɵɵInjectorDeclaration<InputsModule>;
31
31
  }
@@ -0,0 +1,15 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import { IInputControl, IFilterSelectValue } from '../../../types';
3
+ import * as i0 from "@angular/core";
4
+ export interface ParamSelectActionsContext {
5
+ readonly $implicit: IFilterSelectValue | null | undefined;
6
+ readonly value: IFilterSelectValue | null | undefined;
7
+ readonly control: IInputControl<IFilterSelectValue | null, IFilterSelectValue | null>;
8
+ }
9
+ export declare class ParamSelectActionsDirective {
10
+ readonly tpl: TemplateRef<ParamSelectActionsContext>;
11
+ constructor(tpl: TemplateRef<ParamSelectActionsContext>);
12
+ static ngTemplateContextGuard(_: ParamSelectActionsDirective, context: unknown): context is ParamSelectActionsContext;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<ParamSelectActionsDirective, never>;
14
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ParamSelectActionsDirective, "ng-template[sprocParamSelectActions]", never, {}, {}, never, never, true, never>;
15
+ }
@@ -3,6 +3,7 @@ import { BehaviorSubject } from 'rxjs';
3
3
  import { TuiStringMatcher } from '@taiga-ui/cdk';
4
4
  import { ParamSelectBase } from '../../../core/param/param-select-base';
5
5
  import { IFilterSelectValue } from '../../../types/params.types';
6
+ import { ParamSelectActionsDirective } from './param-select-actions.directive';
6
7
  import * as i0 from "@angular/core";
7
8
  export declare class ParamSelectComponent extends ParamSelectBase<IFilterSelectValue | null, IFilterSelectValue | null> implements OnDestroy {
8
9
  placeholder: import("@angular/core").InputSignal<string>;
@@ -12,9 +13,15 @@ export declare class ParamSelectComponent extends ParamSelectBase<IFilterSelectV
12
13
  buildShowedValue: import("@angular/core").InputSignal<(value: IFilterSelectValue | null) => string>;
13
14
  strict: import("@angular/core").InputSignal<boolean>;
14
15
  onSelect: EventEmitter<IFilterSelectValue>;
16
+ protected readonly actionsTemplate?: ParamSelectActionsDirective;
15
17
  protected readonly search$: BehaviorSubject<string | undefined>;
18
+ protected textfieldIconsWidth: number;
19
+ private readonly _ngZone;
20
+ private _textfieldIconsResizeObserver?;
21
+ private set textfieldIconsContainer(value);
16
22
  afterViewInit(): void;
17
23
  ngOnDestroy(): void;
24
+ private _setTextfieldIconsWidth;
18
25
  private _subscribeOnSearch;
19
26
  private _observeFetchItems;
20
27
  private _observeValueFill;
@@ -30,5 +37,5 @@ export declare class ParamSelectComponent extends ParamSelectBase<IFilterSelectV
30
37
  private _getNameFromDeepField;
31
38
  private _updateControlValues;
32
39
  static ɵfac: i0.ɵɵFactoryDeclaration<ParamSelectComponent, never>;
33
- static ɵcmp: i0.ɵɵComponentDeclaration<ParamSelectComponent, "sproc-param-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "stringify": { "alias": "stringify"; "required": false; "isSignal": true; }; "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; "matcher": { "alias": "matcher"; "required": false; "isSignal": true; }; "buildShowedValue": { "alias": "buildShowedValue"; "required": false; "isSignal": true; }; "strict": { "alias": "strict"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<ParamSelectComponent, "sproc-param-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "stringify": { "alias": "stringify"; "required": false; "isSignal": true; }; "identityMatcher": { "alias": "identityMatcher"; "required": false; "isSignal": true; }; "matcher": { "alias": "matcher"; "required": false; "isSignal": true; }; "buildShowedValue": { "alias": "buildShowedValue"; "required": false; "isSignal": true; }; "strict": { "alias": "strict"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, ["actionsTemplate"], never, true, never>;
34
41
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ngx-register-base",
3
- "version": "1.3.3",
3
+ "version": "1.3.4",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "ng-update": {
6
6
  "migrations": "./schematics/migration-collection.json"
@@ -79,6 +79,14 @@
79
79
  .label {
80
80
  .default-label;
81
81
  }
82
+
83
+ input,
84
+ textarea,
85
+ tui-multi-select {
86
+ .input-text-14px;
87
+
88
+ border: 1px solid var(--stroke1);
89
+ }
82
90
  }
83
91
  }
84
92
 
@@ -87,6 +95,7 @@
87
95
  width: 100%;
88
96
  display: flex;
89
97
  flex-direction: column;
98
+ border-bottom: 1px solid var(--stroke1);
90
99
 
91
100
  .label-wrapper {
92
101
  .default-label-wrapper;
@@ -97,6 +106,11 @@
97
106
  .label {
98
107
  .default-label;
99
108
  }
109
+
110
+ input,
111
+ textarea {
112
+ .input-text-12px;
113
+ }
100
114
  }
101
115
  }
102
116
 
package/styles/flex.less CHANGED
@@ -14,6 +14,11 @@
14
14
  flex-grow: 1;
15
15
  }
16
16
 
17
+ .full-flex-width {
18
+ flex: 1;
19
+ width: 100%;
20
+ }
21
+
17
22
  // .gap-1, ..., .gap-6
18
23
  .loop(@counter) when (@counter > 0) {
19
24
  .gap-@{counter} {
@@ -50,4 +55,3 @@
50
55
  }
51
56
  }
52
57
  .align-items();
53
-
@@ -0,0 +1,8 @@
1
+ .icon-size(@size) {
2
+ width: @size;
3
+ height: @size;
4
+ }
5
+
6
+ .icon-size--16 {
7
+ .icon-size(16px);
8
+ }
@@ -1,161 +1,204 @@
1
- @import '@taiga-ui/core/styles/taiga-ui-local';
1
+ @clearIcon: url('/assets/ngx-register-base/icons/delete-content.svg');
2
+ @calendarDateIcon: url('/assets/ngx-register-base/icons/calendar-date.svg');
3
+ @calendarDateTimeIcon: url('/assets/ngx-register-base/icons/calendar-date-time.svg');
4
+ @triangleDownIcon: url('/assets/ngx-register-base/icons/triangle-down.svg');
2
5
 
3
- tui-multi-select[tuiAppearance][data-appearance='sproc-input-appearance'] {
4
- div .t-icons :has(> tui-arrow) {
5
- tui-arrow {
6
- tui-icon {
7
- --t-icon: url('/assets/ngx-register-base/icons/triangle-down.svg') !important;
8
- }
9
- }
6
+ .params-input {
7
+ border-radius: 2px;
8
+ outline: unset !important;
9
+ box-shadow: unset !important;
10
+ }
11
+
12
+ [data-appearance='sproc-input-appearance'] {
13
+ // Icons
14
+ .t-clear {
15
+ --t-icon-start: @clearIcon !important;
10
16
  }
11
17
 
12
- input {
13
- border: none !important;
18
+ .t-cleaner {
19
+ --t-icon: @clearIcon !important;
14
20
  }
15
21
 
16
- tui-icon.t-cleaner::after {
17
- display: none !important;
22
+ // Inputs
23
+ tui-textfield& {
24
+ padding: unset;
25
+ padding-right: 4px;
18
26
  }
19
27
 
20
- &:hover {
21
- tui-icon.t-cleaner::after {
22
- display: block !important;
28
+ input,
29
+ textarea {
30
+ .params-input;
31
+
32
+ overflow: hidden;
33
+ text-overflow: ellipsis;
34
+
35
+ &:focus {
36
+ box-shadow: 0 0 0 2px var(--tui-background-accent-1-pressed) !important;
23
37
  }
24
38
  }
25
- }
26
39
 
27
- [sproc-param-style='filter'] {
28
- [tuiAppearance][data-appearance='textfield'] {
29
- border: none;
30
- border-bottom: 1px solid var(--stroke1);
31
- }
40
+ // Date
41
+ &:has([tuiInputDate])::after {
42
+ --t-icon-end: @calendarDateIcon;
32
43
 
33
- tui-textfield[tuiChevron][tuiIcons]::after {
34
- margin-inline-end: -22px !important;
35
- --t-icon-end: url('/assets/ngx-register-base/icons/triangle-down.svg') !important;
44
+ width: 16px;
36
45
  }
37
- }
38
-
39
- [sproc-param-style='card'] {
40
- [tuiAppearance][data-appearance='textfield'] {
41
- .input-text-14px;
42
46
 
43
- .t-value-content {
44
- width: 100%;
45
- max-width: calc(100% - 16px);
46
- text-overflow: ellipsis;
47
- overflow: hidden;
48
- white-space: nowrap;
49
- }
50
- .t-absolute-wrapper {
51
- margin-left: 16px;
52
- }
53
- .t-arrow {
54
- margin-right: 15px;
55
- }
56
- .t-text {
57
- color: var(--main-black);
58
- padding-bottom: 1px;
59
- }
60
- .t-clear {
61
- padding-right: 10px;
62
- }
63
- border: 1px solid var(--stroke1);
47
+ // Date-range
48
+ &:has([tuiInputDateRange])::after {
49
+ --t-icon-end: @calendarDateIcon;
64
50
 
65
- &::after {
66
- border: none !important;
67
- }
51
+ width: 16px;
52
+ }
68
53
 
69
- // Стили для taiga chips
70
- .t-tags {
71
- flex-wrap: revert !important;
72
- padding-left: 16px;
73
- align-items: center;
74
- border-radius: 2px !important;
54
+ // Date-time
55
+ &:has([tuiInputDateTime])::after {
56
+ --t-icon-end: @calendarDateTimeIcon;
75
57
 
76
- tui-icon:after {
77
- background: var(--icon-hover-color);
78
- mask: url('/assets/ngx-register-base/icons/close.svg') no-repeat center / contain;
79
- }
80
- }
81
- .t-tag {
82
- height: 16px;
83
- }
84
- div.t-tag {
85
- background-color: var(--input-hover-background-color);
86
- border-radius: 2px !important;
87
- height: 16px;
88
- }
58
+ width: 16px;
89
59
  }
90
60
 
91
- tui-textfield[tuiChevron][tuiIcons]::after {
92
- margin-inline-end: -12px !important;
93
- --t-icon-end: url('/assets/ngx-register-base/icons/triangle-down.svg') !important;
61
+ // Month
62
+ &:has([tuiInputMonth])::after {
63
+ --t-icon-end: @calendarDateIcon;
64
+
65
+ width: 16px;
94
66
  }
95
- }
96
67
 
97
- [tuiAppearance][data-appearance='sproc-input-appearance'] {
98
- .transition(~'background, box-shadow, border');
68
+ // Month-range
69
+ &:has([tuiInputMonthRange])::after {
70
+ --t-icon-end: @calendarDateIcon;
99
71
 
100
- // .t-clear - класс селекта,.t-cleaner у других инпутов
101
- [tuiIconButton].t-cleaner::before,
102
- [tuiIconButton].t-clear::before {
103
- display: none !important;
72
+ width: 16px;
104
73
  }
105
74
 
106
- &:hover {
107
- [tuiIconButton].t-cleaner::before,
108
- [tuiIconButton].t-clear::before {
109
- display: block !important;
75
+ // Multi-select
76
+ tui-multi-select& {
77
+ [tuiWrapper][data-appearance='textfield'] {
78
+ box-shadow: unset;
79
+
80
+ .t-absolute-wrapper {
81
+ padding-inline-start: 0.75rem;
82
+ }
83
+
84
+ .t-tags {
85
+ padding-inline-start: 0.75rem;
86
+ }
87
+
88
+ .t-value-content {
89
+ padding-inline-start: 0.75rem;
90
+ }
91
+
92
+ input {
93
+ box-shadow: none !important;
94
+ }
95
+
96
+ &:hover {
97
+ box-shadow: unset;
98
+ }
99
+
100
+ &::after {
101
+ .params-input;
102
+
103
+ border: unset;
104
+ }
110
105
  }
111
106
 
112
- .t-clear {
113
- padding-right: 10px;
107
+ .t-arrow {
108
+ tui-icon {
109
+ --t-icon: @triangleDownIcon !important;
110
+ }
111
+ }
112
+
113
+ &:has(input:focus) {
114
+ box-shadow: 0 0 0 2px var(--tui-background-accent-1-pressed) !important;
114
115
  }
115
116
  }
116
117
 
117
- border-radius: 2px;
118
- outline: unset;
119
- border: unset;
118
+ // Select
119
+ &[tuiChevron] {
120
+ --t-icon-end: @triangleDownIcon !important;
120
121
 
121
- .t-cleaner {
122
- --t-icon: url('/assets/ngx-register-base/icons/delete-content.svg') !important;
122
+ input {
123
+ padding-inline-end: calc(
124
+ var(--t-end, 0rem) + var(--t-padding) + 20px + var(--sproc-param-select-actions-width, 0px)
125
+ );
126
+ }
123
127
 
124
128
  &::after {
125
- --t-icon: url('/assets/ngx-register-base/icons/delete-content.svg') !important;
129
+ margin-inline-end: -13px !important;
126
130
  }
127
- }
128
131
 
129
- input {
130
- border: none;
131
- border-bottom: 1px solid var(--stroke1);
132
- padding-inline-end: unset !important;
132
+ &:focus {
133
+ box-shadow: 0 0 0 2px var(--tui-background-accent-1-pressed) !important;
134
+ }
133
135
  }
134
136
 
135
- [tuiAppearance][data-appearance='textfield'] {
136
- outline: none;
137
- box-shadow: unset;
137
+ // Calendar-year
138
+ &:has(tui-input-year) {
139
+ padding: unset;
140
+ padding-right: 4px;
141
+
142
+ tuiwrapper::after {
143
+ border: unset !important;
144
+ box-shadow: unset !important;
145
+ }
138
146
 
139
147
  .t-content {
140
- padding-right: 0;
148
+ width: 100%;
149
+
150
+ tui-input-year {
151
+ width: 100%;
152
+ }
141
153
  }
142
154
 
143
- .wrapper-hover({
144
- background: var(--brand-disabled);
145
- });
155
+ tui-input-year {
156
+ [tuiWrapper][data-appearance='textfield'] {
157
+ box-shadow: none !important;
158
+ background: transparent !important;
159
+ border-radius: 0 !important;
160
+ min-block-size: unset;
161
+ block-size: auto;
146
162
 
147
- .wrapper-focus({
148
- border-color: var(--tui-background-accent-1);
149
- box-shadow: 0 0 0 2px var(--tui-background-accent-1-pressed);
150
- });
163
+ &::after {
164
+ .params-input;
151
165
 
152
- :has(._chevron-rotated) {
153
- transform: rotate(180deg);
154
- }
166
+ border: unset !important;
167
+ box-shadow: unset !important;
168
+ }
155
169
 
156
- &::after {
157
- border: none;
158
- border-bottom: 1px solid var(--stroke1);
170
+ &:hover,
171
+ &:focus,
172
+ &:focus-within {
173
+ box-shadow: none !important;
174
+ }
175
+ }
176
+
177
+ tui-primitive-textfield {
178
+ block-size: auto;
179
+ min-block-size: auto;
180
+ max-block-size: none;
181
+ }
182
+
183
+ .t-cleaner {
184
+ --t-icon: @clearIcon !important;
185
+
186
+ inline-size: 1.5rem !important;
187
+ block-size: 1.5rem !important;
188
+ border-width: 0 !important;
189
+
190
+ tui-icon {
191
+ --t-icon: @clearIcon !important;
192
+ font-size: 1.5rem !important;
193
+ inline-size: 1.5rem !important;
194
+ block-size: 1.5rem !important;
195
+ }
196
+ }
197
+
198
+ .t-icon.t-textfield-icon tui-icon {
199
+ --t-icon: @calendarDateIcon !important;
200
+ font-size: 16px !important;
201
+ }
159
202
  }
160
203
  }
161
204
  }
@@ -2,5 +2,6 @@
2
2
  @import 'classes';
3
3
  @import 'flex';
4
4
  @import 'fonts';
5
+ @import 'icons';
5
6
  @import 'register-table';
6
7
  @import 'variables';
@@ -1,15 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, output } from '@angular/core';
2
- import { TuiIcon } from '@taiga-ui/core';
3
- import * as i0 from "@angular/core";
4
- export class ParamDeleteContentBtnComponent {
5
- constructor() {
6
- this.iconClicked = output();
7
- }
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ParamDeleteContentBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ParamDeleteContentBtnComponent, isStandalone: true, selector: "sproc-param-delete-content-button", outputs: { iconClicked: "iconClicked" }, ngImport: i0, template: "<tui-icon\n class=\"cleaner-icon\"\n (click)=\"iconClicked.emit()\"\n icon=\"assets/ngx-register-base/icons/delete-content.svg\"\n></tui-icon>\n", dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
10
- }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ParamDeleteContentBtnComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'sproc-param-delete-content-button', standalone: true, imports: [TuiIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-icon\n class=\"cleaner-icon\"\n (click)=\"iconClicked.emit()\"\n icon=\"assets/ngx-register-base/icons/delete-content.svg\"\n></tui-icon>\n" }]
14
- }] });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYW0tZGVsZXRlLWNvbnRlbnQtYnRuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1yZWdpc3Rlci1iYXNlL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dHMvc3ViLWNvbXBvbmVudHMvcGFyYW0tZGVsZXRlLWNvbnRlbnQtaWNvbi9wYXJhbS1kZWxldGUtY29udGVudC1idG4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXJlZ2lzdGVyLWJhc2Uvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0cy9zdWItY29tcG9uZW50cy9wYXJhbS1kZWxldGUtY29udGVudC1pY29uL3BhcmFtLWRlbGV0ZS1jb250ZW50LWJ0bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBU3pDLE1BQU0sT0FBTyw4QkFBOEI7SUFQM0M7UUFRVyxnQkFBVyxHQUFHLE1BQU0sRUFBUSxDQUFDO0tBQ3ZDOytHQUZZLDhCQUE4QjttR0FBOUIsOEJBQThCLHNJQ1YzQyxxSkFLQSw0Q0RDWSxPQUFPOzs0RkFJTiw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsbUNBQW1DLGNBQ2pDLElBQUksV0FDUCxDQUFDLE9BQU8sQ0FBQyxtQkFFRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUdWlJY29uIH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcHJvYy1wYXJhbS1kZWxldGUtY29udGVudC1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbVHVpSWNvbl0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYXJhbS1kZWxldGUtY29udGVudC1idG4uY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGFyYW1EZWxldGVDb250ZW50QnRuQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgaWNvbkNsaWNrZWQgPSBvdXRwdXQ8dm9pZD4oKTtcbn1cbiIsIjx0dWktaWNvblxuICBjbGFzcz1cImNsZWFuZXItaWNvblwiXG4gIChjbGljayk9XCJpY29uQ2xpY2tlZC5lbWl0KClcIlxuICBpY29uPVwiYXNzZXRzL25neC1yZWdpc3Rlci1iYXNlL2ljb25zL2RlbGV0ZS1jb250ZW50LnN2Z1wiXG4+PC90dWktaWNvbj5cbiJdfQ==
@@ -1,6 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ParamDeleteContentBtnComponent {
3
- readonly iconClicked: import("@angular/core").OutputEmitterRef<void>;
4
- static ɵfac: i0.ɵɵFactoryDeclaration<ParamDeleteContentBtnComponent, never>;
5
- static ɵcmp: i0.ɵɵComponentDeclaration<ParamDeleteContentBtnComponent, "sproc-param-delete-content-button", never, {}, { "iconClicked": "iconClicked"; }, never, never, true, never>;
6
- }