@webilix/ngx-form-m3 0.0.42 → 0.0.43
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/fesm2022/webilix-ngx-form-m3.mjs +93 -1
- package/fesm2022/webilix-ngx-form-m3.mjs.map +1 -1
- package/index.d.ts +9 -1
- package/ngx-form-m3.css +26 -10
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { Router } from '@angular/router';
|
|
|
5
5
|
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
|
6
6
|
import { ComponentType } from '@angular/cdk/portal';
|
|
7
7
|
|
|
8
|
-
type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputItemList | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputOptionList | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputText | IInputTextarea | IInputUrl;
|
|
8
|
+
type NgxFormInputs = IInputAutoComplete | IInputBankCard | IInputBankSheba | IInputCheckbox | IInputColor | IInputComponent | IInputCoordinates | IInputDate | IInputEmail | IInputFile | IInputIcon | IInputIp | IInputItemList | IInputMobile | IInputMoment | IInputMultiSelect | IInputName | IInputNumber | IInputOptionList | IInputPassword | IInputPrice | IInputRoute | IInputSelect | IInputTag | IInputText | IInputTextarea | IInputUrl;
|
|
9
9
|
type Inputs = NgxFormInputs | {
|
|
10
10
|
readonly header: string;
|
|
11
11
|
readonly input: NgxFormInputs;
|
|
@@ -266,6 +266,14 @@ interface IInputSelect extends IInput {
|
|
|
266
266
|
readonly hideSearch?: boolean;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
+
interface IInputTag extends Omit<IInput, 'value' | 'optional' | 'english'> {
|
|
270
|
+
readonly type: 'TAG';
|
|
271
|
+
readonly value?: string[];
|
|
272
|
+
readonly tags: string[];
|
|
273
|
+
readonly minCount?: number;
|
|
274
|
+
readonly maxCount?: number;
|
|
275
|
+
}
|
|
276
|
+
|
|
269
277
|
interface IInputText extends IInput {
|
|
270
278
|
readonly type: 'TEXT';
|
|
271
279
|
readonly title: string;
|
package/ngx-form-m3.css
CHANGED
|
@@ -224,6 +224,16 @@
|
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
+
/* INPUTS: NAME */
|
|
228
|
+
.ngx-helper-form-m3-name-input {
|
|
229
|
+
display: flex;
|
|
230
|
+
column-gap: 1rem;
|
|
231
|
+
|
|
232
|
+
mat-form-field {
|
|
233
|
+
flex: 1;
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
|
|
227
237
|
/* INPUTS: ROUTE */
|
|
228
238
|
.ngx-helper-form-m3-route-input {
|
|
229
239
|
display: flex;
|
|
@@ -241,16 +251,6 @@
|
|
|
241
251
|
}
|
|
242
252
|
}
|
|
243
253
|
|
|
244
|
-
/* INPUTS: NAME */
|
|
245
|
-
.ngx-helper-form-m3-name-input {
|
|
246
|
-
display: flex;
|
|
247
|
-
column-gap: 1rem;
|
|
248
|
-
|
|
249
|
-
mat-form-field {
|
|
250
|
-
flex: 1;
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
|
|
254
254
|
/* INPUTS: SELECT */
|
|
255
255
|
.ngx-helper-form-m3-select-input {
|
|
256
256
|
position: sticky;
|
|
@@ -281,3 +281,19 @@
|
|
|
281
281
|
direction: rtl;
|
|
282
282
|
}
|
|
283
283
|
}
|
|
284
|
+
|
|
285
|
+
/* INPUTS: TAG */
|
|
286
|
+
.ngx-helper-form-m3-tag-input {
|
|
287
|
+
mat-chip-row span {
|
|
288
|
+
font-size: 85%;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
mat-chip-row button mat-icon {
|
|
292
|
+
opacity: 0.5;
|
|
293
|
+
font-size: 90% !important;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
mat-chip-row:hover button mat-icon {
|
|
297
|
+
opacity: 1;
|
|
298
|
+
}
|
|
299
|
+
}
|