@anglr/datetime 5.0.0-beta.20221018111751 → 5.0.0-beta.20221019093146

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAiB,SAAS,EAAE,aAAa,EAAoB,SAAS,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACtM,OAAO,EAAC,QAAQ,EAAW,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;;AAsB7C;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IAwE9E,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IArE/D;;OAEG;IACH,SAAS,CAAC,yBAAyB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjE;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxE;;OAEG;IAEH,SAAS,CAAC,eAAe,EAAE,gBAAgB,GAAC,SAAS,GAAC,IAAI,CAAC;IAI3D;;OAEG;IAEI,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAE7D;;OAEG;IACH,IACW,OAAO,IAAI,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAG1D;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAQ9D;IAID;;OAEG;IAEI,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAA4B;gBAG1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACL,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAoBhG;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAmBhD;;OAEG;IACI,WAAW,IAAI,IAAI;IAW1B;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI;IA0CjF;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAqBrD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;yCA5M5C,uBAAuB;2CAAvB,uBAAuB;CAgOnC"}

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html

@@ -0,0 +1 @@
+<ng-container #container></ng-container>

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.d.ts

@@ -0,0 +1,17 @@
+import { Type } from '@angular/core';
+import { Dictionary } from '@jscrpt/common';
+import { DateTimePicker } from '../../interfaces';
+/**
+ * Defintion of date time picker component options
+ */
+export interface DateTimePickerOptions<TDate = unknown> {
+    /**
+     * Definition of types for each period type for picker
+     */
+    periodsDefinition: Dictionary<Type<DateTimePicker<TDate>>>;
+    /**
+     * Name of default period for picker that is displayed after opening
+     */
+    defaultPeriod: string;
+}
+//# sourceMappingURL=dateTimePicker.interface.d.ts.map

package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,KAAK,GAAG,OAAO;IAElD;;OAEG;IACH,iBAAiB,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACzB"}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.css

@@ -0,0 +1,27 @@
+:host
+{
+    position: absolute;
+}
+
+.period-data
+{
+    grid-template-columns: repeat(7, 1fr);
+}
+
+.weekday
+{
+    text-align: center;
+    font-weight: bold;
+    opacity: 0.7;
+    margin-bottom: 6px;
+}
+
+.period-datum:not(.other-month)
+{
+    font-weight: bold;
+}
+
+.other-month
+{
+    opacity: 0.5;
+}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts

@@ -0,0 +1,11 @@
+import { DateTimePicker } from '../../interfaces';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying day picker
+ */
+export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerSAComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerSAComponent<any>, "day-picker", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=dayPicker.component.d.ts.map

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;;AAErE;;GAEG;AACH,qBAWa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;yCAA9G,oBAAoB;2CAApB,oBAAoB;CAEhC"}

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html

@@ -0,0 +1,23 @@
+<!-- <div [ngClass]="cssClasses.periodSelection | asRequired">
+    <div [ngClass]="cssClasses.previousPeriod | asRequired" (mousedown)="previousMonth($event)"></div>
+    <div [ngClass]="cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]" (mousedown)="goUp($event)">{{displayDate?.format('MMMM yyyy')}}</div>
+    <div [ngClass]="cssClasses.nextPeriod | asRequired" (mousedown)="nextMonth($event)"></div>
+</div>
+
+<div [ngClass]="cssClasses.periodData | asRequired">
+    <div [ngClass]="cssClasses.weekdayName | asRequired" *ngFor="let weekday of weekdays">{{weekday}}</div>
+    <div *ngFor="let day of periodData"
+         [ngClass]="cssClasses.periodDatum | asRequired"
+         [class.other-month]="day.otherMonth"
+         [class.today]="day.today"
+         [class.weekend]="day.weekend"
+         [class.active]="day.active"
+         [class.disabled]="day.disabled"
+         (mousedown)="select($event, day)">{{day.day}}</div>
+</div>
+
+<div class="flex-row" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canGoDown">
+    <div [class.clickable]="canGoDown" (mousedown)="goDown($event)">{{timeValue?.from | dateFormat: 'time'}}</div>
+</div> -->
+
+DAY

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts

@@ -0,0 +1,11 @@
+import { CommonPickerCssClasses } from '../../../../legacy/picker/interfaces';
+/**
+ * Specific css classes for day picker
+ */
+export interface DayPickerCssClasses extends CommonPickerCssClasses {
+    /**
+     * Element displaying weekday name
+     */
+    weekdayName?: string;
+}
+//# sourceMappingURL=dayPicker.interfaces.d.ts.map

package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPicker.interfaces.d.ts","sourceRoot":"","sources":["dayPicker.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,sCAAsC,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IAE/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/src/modules/dateTimePicker/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dateTimePeriodPickerBase';
+export * from './dateTimePicker/dateTimePicker.component';
+export * from './dateTimePicker/dateTimePicker.interface';
+export * from './dayPicker/dayPicker.component';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC"}

