ngx-register-base 1.3.2 → 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.
- package/esm2022/lib/components/inputs/index.mjs +2 -1
- package/esm2022/lib/components/inputs/inputs.module.mjs +7 -6
- package/esm2022/lib/components/inputs/param-calendar-year/param-calendar-year.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-date/param-date.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-date-range/param-date-range.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-date-time/param-date-time.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-date-time-range/param-date-time-range.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-month/param-month.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-month-range/param-month-range.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-multi-select/param-multi-select.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-select/param-select-actions.directive.mjs +20 -0
- package/esm2022/lib/components/inputs/param-select/param-select.component.mjs +50 -6
- package/esm2022/lib/components/inputs/param-text/param-text.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-textarea/param-textarea.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-toggle/param-toggle.component.mjs +2 -2
- package/esm2022/lib/components/inputs/param-tree-multi-select/param-tree-multi-select.component.mjs +3 -3
- package/esm2022/lib/components/inputs/param-tree-select/param-tree-select.component.mjs +3 -3
- package/esm2022/lib/components/sliding-panel/sliding-panel.component.mjs +2 -2
- package/fesm2022/ngx-register-base.mjs +100 -50
- package/fesm2022/ngx-register-base.mjs.map +1 -1
- package/lib/components/inputs/index.d.ts +1 -0
- package/lib/components/inputs/inputs.module.d.ts +3 -3
- package/lib/components/inputs/param-select/param-select-actions.directive.d.ts +15 -0
- package/lib/components/inputs/param-select/param-select.component.d.ts +8 -1
- package/package.json +1 -1
- package/styles/common-param.less +14 -0
- package/styles/flex.less +5 -1
- package/styles/icons.less +8 -0
- package/styles/overrides/tui/tui-input.less +159 -116
- package/styles/styles.less +1 -0
- package/esm2022/lib/components/inputs/sub-components/param-delete-content-icon/param-delete-content-btn.component.mjs +0 -15
- package/lib/components/inputs/sub-components/param-delete-content-icon/param-delete-content-btn.component.d.ts +0 -6
- /package/icons/{calendar-icon.svg → calendar-date-time.svg} +0 -0
- /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-
|
|
26
|
-
import * as i25 from "./
|
|
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.
|
|
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"; },
|
|
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
package/styles/common-param.less
CHANGED
|
@@ -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
|
@@ -1,161 +1,204 @@
|
|
|
1
|
-
@
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
13
|
-
|
|
18
|
+
.t-cleaner {
|
|
19
|
+
--t-icon: @clearIcon !important;
|
|
14
20
|
}
|
|
15
21
|
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
// Inputs
|
|
23
|
+
tui-textfield& {
|
|
24
|
+
padding: unset;
|
|
25
|
+
padding-right: 4px;
|
|
18
26
|
}
|
|
19
27
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
-
|
|
28
|
-
[
|
|
29
|
-
|
|
30
|
-
border-bottom: 1px solid var(--stroke1);
|
|
31
|
-
}
|
|
40
|
+
// Date
|
|
41
|
+
&:has([tuiInputDate])::after {
|
|
42
|
+
--t-icon-end: @calendarDateIcon;
|
|
32
43
|
|
|
33
|
-
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
51
|
+
width: 16px;
|
|
52
|
+
}
|
|
68
53
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
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
|
-
|
|
92
|
-
|
|
93
|
-
--t-icon-end:
|
|
61
|
+
// Month
|
|
62
|
+
&:has([tuiInputMonth])::after {
|
|
63
|
+
--t-icon-end: @calendarDateIcon;
|
|
64
|
+
|
|
65
|
+
width: 16px;
|
|
94
66
|
}
|
|
95
|
-
}
|
|
96
67
|
|
|
97
|
-
|
|
98
|
-
|
|
68
|
+
// Month-range
|
|
69
|
+
&:has([tuiInputMonthRange])::after {
|
|
70
|
+
--t-icon-end: @calendarDateIcon;
|
|
99
71
|
|
|
100
|
-
|
|
101
|
-
[tuiIconButton].t-cleaner::before,
|
|
102
|
-
[tuiIconButton].t-clear::before {
|
|
103
|
-
display: none !important;
|
|
72
|
+
width: 16px;
|
|
104
73
|
}
|
|
105
74
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
[
|
|
109
|
-
|
|
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-
|
|
113
|
-
|
|
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
|
-
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
// Select
|
|
119
|
+
&[tuiChevron] {
|
|
120
|
+
--t-icon-end: @triangleDownIcon !important;
|
|
120
121
|
|
|
121
|
-
|
|
122
|
-
|
|
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
|
-
|
|
129
|
+
margin-inline-end: -13px !important;
|
|
126
130
|
}
|
|
127
|
-
}
|
|
128
131
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
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
|
-
|
|
136
|
-
|
|
137
|
-
|
|
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
|
-
|
|
148
|
+
width: 100%;
|
|
149
|
+
|
|
150
|
+
tui-input-year {
|
|
151
|
+
width: 100%;
|
|
152
|
+
}
|
|
141
153
|
}
|
|
142
154
|
|
|
143
|
-
|
|
144
|
-
|
|
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
|
-
|
|
148
|
-
|
|
149
|
-
box-shadow: 0 0 0 2px var(--tui-background-accent-1-pressed);
|
|
150
|
-
});
|
|
163
|
+
&::after {
|
|
164
|
+
.params-input;
|
|
151
165
|
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
166
|
+
border: unset !important;
|
|
167
|
+
box-shadow: unset !important;
|
|
168
|
+
}
|
|
155
169
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
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
|
}
|
package/styles/styles.less
CHANGED
|
@@ -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
|
-
}
|
|
File without changes
|
|
File without changes
|