ngx-strata 0.5.2 → 0.6.0
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/assets/icons/calendar.svg +1 -0
- package/assets/styles/components/modal.scss +13 -3
- package/dist/strata/strata.css +1 -1
- package/fesm2022/ngx-strata.mjs +1304 -4
- package/fesm2022/ngx-strata.mjs.map +1 -1
- package/package.json +1 -1
- package/skills/ngx-strata/SKILL.md +5 -0
- package/skills/ngx-strata/components/action-menu.md +1 -0
- package/skills/ngx-strata/components/calendar.md +86 -0
- package/skills/ngx-strata/components/date-range-picker.md +53 -0
- package/skills/ngx-strata/components/datepicker.md +66 -0
- package/skills/ngx-strata/components/icon.md +1 -1
- package/skills/ngx-strata/components/time-picker.md +37 -0
- package/types/ngx-strata.d.ts +297 -23
package/types/ngx-strata.d.ts
CHANGED
|
@@ -237,6 +237,26 @@ declare class StrataActionMenuItemComponent {
|
|
|
237
237
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuItemComponent, "st-action-menu-item", never, { "closeMenuOnClick": { "alias": "closeMenuOnClick"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, ["checkbox", "toggle"], ["[area='start']", "*", "[area='end']"], true, never>;
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
+
declare class StrataButtonDirective implements AfterContentInit, OnDestroy {
|
|
241
|
+
host: ElementRef<any>;
|
|
242
|
+
variant: _angular_core.InputSignal<ButtonVariant>;
|
|
243
|
+
size: _angular_core.InputSignal<ButtonSize>;
|
|
244
|
+
fullWidth: _angular_core.InputSignal<boolean>;
|
|
245
|
+
private iconAtStart;
|
|
246
|
+
private iconAtEnd;
|
|
247
|
+
private iconOnly;
|
|
248
|
+
private observer?;
|
|
249
|
+
get classes(): string[];
|
|
250
|
+
ngAfterContentInit(): void;
|
|
251
|
+
ngOnDestroy(): void;
|
|
252
|
+
private updateIconState;
|
|
253
|
+
nodeIsStIcon(node: Node): boolean;
|
|
254
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonDirective, never>;
|
|
255
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataButtonDirective, "[stButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
256
|
+
}
|
|
257
|
+
type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
|
|
258
|
+
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
259
|
+
|
|
240
260
|
declare class StrataOverlayDirective implements OnChanges, OnDestroy {
|
|
241
261
|
stOverlay: _angular_core.InputSignal<TemplateRef<unknown>>;
|
|
242
262
|
overlayOpen: _angular_core.ModelSignal<boolean>;
|
|
@@ -265,13 +285,14 @@ declare class StrataActionMenuComponent {
|
|
|
265
285
|
overlayDirective: _angular_core.Signal<StrataOverlayDirective | undefined>;
|
|
266
286
|
actionMenuItems: _angular_core.Signal<readonly StrataActionMenuItemComponent[]>;
|
|
267
287
|
placement: _angular_core.InputSignal<Placement>;
|
|
288
|
+
buttonSize: _angular_core.InputSignal<ButtonSize>;
|
|
268
289
|
closeOnOutsideClick: _angular_core.InputSignal<boolean>;
|
|
269
290
|
elementRef: ElementRef<HTMLElement>;
|
|
270
291
|
renderer: Renderer2;
|
|
271
292
|
menuOpen: _angular_core.WritableSignal<boolean>;
|
|
272
293
|
constructor();
|
|
273
294
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataActionMenuComponent, never>;
|
|
274
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
|
|
295
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataActionMenuComponent, "st-action-menu", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "buttonSize": { "alias": "buttonSize"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, ["projectedButton", "actionMenuItems"], ["button[stButton]", "st-action-menu-item"], true, never>;
|
|
275
296
|
}
|
|
276
297
|
|
|
277
298
|
declare class StrataAlertComponent {
|
|
@@ -376,26 +397,6 @@ declare class StrataButtonGroupComponent {
|
|
|
376
397
|
}
|
|
377
398
|
type ButtonGroupJustification = 'start' | 'center' | 'end' | 'expand' | 'stack';
|
|
378
399
|
|
|
379
|
-
declare class StrataButtonDirective implements AfterContentInit, OnDestroy {
|
|
380
|
-
host: ElementRef<any>;
|
|
381
|
-
variant: _angular_core.InputSignal<ButtonVariant>;
|
|
382
|
-
size: _angular_core.InputSignal<ButtonSize>;
|
|
383
|
-
fullWidth: _angular_core.InputSignal<boolean>;
|
|
384
|
-
private iconAtStart;
|
|
385
|
-
private iconAtEnd;
|
|
386
|
-
private iconOnly;
|
|
387
|
-
private observer?;
|
|
388
|
-
get classes(): string[];
|
|
389
|
-
ngAfterContentInit(): void;
|
|
390
|
-
ngOnDestroy(): void;
|
|
391
|
-
private updateIconState;
|
|
392
|
-
nodeIsStIcon(node: Node): boolean;
|
|
393
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataButtonDirective, never>;
|
|
394
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrataButtonDirective, "[stButton]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
395
|
-
}
|
|
396
|
-
type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
|
|
397
|
-
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
398
|
-
|
|
399
400
|
declare class StrataCardComponent {
|
|
400
401
|
private elementRef;
|
|
401
402
|
elevated: _angular_core.InputSignal<boolean>;
|
|
@@ -445,6 +446,279 @@ declare class StrataCheckboxComponent implements ControlValueAccessor {
|
|
|
445
446
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataCheckboxComponent, "st-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
446
447
|
}
|
|
447
448
|
|
|
449
|
+
type CalendarSize = 'sm' | 'md';
|
|
450
|
+
type DatePickerSize = 'sm' | 'md' | 'lg';
|
|
451
|
+
type CalendarMode = 'single' | 'range';
|
|
452
|
+
type CalendarView = 'days' | 'months' | 'years';
|
|
453
|
+
type TimeFormat = '12h' | '24h';
|
|
454
|
+
type TimePrecision = 'minute' | 'second';
|
|
455
|
+
interface CalendarDayCell {
|
|
456
|
+
date: Date;
|
|
457
|
+
dayNumber: number;
|
|
458
|
+
isCurrentMonth: boolean;
|
|
459
|
+
isToday: boolean;
|
|
460
|
+
isSelected: boolean;
|
|
461
|
+
isDisabled: boolean;
|
|
462
|
+
isRangeStart: boolean;
|
|
463
|
+
isRangeEnd: boolean;
|
|
464
|
+
isInRange: boolean;
|
|
465
|
+
isRangeHover: boolean;
|
|
466
|
+
}
|
|
467
|
+
interface DateRangePreset {
|
|
468
|
+
label: string;
|
|
469
|
+
getRange: () => {
|
|
470
|
+
start: Date;
|
|
471
|
+
end: Date;
|
|
472
|
+
};
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
declare class StrataTimePickerComponent implements ControlValueAccessor {
|
|
476
|
+
format: _angular_core.InputSignal<TimeFormat>;
|
|
477
|
+
showSeconds: _angular_core.InputSignal<boolean>;
|
|
478
|
+
minuteStep: _angular_core.InputSignal<number>;
|
|
479
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
480
|
+
value: _angular_core.ModelSignal<string | Date | null>;
|
|
481
|
+
hours: _angular_core.WritableSignal<number>;
|
|
482
|
+
minutes: _angular_core.WritableSignal<number>;
|
|
483
|
+
seconds: _angular_core.WritableSignal<number>;
|
|
484
|
+
private cvaDisabled;
|
|
485
|
+
effectiveDisabled: _angular_core.Signal<boolean>;
|
|
486
|
+
private onChange;
|
|
487
|
+
private onTouched;
|
|
488
|
+
readonly is12h: _angular_core.Signal<boolean>;
|
|
489
|
+
readonly isPM: _angular_core.Signal<boolean>;
|
|
490
|
+
readonly meridiem: _angular_core.Signal<"PM" | "AM">;
|
|
491
|
+
readonly displayHours: _angular_core.Signal<string>;
|
|
492
|
+
readonly displayMinutes: _angular_core.Signal<string>;
|
|
493
|
+
readonly displaySeconds: _angular_core.Signal<string>;
|
|
494
|
+
constructor();
|
|
495
|
+
private syncFromValue;
|
|
496
|
+
incrementHours(): void;
|
|
497
|
+
decrementHours(): void;
|
|
498
|
+
incrementMinutes(): void;
|
|
499
|
+
decrementMinutes(): void;
|
|
500
|
+
incrementSeconds(): void;
|
|
501
|
+
decrementSeconds(): void;
|
|
502
|
+
toggleMeridiem(): void;
|
|
503
|
+
private setHours;
|
|
504
|
+
private setMinutes;
|
|
505
|
+
private setSeconds;
|
|
506
|
+
private emitChange;
|
|
507
|
+
writeValue(val: string | Date | null): void;
|
|
508
|
+
registerOnChange(fn: (val: string | Date | null) => void): void;
|
|
509
|
+
registerOnTouched(fn: () => void): void;
|
|
510
|
+
setDisabledState(isDisabled: boolean): void;
|
|
511
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataTimePickerComponent, never>;
|
|
512
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataTimePickerComponent, "st-time-picker", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
interface DateRange {
|
|
516
|
+
start: Date | null;
|
|
517
|
+
end: Date | null;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
declare class StrataCalendarComponent implements ControlValueAccessor, OnInit {
|
|
521
|
+
mode: _angular_core.InputSignal<CalendarMode>;
|
|
522
|
+
size: _angular_core.InputSignal<CalendarSize>;
|
|
523
|
+
locale: _angular_core.InputSignal<string | undefined>;
|
|
524
|
+
value: _angular_core.ModelSignal<Date | null>;
|
|
525
|
+
rangeValue: _angular_core.ModelSignal<DateRange | null>;
|
|
526
|
+
viewDate: _angular_core.ModelSignal<Date>;
|
|
527
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
528
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
529
|
+
disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
|
|
530
|
+
firstDayOfWeek: _angular_core.InputSignal<number>;
|
|
531
|
+
showAdjacentMonths: _angular_core.InputSignal<boolean>;
|
|
532
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
533
|
+
dateSelected: _angular_core.OutputEmitterRef<Date>;
|
|
534
|
+
rangeSelected: _angular_core.OutputEmitterRef<DateRange>;
|
|
535
|
+
view: _angular_core.WritableSignal<CalendarView>;
|
|
536
|
+
hoverDate: _angular_core.WritableSignal<Date | null>;
|
|
537
|
+
focusedDate: _angular_core.WritableSignal<Date>;
|
|
538
|
+
private cvaDisabled;
|
|
539
|
+
effectiveDisabled: _angular_core.Signal<boolean>;
|
|
540
|
+
private onChange;
|
|
541
|
+
private onTouched;
|
|
542
|
+
ngOnInit(): void;
|
|
543
|
+
readonly weekdays: _angular_core.Signal<string[]>;
|
|
544
|
+
readonly currentMonthName: _angular_core.Signal<string>;
|
|
545
|
+
readonly currentYear: _angular_core.Signal<number>;
|
|
546
|
+
readonly yearRangeStart: _angular_core.Signal<number>;
|
|
547
|
+
readonly yearsList: _angular_core.Signal<number[]>;
|
|
548
|
+
readonly monthsList: _angular_core.Signal<string[]>;
|
|
549
|
+
readonly calendarGrid: _angular_core.Signal<CalendarDayCell[]>;
|
|
550
|
+
onPrevClick(): void;
|
|
551
|
+
onNextClick(): void;
|
|
552
|
+
toggleView(): void;
|
|
553
|
+
selectMonth(monthIndex: number): void;
|
|
554
|
+
selectYear(year: number): void;
|
|
555
|
+
onDayClick(cell: CalendarDayCell): void;
|
|
556
|
+
onDayHover(cell: CalendarDayCell): void;
|
|
557
|
+
onDayKeyDown(event: KeyboardEvent, cell: CalendarDayCell): void;
|
|
558
|
+
writeValue(val: Date | DateRange | null): void;
|
|
559
|
+
registerOnChange(fn: (val: Date | DateRange | null) => void): void;
|
|
560
|
+
registerOnTouched(fn: () => void): void;
|
|
561
|
+
setDisabledState(isDisabled: boolean): void;
|
|
562
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataCalendarComponent, never>;
|
|
563
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataCalendarComponent, "st-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "rangeValue": { "alias": "rangeValue"; "required": false; "isSignal": true; }; "viewDate": { "alias": "viewDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "showAdjacentMonths": { "alias": "showAdjacentMonths"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeValue": "rangeValueChange"; "viewDate": "viewDateChange"; "dateSelected": "dateSelected"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
declare class StrataDatePickerComponent implements ControlValueAccessor {
|
|
567
|
+
private readonly defaultId;
|
|
568
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
569
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
570
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
571
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
572
|
+
format: _angular_core.InputSignal<string | undefined>;
|
|
573
|
+
size: _angular_core.InputSignal<DatePickerSize>;
|
|
574
|
+
placement: _angular_core.InputSignal<Placement>;
|
|
575
|
+
locale: _angular_core.InputSignal<string | undefined>;
|
|
576
|
+
readonly calendarSize: _angular_core.Signal<CalendarSize>;
|
|
577
|
+
clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
578
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
579
|
+
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
580
|
+
fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
581
|
+
showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
582
|
+
timeFormat: _angular_core.InputSignal<TimeFormat>;
|
|
583
|
+
showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
584
|
+
minuteStep: _angular_core.InputSignal<number>;
|
|
585
|
+
state: _angular_core.InputSignal<InputControlState | undefined>;
|
|
586
|
+
error: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
587
|
+
message: _angular_core.InputSignal<string | undefined>;
|
|
588
|
+
colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
589
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
590
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
591
|
+
disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
|
|
592
|
+
firstDayOfWeek: _angular_core.InputSignal<number>;
|
|
593
|
+
value: _angular_core.ModelSignal<Date | null>;
|
|
594
|
+
dateSelected: _angular_core.OutputEmitterRef<Date | null>;
|
|
595
|
+
open: _angular_core.WritableSignal<boolean>;
|
|
596
|
+
textInputValue: _angular_core.WritableSignal<string>;
|
|
597
|
+
private cvaDisabled;
|
|
598
|
+
effectiveDisabled: _angular_core.Signal<boolean>;
|
|
599
|
+
effectiveId: _angular_core.Signal<string>;
|
|
600
|
+
readonly effectiveState: _angular_core.Signal<InputControlState>;
|
|
601
|
+
readonly isMessageError: _angular_core.Signal<boolean>;
|
|
602
|
+
readonly isMessageSuccess: _angular_core.Signal<boolean>;
|
|
603
|
+
readonly isMessageWarning: _angular_core.Signal<boolean>;
|
|
604
|
+
private onChange;
|
|
605
|
+
private onTouched;
|
|
606
|
+
private overlayDirective;
|
|
607
|
+
private elementRef;
|
|
608
|
+
private renderer;
|
|
609
|
+
private destroyRef;
|
|
610
|
+
constructor();
|
|
611
|
+
toggle(event?: Event): void;
|
|
612
|
+
onInputTextChange(value: string): void;
|
|
613
|
+
onInputBlur(): void;
|
|
614
|
+
onCalendarDateSelected(date: Date): void;
|
|
615
|
+
onTimeSelected(val: string | Date | null): void;
|
|
616
|
+
clear(event: Event): void;
|
|
617
|
+
private effectiveFormat;
|
|
618
|
+
private updateDateValue;
|
|
619
|
+
writeValue(val: Date | string | null): void;
|
|
620
|
+
registerOnChange(fn: (val: Date | null) => void): void;
|
|
621
|
+
registerOnTouched(fn: () => void): void;
|
|
622
|
+
setDisabledState(isDisabled: boolean): void;
|
|
623
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataDatePickerComponent, never>;
|
|
624
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataDatePickerComponent, "st-datepicker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
|
|
625
|
+
}
|
|
626
|
+
|
|
627
|
+
declare const DEFAULT_DATE_RANGE_PRESETS: DateRangePreset[];
|
|
628
|
+
declare class StrataDateRangePickerComponent implements ControlValueAccessor {
|
|
629
|
+
private readonly defaultId;
|
|
630
|
+
label: _angular_core.InputSignal<string | undefined>;
|
|
631
|
+
id: _angular_core.InputSignal<string | undefined>;
|
|
632
|
+
name: _angular_core.InputSignal<string | undefined>;
|
|
633
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
634
|
+
separator: _angular_core.InputSignal<string>;
|
|
635
|
+
format: _angular_core.InputSignal<string | undefined>;
|
|
636
|
+
size: _angular_core.InputSignal<DatePickerSize>;
|
|
637
|
+
placement: _angular_core.InputSignal<Placement>;
|
|
638
|
+
locale: _angular_core.InputSignal<string | undefined>;
|
|
639
|
+
readonly calendarSize: _angular_core.Signal<CalendarSize>;
|
|
640
|
+
numberOfMonths: _angular_core.InputSignal<number>;
|
|
641
|
+
showPresets: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
642
|
+
presets: _angular_core.InputSignal<DateRangePreset[]>;
|
|
643
|
+
clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
644
|
+
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
645
|
+
readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
646
|
+
fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
647
|
+
state: _angular_core.InputSignal<InputControlState | undefined>;
|
|
648
|
+
error: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
649
|
+
message: _angular_core.InputSignal<string | undefined>;
|
|
650
|
+
colorMessage: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
651
|
+
minDate: _angular_core.InputSignal<Date | null>;
|
|
652
|
+
maxDate: _angular_core.InputSignal<Date | null>;
|
|
653
|
+
disabledDates: _angular_core.InputSignal<Date[] | ((date: Date) => boolean) | null>;
|
|
654
|
+
firstDayOfWeek: _angular_core.InputSignal<number>;
|
|
655
|
+
initialViewDate: _angular_core.InputSignal<Date | null>;
|
|
656
|
+
value: _angular_core.ModelSignal<DateRange | null>;
|
|
657
|
+
rangeSelected: _angular_core.OutputEmitterRef<DateRange | null>;
|
|
658
|
+
open: _angular_core.WritableSignal<boolean>;
|
|
659
|
+
textInputValue: _angular_core.WritableSignal<string>;
|
|
660
|
+
calendarViewDate: _angular_core.WritableSignal<Date>;
|
|
661
|
+
readonly secondCalendarViewDate: _angular_core.Signal<Date>;
|
|
662
|
+
private cvaDisabled;
|
|
663
|
+
effectiveDisabled: _angular_core.Signal<boolean>;
|
|
664
|
+
effectiveId: _angular_core.Signal<string>;
|
|
665
|
+
readonly effectiveState: _angular_core.Signal<InputControlState>;
|
|
666
|
+
readonly isMessageError: _angular_core.Signal<boolean>;
|
|
667
|
+
readonly isMessageSuccess: _angular_core.Signal<boolean>;
|
|
668
|
+
readonly isMessageWarning: _angular_core.Signal<boolean>;
|
|
669
|
+
private onChange;
|
|
670
|
+
private onTouched;
|
|
671
|
+
private overlayDirective;
|
|
672
|
+
private elementRef;
|
|
673
|
+
private renderer;
|
|
674
|
+
private destroyRef;
|
|
675
|
+
private get effectiveFormat();
|
|
676
|
+
constructor();
|
|
677
|
+
toggle(event?: Event): void;
|
|
678
|
+
onInputTextChange(value: string): void;
|
|
679
|
+
onInputBlur(): void;
|
|
680
|
+
onCalendarRangeSelected(range: DateRange): void;
|
|
681
|
+
onSecondCalendarViewDateChange(date: Date): void;
|
|
682
|
+
applyPreset(preset: DateRangePreset): void;
|
|
683
|
+
clear(event: Event): void;
|
|
684
|
+
private updateRangeValue;
|
|
685
|
+
writeValue(val: DateRange | null): void;
|
|
686
|
+
registerOnChange(fn: (val: DateRange | null) => void): void;
|
|
687
|
+
registerOnTouched(fn: () => void): void;
|
|
688
|
+
setDisabledState(isDisabled: boolean): void;
|
|
689
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataDateRangePickerComponent, never>;
|
|
690
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataDateRangePickerComponent, "st-date-range-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "showPresets": { "alias": "showPresets"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "initialViewDate": { "alias": "initialViewDate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "rangeSelected": "rangeSelected"; }, never, never, true, never>;
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
declare function isSameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
|
|
694
|
+
declare function isSameMonth(a: Date | null | undefined, b: Date | null | undefined): boolean;
|
|
695
|
+
declare function isSameYear(a: Date | null | undefined, b: Date | null | undefined): boolean;
|
|
696
|
+
declare function isBeforeDay(a: Date, b: Date): boolean;
|
|
697
|
+
declare function isAfterDay(a: Date, b: Date): boolean;
|
|
698
|
+
declare function isWithinDayRange(date: Date, start: Date | null | undefined, end: Date | null | undefined): boolean;
|
|
699
|
+
declare function startOfDay(date: Date): Date;
|
|
700
|
+
declare function endOfDay(date: Date): Date;
|
|
701
|
+
declare function startOfMonth(date: Date): Date;
|
|
702
|
+
declare function endOfMonth(date: Date): Date;
|
|
703
|
+
declare function addDays(date: Date, amount: number): Date;
|
|
704
|
+
declare function addMonths(date: Date, amount: number): Date;
|
|
705
|
+
declare function addYears(date: Date, amount: number): Date;
|
|
706
|
+
declare function getDayOfWeek(date: Date): number;
|
|
707
|
+
declare function isWeekend(date: Date): boolean;
|
|
708
|
+
declare function disableWeekends(date: Date): boolean;
|
|
709
|
+
declare function disablePastDates(date: Date): boolean;
|
|
710
|
+
declare function disableFutureDates(date: Date): boolean;
|
|
711
|
+
declare function disableDaysOfWeek(days: number[]): (date: Date) => boolean;
|
|
712
|
+
declare function disableDateRange(startDate: Date, endDate: Date): (date: Date) => boolean;
|
|
713
|
+
declare function getDaysInMonth(year: number, month: number): number;
|
|
714
|
+
declare function getLocaleDefaultDateFormat(locale?: string): string;
|
|
715
|
+
declare function formatMonthTitle(date: Date, locale?: string): string;
|
|
716
|
+
declare function getMonthNames(locale?: string, format?: 'long' | 'short' | 'narrow'): string[];
|
|
717
|
+
declare function getWeekdayNames(locale?: string, firstDayOfWeek?: number, format?: 'long' | 'short' | 'narrow'): string[];
|
|
718
|
+
declare function createCalendarGrid(viewDate: Date, firstDayOfWeek?: number): Date[];
|
|
719
|
+
declare function formatDate(date: Date | null | undefined, formatStr?: string): string;
|
|
720
|
+
declare function parseDate(str: string | null | undefined, formatStr?: string): Date | null;
|
|
721
|
+
|
|
448
722
|
declare class StrataDividerComponent {
|
|
449
723
|
label: _angular_core.InputSignal<string | undefined>;
|
|
450
724
|
margin: _angular_core.InputSignal<boolean>;
|
|
@@ -1548,5 +1822,5 @@ declare class StrataToggleComponent implements ControlValueAccessor {
|
|
|
1548
1822
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataToggleComponent, "st-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "colorMessage": { "alias": "colorMessage"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, [{ directive: typeof StrataActivatableDirective; inputs: { "disabled": "disabled"; }; outputs: { "activated": "activated"; }; }]>;
|
|
1549
1823
|
}
|
|
1550
1824
|
|
|
1551
|
-
export { BreakpointService, CapitalizePipe, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, DeviceService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCardComponent, StrataCheckboxComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalBodyComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataNumberStepperComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSkeletonComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataToggleComponent, StrataTooltipDirective, getDefaultShortcutLabels, isApplePlatform, provideBaseIcons, provideIcons, provideStrata, resolveIsApple };
|
|
1552
|
-
export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalPlacement, ModalSize, ModalVariant, NotificationAction, NotificationConfiguration, NotificationsWithIds, NumberStepperLayout, NumberStepperSize, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SkeletonAnimation, SkeletonSize, SkeletonVariant, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataBreakpoint, StrataConfig, StrataNotificationRef, StrataOS, StrataPlatform, TagSize, TextStackOverflow, Theme, TooltipPlacement };
|
|
1825
|
+
export { BreakpointService, CapitalizePipe, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_DURATION, DEFAULT_THEME, DarkmodeService, DeviceService, HotkeyService, HttpIconLoader, IconLoader, IconRegistry, IconRegistryService, ModalService, NotificationService, STRATA_CONFIG, StrataAccordionGroupComponent, StrataAccordionItemComponent, StrataActionMenuComponent, StrataActionMenuItemComponent, StrataActivatableDirective, StrataAlertComponent, StrataAlertContentComponent, StrataAutoResizeDirective, StrataAvatarComponent, StrataAvatarStackComponent, StrataBadgeComponent, StrataBreadcrumbComponent, StrataBreadcrumbItemComponent, StrataButtonDirective, StrataButtonGroupComponent, StrataCalendarComponent, StrataCardComponent, StrataCheckboxComponent, StrataDatePickerComponent, StrataDateRangePickerComponent, StrataDividerComponent, StrataFileUploadComponent, StrataIconComponent, StrataImageCropperComponent, StrataInputFieldComponent, StrataItemComponent, StrataItemListComponent, StrataKbdComponent, StrataMessageStateComponent, StrataModalBodyComponent, StrataModalComponent, StrataModalContainerComponent, StrataModalFooterComponent, StrataModalHeaderComponent, StrataModalRef, StrataNativeInputRefDirective, StrataNotificationComponent, StrataNotificationContainerComponent, StrataNumberDisplayComponent, StrataNumberStepperComponent, StrataOtpComponent, StrataOverlayDirective, StrataPaginationComponent, StrataProgressLinearComponent, StrataProgressRadialComponent, StrataRadioComponent, StrataRadioGroupComponent, StrataSegmentedControlComponent, StrataSegmentedControlItemComponent, StrataSelectItemComponent, StrataSelectTriggerDirective, StrataShellComponent, StrataSidemenuComponent, StrataSidemenuItemDirective, StrataSidemenuItemGroupComponent, StrataSidemenuSectionComponent, StrataSingleSelectComponent, StrataSkeletonComponent, StrataSliderComponent, StrataSpinnerComponent, StrataStepComponent, StrataStepperComponent, StrataTabItemComponent, StrataTabsComponent, StrataTagComponent, StrataTextStackComponent, StrataThemeDirective, StrataTimePickerComponent, StrataToggleComponent, StrataTooltipDirective, addDays, addMonths, addYears, createCalendarGrid, disableDateRange, disableDaysOfWeek, disableFutureDates, disablePastDates, disableWeekends, endOfDay, endOfMonth, formatDate, formatMonthTitle, getDayOfWeek, getDaysInMonth, getDefaultShortcutLabels, getLocaleDefaultDateFormat, getMonthNames, getWeekdayNames, isAfterDay, isApplePlatform, isBeforeDay, isSameDay, isSameMonth, isSameYear, isWeekend, isWithinDayRange, parseDate, provideBaseIcons, provideIcons, provideStrata, resolveIsApple, startOfDay, startOfMonth };
|
|
1826
|
+
export type { AccordionVariant, AlertConfiguration, AvatarSize, AvatarStackSpacing, AvatarVariant, BadgePlacement, BadgeSize, BadgeVariant, ButtonGroupJustification, ButtonSize, ButtonVariant, CalendarDayCell, CalendarMode, CalendarSize, CalendarView, CardVariant, CropPosition, CropResult, CropShape, CurrentDarkmode, DarkmodeSetting, DatePickerSize, DateRange, DateRangePreset, HotkeyOptions, IconConfig, IconSize, InputControlState, InputFieldSize, ModalConfiguration, ModalFooterJustification, ModalPlacement, ModalSize, ModalVariant, NotificationAction, NotificationConfiguration, NotificationsWithIds, NumberStepperLayout, NumberStepperSize, OtpSize, OtpState, OtpType, PaginationItem, ProgressLinearGrowDirection, ProgressLinearLabelFormat, ProgressRadialLabelFormat, SegmentedControlSize, SingleSelectSize, SkeletonAnimation, SkeletonSize, SkeletonVariant, SpinnerSize, StepState, StepperOrientation, StepperSize, StepperTheme, StrataBreakpoint, StrataConfig, StrataNotificationRef, StrataOS, StrataPlatform, TagSize, TextStackOverflow, Theme, TimeFormat, TimePrecision, TooltipPlacement };
|