@koalarx/ui 20.0.3 → 20.0.5
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"koalarx-ui-shared-components-input-field-select.mjs","sources":["../../projects/koala-ui/shared/components/input-field/select/select.ts","../../projects/koala-ui/shared/components/input-field/select/select.html","../../projects/koala-ui/shared/components/input-field/select/koalarx-ui-shared-components-input-field-select.ts"],"sourcesContent":["import { Component, input, ResourceRef } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\ntype SelectValue = string | number | boolean | null;\nexport interface SelectOption<TData = any> {\n label: string;\n value: SelectValue;\n data
|
|
1
|
+
{"version":3,"file":"koalarx-ui-shared-components-input-field-select.mjs","sources":["../../projects/koala-ui/shared/components/input-field/select/select.ts","../../projects/koala-ui/shared/components/input-field/select/select.html","../../projects/koala-ui/shared/components/input-field/select/koalarx-ui-shared-components-input-field-select.ts"],"sourcesContent":["import { Component, input, ResourceRef } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FieldErrors } from '@koalarx/ui/shared/components/field-errors';\nimport { InputFieldBase } from '@koalarx/ui/shared/components/input-field';\n\ntype SelectValue = string | number | boolean | null;\nexport interface SelectOption<TData = any> {\n label: string;\n value: SelectValue;\n data?: TData;\n}\nexport type SelectList<TData = any> = SelectOption<TData>[];\n\n@Component({\n selector: 'kl-select',\n templateUrl: './select.html',\n imports: [ReactiveFormsModule, FieldErrors],\n})\nexport class Select extends InputFieldBase {\n options = input.required<ResourceRef<SelectList>>();\n\n onSelectChange(event: Event) {\n const select = event.target as HTMLSelectElement;\n let value: SelectValue = select.value;\n\n const selectedOption = this.options()\n .value()\n .find((item) => String(item.value) === value);\n\n if (selectedOption) {\n if (typeof selectedOption.value === 'number') {\n value = Number(value);\n } else if (typeof selectedOption.value === 'boolean') {\n value = value === 'true';\n } else {\n value = selectedOption.value;\n }\n this.control().setValue(value, { emitEvent: true });\n }\n }\n}\n","@if (options(); as items) {\n <label [attr.for]=\"fieldId\" class=\"floating-label select w-full\">\n\n @if (label(); as label) {\n <span>{{ label }} {{ isRequired() ? '*' : '' }}</span>\n }\n\n <select\n [id]=\"fieldId\"\n [value]=\"control().value\"\n (change)=\"onSelectChange($event)\"\n [disabled]=\"items.isLoading()\">\n\n @if (items.isLoading()) {\n <option [value]=\"null\">Carregando...</option>\n } @else {\n <option [value]=\"null\">Selecione uma opção...</option>\n }\n @for (item of items.value(); track $index) {\n <option\n [value]=\"`${item.value}`\"\n [selected]=\"item.value === control().value\">\n {{ item.label }}\n </option>\n }\n </select>\n </label>\n\n <kl-field-errors [field]=\"control()\">\n <ng-container errors>\n <ng-content select=\"[errors]\" />\n </ng-container>\n </kl-field-errors>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAkBM,MAAO,MAAO,SAAQ,cAAc,CAAA;AACxC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAA2B;AAEnD,IAAA,cAAc,CAAC,KAAY,EAAA;AACzB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B;AAChD,QAAA,IAAI,KAAK,GAAgB,MAAM,CAAC,KAAK;AAErC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO;AAChC,aAAA,KAAK;AACL,aAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;QAE/C,IAAI,cAAc,EAAE;AAClB,YAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC5C,gBAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;AAChB,iBAAA,IAAI,OAAO,cAAc,CAAC,KAAK,KAAK,SAAS,EAAE;AACpD,gBAAA,KAAK,GAAG,KAAK,KAAK,MAAM;;iBACnB;AACL,gBAAA,KAAK,GAAG,cAAc,CAAC,KAAK;;AAE9B,YAAA,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;;uGAnB5C,MAAM,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,EClBnB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,u8BAkCA,EDlBY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,4OAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAE/B,MAAM,EAAA,UAAA,EAAA,CAAA;kBALlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAEZ,OAAA,EAAA,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,u8BAAA,EAAA;;;AEhB7C;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@koalarx/ui",
|
|
3
|
-
"version": "20.0.
|
|
3
|
+
"version": "20.0.5",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=20.0.0",
|
|
6
6
|
"@angular/core": ">=20.0.0"
|
|
@@ -30,6 +30,213 @@
|
|
|
30
30
|
"tslib": "^2.3.0"
|
|
31
31
|
},
|
|
32
32
|
"sideEffects": false,
|
|
33
|
+
"module": "fesm2022/koalarx-ui.mjs",
|
|
34
|
+
"typings": "index.d.ts",
|
|
35
|
+
"exports": {
|
|
36
|
+
"./package.json": {
|
|
37
|
+
"default": "./package.json"
|
|
38
|
+
},
|
|
39
|
+
".": {
|
|
40
|
+
"types": "./index.d.ts",
|
|
41
|
+
"default": "./fesm2022/koalarx-ui.mjs"
|
|
42
|
+
},
|
|
43
|
+
"./core/base": {
|
|
44
|
+
"types": "./core/base/index.d.ts",
|
|
45
|
+
"default": "./fesm2022/koalarx-ui-core-base.mjs"
|
|
46
|
+
},
|
|
47
|
+
"./core/config": {
|
|
48
|
+
"types": "./core/config/index.d.ts",
|
|
49
|
+
"default": "./fesm2022/koalarx-ui-core-config.mjs"
|
|
50
|
+
},
|
|
51
|
+
"./core/middlewares": {
|
|
52
|
+
"types": "./core/middlewares/index.d.ts",
|
|
53
|
+
"default": "./fesm2022/koalarx-ui-core-middlewares.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./core/models": {
|
|
56
|
+
"types": "./core/models/index.d.ts",
|
|
57
|
+
"default": "./fesm2022/koalarx-ui-core-models.mjs"
|
|
58
|
+
},
|
|
59
|
+
"./core/translations": {
|
|
60
|
+
"types": "./core/translations/index.d.ts",
|
|
61
|
+
"default": "./fesm2022/koalarx-ui-core-translations.mjs"
|
|
62
|
+
},
|
|
63
|
+
"./shared/directives": {
|
|
64
|
+
"types": "./shared/directives/index.d.ts",
|
|
65
|
+
"default": "./fesm2022/koalarx-ui-shared-directives.mjs"
|
|
66
|
+
},
|
|
67
|
+
"./shared/utils": {
|
|
68
|
+
"types": "./shared/utils/index.d.ts",
|
|
69
|
+
"default": "./fesm2022/koalarx-ui-shared-utils.mjs"
|
|
70
|
+
},
|
|
71
|
+
"./shared/validators": {
|
|
72
|
+
"types": "./shared/validators/index.d.ts",
|
|
73
|
+
"default": "./fesm2022/koalarx-ui-shared-validators.mjs"
|
|
74
|
+
},
|
|
75
|
+
"./core/components/dialog": {
|
|
76
|
+
"types": "./core/components/dialog/index.d.ts",
|
|
77
|
+
"default": "./fesm2022/koalarx-ui-core-components-dialog.mjs"
|
|
78
|
+
},
|
|
79
|
+
"./core/components/kl-root": {
|
|
80
|
+
"types": "./core/components/kl-root/index.d.ts",
|
|
81
|
+
"default": "./fesm2022/koalarx-ui-core-components-kl-root.mjs"
|
|
82
|
+
},
|
|
83
|
+
"./core/components/loader": {
|
|
84
|
+
"types": "./core/components/loader/index.d.ts",
|
|
85
|
+
"default": "./fesm2022/koalarx-ui-core-components-loader.mjs"
|
|
86
|
+
},
|
|
87
|
+
"./core/components/loader-page": {
|
|
88
|
+
"types": "./core/components/loader-page/index.d.ts",
|
|
89
|
+
"default": "./fesm2022/koalarx-ui-core-components-loader-page.mjs"
|
|
90
|
+
},
|
|
91
|
+
"./core/components/side-window": {
|
|
92
|
+
"types": "./core/components/side-window/index.d.ts",
|
|
93
|
+
"default": "./fesm2022/koalarx-ui-core-components-side-window.mjs"
|
|
94
|
+
},
|
|
95
|
+
"./core/components/snackbar": {
|
|
96
|
+
"types": "./core/components/snackbar/index.d.ts",
|
|
97
|
+
"default": "./fesm2022/koalarx-ui-core-components-snackbar.mjs"
|
|
98
|
+
},
|
|
99
|
+
"./shared/components/accordion": {
|
|
100
|
+
"types": "./shared/components/accordion/index.d.ts",
|
|
101
|
+
"default": "./fesm2022/koalarx-ui-shared-components-accordion.mjs"
|
|
102
|
+
},
|
|
103
|
+
"./shared/components/alert": {
|
|
104
|
+
"types": "./shared/components/alert/index.d.ts",
|
|
105
|
+
"default": "./fesm2022/koalarx-ui-shared-components-alert.mjs"
|
|
106
|
+
},
|
|
107
|
+
"./shared/components/code-viewer": {
|
|
108
|
+
"types": "./shared/components/code-viewer/index.d.ts",
|
|
109
|
+
"default": "./fesm2022/koalarx-ui-shared-components-code-viewer.mjs"
|
|
110
|
+
},
|
|
111
|
+
"./shared/components/collapse": {
|
|
112
|
+
"types": "./shared/components/collapse/index.d.ts",
|
|
113
|
+
"default": "./fesm2022/koalarx-ui-shared-components-collapse.mjs"
|
|
114
|
+
},
|
|
115
|
+
"./shared/components/confirm": {
|
|
116
|
+
"types": "./shared/components/confirm/index.d.ts",
|
|
117
|
+
"default": "./fesm2022/koalarx-ui-shared-components-confirm.mjs"
|
|
118
|
+
},
|
|
119
|
+
"./shared/components/datatable": {
|
|
120
|
+
"types": "./shared/components/datatable/index.d.ts",
|
|
121
|
+
"default": "./fesm2022/koalarx-ui-shared-components-datatable.mjs"
|
|
122
|
+
},
|
|
123
|
+
"./shared/components/dialog": {
|
|
124
|
+
"types": "./shared/components/dialog/index.d.ts",
|
|
125
|
+
"default": "./fesm2022/koalarx-ui-shared-components-dialog.mjs"
|
|
126
|
+
},
|
|
127
|
+
"./shared/components/dropdown": {
|
|
128
|
+
"types": "./shared/components/dropdown/index.d.ts",
|
|
129
|
+
"default": "./fesm2022/koalarx-ui-shared-components-dropdown.mjs"
|
|
130
|
+
},
|
|
131
|
+
"./shared/components/field-errors": {
|
|
132
|
+
"types": "./shared/components/field-errors/index.d.ts",
|
|
133
|
+
"default": "./fesm2022/koalarx-ui-shared-components-field-errors.mjs"
|
|
134
|
+
},
|
|
135
|
+
"./shared/components/horizontal-menu": {
|
|
136
|
+
"types": "./shared/components/horizontal-menu/index.d.ts",
|
|
137
|
+
"default": "./fesm2022/koalarx-ui-shared-components-horizontal-menu.mjs"
|
|
138
|
+
},
|
|
139
|
+
"./shared/components/input-field": {
|
|
140
|
+
"types": "./shared/components/input-field/index.d.ts",
|
|
141
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field.mjs"
|
|
142
|
+
},
|
|
143
|
+
"./shared/components/on-this-page": {
|
|
144
|
+
"types": "./shared/components/on-this-page/index.d.ts",
|
|
145
|
+
"default": "./fesm2022/koalarx-ui-shared-components-on-this-page.mjs"
|
|
146
|
+
},
|
|
147
|
+
"./shared/components/side-window": {
|
|
148
|
+
"types": "./shared/components/side-window/index.d.ts",
|
|
149
|
+
"default": "./fesm2022/koalarx-ui-shared-components-side-window.mjs"
|
|
150
|
+
},
|
|
151
|
+
"./shared/components/snackbar": {
|
|
152
|
+
"types": "./shared/components/snackbar/index.d.ts",
|
|
153
|
+
"default": "./fesm2022/koalarx-ui-shared-components-snackbar.mjs"
|
|
154
|
+
},
|
|
155
|
+
"./shared/components/stepper": {
|
|
156
|
+
"types": "./shared/components/stepper/index.d.ts",
|
|
157
|
+
"default": "./fesm2022/koalarx-ui-shared-components-stepper.mjs"
|
|
158
|
+
},
|
|
159
|
+
"./shared/components/vertical-menu": {
|
|
160
|
+
"types": "./shared/components/vertical-menu/index.d.ts",
|
|
161
|
+
"default": "./fesm2022/koalarx-ui-shared-components-vertical-menu.mjs"
|
|
162
|
+
},
|
|
163
|
+
"./shared/components/input-field/autocomplete": {
|
|
164
|
+
"types": "./shared/components/input-field/autocomplete/index.d.ts",
|
|
165
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-autocomplete.mjs"
|
|
166
|
+
},
|
|
167
|
+
"./shared/components/input-field/field-group": {
|
|
168
|
+
"types": "./shared/components/input-field/field-group/index.d.ts",
|
|
169
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-field-group.mjs"
|
|
170
|
+
},
|
|
171
|
+
"./shared/components/input-field/fieldset": {
|
|
172
|
+
"types": "./shared/components/input-field/fieldset/index.d.ts",
|
|
173
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-fieldset.mjs"
|
|
174
|
+
},
|
|
175
|
+
"./shared/components/input-field/input-checkbox": {
|
|
176
|
+
"types": "./shared/components/input-field/input-checkbox/index.d.ts",
|
|
177
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-checkbox.mjs"
|
|
178
|
+
},
|
|
179
|
+
"./shared/components/input-field/input-cnpj": {
|
|
180
|
+
"types": "./shared/components/input-field/input-cnpj/index.d.ts",
|
|
181
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-cnpj.mjs"
|
|
182
|
+
},
|
|
183
|
+
"./shared/components/input-field/input-cpf": {
|
|
184
|
+
"types": "./shared/components/input-field/input-cpf/index.d.ts",
|
|
185
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-cpf.mjs"
|
|
186
|
+
},
|
|
187
|
+
"./shared/components/input-field/input-currency": {
|
|
188
|
+
"types": "./shared/components/input-field/input-currency/index.d.ts",
|
|
189
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-currency.mjs"
|
|
190
|
+
},
|
|
191
|
+
"./shared/components/input-field/input-date": {
|
|
192
|
+
"types": "./shared/components/input-field/input-date/index.d.ts",
|
|
193
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-date.mjs"
|
|
194
|
+
},
|
|
195
|
+
"./shared/components/input-field/input-datetime": {
|
|
196
|
+
"types": "./shared/components/input-field/input-datetime/index.d.ts",
|
|
197
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-datetime.mjs"
|
|
198
|
+
},
|
|
199
|
+
"./shared/components/input-field/input-email": {
|
|
200
|
+
"types": "./shared/components/input-field/input-email/index.d.ts",
|
|
201
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-email.mjs"
|
|
202
|
+
},
|
|
203
|
+
"./shared/components/input-field/input-month": {
|
|
204
|
+
"types": "./shared/components/input-field/input-month/index.d.ts",
|
|
205
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-month.mjs"
|
|
206
|
+
},
|
|
207
|
+
"./shared/components/input-field/input-password": {
|
|
208
|
+
"types": "./shared/components/input-field/input-password/index.d.ts",
|
|
209
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-password.mjs"
|
|
210
|
+
},
|
|
211
|
+
"./shared/components/input-field/input-radio": {
|
|
212
|
+
"types": "./shared/components/input-field/input-radio/index.d.ts",
|
|
213
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-radio.mjs"
|
|
214
|
+
},
|
|
215
|
+
"./shared/components/input-field/input-text": {
|
|
216
|
+
"types": "./shared/components/input-field/input-text/index.d.ts",
|
|
217
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-text.mjs"
|
|
218
|
+
},
|
|
219
|
+
"./shared/components/input-field/input-time": {
|
|
220
|
+
"types": "./shared/components/input-field/input-time/index.d.ts",
|
|
221
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-time.mjs"
|
|
222
|
+
},
|
|
223
|
+
"./shared/components/input-field/input-url": {
|
|
224
|
+
"types": "./shared/components/input-field/input-url/index.d.ts",
|
|
225
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-input-url.mjs"
|
|
226
|
+
},
|
|
227
|
+
"./shared/components/input-field/select": {
|
|
228
|
+
"types": "./shared/components/input-field/select/index.d.ts",
|
|
229
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-select.mjs"
|
|
230
|
+
},
|
|
231
|
+
"./shared/components/input-field/switcher": {
|
|
232
|
+
"types": "./shared/components/input-field/switcher/index.d.ts",
|
|
233
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-switcher.mjs"
|
|
234
|
+
},
|
|
235
|
+
"./shared/components/input-field/textarea": {
|
|
236
|
+
"types": "./shared/components/input-field/textarea/index.d.ts",
|
|
237
|
+
"default": "./fesm2022/koalarx-ui-shared-components-input-field-textarea.mjs"
|
|
238
|
+
}
|
|
239
|
+
},
|
|
33
240
|
"repository": {
|
|
34
241
|
"type": "git",
|
|
35
242
|
"url": "git+https://github.com/igordrangel/koala-ui.git"
|
|
@@ -38,6 +245,5 @@
|
|
|
38
245
|
"bugs": {
|
|
39
246
|
"url": "https://github.com/igordrangel/koala-ui/issues"
|
|
40
247
|
},
|
|
41
|
-
"homepage": "https://github.com/igordrangel/koala-ui#readme"
|
|
42
|
-
"types": "./index.d.ts"
|
|
248
|
+
"homepage": "https://github.com/igordrangel/koala-ui#readme"
|
|
43
249
|
}
|
|
@@ -6,7 +6,7 @@ type SelectValue = string | number | boolean | null;
|
|
|
6
6
|
interface SelectOption<TData = any> {
|
|
7
7
|
label: string;
|
|
8
8
|
value: SelectValue;
|
|
9
|
-
data
|
|
9
|
+
data?: TData;
|
|
10
10
|
}
|
|
11
11
|
type SelectList<TData = any> = SelectOption<TData>[];
|
|
12
12
|
declare class Select extends InputFieldBase {
|