@semantic-components/ui 0.0.1 → 0.0.10
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/README.md +6 -0
- package/components/date-picker/date-picker.component.d.ts +30 -2
- package/components/date-picker/index.d.ts +1 -0
- package/components/date-picker/inline-date-picker.component.d.ts +23 -0
- package/components/date-picker/month-days.component.d.ts +11 -0
- package/components/date-picker/month-year-header.component.d.ts +7 -0
- package/components/date-picker/week-days-names.component.d.ts +11 -0
- package/components/dropdown/dropdown-divider.component.d.ts +5 -0
- package/components/dropdown/dropdown-item.component.d.ts +6 -0
- package/components/dropdown/dropdown.component.d.ts +5 -0
- package/components/dropdown/index.d.ts +3 -0
- package/components/editor/editor.component.d.ts +1 -1
- package/components/nav/index.d.ts +3 -0
- package/components/nav/nav-item-dropdown.component.d.ts +5 -0
- package/components/nav/nav-item.component.d.ts +5 -0
- package/components/nav/nav.component.d.ts +5 -0
- package/components/select/index.d.ts +2 -0
- package/components/select/select-option.component.d.ts +7 -0
- package/components/select/select.component.d.ts +55 -0
- package/components/tooltip/tooltip.component.d.ts +1 -1
- package/esm2022/components/date-picker/date-picker.component.mjs +181 -8
- package/esm2022/components/date-picker/index.mjs +2 -1
- package/esm2022/components/date-picker/inline-date-picker.component.mjs +185 -0
- package/esm2022/components/date-picker/month-days.component.mjs +69 -0
- package/esm2022/components/date-picker/month-year-header.component.mjs +124 -0
- package/esm2022/components/date-picker/week-days-names.component.mjs +37 -0
- package/esm2022/components/dropdown/dropdown-divider.component.mjs +16 -0
- package/esm2022/components/dropdown/dropdown-item.component.mjs +33 -0
- package/esm2022/components/dropdown/dropdown.component.mjs +85 -0
- package/esm2022/components/dropdown/index.mjs +4 -0
- package/esm2022/components/editor/editor.component.mjs +4 -4
- package/esm2022/components/nav/index.mjs +4 -0
- package/esm2022/components/nav/nav-item-dropdown.component.mjs +148 -0
- package/esm2022/components/nav/nav-item.component.mjs +16 -0
- package/esm2022/components/nav/nav.component.mjs +16 -0
- package/esm2022/components/select/index.mjs +3 -0
- package/esm2022/components/select/select-option.component.mjs +28 -0
- package/esm2022/components/select/select.component.mjs +252 -0
- package/esm2022/components/tooltip/tooltip.component.mjs +4 -4
- package/esm2022/index.mjs +4 -2
- package/fesm2022/semantic-components-ui.mjs +1132 -559
- package/fesm2022/semantic-components-ui.mjs.map +1 -1
- package/index.d.ts +3 -1
- package/package.json +7 -3
- package/components/navbar/index.d.ts +0 -1
- package/components/navbar/navbar.component.d.ts +0 -5
- package/esm2022/components/navbar/index.mjs +0 -2
- package/esm2022/components/navbar/navbar.component.mjs +0 -566
package/README.md
CHANGED
|
@@ -1,5 +1,33 @@
|
|
|
1
|
+
import { OnInit, OutputEmitterRef } from '@angular/core';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class DatePickerComponent {
|
|
3
|
+
export declare class DatePickerComponent implements OnInit {
|
|
4
|
+
private readonly localeId;
|
|
5
|
+
dateFormatPattern: import("@angular/core").WritableSignal<string>;
|
|
6
|
+
constructor(localeId: string);
|
|
7
|
+
ngOnInit(): void;
|
|
8
|
+
getDateFormatPattern(localeId: string): string;
|
|
9
|
+
private readonly _injector;
|
|
10
|
+
private readonly _dir;
|
|
11
|
+
private readonly _overlay;
|
|
12
|
+
private readonly _isOpen;
|
|
13
|
+
private readonly _input;
|
|
14
|
+
private readonly _overlayOrigin;
|
|
15
|
+
private _overlayRef;
|
|
16
|
+
private _portal;
|
|
17
|
+
/** Emits when the datepicker is opened. */
|
|
18
|
+
readonly opened: OutputEmitterRef<void>;
|
|
19
|
+
/** Emits when the datepicker is closed. */
|
|
20
|
+
readonly closed: OutputEmitterRef<void>;
|
|
21
|
+
/** Emits when the user selects a date. */
|
|
22
|
+
readonly selected: OutputEmitterRef<string>;
|
|
23
|
+
/** Opens the datepicker. */
|
|
24
|
+
open(): void;
|
|
25
|
+
/** Closes the datepicker. */
|
|
26
|
+
close(): void;
|
|
27
|
+
/** Creates an overlay reference for the datepicker panel. */
|
|
28
|
+
private _getOverlayRef;
|
|
29
|
+
/** Selects a specific date value. */
|
|
30
|
+
protected _selectValue(value: string): void;
|
|
3
31
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "
|
|
32
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "sc-date-picker", never, {}, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, never, never, true, never>;
|
|
5
33
|
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { WeekDayName } from './week-days-names.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class InlineDatePickerComponent implements OnInit {
|
|
5
|
+
private readonly localeId;
|
|
6
|
+
year: import("@angular/core").WritableSignal<number>;
|
|
7
|
+
month: import("@angular/core").WritableSignal<number>;
|
|
8
|
+
weekDaysNames: import("@angular/core").WritableSignal<WeekDayName[]>;
|
|
9
|
+
monthYear: import("@angular/core").Signal<string>;
|
|
10
|
+
monthDays: import("@angular/core").Signal<string[]>;
|
|
11
|
+
firstDayMonth: import("@angular/core").Signal<number>;
|
|
12
|
+
selectedDay: import("@angular/core").WritableSignal<string>;
|
|
13
|
+
constructor(localeId: string);
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
init(): void;
|
|
16
|
+
setSelectedDay(day: string): void;
|
|
17
|
+
private setLocaleDayNames;
|
|
18
|
+
private getFirstDayOfWeek;
|
|
19
|
+
setMonthYear(n: number): void;
|
|
20
|
+
twoDigits(n: number): string;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InlineDatePickerComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InlineDatePickerComponent, "sc-inline-date-picker", never, {}, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonthDaysComponent {
|
|
3
|
+
days: import("@angular/core").InputSignal<string[]>;
|
|
4
|
+
firstDayMonth: import("@angular/core").InputSignal<number>;
|
|
5
|
+
selectedDay: import("@angular/core").InputSignal<string>;
|
|
6
|
+
selectedDayChange: import("@angular/core").OutputEmitterRef<string>;
|
|
7
|
+
isSelected(day: string): boolean;
|
|
8
|
+
setSelectedDay(event: any): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonthDaysComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonthDaysComponent, "sc-month-days", never, { "days": { "alias": "days"; "required": true; "isSignal": true; }; "firstDayMonth": { "alias": "firstDayMonth"; "required": true; "isSignal": true; }; "selectedDay": { "alias": "selectedDay"; "required": false; "isSignal": true; }; }, { "selectedDayChange": "selectedDayChange"; }, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class MonthYearHeaderComponent {
|
|
3
|
+
monthYear: import("@angular/core").InputSignal<string>;
|
|
4
|
+
monthYearChange: import("@angular/core").OutputEmitterRef<number>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MonthYearHeaderComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MonthYearHeaderComponent, "sc-month-year-header", never, { "monthYear": { "alias": "monthYear"; "required": true; "isSignal": true; }; }, { "monthYearChange": "monthYearChange"; }, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface WeekDayName {
|
|
3
|
+
narrow: string;
|
|
4
|
+
short: string;
|
|
5
|
+
long: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class WeekDaysNamesComponent {
|
|
8
|
+
weekDaysNames: import("@angular/core").InputSignal<WeekDayName[]>;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WeekDaysNamesComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WeekDaysNamesComponent, "sc-week-days-names", never, { "weekDaysNames": { "alias": "weekDaysNames"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DropdownDividerComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDividerComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownDividerComponent, "sc-dropdown-divider", never, {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DropdownItemComponent {
|
|
3
|
+
text: import("@angular/core").InputSignal<string>;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "sc-dropdown-item", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DropdownComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "sc-dropdown", never, {}, {}, never, ["dropdown-items"], true, never>;
|
|
5
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class EditorComponent {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<EditorComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditorComponent, "sc-editor", never, {}, {}, never, never, true, never>;
|
|
5
5
|
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class NavItemDropdownComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavItemDropdownComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavItemDropdownComponent, "sc-nav-item-dropdown", never, {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class SelectOptionComponent {
|
|
3
|
+
value: any;
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "sc-select-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
2
|
+
import { CdkPortal } from '@angular/cdk/portal';
|
|
3
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
|
|
4
|
+
import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
|
|
5
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
+
import { SelectOptionComponent } from './select-option.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export interface CustomSelectEvent {
|
|
9
|
+
source: SelectComponent;
|
|
10
|
+
selected: any;
|
|
11
|
+
}
|
|
12
|
+
export declare class SelectComponent implements OnInit, ControlValueAccessor, Validator {
|
|
13
|
+
private readonly cd;
|
|
14
|
+
private readonly domSanitizer;
|
|
15
|
+
private readonly overlay;
|
|
16
|
+
inputId: string;
|
|
17
|
+
label: string;
|
|
18
|
+
placeholder: string;
|
|
19
|
+
required: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
error: boolean;
|
|
22
|
+
multiple: boolean;
|
|
23
|
+
search: boolean;
|
|
24
|
+
ariaLabel: string;
|
|
25
|
+
ariaLabelledby: string;
|
|
26
|
+
readonly change: EventEmitter<CustomSelectEvent>;
|
|
27
|
+
select: ElementRef;
|
|
28
|
+
contentTemplate: CdkPortal;
|
|
29
|
+
options: QueryList<SelectOptionComponent>;
|
|
30
|
+
displayText: SafeHtml;
|
|
31
|
+
displayX: boolean;
|
|
32
|
+
private showing;
|
|
33
|
+
private readonly showPlaceholder;
|
|
34
|
+
private overlayRef;
|
|
35
|
+
constructor(cd: ChangeDetectorRef, domSanitizer: DomSanitizer, overlay: Overlay);
|
|
36
|
+
onChangeFn: any;
|
|
37
|
+
onTouchedFn: any;
|
|
38
|
+
registerOnChange(fn: any): void;
|
|
39
|
+
registerOnTouched(fn: any): void;
|
|
40
|
+
validate(control: AbstractControl): ValidationErrors | null;
|
|
41
|
+
ngOnInit(): void;
|
|
42
|
+
writeValue(obj: any): void;
|
|
43
|
+
onTouched(): void;
|
|
44
|
+
mainSelectClasses(): {
|
|
45
|
+
[key: string]: any;
|
|
46
|
+
};
|
|
47
|
+
onDropMenuIconClick(event: UIEvent): void;
|
|
48
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
49
|
+
showDropdown(): void;
|
|
50
|
+
private hide;
|
|
51
|
+
private syncWidth;
|
|
52
|
+
private getOverlayConfig;
|
|
53
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "sc-select", never, { "inputId": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "search": { "alias": "search"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "change": "change"; }, ["options"], ["*"], true, never>;
|
|
55
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class TooltipComponent {
|
|
3
3
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "sc-tooltip", never, {}, {}, never, never, true, never>;
|
|
5
5
|
}
|
|
@@ -1,16 +1,189 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
2
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
+
import { _getEventTarget } from '@angular/cdk/platform';
|
|
4
|
+
import { ComponentPortal } from '@angular/cdk/portal';
|
|
2
5
|
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { ChangeDetectionStrategy, Component, Inject, Injector, LOCALE_ID, ViewEncapsulation, inject, output, signal, viewChild, } from '@angular/core';
|
|
7
|
+
import { InlineDatePickerComponent } from './inline-date-picker.component';
|
|
3
8
|
import * as i0 from "@angular/core";
|
|
4
9
|
export class DatePickerComponent {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
10
|
+
localeId;
|
|
11
|
+
dateFormatPattern = signal('');
|
|
12
|
+
constructor(localeId) {
|
|
13
|
+
this.localeId = localeId;
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.dateFormatPattern.set(this.getDateFormatPattern(this.localeId));
|
|
17
|
+
}
|
|
18
|
+
getDateFormatPattern(localeId) {
|
|
19
|
+
const getPatternForPart = (part) => {
|
|
20
|
+
switch (part.type) {
|
|
21
|
+
case 'day':
|
|
22
|
+
return 'd'.repeat(part.value.length);
|
|
23
|
+
case 'month':
|
|
24
|
+
return 'M'.repeat(part.value.length);
|
|
25
|
+
case 'year':
|
|
26
|
+
return 'y'.repeat(part.value.length);
|
|
27
|
+
case 'literal':
|
|
28
|
+
return part.value;
|
|
29
|
+
default:
|
|
30
|
+
throw new Error('no default');
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return new Intl.DateTimeFormat(localeId)
|
|
34
|
+
.formatToParts(new Date('2022-01-01'))
|
|
35
|
+
.map(getPatternForPart)
|
|
36
|
+
.join('');
|
|
37
|
+
}
|
|
38
|
+
_injector = inject(Injector);
|
|
39
|
+
_dir = inject(Directionality, { optional: true });
|
|
40
|
+
_overlay = inject(Overlay);
|
|
41
|
+
_isOpen = signal(false);
|
|
42
|
+
_input = viewChild('input');
|
|
43
|
+
_overlayOrigin = viewChild('overlayOrigin');
|
|
44
|
+
_overlayRef = null;
|
|
45
|
+
_portal = null;
|
|
46
|
+
/** Emits when the datepicker is opened. */
|
|
47
|
+
opened = output();
|
|
48
|
+
/** Emits when the datepicker is closed. */
|
|
49
|
+
closed = output();
|
|
50
|
+
/** Emits when the user selects a date. */
|
|
51
|
+
selected = output();
|
|
52
|
+
/** Opens the datepicker. */
|
|
53
|
+
open() {
|
|
54
|
+
if (!this._input) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
// Focus should already be on the input, but this call is in case the datepicker is opened
|
|
58
|
+
// programmatically. We need to call this even if the datepicker is already open, because
|
|
59
|
+
// the user might be clicking the toggle.
|
|
60
|
+
this._input()?.nativeElement.focus();
|
|
61
|
+
if (this._isOpen()) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
this._isOpen.set(true);
|
|
65
|
+
const overlayRef = this._getOverlayRef();
|
|
66
|
+
overlayRef.updateSize({ width: this._overlayOrigin()?.nativeElement.offsetWidth });
|
|
67
|
+
this._portal ??= new ComponentPortal(InlineDatePickerComponent);
|
|
68
|
+
overlayRef.attach(this._portal);
|
|
69
|
+
this.opened.emit();
|
|
70
|
+
}
|
|
71
|
+
/** Closes the datepicker. */
|
|
72
|
+
close() {
|
|
73
|
+
if (this._isOpen()) {
|
|
74
|
+
this._isOpen.set(false);
|
|
75
|
+
this._overlayRef?.detach();
|
|
76
|
+
this.closed.emit();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
/** Creates an overlay reference for the datepicker panel. */
|
|
80
|
+
_getOverlayRef() {
|
|
81
|
+
if (this._overlayRef) {
|
|
82
|
+
return this._overlayRef;
|
|
83
|
+
}
|
|
84
|
+
const _overlayOrigin = this._overlayOrigin();
|
|
85
|
+
if (_overlayOrigin === undefined) {
|
|
86
|
+
throw new Error('_overlayOrigin is undefined');
|
|
87
|
+
}
|
|
88
|
+
const positionStrategy = this._overlay
|
|
89
|
+
.position()
|
|
90
|
+
.flexibleConnectedTo(_overlayOrigin)
|
|
91
|
+
.withFlexibleDimensions(false)
|
|
92
|
+
.withPush(false)
|
|
93
|
+
// .withTransformOriginOn('.mat-datepicker-panel')
|
|
94
|
+
.withPositions([
|
|
95
|
+
{
|
|
96
|
+
originX: 'start',
|
|
97
|
+
originY: 'bottom',
|
|
98
|
+
overlayX: 'start',
|
|
99
|
+
overlayY: 'top',
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
originX: 'start',
|
|
103
|
+
originY: 'top',
|
|
104
|
+
overlayX: 'start',
|
|
105
|
+
overlayY: 'bottom',
|
|
106
|
+
//panelClass: 'mat-datepicker-above',
|
|
107
|
+
},
|
|
108
|
+
]);
|
|
109
|
+
this._overlayRef = this._overlay.create({
|
|
110
|
+
positionStrategy,
|
|
111
|
+
scrollStrategy: this._overlay.scrollStrategies.reposition(),
|
|
112
|
+
direction: this._dir || 'ltr',
|
|
113
|
+
hasBackdrop: false,
|
|
114
|
+
});
|
|
115
|
+
this._overlayRef.keydownEvents().subscribe((event) => {
|
|
116
|
+
console.log(event);
|
|
117
|
+
});
|
|
118
|
+
this._overlayRef.outsidePointerEvents().subscribe((event) => {
|
|
119
|
+
const target = _getEventTarget(event);
|
|
120
|
+
const origin = this._overlayOrigin()?.nativeElement;
|
|
121
|
+
if (target && target !== origin && !origin?.contains(target)) {
|
|
122
|
+
this.close();
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
return this._overlayRef;
|
|
126
|
+
}
|
|
127
|
+
/** Selects a specific date value. */
|
|
128
|
+
_selectValue(value) {
|
|
129
|
+
this.close();
|
|
130
|
+
this.selected.emit(value);
|
|
131
|
+
this._input()?.nativeElement.focus();
|
|
132
|
+
}
|
|
133
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DatePickerComponent, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
134
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.11", type: DatePickerComponent, isStandalone: true, selector: "sc-date-picker", outputs: { opened: "opened", closed: "closed", selected: "selected" }, viewQueries: [{ propertyName: "_input", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "_overlayOrigin", first: true, predicate: ["overlayOrigin"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
135
|
+
<div class="relative max-w-sm" #overlayOrigin>
|
|
136
|
+
<button class="absolute inset-y-0 end-0 flex items-center pe-3.5" (click)="open()">
|
|
137
|
+
<svg
|
|
138
|
+
class="size-4 text-gray-500 dark:text-gray-400"
|
|
139
|
+
aria-hidden="true"
|
|
140
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
141
|
+
fill="currentColor"
|
|
142
|
+
viewBox="0 0 20 20"
|
|
143
|
+
>
|
|
144
|
+
<path
|
|
145
|
+
d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"
|
|
146
|
+
/>
|
|
147
|
+
</svg>
|
|
148
|
+
</button>
|
|
149
|
+
<input
|
|
150
|
+
class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 pe-10 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder:text-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
|
|
151
|
+
#input
|
|
152
|
+
type="text"
|
|
153
|
+
placeholder="Select date"
|
|
154
|
+
/>
|
|
155
|
+
</div>
|
|
156
|
+
{{ dateFormatPattern() }}
|
|
8
157
|
`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
9
158
|
}
|
|
10
159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
11
160
|
type: Component,
|
|
12
|
-
args: [{ selector: '
|
|
13
|
-
<
|
|
161
|
+
args: [{ selector: 'sc-date-picker', standalone: true, imports: [CommonModule, InlineDatePickerComponent], template: `
|
|
162
|
+
<div class="relative max-w-sm" #overlayOrigin>
|
|
163
|
+
<button class="absolute inset-y-0 end-0 flex items-center pe-3.5" (click)="open()">
|
|
164
|
+
<svg
|
|
165
|
+
class="size-4 text-gray-500 dark:text-gray-400"
|
|
166
|
+
aria-hidden="true"
|
|
167
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
168
|
+
fill="currentColor"
|
|
169
|
+
viewBox="0 0 20 20"
|
|
170
|
+
>
|
|
171
|
+
<path
|
|
172
|
+
d="M20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"
|
|
173
|
+
/>
|
|
174
|
+
</svg>
|
|
175
|
+
</button>
|
|
176
|
+
<input
|
|
177
|
+
class="block w-full rounded-lg border border-gray-300 bg-gray-50 p-2.5 pe-10 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder:text-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
|
|
178
|
+
#input
|
|
179
|
+
type="text"
|
|
180
|
+
placeholder="Select date"
|
|
181
|
+
/>
|
|
182
|
+
</div>
|
|
183
|
+
{{ dateFormatPattern() }}
|
|
14
184
|
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush }]
|
|
15
|
-
}]
|
|
16
|
-
|
|
185
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
186
|
+
type: Inject,
|
|
187
|
+
args: [LOCALE_ID]
|
|
188
|
+
}] }] });
|
|
189
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS9zcmMvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFHVCxpQkFBaUIsRUFDakIsTUFBTSxFQUNOLE1BQU0sRUFDTixNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQWtDM0UsTUFBTSxPQUFPLG1CQUFtQjtJQUdrQjtJQUZoRCxpQkFBaUIsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFFdkMsWUFBZ0QsUUFBZ0I7UUFBaEIsYUFBUSxHQUFSLFFBQVEsQ0FBUTtJQUFHLENBQUM7SUFFcEUsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxRQUFnQjtRQUNuQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsSUFBNkIsRUFBRSxFQUFFO1lBQzFELFFBQVEsSUFBSSxDQUFD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QUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aW9uYWxpdHkgfSBmcm9tICdAYW5ndWxhci9jZGsvYmlkaSc7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgX2dldEV2ZW50VGFyZ2V0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BsYXRmb3JtJztcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEluamVjdCxcbiAgSW5qZWN0b3IsXG4gIExPQ0FMRV9JRCxcbiAgT25Jbml0LFxuICBPdXRwdXRFbWl0dGVyUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSW5saW5lRGF0ZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4vaW5saW5lLWRhdGUtcGlja2VyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NjLWRhdGUtcGlja2VyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSW5saW5lRGF0ZVBpY2tlckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlIG1heC13LXNtXCIgI292ZXJsYXlPcmlnaW4+XG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYWJzb2x1dGUgaW5zZXQteS0wIGVuZC0wIGZsZXggaXRlbXMtY2VudGVyIHBlLTMuNVwiIChjbGljayk9XCJvcGVuKClcIj5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNsYXNzPVwic2l6ZS00IHRleHQtZ3JheS01MDAgZGFyazp0ZXh0LWdyYXktNDAwXCJcbiAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgIGZpbGw9XCJjdXJyZW50Q29sb3JcIlxuICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMjAgNGEyIDIgMCAwIDAtMi0yaC0yVjFhMSAxIDAgMCAwLTIgMHYxaC0zVjFhMSAxIDAgMCAwLTIgMHYxSDZWMWExIDEgMCAwIDAtMiAwdjFIMmEyIDIgMCAwIDAtMiAydjJoMjBWNFpNMCAxOGEyIDIgMCAwIDAgMiAyaDE2YTIgMiAwIDAgMCAyLTJWOEgwdjEwWm01LThoMTBhMSAxIDAgMCAxIDAgMkg1YTEgMSAwIDAgMSAwLTJaXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGlucHV0XG4gICAgICAgIGNsYXNzPVwiYmxvY2sgdy1mdWxsIHJvdW5kZWQtbGcgYm9yZGVyIGJvcmRlci1ncmF5LTMwMCBiZy1ncmF5LTUwIHAtMi41IHBlLTEwIHRleHQtc20gdGV4dC1ncmF5LTkwMCBmb2N1czpib3JkZXItYmx1ZS01MDAgZm9jdXM6cmluZy1ibHVlLTUwMCBkYXJrOmJvcmRlci1ncmF5LTYwMCBkYXJrOmJnLWdyYXktNzAwIGRhcms6dGV4dC13aGl0ZSBkYXJrOnBsYWNlaG9sZGVyOnRleHQtZ3JheS00MDAgZGFyazpmb2N1czpib3JkZXItYmx1ZS01MDAgZGFyazpmb2N1czpyaW5nLWJsdWUtNTAwXCJcbiAgICAgICAgI2lucHV0XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWxlY3QgZGF0ZVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICAgIHt7IGRhdGVGb3JtYXRQYXR0ZXJuKCkgfX1cbiAgYCxcbiAgc3R5bGVzOiBgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhdGVQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBkYXRlRm9ybWF0UGF0dGVybiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KExPQ0FMRV9JRCkgcHJpdmF0ZSByZWFkb25seSBsb2NhbGVJZDogc3RyaW5nKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZGF0ZUZvcm1hdFBhdHRlcm4uc2V0KHRoaXMuZ2V0RGF0ZUZvcm1hdFBhdHRlcm4odGhpcy5sb2NhbGVJZCkpO1xuICB9XG5cbiAgZ2V0RGF0ZUZvcm1hdFBhdHRlcm4obG9jYWxlSWQ6IHN0cmluZykge1xuICAgIGNvbnN0IGdldFBhdHRlcm5Gb3JQYXJ0ID0gKHBhcnQ6IEludGwuRGF0ZVRpbWVGb3JtYXRQYXJ0KSA9PiB7XG4gICAgICBzd2l0Y2ggKHBhcnQudHlwZSkge1xuICAgICAgICBjYXNlICdkYXknOlxuICAgICAgICAgIHJldHVybiAnZCcucmVwZWF0KHBhcnQudmFsdWUubGVuZ3RoKTtcbiAgICAgICAgY2FzZSAnbW9udGgnOlxuICAgICAgICAgIHJldHVybiAnTScucmVwZWF0KHBhcnQudmFsdWUubGVuZ3RoKTtcbiAgICAgICAgY2FzZSAneWVhcic6XG4gICAgICAgICAgcmV0dXJuICd5Jy5yZXBlYXQocGFydC52YWx1ZS5sZW5ndGgpO1xuICAgICAgICBjYXNlICdsaXRlcmFsJzpcbiAgICAgICAgICByZXR1cm4gcGFydC52YWx1ZTtcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ25vIGRlZmF1bHQnKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIG5ldyBJbnRsLkRhdGVUaW1lRm9ybWF0KGxvY2FsZUlkKVxuICAgICAgLmZvcm1hdFRvUGFydHMobmV3IERhdGUoJzIwMjItMDEtMDEnKSlcbiAgICAgIC5tYXAoZ2V0UGF0dGVybkZvclBhcnQpXG4gICAgICAuam9pbignJyk7XG4gIH1cblxuICBwcml2YXRlIHJlYWRvbmx5IF9pbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfZGlyID0gaW5qZWN0KERpcmVjdGlvbmFsaXR5LCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuICBwcml2YXRlIHJlYWRvbmx5IF9vdmVybGF5ID0gaW5qZWN0KE92ZXJsYXkpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2lzT3BlbiA9IHNpZ25hbChmYWxzZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2lucHV0ID0gdmlld0NoaWxkPEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4+KCdpbnB1dCcpO1xuICBwcml2YXRlIHJlYWRvbmx5IF9vdmVybGF5T3JpZ2luID0gdmlld0NoaWxkPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+Pignb3ZlcmxheU9yaWdpbicpO1xuICBwcml2YXRlIF9vdmVybGF5UmVmOiBPdmVybGF5UmVmIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgX3BvcnRhbDogQ29tcG9uZW50UG9ydGFsPHVua25vd24+IHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqIEVtaXRzIHdoZW4gdGhlIGRhdGVwaWNrZXIgaXMgb3BlbmVkLiAqL1xuICByZWFkb25seSBvcGVuZWQ6IE91dHB1dEVtaXR0ZXJSZWY8dm9pZD4gPSBvdXRwdXQoKTtcbiAgLyoqIEVtaXRzIHdoZW4gdGhlIGRhdGVwaWNrZXIgaXMgY2xvc2VkLiAqL1xuICByZWFkb25seSBjbG9zZWQ6IE91dHB1dEVtaXR0ZXJSZWY8dm9pZD4gPSBvdXRwdXQoKTtcblxuICAvKiogRW1pdHMgd2hlbiB0aGUgdXNlciBzZWxlY3RzIGEgZGF0ZS4gKi9cbiAgcmVhZG9ubHkgc2VsZWN0ZWQ6IE91dHB1dEVtaXR0ZXJSZWY8c3RyaW5nPiA9IG91dHB1dCgpO1xuXG4gIC8qKiBPcGVucyB0aGUgZGF0ZXBpY2tlci4gKi9cbiAgb3BlbigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX2lucHV0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gRm9jdXMgc2hvdWxkIGFscmVhZHkgYmUgb24gdGhlIGlucHV0LCBidXQgdGhpcyBjYWxsIGlzIGluIGNhc2UgdGhlIGRhdGVwaWNrZXIgaXMgb3BlbmVkXG4gICAgLy8gcHJvZ3JhbW1hdGljYWxseS4gV2UgbmVlZCB0byBjYWxsIHRoaXMgZXZlbiBpZiB0aGUgZGF0ZXBpY2tlciBpcyBhbHJlYWR5IG9wZW4sIGJlY2F1c2VcbiAgICAvLyB0aGUgdXNlciBtaWdodCBiZSBjbGlja2luZyB0aGUgdG9nZ2xlLlxuICAgIHRoaXMuX2lucHV0KCk/Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcblxuICAgIGlmICh0aGlzLl9pc09wZW4oKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX2lzT3Blbi5zZXQodHJ1ZSk7XG5cbiAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5fZ2V0T3ZlcmxheVJlZigpO1xuXG4gICAgb3ZlcmxheVJlZi51cGRhdGVTaXplKHsgd2lkdGg6IHRoaXMuX292ZXJsYXlPcmlnaW4oKT8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCB9KTtcblxuICAgIHRoaXMuX3BvcnRhbCA/Pz0gbmV3IENvbXBvbmVudFBvcnRhbChJbmxpbmVEYXRlUGlja2VyQ29tcG9uZW50KTtcblxuICAgIG92ZXJsYXlSZWYuYXR0YWNoKHRoaXMuX3BvcnRhbCk7XG5cbiAgICB0aGlzLm9wZW5lZC5lbWl0KCk7XG4gIH1cblxuICAvKiogQ2xvc2VzIHRoZSBkYXRlcGlja2VyLiAqL1xuICBjbG9zZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5faXNPcGVuKCkpIHtcbiAgICAgIHRoaXMuX2lzT3Blbi5zZXQoZmFsc2UpO1xuICAgICAgdGhpcy5fb3ZlcmxheVJlZj8uZGV0YWNoKCk7XG4gICAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLyoqIENyZWF0ZXMgYW4gb3ZlcmxheSByZWZlcmVuY2UgZm9yIHRoZSBkYXRlcGlja2VyIHBhbmVsLiAqL1xuICBwcml2YXRlIF9nZXRPdmVybGF5UmVmKCk6IE92ZXJsYXlSZWYge1xuICAgIGlmICh0aGlzLl9vdmVybGF5UmVmKSB7XG4gICAgICByZXR1cm4gdGhpcy5fb3ZlcmxheVJlZjtcbiAgICB9XG5cbiAgICBjb25zdCBfb3ZlcmxheU9yaWdpbiA9IHRoaXMuX292ZXJsYXlPcmlnaW4oKTtcbiAgICBpZiAoX292ZXJsYXlPcmlnaW4gPT09IHVuZGVmaW5lZCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdfb3ZlcmxheU9yaWdpbiBpcyB1bmRlZmluZWQnKTtcbiAgICB9XG5cbiAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5fb3ZlcmxheVxuICAgICAgLnBvc2l0aW9uKClcbiAgICAgIC5mbGV4aWJsZUNvbm5lY3RlZFRvKF9vdmVybGF5T3JpZ2luKVxuICAgICAgLndpdGhGbGV4aWJsZURpbWVuc2lvbnMoZmFsc2UpXG4gICAgICAud2l0aFB1c2goZmFsc2UpXG4gICAgICAvLyAud2l0aFRyYW5zZm9ybU9yaWdpbk9uKCcubWF0LWRhdGVwaWNrZXItcGFuZWwnKVxuICAgICAgLndpdGhQb3NpdGlvbnMoW1xuICAgICAgICB7XG4gICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICAgICAgICAvL3BhbmVsQ2xhc3M6ICdtYXQtZGF0ZXBpY2tlci1hYm92ZScsXG4gICAgICAgIH0sXG4gICAgICBdKTtcblxuICAgIHRoaXMuX292ZXJsYXlSZWYgPSB0aGlzLl9vdmVybGF5LmNyZWF0ZSh7XG4gICAgICBwb3NpdGlvblN0cmF0ZWd5LFxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMuX292ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5yZXBvc2l0aW9uKCksXG4gICAgICBkaXJlY3Rpb246IHRoaXMuX2RpciB8fCAnbHRyJyxcbiAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICB9KTtcblxuICAgIHRoaXMuX292ZXJsYXlSZWYua2V5ZG93bkV2ZW50cygpLnN1YnNjcmliZSgoZXZlbnQpID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKGV2ZW50KTtcbiAgICB9KTtcblxuICAgIHRoaXMuX292ZXJsYXlSZWYub3V0c2lkZVBvaW50ZXJFdmVudHMoKS5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XG4gICAgICBjb25zdCB0YXJnZXQgPSBfZ2V0RXZlbnRUYXJnZXQoZXZlbnQpIGFzIEhUTUxFbGVtZW50O1xuICAgICAgY29uc3Qgb3JpZ2luID0gdGhpcy5fb3ZlcmxheU9yaWdpbigpPy5uYXRpdmVFbGVtZW50O1xuXG4gICAgICBpZiAodGFyZ2V0ICYmIHRhcmdldCAhPT0gb3JpZ2luICYmICFvcmlnaW4/LmNvbnRhaW5zKHRhcmdldCkpIHtcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgfVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIHRoaXMuX292ZXJsYXlSZWY7XG4gIH1cblxuICAvKiogU2VsZWN0cyBhIHNwZWNpZmljIGRhdGUgdmFsdWUuICovXG4gIHByb3RlY3RlZCBfc2VsZWN0VmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuY2xvc2UoKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQodmFsdWUpO1xuICAgIHRoaXMuX2lucHV0KCk/Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgfVxufVxuIl19
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export * from './date-picker.component';
|
|
2
|
-
|
|
2
|
+
export * from './inline-date-picker.component';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpL3NyYy9jb21wb25lbnRzL2RhdGUtcGlja2VyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZGF0ZS1waWNrZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW5saW5lLWRhdGUtcGlja2VyLmNvbXBvbmVudCc7XG4iXX0=
|