@anglr/datetime 5.0.0-beta.20221020045240 → 5.0.0-beta.20221020124055

package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {PositionPlacement} from '@anglr/common';\n\n/**\n * Defintion of date time picker directive options\n */\nexport interface DateTimePickerDirectiveOptions\n{\n    /**\n     * Indication whether close picker on value selection\n     */\n    closeOnValueSelect: boolean;\n\n    /**\n     * Indication whether display picker when date time input gets focus\n     */\n    showOnFocus: boolean;\n\n    /**\n     * Indication whether is picker always visible, mostly used for debugging\n     */\n    alwaysVisible: boolean;\n\n    /**\n     * Indication whether picker is disabled, if true, you cant display picker\n     */\n    disabled: boolean;\n\n    /**\n     * Indication whether use absolute global positioning of picker\n     */\n    absolute: boolean;\n\n    /**\n     * Position options that are used to position picker\n     */\n    positionOptions: Partial<PositionPlacement>;\n}"]}
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {PositionPlacement} from '@anglr/common';\n\n/**\n * Defintion of date time picker directive options\n */\nexport interface DateTimePickerDirectiveOptions\n{\n    /**\n     * Indication whether close picker on value selection\n     */\n    closeOnValueSelect: boolean;\n\n    /**\n     * Indication whether close picker when date time input loses focus\n     */\n    closeOnBlur: boolean;\n\n    /**\n     * Indication whether display picker when date time input gets focus\n     */\n    showOnFocus: boolean;\n\n    /**\n     * Indication whether is picker always visible, mostly used for debugging\n     */\n    alwaysVisible: boolean;\n\n    /**\n     * Indication whether picker is disabled, if true, you cant display picker\n     */\n    disabled: boolean;\n\n    /**\n     * Indication whether use absolute global positioning of picker\n     */\n    absolute: boolean;\n\n    /**\n     * Position options that are used to position picker\n     */\n    positionOptions: Partial<PositionPlacement>;\n\n    /**\n     * Custom css class that is being added to picker component\n     */\n    pickerCssClass: string|undefined|null;\n}"]}

