@kris701/ez-ui 1.1.8 → 1.1.9
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.
|
@@ -1,20 +1,20 @@
|
|
|
1
|
+
import * as i2$1 from '@angular/common';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
1
3
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
4
|
+
import { EventEmitter, Output, Input, Component, signal, ViewChild, ContentChild, Directive, inject } from '@angular/core';
|
|
3
5
|
import * as i1 from '@angular/forms';
|
|
4
6
|
import { FormsModule } from '@angular/forms';
|
|
7
|
+
import * as i3$1 from '@taiga-ui/core';
|
|
8
|
+
import { TuiIcon, TuiInput, TuiButton, TuiDropdown, TuiOption, TuiGroup, TuiScrollbar, TuiSelectLike, TuiDataList, TuiTextfield, TuiHint, TuiLoader, TuiCheckbox, TUI_DARK_MODE, TuiRoot } from '@taiga-ui/core';
|
|
9
|
+
import * as i4$1 from '@taiga-ui/kit';
|
|
10
|
+
import { TuiBlock, TuiSwitch, TuiInputDate, TuiInputDateTime, TuiFiles, TuiChevron, TuiTextarea, TuiMultiSelect, TuiInputNumber, TuiInputChip, TuiPassword, TuiBadge, TuiStatus, TuiDataListWrapper, TuiBadgeNotification, TuiBadgedContent, TuiButtonSelect, TuiStringifyContentPipe, TUI_CONFIRM } from '@taiga-ui/kit';
|
|
5
11
|
import * as i3$3 from '@taiga-ui/addon-mobile';
|
|
6
12
|
import { TuiDropdownSheet } from '@taiga-ui/addon-mobile';
|
|
7
13
|
import { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
|
|
8
|
-
import * as i3$1 from '@taiga-ui/core';
|
|
9
|
-
import { TuiInput, TuiButton, TuiDropdown, TuiOption, TuiGroup, TuiScrollbar, TuiSelectLike, TuiDataList, TuiTextfield, TuiIcon, TuiHint, TuiLoader, TuiCheckbox, TUI_DARK_MODE, TuiRoot } from '@taiga-ui/core';
|
|
10
|
-
import * as i4$1 from '@taiga-ui/kit';
|
|
11
|
-
import { TuiInputDate, TuiInputDateTime, TuiFiles, TuiChevron, TuiTextarea, TuiMultiSelect, TuiInputNumber, TuiInputChip, TuiPassword, TuiBadge, TuiStatus, TuiDataListWrapper, TuiBadgeNotification, TuiBlock, TuiBadgedContent, TuiButtonSelect, TuiStringifyContentPipe, TUI_CONFIRM } from '@taiga-ui/kit';
|
|
12
14
|
import * as i2 from '@taiga-ui/core/components/label';
|
|
13
15
|
import * as i3 from '@taiga-ui/core/components/textfield';
|
|
14
16
|
import * as i4 from '@taiga-ui/core/portals/dropdown';
|
|
15
17
|
import * as i6 from '@taiga-ui/core/components/calendar';
|
|
16
|
-
import * as i2$1 from '@angular/common';
|
|
17
|
-
import { CommonModule } from '@angular/common';
|
|
18
18
|
import { marked } from 'marked';
|
|
19
19
|
import Compressor from 'compressorjs';
|
|
20
20
|
import * as i7 from '@taiga-ui/cdk/directives/item';
|
|
@@ -28,6 +28,76 @@ import * as i1$1 from '@angular/common/http';
|
|
|
28
28
|
import * as i3$4 from '@angular/router';
|
|
29
29
|
import { RouterLink, NavigationEnd, RouterModule } from '@angular/router';
|
|
30
30
|
|
|
31
|
+
class EzUIBooleanInput {
|
|
32
|
+
icon = '';
|
|
33
|
+
label = '';
|
|
34
|
+
size = 'm';
|
|
35
|
+
disabled = false;
|
|
36
|
+
value = false;
|
|
37
|
+
valueChange = new EventEmitter();
|
|
38
|
+
ngOnChanges(changes) {
|
|
39
|
+
if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
|
|
40
|
+
this.value = changes['value'].currentValue;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIBooleanInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIBooleanInput, isStandalone: true, selector: "ezui-booleaninput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
|
|
45
|
+
<label class="boolean-container" [tuiBlock]="size">
|
|
46
|
+
@if(icon && icon != ''){
|
|
47
|
+
<tui-icon [icon]="icon" />
|
|
48
|
+
}
|
|
49
|
+
{{label}}
|
|
50
|
+
<div style="flex-grow:1"></div>
|
|
51
|
+
<input
|
|
52
|
+
size="s"
|
|
53
|
+
tuiSwitch
|
|
54
|
+
type="checkbox"
|
|
55
|
+
[disabled]="disabled"
|
|
56
|
+
[(ngModel)]="value"
|
|
57
|
+
(ngModelChange)="valueChange.emit(value)"
|
|
58
|
+
/>
|
|
59
|
+
</label>
|
|
60
|
+
`, isInline: true, styles: [".boolean-container{display:flex;flex-direction:row;gap:10px;width:100%;background-color:var(--tui-background-neutral-1)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiBlock, selector: "label[tuiBlock],input[tuiBlock]", inputs: ["tuiBlock"] }, { kind: "component", type: TuiSwitch, selector: "input[type=\"checkbox\"][tuiSwitch]", inputs: ["showIcons"] }, { kind: "component", type: TuiIcon, selector: "tui-icon:not([tuiBadge])", inputs: ["background"] }] });
|
|
61
|
+
}
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIBooleanInput, decorators: [{
|
|
63
|
+
type: Component,
|
|
64
|
+
args: [{ selector: 'ezui-booleaninput', imports: [
|
|
65
|
+
FormsModule,
|
|
66
|
+
CommonModule,
|
|
67
|
+
TuiBlock,
|
|
68
|
+
TuiSwitch,
|
|
69
|
+
TuiIcon
|
|
70
|
+
], template: `
|
|
71
|
+
<label class="boolean-container" [tuiBlock]="size">
|
|
72
|
+
@if(icon && icon != ''){
|
|
73
|
+
<tui-icon [icon]="icon" />
|
|
74
|
+
}
|
|
75
|
+
{{label}}
|
|
76
|
+
<div style="flex-grow:1"></div>
|
|
77
|
+
<input
|
|
78
|
+
size="s"
|
|
79
|
+
tuiSwitch
|
|
80
|
+
type="checkbox"
|
|
81
|
+
[disabled]="disabled"
|
|
82
|
+
[(ngModel)]="value"
|
|
83
|
+
(ngModelChange)="valueChange.emit(value)"
|
|
84
|
+
/>
|
|
85
|
+
</label>
|
|
86
|
+
`, styles: [".boolean-container{display:flex;flex-direction:row;gap:10px;width:100%;background-color:var(--tui-background-neutral-1)}\n"] }]
|
|
87
|
+
}], propDecorators: { icon: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], label: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], size: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], disabled: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], value: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], valueChange: [{
|
|
98
|
+
type: Output
|
|
99
|
+
}] } });
|
|
100
|
+
|
|
31
101
|
class EzUIDateInput {
|
|
32
102
|
icon = '';
|
|
33
103
|
label = '';
|
|
@@ -5190,5 +5260,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
|
|
|
5190
5260
|
* Generated bundle index. Do not edit.
|
|
5191
5261
|
*/
|
|
5192
5262
|
|
|
5193
|
-
export { BaseCRUDInterface, BaseListInterface, EzUIDateInput, EzUIDateTimeInput, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUILayout, EzUILayoutService, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUITTableSortableColumn, EzUITable, EzUITableBooleanFilter, EzUITableDateFilter, EzUITableFilterService, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, compressImage };
|
|
5263
|
+
export { BaseCRUDInterface, BaseListInterface, EzUIBooleanInput, EzUIDateInput, EzUIDateTimeInput, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUILayout, EzUILayoutService, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUITTableSortableColumn, EzUITable, EzUITableBooleanFilter, EzUITableDateFilter, EzUITableFilterService, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, compressImage };
|
|
5194
5264
|
//# sourceMappingURL=kris701-ez-ui.mjs.map
|