package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts

@@ -0,0 +1,79 @@
+import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { Position } from '@anglr/common';
+import { Subscription } from 'rxjs';
+import { DateTimeInput } from '../../../../interfaces';
+import { DateTimePickerComponent } from '../../components';
+import { DateTimePickerDirectiveOptions } from './dateTimePicker.interface';
+import * as i0 from "@angular/core";
+/**
+ * Directive that is used for displaying and attaching date time picker
+ */
+export declare class DateTimePickerDirective<TDate = unknown> implements OnInit, OnDestroy {
+    protected viewContainer: ViewContainerRef;
+    protected element: ElementRef<HTMLElement>;
+    protected input: DateTimeInput<TDate>;
+    protected document: Document;
+    protected position: Position;
+    /**
+     * Indication whether is value changes disabled
+     */
+    protected valueChangeDisabled: boolean;
+    /**
+     * Options for date time picker directive
+     */
+    protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;
+    /**
+     * Subscriptions created during initialization
+     */
+    protected initSubscriptions: Subscription;
+    /**
+     * Date time picker component reference
+     */
+    protected componentRef: ComponentRef<DateTimePickerComponent<TDate>> | undefined | null;
+    /**
+     * Instance of date time picker component
+     */
+    protected component: DateTimePickerComponent<TDate> | undefined | null;
+    /**
+     * Instance of date time picker element
+     */
+    protected componentElement: HTMLElement | undefined | null;
+    /**
+     * Subscription for value changes in picker
+     */
+    protected valueChangeSubscription: Subscription | undefined | null;
+    /**
+     * Gets or sets options for date time picker directive
+     */
+    get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>;
+    set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>);
+    constructor(viewContainer: ViewContainerRef, element: ElementRef<HTMLElement>, input: DateTimeInput<TDate>, document: Document, position: Position, options?: DateTimePickerDirectiveOptions);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): Promise<void>;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    /**
+     * Hides date time picker
+     */
+    showPicker(): Promise<void>;
+    /**
+     * Shows date time picker
+     */
+    hidePicker(): void;
+    /**
+     * Sets all picker value
+     */
+    protected setPickerValue(): void;
+    /**
+     * Handles clicking outside of picker
+     * @param event - Event that occured
+     */
+    protected handleClickOutside(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerDirective<any>, [null, null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerDirective<any>, "[dateTime][withPicker]", ["dateTimePicker"], { "withPickerOptions": "withPickerOptions"; }, {}, never, never, false>;
+}
+//# sourceMappingURL=dateTimePicker.directive.d.ts.map

package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.directive.d.ts","sourceRoot":"","sources":["dateTimePicker.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAa,UAAU,EAAkC,SAAS,EAAE,MAAM,EAAY,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjJ,OAAO,EAAC,QAAQ,EAAmD,MAAM,eAAe,CAAC;AAEzF,OAAO,EAAgB,YAAY,EAAC,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;;AAgB1E;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,MAAM,EAAE,SAAS;IAuDlE,SAAS,CAAC,aAAa,EAAE,gBAAgB;IACzC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IACjB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAvD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,YAAY,CAAsB;IAE/D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEpF;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,uBAAuB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/D;;OAEG;IACH,IACW,iBAAiB,IAAI,OAAO,CAAC,8BAA8B,CAAC,CAGtE;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,CAAC,EAG1E;gBAGqB,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACU,OAAO,CAAC,EAAE,8BAA8B;IAO5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtC;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAsCxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAuBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAehC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA/L5C,uBAAuB;2CAAvB,uBAAuB;CA8MnC"}

package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.d.ts

@@ -0,0 +1,31 @@
+import { PositionPlacement } from '@anglr/common';
+/**
+ * Defintion of date time picker directive options
+ */
+export interface DateTimePickerDirectiveOptions {
+    /**
+     * Indication whether close picker on value selection
+     */
+    closeOnValueSelect: boolean;
+    /**
+     * Indication whether display picker when date time input gets focus
+     */
+    showOnFocus: boolean;
+    /**
+     * Indication whether is picker always visible, mostly used for debugging
+     */
+    alwaysVisible: boolean;
+    /**
+     * Indication whether picker is disabled, if true, you cant display picker
+     */
+    disabled: boolean;
+    /**
+     * Indication whether use absolute global positioning of picker
+     */
+    absolute: boolean;
+    /**
+     * Position options that are used to position picker
+     */
+    positionOptions: Partial<PositionPlacement>;
+}
+//# sourceMappingURL=dateTimePicker.interface.d.ts.map

package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAE3C;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC/C"}

package/src/modules/dateTimePicker/directives/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dateTimePicker/dateTimePicker.directive';
+export * from './dateTimePicker/dateTimePicker.interface';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/directives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC"}

package/src/modules/dateTimePicker/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './directives';
+export * from './interfaces';
+export * from './misc/tokens';
+export * from './modules';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts

@@ -0,0 +1,40 @@
+import { Observable } from 'rxjs';
+import { DateTimeObjectValue } from '../../../../misc/types';
+/**
+ * Describes date time picker API for each date time period
+ */
+export interface DateTimePicker<TDate = unknown, TOptions = unknown> {
+    /**
+     * Value of date time picker
+     */
+    value: DateTimeObjectValue<TDate> | undefined | null;
+    /**
+     * Options for date time picker period
+     */
+    options: TOptions | undefined | null;
+    /**
+     * Date that describes which date should be displayed
+     */
+    display: TDate | undefined | null;
+    /**
+     * Indication whether picker can display lower granularity picker
+     */
+    canGoUp: boolean;
+    /**
+     * Indication whether picker can display higher granularity picker
+     */
+    canGoDown: boolean;
+    /**
+     * Occurs when date time picker value changes
+     */
+    readonly valueChange: Observable<void>;
+    /**
+     * Occurs when period with lower granularity should be displayed
+     */
+    readonly goUp: Observable<TDate>;
+    /**
+     * Occurs when period with higher granularity should be displayed
+     */
+    readonly goDown: Observable<TDate>;
+}
+//# sourceMappingURL=dateTimePicker.interface.d.ts.map

package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO;IAE/D;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjD;;OAEG;IACH,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACtC"}

package/src/modules/dateTimePicker/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dateTimePicker/dateTimePicker.interface';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/interfaces/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}

package/src/modules/dateTimePicker/misc/tokens.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+import { DateTimePickerOptions } from '../components/dateTimePicker/dateTimePicker.interface';
+import { DateTimePickerDirectiveOptions } from '../directives/dateTimePicker/dateTimePicker.interface';
+/**
+ * Injection token for global options for date time picker directive
+ */
+export declare const DATE_TIME_PICKER_DIRECTIVE_OPTIONS: InjectionToken<Partial<DateTimePickerDirectiveOptions>>;
+/**
+ * Injection token for global options for date time picker component
+ */
+export declare const DATE_TIME_PICKER_OPTIONS: InjectionToken<Partial<DateTimePickerOptions>>;
+//# sourceMappingURL=tokens.d.ts.map

package/src/modules/dateTimePicker/misc/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,8BAA8B,EAAC,MAAM,uDAAuD,CAAC;AAErG;;GAEG;AACH,eAAO,MAAM,kCAAkC,EAAE,cAAc,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAqG,CAAC;AAE7M;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAkF,CAAC"}

package/src/modules/dateTimePicker/modules/dateTimePicker.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../components/dateTimePicker/dateTimePicker.component";
+import * as i2 from "../directives/dateTimePicker/dateTimePicker.directive";
+/**
+ * Module for components that are used as date time picker
+ */
+export declare class DateTimePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerModule, [typeof i1.DateTimePickerComponent, typeof i2.DateTimePickerDirective], never, [typeof i1.DateTimePickerComponent, typeof i2.DateTimePickerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DateTimePickerModule>;
+}
+//# sourceMappingURL=dateTimePicker.module.d.ts.map

package/src/modules/dateTimePicker/modules/dateTimePicker.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.module.d.ts","sourceRoot":"","sources":["dateTimePicker.module.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAaa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAEhC"}

package/src/modules/dateTimePicker/modules/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dateTimePicker.module';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/dateTimePicker/modules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/src/modules/index.d.ts

@@ -1,3 +1,4 @@
 export * from './datePipes.module';
 export * from './dateTime';
+export * from './dateTimePicker';
 //# sourceMappingURL=index.d.ts.map

package/src/modules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/styles/components/_date-time-picker.scss

@@ -0,0 +1,8 @@
+@mixin css
+{
+    date-time-picker
+    {
+        display: block;
+        position: absolute;
+    }
+}

package/styles/core/_functions.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+
+@use 'theme';
+
+@function defineTheme($colors, $font)
+{
+    $theme: map.deep-merge(theme.$defaultTheme, $colors);
+    $theme: map.set($theme, 'font', $font);
+
+    @return $theme;
+}

package/styles/core/_misc.scss

@@ -0,0 +1,199 @@
+%hidden
+{
+    display: none;
+}
+
+%bold
+{
+    font-weight: bold;
+}
+
+%semi-bold
+{
+    font-weight: 500;
+}
+
+%flex-row
+{
+    display: flex;
+    flex-direction: row;
+}
+
+%flex-column
+{
+    display: flex;
+    flex-direction: column;
+}
+
+%flex-end
+{
+    justify-content: flex-end;
+}
+
+%flex-1
+{
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+}
+
+%align-self-center
+{
+    align-self: center;
+}
+
+%align-items-center
+{
+    align-items: center;
+}
+
+%text-uppercase
+{
+    text-transform: uppercase;
+}
+
+%text-spread
+{
+    letter-spacing: 1px;
+}
+
+%text-small-caps
+{
+    font-variant-caps: small-caps;
+}
+
+%small-text
+{
+    font-size: 0.9em;
+}
+
+@mixin misc
+{
+    .date-time-hidden
+    {
+        @extend %hidden;
+    }
+
+    .date-time-bold
+    {
+        @extend %bold;
+    }
+
+    .date-time-semi-bold
+    {
+        @extend %semi-bold;
+    }
+
+    .date-time-flex-row
+    {
+        @extend %flex-row;
+    }
+
+    .date-time-flex-column
+    {
+        @extend %flex-column;
+    }
+
+    .date-time-flex-end
+    {
+        @extend %flex-end;
+    }
+
+    .date-time-flex-1
+    {
+        @extend %flex-1;
+    }
+
+    .date-time-align-self-center
+    {
+        @extend %align-self-center;
+    }
+
+    .date-time-align-items-center
+    {
+        @extend %align-items-center;
+    }
+
+    .date-time-text-uppercase
+    {
+        @extend %text-uppercase;
+    }
+
+    .date-time-text-spread
+    {
+        @extend %text-spread;
+    }
+
+    .date-time-text-small-caps
+    {
+        @extend %text-small-caps;
+    }
+
+    .date-time-small-text
+    {
+        @extend %small-text;
+    }
+}
+
+@mixin thin-scrollbar($thinScrollbarColorVar)
+{
+    .date-time-thin-scrollbar
+    {
+        scrollbar-width: thin;
+        scrollbar-color: var(#{$thinScrollbarColorVar}) transparent;
+    }
+
+    .date-time-thin-scrollbar::-webkit-scrollbar-thumb
+    {
+        background-color: var(#{$thinScrollbarColorVar});
+    }
+    
+    .date-time-thin-scrollbar::-webkit-scrollbar
+    {
+        width: 6px;
+        background-color: transparent;
+    }
+}
+
+@mixin generate-margin-padding($type, $sizes)
+{
+    @each $sizeType, $size in $sizes
+    {
+        .date-time-#{$type}-#{$sizeType}
+        {
+            #{$type}: $size;
+        }
+
+        .date-time-#{$type}-right-#{$sizeType}
+        {
+            #{$type}-right: $size;
+        }
+
+        .date-time-#{$type}-left-#{$sizeType}
+        {
+            #{$type}-left: $size;
+        }
+
+        .date-time-#{$type}-top-#{$sizeType}
+        {
+            #{$type}-top: $size;
+        }
+
+        .date-time-#{$type}-bottom-#{$sizeType}
+        {
+            #{$type}-bottom: $size;
+        }
+
+        .date-time-#{$type}-horizontal-#{$sizeType}
+        {
+            #{$type}-left: $size;
+            #{$type}-right: $size;
+        }
+
+        .date-time-#{$type}-vertical-#{$sizeType}
+        {
+            #{$type}-top: $size;
+            #{$type}-bottom: $size;
+        }
+    }
+}

package/styles/core/_mixins.scss

@@ -0,0 +1,23 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use 'misc';
+@use '../components/date-time-picker' as dateTimePicker;
+
+@mixin buildThemeColors($theme)
+{
+}
+
+@mixin buildThemeCss
+{
+    @include misc.misc;
+    @include misc.generate-margin-padding('margin', (none: 0, extra-small: 4px, small: 10px, medium: 15px, big: 20px));
+    // @include misc.thin-scrollbar('--dynamic-thin-scrollbar');
+    @include dateTimePicker.css;
+}
+
+@mixin buildTheme($theme)
+{
+    @include buildThemeColors($theme);
+    @include buildThemeCss;
+}

package/styles/core/_theme.scss

@@ -0,0 +1,3 @@
+$defaultTheme:
+(
+);

package/styles/index.scss

@@ -0,0 +1,2 @@
+@forward './core/functions';
+@forward './core/mixins';

package/styles/themes/dark.scss

@@ -0,0 +1,19 @@
+@use 'sass:map';
+@use '../core/functions';
+@use '../core/mixins';
+
+$_darkDefaultTheme:
+(
+);
+
+@function defineTheme($colors: (), $font: 'Inter')
+{
+    $colors: map.deep-merge($_darkDefaultTheme, $colors);
+
+    @return functions.defineTheme($colors, $font);
+}
+
+@mixin buildTheme()
+{
+    @include mixins.buildTheme(defineTheme());
+}