@webilix/ngx-form-m3 0.0.47 → 0.0.48
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/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 | IInputTag | IInputText | IInputTextarea | IInputUrl | IInputUsername;
|
|
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 | IInputTime | IInputUrl | IInputUsername;
|
|
9
9
|
type Inputs = NgxFormInputs | {
|
|
10
10
|
readonly header: string;
|
|
11
11
|
readonly input: NgxFormInputs;
|
|
@@ -293,6 +293,11 @@ interface IInputTextarea extends IInput {
|
|
|
293
293
|
readonly counter?: boolean;
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
+
interface IInputTime extends Omit<IInput, 'english' | 'autoFocus'> {
|
|
297
|
+
readonly type: 'TIME';
|
|
298
|
+
readonly showSeconds?: boolean;
|
|
299
|
+
}
|
|
300
|
+
|
|
296
301
|
interface IInputUrl extends Omit<IInput, 'english'> {
|
|
297
302
|
readonly type: 'URL';
|
|
298
303
|
readonly showIcon?: boolean;
|
package/ngx-form-m3.css
CHANGED
|
@@ -297,3 +297,88 @@
|
|
|
297
297
|
opacity: 1;
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
|
+
|
|
301
|
+
/* INPUTS: TIME */
|
|
302
|
+
.ngx-helper-form-m3-time-input {
|
|
303
|
+
display: flex;
|
|
304
|
+
flex-direction: row-reverse;
|
|
305
|
+
column-gap: 0.75rem;
|
|
306
|
+
align-items: center;
|
|
307
|
+
|
|
308
|
+
button {
|
|
309
|
+
display: flex;
|
|
310
|
+
align-items: center;
|
|
311
|
+
justify-content: center;
|
|
312
|
+
|
|
313
|
+
padding: 0;
|
|
314
|
+
width: 24px;
|
|
315
|
+
height: 24px;
|
|
316
|
+
min-width: auto;
|
|
317
|
+
border-radius: 0;
|
|
318
|
+
color: var(--on-background) !important;
|
|
319
|
+
line-height: 0;
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.ngx-helper-form-m3-time-input-hour {
|
|
324
|
+
.mat-mdc-menu-content {
|
|
325
|
+
padding: 0;
|
|
326
|
+
|
|
327
|
+
display: grid;
|
|
328
|
+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
329
|
+
width: fit-content !important;
|
|
330
|
+
|
|
331
|
+
button {
|
|
332
|
+
padding: 0.75rem;
|
|
333
|
+
min-width: auto;
|
|
334
|
+
min-height: auto;
|
|
335
|
+
border-radius: 0;
|
|
336
|
+
|
|
337
|
+
span.hour {
|
|
338
|
+
font-size: 90%;
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
.ngx-helper-form-m3-time-input-minute {
|
|
345
|
+
.mat-mdc-menu-content {
|
|
346
|
+
padding: 0;
|
|
347
|
+
|
|
348
|
+
display: grid;
|
|
349
|
+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
350
|
+
width: fit-content !important;
|
|
351
|
+
|
|
352
|
+
button {
|
|
353
|
+
padding: 0.75rem 0.5rem;
|
|
354
|
+
min-width: auto;
|
|
355
|
+
min-height: auto;
|
|
356
|
+
border-radius: 0;
|
|
357
|
+
|
|
358
|
+
span.minute {
|
|
359
|
+
font-size: 90%;
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.ngx-helper-form-m3-time-input-second {
|
|
366
|
+
.mat-mdc-menu-content {
|
|
367
|
+
padding: 0;
|
|
368
|
+
|
|
369
|
+
display: grid;
|
|
370
|
+
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
371
|
+
width: fit-content !important;
|
|
372
|
+
|
|
373
|
+
button {
|
|
374
|
+
padding: 0.75rem 0.5rem;
|
|
375
|
+
min-width: auto;
|
|
376
|
+
min-height: auto;
|
|
377
|
+
border-radius: 0;
|
|
378
|
+
|
|
379
|
+
span.second {
|
|
380
|
+
font-size: 90%;
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
}
|