package/es2020/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Observable} from 'rxjs';\n\nimport {DateTimeObjectValue} from '../../../../misc/types';\n\n/**\n * Describes date time picker API for each date time period\n */\nexport interface DateTimePicker<TDate = unknown, TOptions = unknown>\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * Options for date time picker period\n     */\n    options: TOptions|undefined|null;\n\n    /**\n     * Date that describes which date should be displayed\n     */\n    display: TDate|undefined|null;\n\n    /**\n     * Max allowed date\n     */\n    maxDate: TDate|undefined|null;\n\n    /**\n     * Min allowed date to be selected\n     */\n    minDate: TDate|undefined|null;\n\n    /**\n     * Indication whether picker can display scale date time period up\n     */\n    canScaleUp: boolean;\n\n    /**\n     * Indication whether picker can display scale date time period down\n     */\n    canScaleDown: boolean;\n\n    /**\n     * Occurs when date time picker value changes\n     */\n    readonly valueChange: Observable<void>;    \n\n    /**\n     * Occurs when period should be scaled up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when period should be scaled down\n     */\n    readonly scaleDown: Observable<TDate>;\n}"]}
+{"version":3,"file":"dateTimePicker.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Invalidatable} from '@jscrpt/common';\nimport {Observable} from 'rxjs';\n\nimport {DateTimeObjectValue} from '../../../../misc/types';\n\n/**\n * Describes date time picker API for each date time period\n */\nexport interface DateTimePicker<TDate = unknown> extends Invalidatable\n{\n    /**\n     * Value of date time picker\n     */\n    value: DateTimeObjectValue<TDate>|undefined|null;\n\n    /**\n     * Date that describes which date should be displayed\n     */\n    display: TDate|undefined|null;\n\n    /**\n     * Max allowed date\n     */\n    maxDate: TDate|undefined|null;\n\n    /**\n     * Min allowed date to be selected\n     */\n    minDate: TDate|undefined|null;\n\n    /**\n     * Indication whether picker can display scale date time period up\n     */\n    canScaleUp: boolean;\n\n    /**\n     * Indication whether picker can display scale date time period down\n     */\n    canScaleDown: boolean;\n\n    /**\n     * Occurs when date time picker value changes\n     */\n    readonly valueChange: Observable<void>;    \n\n    /**\n     * Occurs when period should be scaled up\n     */\n    readonly scaleUp: Observable<TDate>;\n\n    /**\n     * Occurs when period should be scaled down\n     */\n    readonly scaleDown: Observable<TDate>;\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/datetime",
-    "version": "5.0.0-beta.20221020045240",
+    "version": "5.0.0-beta.20221020124055",
     "description": "Angular library for datetime manipulation components",
     "type": "module",
     "sideEffects": false,

package/src/legacy/picker/components/dayPicker/dayPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AAEjF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;;AAiB3D;;GAEG;AACH,qBAOa,0BAA0B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC;IAIpL;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAIhD;;;OAGG;IACI,QAAQ,EAAE,MAAM,EAAE,CAAM;IAE/B;;OAEG;IACH,IAAW,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,CAGlD;gBAG6B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAU7C;;;;OAIG;IACI,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAejC;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQpC;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQxC;;;;;OAKG;IACa,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAkD/D;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA+DjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA9O7D,0BAA0B;2CAA1B,0BAA0B;CAkPtC"}
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG5F,OAAO,EAAC,aAAa,EAAC,MAAM,oDAAoD,CAAC;AAEjF,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,OAAO,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;;AAiB3D;;GAEG;AACH,qBAOa,0BAA0B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC;IAIpL;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAIhD;;;OAGG;IACI,QAAQ,EAAE,MAAM,EAAE,CAAM;IAE/B;;OAEG;IACH,IAAW,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI,CAGlD;gBAG6B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAU7C;;;;OAIG;IACI,MAAM,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAejC;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQpC;;;;OAIG;IACI,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAQxC;;;;;OAKG;IACa,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAkD/D;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAgEjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA/O7D,0BAA0B;2CAA1B,0BAA0B;CAmPtC"}

package/src/legacy/picker/components/monthPicker/monthPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;;AAgB/D;;GAEG;AACH,qBAOa,4BAA4B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,CAAC;gBAG9J,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK;IAUhC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAgCjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA7G7D,4BAA4B;2CAA5B,4BAA4B;CAiHxC"}
+{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAChG,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;;AAgB/D;;GAEG;AACH,qBAOa,4BAA4B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,CAAC;gBAG9J,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,QAAQ,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,KAAK;IAUhC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAiCjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA9G7D,4BAA4B;2CAA5B,4BAA4B;CAkHxC"}

package/src/legacy/picker/components/yearPicker/yearPicker.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AAC/F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAgB7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIxL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA0CjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCA/H7D,2BAA2B;2CAA3B,2BAA2B;CAmIvC"}
+{"version":3,"file":"yearPicker.component.d.ts","sourceRoot":"","sources":["yearPicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6C,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAI5F,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,oBAAoB,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,qCAAqC,CAAC;AAC/F,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;;AAgB7D;;GAEG;AACH,qBAOa,2BAA2B,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAE,YAAW,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC;IAIxL;;;OAGG;IACI,MAAM,EAAE,MAAM,CAAM;gBAGG,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,cAAc,EAAE,iBAAiB;IAS7C;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,KAAK;IAQ9B;;;;OAIG;IACI,cAAc,CAAC,KAAK,EAAE,KAAK;IAUlC;;;OAGG;IACI,OAAO,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IA2CjD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK;IAKxD;;;OAGG;IACH,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAKtE;;;;OAIG;IACH,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;IAK1E;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC;yCAhI7D,2BAA2B;2CAA3B,2BAA2B;CAoIvC"}

package/src/legacy/picker/misc/datetimePicker.interface.d.ts

@@ -146,6 +146,10 @@ export interface PeriodData<TDate = any> {
      * Date for this period item
      */
     date: TDate;
+    /**
+     * Date for this period item as date api object
+     */
+    dateObj: DateApiObject<TDate>;
 }
 /**
  * Data that represents day in date picker

package/src/legacy/picker/misc/datetimePicker.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datetimePicker.interface.d.ts","sourceRoot":"","sources":["datetimePicker.interface.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"datetimePicker.interface.d.ts","sourceRoot":"","sources":["datetimePicker.interface.ts"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,17 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
+import { PeriodData } from '../../../legacy/picker/interfaces';
 import { DateTimeObjectValue } from '../../../misc/types';
-import { DateApiObject } from '../../../services';
+import { DateApi, DateApiObject } from '../../../services';
 import { DateTimePicker } from '../interfaces';
 /**
  * Base abstract class for each date time period picker
  */
-export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions = unknown> implements DateTimePicker<TDate, TOptions> {
+export declare abstract class DateTimePeriodPickerBase<TPeriod extends PeriodData<TDate>, TDate = unknown> implements DateTimePicker<TDate> {
+    /**
+     * Array of period data to be displayed
+     */
+    protected periodData: TPeriod[];
     /**
      * Subject used for emitting of value changes
      */
@@ -23,25 +29,44 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
      */
     protected displayDate: DateApiObject<TDate> | undefined | null;
     /**
-     * @inheritdoc
+     * Currently displayed date
      */
-    value: DateTimeObjectValue<TDate> | undefined | null;
+    protected displayedDate: TDate | undefined | null;
+    /**
+     * Date api instance for max date
+     */
+    protected maxDateObj: DateApiObject<TDate> | undefined | null;
+    /**
+     * Date api instance for min date
+     */
+    protected minDateObj: DateApiObject<TDate> | undefined | null;
+    /**
+     * Change detector instance
+     */
+    protected changeDetector: ChangeDetectorRef;
+    /**
+     * Instance of date api for manipulation with date time
+     */
+    protected dateApi: DateApi<TDate>;
     /**
      * @inheritdoc
      */
-    options: TOptions | undefined | null;
+    value: DateTimeObjectValue<TDate> | undefined | null;
     /**
      * @inheritdoc
      */
-    display: TDate | undefined | null;
+    get display(): TDate | undefined | null;
+    set display(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
-    maxDate: TDate | undefined | null;
+    get maxDate(): TDate | undefined | null;
+    set maxDate(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
-    minDate: TDate | undefined | null;
+    get minDate(): TDate | undefined | null;
+    set minDate(value: TDate | undefined | null);
     /**
      * @inheritdoc
      */
@@ -62,5 +87,27 @@ export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions
      * @inheritdoc
      */
     get scaleDown(): Observable<TDate>;
+    /**
+     * @inheritdoc
+     */
+    invalidateVisuals(): void;
+    /**
+     * Method that is being called to render changes
+     */
+    protected abstract onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected abstract isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
+    /**
+     * Updates minimal and maximal value for picker
+     */
+    protected updateMinMax(): void;
+    /**
+     * Sets active date
+     */
+    protected setActive(): void;
 }
 //# sourceMappingURL=dateTimePeriodPickerBase.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C;;GAEG;AACH,8BAAsB,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;IAI1H;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAuB;IAElE;;OAEG;IACH,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAEhE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAElE;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAI3D;;OAEG;IACI,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAExD;;OAEG;IACI,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,UAAU,EAAE,OAAO,CAAS;IAEnC;;OAEG;IACI,YAAY,EAAE,OAAO,CAAS;IAErC;;OAEG;IACH,IAAW,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,CAGzC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC,CAGtC;IAED;;OAEG;IACH,IAAW,SAAS,IAAI,UAAU,CAAC,KAAK,CAAC,CAGxC;CACJ"}
+{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,27 @@
-import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef } from '@angular/core';
+import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef, OnInit } from '@angular/core';
 import { Position } from '@anglr/common';
 import { Subscription } from 'rxjs';
 import { DateTimeInputValue } from '../../../../interfaces';
-import { DateTimeInputOutputValue } from '../../../../misc/types';
+import { DateTimeInputOutputValue, DateTimeObjectValue } from '../../../../misc/types';
 import { DateTimePickerOptions } from './dateTimePicker.interface';
 import { DateTimePicker } from '../../interfaces';
 import { DateTimeDirective } from '../../../dateTime/directives';
+import { DateValueProvider } from '../../../../services';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying date time picker
  */
-export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy {
+export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDirective<TDate> implements DateTimeInputValue<TDate>, OnInit, OnChanges, OnDestroy {
     protected position: Position;
+    protected valueProvider: DateValueProvider<TDate>;
+    /**
+     * Current value of date time, could be string, unix timestamp, Date, TDate object, or ranged DateTimeValue
+     */
+    protected ɵValue: DateTimeInputOutputValue<TDate> | undefined | null;
+    /**
+     * Internal representation of current date time value
+     */
+    protected internalValue: DateTimeObjectValue<TDate> | undefined | null;
     /**
      * Subscription for changes in date time period picker
      */
@@ -39,7 +49,8 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
     /**
      * @inheritdoc
      */
-    value: DateTimeInputOutputValue<TDate> | undefined | null;
+    get value(): DateTimeInputOutputValue<TDate> | undefined | null;
+    set value(value: DateTimeInputOutputValue<TDate> | undefined | null);
     /**
      * Options for date time picker
      */
@@ -49,7 +60,11 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * @inheritdoc
      */
     valueChange: EventEmitter<void>;
-    constructor(position: Position, options?: DateTimePickerOptions<TDate>);
+    constructor(position: Position, valueProvider: DateValueProvider<TDate>, options?: DateTimePickerOptions<TDate>);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
     /**
      * Called when input value changes
      */
@@ -58,12 +73,29 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * Called when component is destroyed
      */
     ngOnDestroy(): void;
+    /**
+     * Sets internal value and fix lowest time difference
+     * @param value - Value to be set
+     */
+    protected setInternalValue(value: DateTimeInputOutputValue<TDate> | undefined | null): void;
     /**
      * Shows picker
      * @param type - Type of period that should be displayed
      * @param displayDate - Display date to be shown
      */
     protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void;
+    /**
+     * Gets indication whether current period can be scaled down
+     * @param periods - Array of defined period names
+     * @param index - Index of displayed period
+     */
+    protected canScaleDown(periods?: string[], index?: number): boolean;
+    /**
+     * Gets indication whether current period can be scaled up
+     * @param periods - Array of defined period names
+     * @param index - Index of displayed period
+     */
+    protected canScaleUp(periods?: string[], index?: number): boolean;
     /**
      * Gets type that is above current period picker
      */
@@ -72,7 +104,7 @@ export declare class DateTimePickerComponent<TDate = unknown> extends DateTimeDi
      * Gets type that is below current period picker
      */
     protected getLowerType(): Type<DateTimePicker<TDate>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent<any>, "date-time-picker", never, { "value": "value"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false>;
 }
 //# sourceMappingURL=dateTimePicker.component.d.ts.map

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

@@ -1 +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;AAGhD,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;;AAmB/D;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IAwE/G,SAAS,CAAC,QAAQ,EAAE,QAAQ;IApE1D;;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,EACA,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAsBhG;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAmBhD;;OAEG;IACa,WAAW,IAAI,IAAI;IAanC;;;;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;yCA/M5C,uBAAuB;2CAAvB,uBAAuB;CAmOnC"}
+{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"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"}

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

@@ -1,34 +1,48 @@
 import { DateTimePicker } from '../../interfaces';
 import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
 import { DayData } from '../../../../legacy/picker/interfaces';
-import { DateApi } from '../../../../services';
+import { DateApiObject } from '../../../../services';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying day picker
  */
-export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate> {
-    protected dateApi: DateApi<TDate>;
+export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<DayData<TDate>, TDate> implements DateTimePicker<TDate> {
+    /**
+     * Stored this picker month data
+     */
+    protected thisMonthData: DayData<TDate>[];
     /**
      * Names of days
      */
     protected weekdays: string[];
+    constructor();
     /**
-     * Array of period data to be displayed
-     * @internal
+     * Selects day as value of date time picker
+     * @param dayData - Day data that were selected
      */
-    periodData: DayData<TDate>[];
-    constructor(dateApi: DateApi<TDate>);
-    protected selectDay(dayData: DayData): void;
+    protected selectDay(dayData: DayData<TDate>): void;
     /**
      * Changes displayed month to next month
-     * @param event - Event that occured
      */
-    protected nextMonth(event: Event): void;
+    protected nextMonth(): void;
     /**
      * Changes displayed month to previous month
-     * @param event - Event that occured
      */
-    protected previousMonth(event: Event): void;
+    protected previousMonth(): void;
+    /**
+     * Renders current day picker data
+     */
+    protected render(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerSAComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerSAComponent<any>, "day-picker", never, {}, {}, never, never, true>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAC;AAE7D,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;;AAE7C;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAgBzF,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAZ/D;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;IAElC;;;OAGG;IACI,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;gBAGD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IAO/D,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAiB3C;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASvC;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;yCAzDlC,oBAAoB;2CAApB,oBAAoB;CAiEhC"}
+{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,OAAO,EAAC,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;;AAEnD;;GAEG;AACH,qBAgBa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAIvI;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,CAAM;IAI/C;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAM;;IAYlC;;;OAGG;IACH,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI;IAwClD;;OAEG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAO3B;;OAEG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAS/B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAmExB;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCA/KhE,oBAAoB;2CAApB,oBAAoB;CAmLhC"}

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

@@ -1,7 +1,7 @@
 <div class="period">
-    <div class="fas fa-angle-left clickable" (mousedown)="previousMonth($event)"></div>
-    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="$event.stopPropagation(); $event.preventDefault(); displayDate ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>
-    <div class="fas fa-angle-right clickable" (mousedown)="nextMonth($event)"></div>
+    <div class="fas fa-angle-left clickable" (mousedown)="previousMonth()"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'monthName'}} {{displayDate?.value | dateFormat: 'year'}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextMonth()"></div>
 </div>
 
 <div class="period-data">
@@ -13,9 +13,9 @@
          [class.weekend]="day.weekend"
          [class.active]="day.active"
          [class.disabled]="day.disabled"
-         (click)="$event.stopPropagation(); $event.preventDefault(); selectDay(day)">{{day.day}}</div>
+         (mousedown)="selectDay(day)">{{day.day}}</div>
 </div>
 
 <div class="go-down-button" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canScaleDown">
-    <!-- <div [class.clickable]="canScaleDown" (mousedown)="$event.stopPropagation(); $event.preventDefault(); displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
+    <!-- <div [class.clickable]="canScaleDown" (mousedown)="displayDate ? goDownSubject.next(displayDate.value) : undefined">{{timeValue?.from | dateFormat: 'time'}}</div> -->
 </div>

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

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

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

@@ -1 +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"}
+{"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;AAChD,cAAc,qCAAqC,CAAC"}

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

@@ -0,0 +1,43 @@
+import { DateTimePicker } from '../../interfaces';
+import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
+import { MonthData } from '../../../../legacy/picker/interfaces';
+import { DateApiObject } from '../../../../services';
+import { FormatProvider } from '../../../../interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Component used for displaying month picker
+ */
+export declare class MonthPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<MonthData<TDate>, TDate> implements DateTimePicker<TDate> {
+    protected formatProvider: FormatProvider;
+    constructor(formatProvider: FormatProvider);
+    /**
+     * Selects month as value of day time picker
+     * @param monthData - Month data that were selected
+     */
+    protected selectMonth(monthData: MonthData<TDate>): void;
+    /**
+     * Changes displayed year to next year
+     */
+    protected nextYear(): void;
+    /**
+     * Changes displayed year to previous year
+     */
+    protected previousYear(): void;
+    /**
+     * Renders current day picker data
+     */
+    protected render(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onRender(): void;
+    /**
+     * Tests whether provided value is in same period target value
+     * @param val - Tested value
+     * @param target - Target value to be tested against
+     */
+    protected isSamePeriod(val: DateApiObject<TDate>, target: TDate): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MonthPickerSAComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthPickerSAComponent<any>, "month-picker", never, {}, {}, never, never, true>;
+}
+//# sourceMappingURL=monthPicker.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthPicker.component.d.ts","sourceRoot":"","sources":["monthPicker.component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAC,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;AAEtD;;GAEG;AACH,qBAgBa,sBAAsB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;IAEtG,SAAS,CAAC,cAAc,EAAE,cAAc;gBAA9B,cAAc,EAAE,cAAc;IAO7E;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,IAAI;IA6BxD;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAO1B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IA2CxB;;OAEG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAK1B;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO;yCA3HhE,sBAAsB;2CAAtB,sBAAsB;CA+HlC"}

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

@@ -0,0 +1,13 @@
+<div class="period">
+    <div class="fas fa-angle-left clickable" (mousedown)="previousYear()"></div>
+    <div class="period-value" [class.clickable]="canScaleUp" (mousedown)="displayDate && canScaleUp ? scaleUpSubject.next(displayDate.value) : undefined">{{displayDate?.value | dateFormat: 'year'}}</div>
+    <div class="fas fa-angle-right clickable" (mousedown)="nextYear()"></div>
+</div>
+
+<div class="period-data">
+    <div *ngFor="let month of periodData"
+         class="period-datum clickable"
+         [class.active]="month.active"
+         [class.disabled]="month.disabled"
+         (mousedown)="canScaleDown && displayDate ? scaleDownSubject.next(month.dateObj.value) : selectMonth(month)">{{month.name}}</div>
+</div>

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

@@ -3,12 +3,14 @@ import { Position } from '@anglr/common';
 import { Subscription } from 'rxjs';
 import { DateTimeInput } from '../../../../interfaces';
 import { DateTimePickerComponent } from '../../components';
+import { DateTimePickerOptions } from '../../components/dateTimePicker/dateTimePicker.interface';
 import { DateTimePickerDirectiveOptions } from './dateTimePicker.interface';
+import { DateTimeBase } from '../../../dateTime/directives';
 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 {
+export declare class DateTimePickerDirective<TDate = unknown> extends DateTimeBase<TDate> implements OnInit, OnDestroy {
     protected viewContainer: ViewContainerRef;
     protected element: ElementRef<HTMLElement>;
     protected input: DateTimeInput<TDate>;
@@ -22,10 +24,6 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      * Options for date time picker directive
      */
     protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;
-    /**
-     * Subscriptions created during initialization
-     */
-    protected initSubscriptions: Subscription;
     /**
      * Date time picker component reference
      */
@@ -47,6 +45,10 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      */
     get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>;
     set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>);
+    /**
+     * Options for date time picker component
+     */
+    pickerOptions: Partial<DateTimePickerOptions<TDate>> | undefined | null;
     constructor(viewContainer: ViewContainerRef, element: ElementRef<HTMLElement>, input: DateTimeInput<TDate>, document: Document, position: Position, options?: DateTimePickerDirectiveOptions);
     /**
      * Initialize component
@@ -73,7 +75,20 @@ export declare class DateTimePickerDirective<TDate = unknown> implements OnInit,
      * @param event - Event that occured
      */
     protected handleClickOutside(event: MouseEvent): void;
+    /**
+     * Handles clicking inside of picker element
+     * @param event - Event that occured
+     */
+    protected handleClickInside(event: MouseEvent): void;
+    /**
+     * @inheritdoc
+     */
+    protected onMaxDateTimeChange(): void;
+    /**
+     * @inheritdoc
+     */
+    protected onMinDateTimeChange(): 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerDirective<any>, "[dateTime][withPicker]", ["dateTimePicker"], { "withPickerOptions": "withPickerOptions"; "pickerOptions": "pickerOptions"; }, {}, never, never, false>;
 }
 //# sourceMappingURL=dateTimePicker.directive.d.ts.map

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

@@ -1 +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"}
+{"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,qBAAqB,EAAC,MAAM,0DAA0D,CAAC;AAC/F,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;AAE1E,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;;AAiB1D;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,MAAM,EAAE,SAAS;IAwD9F,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;IAxD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;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;IAED;;OAEG;IAEI,aAAa,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;gBAGrD,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,EAEU,OAAO,CAAC,EAAE,8BAA8B;IAS5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAgCtC;;OAEG;IACa,WAAW,IAAI,IAAI;IAUnC;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAwDxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAyBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAgBrD;;;OAGG;IAEH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAQpD;;OAEG;cACgB,mBAAmB,IAAI,IAAI;IAW9C;;OAEG;cACgB,mBAAmB,IAAI,IAAI;yCAjRrC,uBAAuB;2CAAvB,uBAAuB;CA2RnC"}

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

@@ -7,6 +7,10 @@ export interface DateTimePickerDirectiveOptions {
      * Indication whether close picker on value selection
      */
     closeOnValueSelect: boolean;
+    /**
+     * Indication whether close picker when date time input loses focus
+     */
+    closeOnBlur: boolean;
     /**
      * Indication whether display picker when date time input gets focus
      */
@@ -27,5 +31,9 @@ export interface DateTimePickerDirectiveOptions {
      * Position options that are used to position picker
      */
     positionOptions: Partial<PositionPlacement>;
+    /**
+     * Custom css class that is being added to picker component
+     */
+    pickerCssClass: string | undefined | null;
 }
 //# sourceMappingURL=dateTimePicker.interface.d.ts.map

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

@@ -1 +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"}
+{"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,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;IAE5C;;OAEG;IACH,cAAc,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC;CACzC"}

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

@@ -1,17 +1,14 @@
+import { Invalidatable } from '@jscrpt/common';
 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> {
+export interface DateTimePicker<TDate = unknown> extends Invalidatable {
     /**
      * 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
      */

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

@@ -1 +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"}
+{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,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,CAAE,SAAQ,aAAa;IAElE;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjD;;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"}