@anglr/datetime 5.0.0-beta.20221018120203 → 5.0.0-beta.20221019112435

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;IAwBtC;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA0CxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAuBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCArM5C,uBAAuB;2CAAvB,uBAAuB;CAoNnC"}

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,48 @@
+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;
+    /**
+     * Max allowed date
+     */
+    maxDate: TDate | undefined | null;
+    /**
+     * Min allowed date to be selected
+     */
+    minDate: TDate | undefined | null;
+    /**
+     * Indication whether picker can display scale date time period up
+     */
+    canScaleUp: boolean;
+    /**
+     * Indication whether picker can display scale date time period down
+     */
+    canScaleDown: boolean;
+    /**
+     * Occurs when date time picker value changes
+     */
+    readonly valueChange: Observable<void>;
+    /**
+     * Occurs when period should be scaled up
+     */
+    readonly scaleUp: Observable<TDate>;
+    /**
+     * Occurs when period should be scaled down
+     */
+    readonly scaleDown: 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,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACzC"}

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/src/pipes/dateFormat.pipe.d.ts

@@ -9,13 +9,39 @@ export declare class DateFormatPipe<TDate = any> implements PipeTransform {
     private _formatProvider;
     private _dateApi;
     constructor(_formatProvider: FormatProvider, _dateApi: DateApi<TDate>);
+    /**
+     * Formats provided date into formatted string, with default format 'date'
+     * @param value - value to be transformed
+     */
+    transform(value: TDate | DateValue): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys
+     */
+    transform(value: TDate | DateValue, format: keyof FormatProvider): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - predefined format that is used for formatting, one of 'FormatProvider' keys
+     * @param parseFormat - format used for parsing string date
+     */
+    transform(value: TDate | DateValue, format: keyof FormatProvider, parseFormat: string): string;
+    /**
+     * Formats provided date into formatted string
+     * @param value - value to be transformed
+     * @param format - format that is used for formatting
+     * @param customFormat - indication that custom format is used
+     */
+    transform(value: TDate | DateValue, format: string, customFormat: true): string;
     /**
      * Formats provided date into formatted string
      * @param value - value to be transformed
-     * @param format - Format that is used for formatting, can be also 'FormatProvider' key
+     * @param format - format that is used for formatting
      * @param parseFormat - format used for parsing string date
+     * @param customFormat - indication that custom format is used
      */
-    transform(value: TDate | DateValue, format?: string | keyof FormatProvider, parseFormat?: string): string;
+    transform(value: TDate | DateValue, format: string, parseFormat: string, customFormat: true): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFormatPipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DateFormatPipe<any>, "dateFormat", false>;
 }

package/src/pipes/dateFormat.pipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateFormat.pipe.d.ts","sourceRoot":"","sources":["dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;;AAE/C;;GAEG;AACH,qBACa,cAAc,CAAC,KAAK,GAAG,GAAG,CAAE,YAAW,aAAa;IAGxB,OAAO,CAAC,eAAe;IAC9B,OAAO,CAAC,QAAQ;gBADD,eAAe,EAAE,cAAc,EACtC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;IAM9D;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,GAAE,MAAM,GAAC,MAAM,cAA+C,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM;yCAhBnI,cAAc;uCAAd,cAAc;CAiC1B"}
+{"version":3,"file":"dateFormat.pipe.d.ts","sourceRoot":"","sources":["dateFormat.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,eAAe,CAAC;AAG1D,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,OAAO,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;;AAE/C;;GAEG;AACH,qBACa,cAAc,CAAC,KAAK,GAAG,GAAG,CAAE,YAAW,aAAa;IAGxB,OAAO,CAAC,eAAe;IAC9B,OAAO,CAAC,QAAQ;gBADD,eAAe,EAAE,cAAc,EACtC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;IAM9D;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,GAAG,MAAM;IAChD;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,GAAG,MAAM;IAC9E;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM;IACnG;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM;IACpF;;;;;;OAMG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,MAAM;yCA1ChG,cAAc;uCAAd,cAAc;CA8D1B"}

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());
+}

package/styles/themes/light.scss

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

package/version.bak

@@ -1 +1 @@
-5.0.0-beta.20221018120203 
+5.0.0-beta.20221019112435