@fundamental-ngx/core 0.35.2-rc.31 → 0.35.2-rc.32

package/fesm2015/fundamental-ngx-core-time.mjs

@@ -7,7 +7,7 @@ import { BehaviorSubject, Subject, Subscription, combineLatest } from 'rxjs';
 import { filter, tap, debounceTime, buffer, map, takeUntil } from 'rxjs/operators';
 import { DOWN_ARROW, UP_ARROW, SPACE, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
 import * as i4 from '@fundamental-ngx/core/utils';
-import { KeyUtil, PipeModule } from '@fundamental-ngx/core/utils';
+import { resizeObservable, KeyUtil, PipeModule } from '@fundamental-ngx/core/utils';
 import * as i3 from '@fundamental-ngx/core/carousel';
 import { CarouselDirective, CarouselItemDirective, CarouselModule } from '@fundamental-ngx/core/carousel';
 import * as i1 from '@fundamental-ngx/core/button';
@@ -26,8 +26,9 @@ function createMissingDateImplementationError(provider) {
 let timeColumnUniqueId = 0;
 class TimeColumnComponent {
     /** @hidden */
-    constructor(_changeDetRef) {
+    constructor(_changeDetRef, _elmRef) {
         this._changeDetRef = _changeDetRef;
+        this._elmRef = _elmRef;
         /** items in row */
         this.rows = [];
         /**
@@ -63,21 +64,30 @@ class TimeColumnComponent {
         this._viewInit$ = new BehaviorSubject(false);
         /** @hidden */
         this._subscriptions = new Subscription();
-        this._subscriptions.add(combineLatest([this._viewInit$, this._elementsAtOnce$, this._offset$])
-            .pipe(filter(([viewInit]) => viewInit), tap(([, elementsAtOnce, offset]) => {
+        this._subscriptions.add(combineLatest([
+            this._viewInit$,
+            this._elementsAtOnce$,
+            this._offset$,
+            resizeObservable(this._elmRef.nativeElement)
+        ])
+            .pipe(filter(([viewInit]) => viewInit), tap(([, elementsAtOnce, offset, size]) => {
             const averageHeight = this.items.toArray().reduce((acc, next) => acc + next.getHeight(), 0) / this.items.length;
-            this.wrapperHeight = `${averageHeight * elementsAtOnce}px`;
+            this.wrapperHeight = averageHeight * elementsAtOnce;
             const visibleButNotSelectedElements = Math.floor(elementsAtOnce / 2);
             if (offset === 0) {
                 this.items.first.element.style.marginTop = `${visibleButNotSelectedElements * averageHeight}px`;
                 this.items.last.element.style.marginBottom = `${visibleButNotSelectedElements * averageHeight}px`;
             }
+            if (this.activeValue) {
+                this._pickTime(this._getItem(this.activeValue), false);
+            }
+            this._changeDetRef.detectChanges();
         }))
             .subscribe());
     }
     /** Currently chosen, centered time column item */
     set activeValue(activeItem) {
-        if (activeItem == null) {
+        if (!activeItem) {
             // omitting "null" and "undefined"
             return;
         }
@@ -335,14 +345,14 @@ class TimeColumnComponent {
         this._pickTime(this._getItem(this._activeValue), false);
     }
 }
-TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.maxHeight]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.max-height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-time-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-time__col'
-                    }, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.maxHeight]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { rows: [{
+                    }, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.max-height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { rows: [{
                 type: Input
             }], spinners: [{
                 type: Input

package/fesm2015/fundamental-ngx-core-time.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-time.mjs","sources":["../../../../libs/core/src/lib/time/errors.ts","../../../../libs/core/src/lib/time/time-column/time-column.component.ts","../../../../libs/core/src/lib/time/time-column/time-column.component.html","../../../../libs/core/src/lib/time/i18n/time-i18n.ts","../../../../libs/core/src/lib/time/time.component.ts","../../../../libs/core/src/lib/time/time.component.html","../../../../libs/core/src/lib/time/deprecated-time-content-density.directive.ts","../../../../libs/core/src/lib/time/time.module.ts","../../../../libs/core/src/lib/time/fundamental-ngx-core-time.ts"],"sourcesContent":["export function createMissingDateImplementationError(provider: string): Error {\n    return Error(\n        `FdTime: No provider found for ${provider}. You must import one of the following ` +\n            `modules at your application root: FdDatetimeModule, or provide a ` +\n            `custom implementation.`\n    );\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    QueryList,\n    ViewChild,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { BehaviorSubject, combineLatest, Subject, Subscription } from 'rxjs';\nimport { buffer, debounceTime, filter, map, tap } from 'rxjs/operators';\nimport { DOWN_ARROW, SPACE, UP_ARROW } from '@angular/cdk/keycodes';\n\nimport { KeyUtil } from '@fundamental-ngx/core/utils';\nimport { CarouselConfig, CarouselDirective, CarouselItemDirective, PanEndOutput } from '@fundamental-ngx/core/carousel';\n\nimport { TimeColumnConfig } from './time-column-config';\nimport { SelectableViewItem } from '../models';\n\nlet timeColumnUniqueId = 0;\n\nexport interface TimeColumnItemOutput<T> {\n    value: T;\n    after?: boolean;\n}\n\n@Component({\n    selector: 'fd-time-column',\n    templateUrl: './time-column.component.html',\n    styleUrls: ['./time-column.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'fd-time__col'\n    }\n})\nexport class TimeColumnComponent<K, T extends SelectableViewItem<K> = SelectableViewItem<K>>\n    implements AfterViewInit, OnInit, OnDestroy\n{\n    /** items in row */\n    @Input()\n    rows: T[] = [];\n\n    /**\n     * @Input When set to false, hides the buttons that increment\n     * and decrement the corresponding columns.\n     */\n    @Input()\n    spinners = true;\n\n    /** Currently chosen, centered time column item */\n    @Input()\n    set activeValue(activeItem: T | undefined) {\n        if (activeItem == null) {\n            // omitting \"null\" and \"undefined\"\n            return;\n        }\n        if (this._viewInit$.value && this._activeValue !== activeItem) {\n            this._pickTime(this._getItem(activeItem), false);\n        }\n        this._activeValue = activeItem;\n    }\n\n    get activeValue(): T {\n        return this._activeValue;\n    }\n\n    /** Defines if column is active, it has impact on behavior and visual  */\n    @Input()\n    set active(value: boolean) {\n        this._active = value;\n        if (value && this._viewInit$.value) {\n            this._changeDetRef.detectChanges();\n            this._pickTime(this._getItem(this.activeValue), false);\n            this._focusIndicator();\n        }\n    }\n\n    get active(): boolean {\n        return this._active;\n    }\n\n    /** Whether time column is meridian */\n    @Input()\n    @HostBinding('class.fd-time__col--period')\n    meridian = false;\n\n    /** Id of column, initiated with some default value */\n    @Input()\n    id: string = 'fd-time-column-' + timeColumnUniqueId++;\n\n    /** I18n and labels */\n    @Input()\n    timeConfig: TimeColumnConfig;\n\n    /**\n     * Offset for carousel directive, active item is always the first one.\n     * In case of having more items in carousel than 1, middle element should be active\n     */\n    @Input()\n    get offset(): number {\n        return this._offset$.value;\n    }\n\n    set offset(value: number) {\n        this._offset$.next(value);\n    }\n\n    /**\n     * Quantity of the elements to be shown at the same time in column\n     */\n    @Input()\n    set elementsAtOnce(value: number) {\n        this._elementsAtOnce$.next(value);\n    }\n\n    /** Event emitted, when active item is changed, by carousel */\n    @Output()\n    activeValueChange: EventEmitter<TimeColumnItemOutput<T>> = new EventEmitter<TimeColumnItemOutput<T>>();\n\n    /** Event emitted, when certain column is activated */\n    @Output()\n    activeStateChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /** @hidden */\n    @ViewChild(CarouselDirective)\n    carousel: CarouselDirective;\n\n    /** @hidden */\n    @ViewChildren(CarouselItemDirective)\n    items: QueryList<CarouselItemDirective>;\n\n    /** @hidden */\n    @ViewChild('indicator', { read: ElementRef })\n    indicator: ElementRef;\n\n    wrapperHeight: string;\n\n    /**\n     * Time to wait in milliseconds after the last keydown before\n     * focusing or selecting option based on numeric/alpha keys.\n     * @hidden\n     */\n    typeaheadDebounceInterval = 750;\n\n    /** @hidden */\n    config: CarouselConfig;\n\n    /** @hidden */\n    get currentIndicatorId(): string {\n        return this.id + '-current-indicator';\n    }\n\n    /** @hidden */\n    get currentIndicatorValueId(): string {\n        return this.currentIndicatorId + '-value';\n    }\n\n    /** @hidden */\n    private _elementsAtOnce$ = new BehaviorSubject(7);\n\n    /** @hidden */\n    private _offset$ = new BehaviorSubject(3);\n\n    /** @hidden */\n    private _active = false;\n\n    /** @hidden */\n    private _queryKeyDownEvent: Subject<string> = new Subject<string>();\n\n    /** @hidden */\n    private _activeValue: T;\n\n    /** @hidden */\n    private _activeCarouselItem: CarouselItemDirective;\n\n    /** @hidden */\n    private _isDragging = false;\n\n    /** @hidden */\n    private _viewInit$ = new BehaviorSubject<boolean>(false);\n\n    /** @hidden */\n    private _subscriptions: Subscription = new Subscription();\n\n    /** @hidden */\n    constructor(private _changeDetRef: ChangeDetectorRef) {\n        this._subscriptions.add(\n            combineLatest([this._viewInit$, this._elementsAtOnce$, this._offset$])\n                .pipe(\n                    filter(([viewInit]) => viewInit),\n                    tap(([, elementsAtOnce, offset]) => {\n                        const averageHeight =\n                            this.items.toArray().reduce((acc, next) => acc + next.getHeight(), 0) / this.items.length;\n                        this.wrapperHeight = `${averageHeight * elementsAtOnce}px`;\n                        const visibleButNotSelectedElements = Math.floor(elementsAtOnce / 2);\n                        if (offset === 0) {\n                            this.items.first.element.style.marginTop = `${\n                                visibleButNotSelectedElements * averageHeight\n                            }px`;\n                            this.items.last.element.style.marginBottom = `${\n                                visibleButNotSelectedElements * averageHeight\n                            }px`;\n                        }\n                    })\n                )\n                .subscribe()\n        );\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._subscriptions.add(this._elementsAtOnce$.pipe(tap(() => this._setUpCarouselConfiguration())).subscribe());\n        this._setUpQuerySubscription();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._viewInit$.next(true);\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    @HostListener('click')\n    onItemClick(): void {\n        this.activeStateChange.emit();\n    }\n\n    /** @hidden */\n    @HostListener('keydown', ['$event'])\n    keyDownHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, DOWN_ARROW)) {\n            this.scrollDown();\n            event.preventDefault();\n        } else if (KeyUtil.isKeyCode(event, UP_ARROW)) {\n            this.scrollUp();\n            event.preventDefault();\n        } else if (KeyUtil.isKeyType(event, 'numeric') || KeyUtil.isKeyType(event, 'alphabetical')) {\n            this._queryKeyDownEvent.next(event.key);\n        }\n    }\n\n    /** @hidden */\n    spinnerButtonKeyupHandle(event: KeyboardEvent, upButton?: boolean): void {\n        if (KeyUtil.isKeyCode(event, SPACE)) {\n            if (upButton) {\n                this.scrollUp();\n            } else {\n                this.scrollDown();\n            }\n\n            event.stopPropagation();\n            event.preventDefault();\n        }\n    }\n\n    /** @hidden */\n    setValueOfActive(): void {\n        if (this._active) {\n            this._setUpInitialValue();\n        }\n    }\n\n    /** It prevents from accidentally change the item by click event */\n    handleDrag(isDragging: boolean): void {\n        this._isDragging = isDragging;\n    }\n\n    /** Method that handles active item change */\n    activeChangedHandle(output: PanEndOutput): void {\n        const array = this.items.toArray();\n        let index: number = array.findIndex((__item) => __item === output.item) + this.offset;\n\n        if (index >= array.length) {\n            index = index - array.length;\n        }\n\n        const _item = array[index];\n\n        this._activeValue = _item.value;\n\n        this.activeValueChange.emit({\n            value: this._activeValue,\n            after: output.after\n        });\n\n        this._activeCarouselItem = _item;\n    }\n\n    /** Method that changes active item and triggers carousel scroll */\n    pick(item: CarouselItemDirective, index: number): void {\n        const currentIndex: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        /** To prevent from switching time, when it's being dragged */\n        if (!this._isDragging) {\n            this._pickTime(item, true, true, currentIndex < index);\n        }\n    }\n\n    /** Method triggered by keyboard, or increment button */\n    scrollUp(event?: MouseEvent): void {\n        /** Keyboard events in reactive forms, shouldn't trigger this method */\n        if (event && !event.clientX) {\n            return;\n        }\n        let index: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        if (index > 0) {\n            index--;\n        } else {\n            index = this.rows.length - 1;\n        }\n\n        this._pickTime(this.items.toArray()[index], true, true, false);\n    }\n\n    /** Method triggered by keyboard, or decrement button */\n    scrollDown(): void {\n        let index: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        if (index < this.rows.length - 1) {\n            index++;\n        } else {\n            index = 0;\n        }\n\n        this._pickTime(this.items.toArray()[index], true, true, true);\n    }\n\n    /** Focus on column */\n    focus(): void {\n        this.indicator?.nativeElement.focus();\n    }\n\n    /**\n     * Create id for column item\n     * @param index column item index\n     * @returns column item id\n     * @hidden\n     */\n    _createColumnItemIdByIndex(index: number): string {\n        return this.id + index;\n    }\n\n    /**\n     * On focus callback\n     * @hidden\n     */\n    _onFocusIndicator(): void {\n        this.activeStateChange.emit();\n    }\n\n    /**\n     * Method triggered by keyboard, or decrement button\n     * Args:\n     * item => picked carousel item, that should be centered\n     * smooth => defines if transition time should be included in transform\n     * emitEvent => defines if EventEmitter should be triggered by this change, set to false, when changed from outside\n     * after => Defines if value was incremented/decremented, needed for hours to trigger AM/PM change\n     * @hidden\n     */\n    private _pickTime(item?: CarouselItemDirective, smooth?: boolean, emitEvent?: boolean, after?: boolean): void {\n        if (!item) {\n            return;\n        }\n\n        if (this.active) {\n            this._triggerCarousel(item, smooth);\n        }\n\n        this._activeCarouselItem = item;\n        this._activeValue = item.value;\n\n        if (emitEvent) {\n            this.activeValueChange.emit({\n                value: item.value,\n                after\n            });\n        }\n    }\n\n    /**\n     * Returns item with passed value\n     * @hidden\n     */\n    private _getItem(_item: T): CarouselItemDirective | undefined {\n        return this.items.find((item) => item.value === _item);\n    }\n\n    /** @hidden */\n    private _triggerCarousel(item: CarouselItemDirective, smooth?: boolean): void {\n        const array = this.items.toArray();\n        let index: number = array.findIndex((_item) => _item === item) - this.offset;\n\n        if (index < 0) {\n            index = array.length + index;\n        }\n\n        this.carousel.goToItem(array[index], smooth);\n    }\n\n    /**\n     * Focus current indicator, which allows to handle keydown events inside column\n     * @hidden\n     */\n    private _focusIndicator(): void {\n        document.getElementById(this.currentIndicatorId)?.focus();\n    }\n\n    /** @hidden */\n    private _getValue(value: string): any {\n        if (!isNaN(Number(value))) {\n            return Number(value);\n        } else {\n            return value;\n        }\n    }\n\n    /** @hidden */\n    private _setUpQuerySubscription(): void {\n        const trigger = this._queryKeyDownEvent.pipe(debounceTime(this.typeaheadDebounceInterval));\n\n        this._subscriptions.add(\n            this._queryKeyDownEvent\n                .pipe(\n                    buffer(trigger),\n                    map((keys) => keys.join('')),\n                    map((value) => this._getValue(value)),\n                    map((value) => this._getItem(value))\n                )\n                .subscribe((item) => this._pickTime(item, false, true))\n        );\n    }\n\n    /** @hidden */\n    private _setUpCarouselConfiguration(): void {\n        const config: CarouselConfig = {\n            gestureSupport: true,\n            vertical: true,\n            elementsAtOnce: this._elementsAtOnce$.value,\n            transition: '150ms'\n        };\n        if (!this.meridian) {\n            config.infinite = true;\n        }\n        this.config = config;\n    }\n\n    /** @hidden */\n    private _setUpInitialValue(): void {\n        if (!this._activeValue) {\n            this._activeValue = this.items.first.value;\n        }\n        this._pickTime(this._getItem(this._activeValue), false);\n    }\n}\n","<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.maxHeight]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n","import { Injectable } from '@angular/core';\n\n/**\n * Provides i18n support for labels and meridian naming inside the time component.\n */\n@Injectable({ providedIn: 'root' })\nexport class TimeI18n {\n    /** Aria label for entire component */\n    componentAriaName = 'Time picker';\n\n    /** Aria label for the 'increase hours' button */\n    increaseHoursLabel = 'Increase hours';\n\n    /** label for the 'hours' column */\n    hoursLabel = 'Hrs';\n\n    /** Aria label for the 'decrease hours' button */\n    decreaseHoursLabel = 'Decrease hours';\n\n    /** Aria label for the 'increase minutes' button */\n    increaseMinutesLabel = 'Increase minutes';\n\n    /** label for the 'minutes' column */\n    minutesLabel = 'Min';\n\n    /** Aria label for the 'decrease minutes' button */\n    decreaseMinutesLabel = 'Decrease minutes';\n\n    /** Aria label for the 'increase seconds' button */\n    increaseSecondsLabel = 'Increase seconds';\n\n    /** label for the 'seconds' column */\n    secondsLabel = 'Sec';\n\n    /** Aria label for the 'decrease seconds' button */\n    decreaseSecondsLabel = 'Decrease seconds';\n\n    /** Aria label for the 'increase period' button */\n    increasePeriodLabel = 'Increase period';\n\n    /** label for the 'period' column */\n    periodLabel = 'Period';\n\n    /** Aria label for the 'decrease period' button */\n    decreasePeriodLabel = 'Decrease period';\n\n    /**\n     * Instruction how to navigate between options\n     * in the time column list and to switch between time columns\n     */\n    navigationInstruction =\n        'To move between items in this list, press top arrow or bottom arrow. To switch between lists press left arrow or right arrow.';\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList,\n    SimpleChanges,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';\n\nimport { DatetimeAdapter } from '@fundamental-ngx/core/datetime';\nimport { KeyUtil, RtlService } from '@fundamental-ngx/core/utils';\n\nimport { Meridian, SelectableViewItem } from './models';\nimport { createMissingDateImplementationError } from './errors';\nimport { TimeI18n } from './i18n/time-i18n';\nimport { TimeColumnConfig } from './time-column/time-column-config';\nimport { TimeColumnComponent } from './time-column/time-column.component';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nexport type FdTimeActiveView = 'hour' | 'minute' | 'second' | 'meridian';\n\ntype HourViewItem = SelectableViewItem<number>;\ntype MinuteViewItem = SelectableViewItem<number>;\ntype SecondViewItem = SelectableViewItem<number>;\ntype MeridianViewItem = SelectableViewItem<Meridian>;\n\n@Component({\n    selector: 'fd-time',\n    templateUrl: './time.component.html',\n    styleUrls: ['./time.component.scss'],\n    host: {\n        '(blur)': 'onTouched()'\n    },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => TimeComponent),\n            multi: true\n        },\n        contentDensityObserverProviders()\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class TimeComponent<D> implements OnInit, OnChanges, OnDestroy, AfterViewInit, ControlValueAccessor {\n    /**\n     * @Input When set to false, uses the 24 hour clock (hours ranging from 0 to 23)\n     * and does not display a period control.\n     */\n    @Input()\n    meridian = false;\n\n    /**\n     *  @Input When set to false, does not set the input field to invalid state on invalid entry.\n     */\n    @Input()\n    validate = true;\n\n    /**\n     * @Input when set to true, time inputs won't allow to have 1 digit\n     * for example 9 will become 09\n     * but 12 will be kept as 12.\n     */\n    @Input()\n    keepTwoDigits = false;\n\n    /**\n     * @Input Disables the component.\n     */\n    @Input()\n    disabled: boolean;\n\n    /**\n     * @Input When set to false, hides the input for seconds.\n     */\n    @Input()\n    displaySeconds = true;\n\n    /** @Input When set to false, hides the input for minutes. */\n    @Input()\n    displayMinutes = true;\n\n    /**\n     * When set to false, hides the input for hours\n     */\n    @Input()\n    displayHours = true;\n\n    /** @Input Defines if time component should be used in tablet mode */\n    @Input()\n    tablet = false;\n\n    /** @Input Defines quantity of the elements, that are visible at the same time. Should be odd number */\n    @Input()\n    elementsAtOnce = 7;\n\n    /**\n     * @Input An object that contains datetime representation\n     */\n    @Input()\n    time: D;\n\n    /** @Input Whether to show spinner buttons */\n    @Input()\n    spinnerButtons = true;\n\n    /** @hidden */\n    @ViewChildren(TimeColumnComponent)\n    columns: QueryList<TimeColumnComponent<unknown, SelectableViewItem<unknown>>>;\n\n    /** Active column view to iterate with */\n    activeView: FdTimeActiveView = 'hour';\n\n    /** Offset */\n    get offset(): number {\n        return Math.floor(this.elementsAtOnce / 2);\n    }\n\n    /**\n     * @hidden\n     * container for [0 - 23] hours\n     */\n    hourViewItems: HourViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected hourViewItems element\n     */\n    activeHourViewItem?: HourViewItem;\n\n    /**\n     * @hidden\n     * container for [0 - 59] minutes\n     */\n    minuteViewItems: MinuteViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected minuteViewItems element\n     */\n    activeMinuteViewItem?: MinuteViewItem;\n\n    /**\n     * @hidden\n     * container for [0 - 59] seconds\n     */\n    secondViewItems: SecondViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected secondViewItems element\n     */\n    activeSecondViewItem?: SecondViewItem;\n\n    /**\n     * @hidden\n     * container for [am, pm] meridian values\n     */\n    meridianViewItems: MeridianViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected meridianViewItems element\n     */\n    activeMeridianViewItem?: MeridianViewItem;\n\n    /** Component aria-label */\n    get _componentAriaLabel(): string {\n        return this._timeI18nLabels.componentAriaName;\n    }\n\n    /** @hidden */\n    private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private _changeDetectorRef: ChangeDetectorRef,\n        private _timeI18nLabels: TimeI18n,\n        // Use @Optional to avoid angular injection error message and throw our own which is more precise one\n        @Optional() private _dateTimeAdapter: DatetimeAdapter<D>,\n        readonly _contentDensityObserver: ContentDensityObserver,\n        @Optional() private _rtlService: RtlService\n    ) {\n        if (!_dateTimeAdapter) {\n            throw createMissingDateImplementationError('DateTimeAdapter');\n        }\n\n        this.time = this._getDefaultValue();\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._dateTimeAdapter.localeChanges.pipe(takeUntil(this._onDestroy$)).subscribe(() => {\n            this._setUpViewGrid();\n            this._changeDetectorRef.detectChanges();\n        });\n\n        this._setUpViewGrid();\n    }\n\n    /** @hidden\n     * Reacts only when there is meridian or time input change\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.meridian || changes.time) {\n            this._setUpViewGrid();\n        }\n        if (changes.elementsAtOnce && changes.elementsAtOnce.currentValue % 2 === 0) {\n            throw new Error('[elementsAtOnce] should be odd number');\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this._onDestroy$.next();\n        this._onDestroy$.complete();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.refreshColumns();\n    }\n\n    /** @hidden */\n    onChange: (value: D) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    registerOnChange(fn: (time: D) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    refreshColumns(): void {\n        this.columns.forEach((column) => column.setValueOfActive());\n    }\n\n    /**\n     * @hidden\n     * Handles meridian change.\n     * This implicitly changes hours by +/- 12\n     */\n    handleMeridianChange(meridian: Meridian): void {\n        let hourOffset: number = meridian === Meridian.AM ? -12 : 12;\n        let currentHour = this._getModelHour();\n\n        if (currentHour > 12 && meridian === Meridian.PM) {\n            currentHour -= 12;\n        } else if (currentHour === 12) {\n            currentHour = 0;\n        } else if (currentHour < 12 && meridian === Meridian.AM) {\n            hourOffset = 0;\n        }\n\n        const newHour = Math.max(0, Math.min(23, currentHour + hourOffset));\n\n        this.handleHourChange(newHour);\n    }\n\n    /** @hidden */\n    handleSecondChange(second: number): void {\n        this.time = this._dateTimeAdapter.setSeconds(this.time, second);\n        this._calculateActiveSecondViewItem();\n        this.onChange(this.time);\n    }\n\n    /** @hidden */\n    handleMinuteChange(minute: number): void {\n        this.time = this._dateTimeAdapter.setMinutes(this.time, minute);\n        this._calculateActiveMinuteViewItem();\n        this.onChange(this.time);\n    }\n\n    /**\n     * @hidden\n     * Handles changes of displayed hour value from template.\n     */\n    handleHourChange(hour: number): void {\n        this.time = this._dateTimeAdapter.setHours(this.time, hour);\n        this._calculateActiveHourViewItem();\n\n        if (this.meridian) {\n            this._calculateActiveMeridianViewItem();\n        }\n\n        this.onChange(this.time);\n    }\n\n    /** @hidden */\n    handleNextColumnFocus(column: FdTimeActiveView): void {\n        const columns = this._getVisibleColumnsWithRtl();\n        let nextIndex = columns.indexOf(column) + 1;\n        if (nextIndex >= columns.length) {\n            nextIndex = 0;\n        }\n        this.changeActive(columns[nextIndex]);\n    }\n\n    /** @hidden */\n    handlePreviousColumnFocus(column: FdTimeActiveView): void {\n        const columns = this._getVisibleColumnsWithRtl();\n        let nextIndex = columns.indexOf(column) - 1;\n        if (nextIndex < 0) {\n            nextIndex = columns.length - 1;\n        }\n        this.changeActive(columns[nextIndex]);\n    }\n\n    /** @hidden */\n    handleKeyDownEvent(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, LEFT_ARROW)) {\n            this.handlePreviousColumnFocus(this.activeView);\n            event.preventDefault();\n            this.focusActiveColumn();\n        } else if (KeyUtil.isKeyCode(event, RIGHT_ARROW)) {\n            this.handleNextColumnFocus(this.activeView);\n            event.preventDefault();\n            this.focusActiveColumn();\n        }\n    }\n\n    /** @hidden */\n    writeValue(time: D): void {\n        if (!time || !this._dateTimeAdapter.isValid(time)) {\n            time = this._getDefaultValue();\n        }\n        this.time = time;\n\n        this._setUpActiveViewItems();\n\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    changeActive(view: FdTimeActiveView): void {\n        this.activeView = view;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    isActive(view: FdTimeActiveView): boolean {\n        return this.activeView === view;\n    }\n\n    /** Configuration for hours column */\n    getHoursConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseHoursLabel,\n            increaseLabel: this._timeI18nLabels.increaseHoursLabel,\n            label: this._timeI18nLabels.hoursLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for minutes column */\n    getMinutesConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseMinutesLabel,\n            increaseLabel: this._timeI18nLabels.increaseMinutesLabel,\n            label: this._timeI18nLabels.minutesLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for seconds column */\n    getSecondsConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseSecondsLabel,\n            increaseLabel: this._timeI18nLabels.increaseSecondsLabel,\n            label: this._timeI18nLabels.secondsLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for period column */\n    getPeriodConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreasePeriodLabel,\n            increaseLabel: this._timeI18nLabels.increasePeriodLabel,\n            label: this._timeI18nLabels.periodLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** @hidden */\n    focusActiveColumn(): void {\n        const column = this.columns.find(({ active }) => active);\n        column?.focus();\n    }\n\n    /**\n     * Get visible time columns\n     * @returns visible columns list @see {FdTimeActiveView[]}\n     */\n    private _getVisibleColumns(): FdTimeActiveView[] {\n        const allOptions: Array<[boolean, FdTimeActiveView]> = [\n            [this.displayHours, 'hour'],\n            [this.displayMinutes, 'minute'],\n            [this.displaySeconds, 'second'],\n            [this.meridian, 'meridian']\n        ];\n        return allOptions.filter(([enabled]) => enabled).map(([, view]) => view);\n    }\n\n    /**\n     * Get visible columns taking into account RTL\n     * @returns visible columns list @see {FdTimeActiveView[]}\n     */\n    private _getVisibleColumnsWithRtl(): FdTimeActiveView[] {\n        const columns = this._getVisibleColumns();\n        return this._rtlService?.rtl.value ? columns.reverse() : columns;\n    }\n\n    /** @hidden */\n    private _setUpViewGrid(): void {\n        this._constructHourViewItems();\n        this._constructMinuteViewItems();\n        this._constructSecondViewItems();\n        this._constructMeridianViewItems();\n        // update reference to active view items\n        this._setUpActiveViewItems();\n    }\n\n    /** @hidden */\n    private _setUpActiveViewItems(): void {\n        this._calculateActiveHourViewItem();\n        this._calculateActiveMinuteViewItem();\n        this._calculateActiveSecondViewItem();\n        this._calculateActiveMeridianViewItem();\n    }\n\n    /** @hidden */\n    private _constructHourViewItems(): void {\n        this.hourViewItems = this._dateTimeAdapter\n            .getHourNames({ meridian: this.meridian, twoDigit: this.keepTwoDigits })\n            .map((name, hour) => ({\n                value: hour,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructMinuteViewItems(): void {\n        this.minuteViewItems = this._dateTimeAdapter\n            .getMinuteNames({ twoDigit: this.keepTwoDigits })\n            .map((name, minute) => ({\n                value: minute,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructSecondViewItems(): void {\n        this.secondViewItems = this._dateTimeAdapter\n            .getSecondNames({ twoDigit: this.keepTwoDigits })\n            .map((name, second) => ({\n                value: second,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructMeridianViewItems(): void {\n        const [amLabel, pmLabel] = this._dateTimeAdapter.getDayPeriodNames();\n        this.meridianViewItems = [\n            { value: Meridian.AM, label: amLabel },\n            { value: Meridian.PM, label: pmLabel }\n        ];\n    }\n\n    /** @hidden */\n    private _calculateActiveHourViewItem(): void {\n        const hour = this._getModelHour();\n        this.activeHourViewItem = this.hourViewItems.find(({ value }) => value === hour);\n    }\n\n    /** @hidden */\n    private _calculateActiveMinuteViewItem(): void {\n        const minute = this._getModelMinute();\n        this.activeMinuteViewItem = this.minuteViewItems.find(({ value }) => value === minute);\n    }\n\n    /** @hidden */\n    private _calculateActiveSecondViewItem(): void {\n        const second = this._getModelSecond();\n        this.activeSecondViewItem = this.secondViewItems.find(({ value }) => value === second);\n    }\n\n    /** @hidden */\n    private _calculateActiveMeridianViewItem(): void {\n        const meridian = this._getDayPeriodByHour();\n        this.activeMeridianViewItem = this.meridianViewItems.find(({ value }) => value === meridian);\n    }\n\n    /**\n     * @hidden\n     * Model hours (0 - 23)\n     */\n    private _getModelHour(): number {\n        return this._dateTimeAdapter.getHours(this.time);\n    }\n\n    /**\n     * @hidden\n     * Model minutes (0 - 59)\n     */\n    private _getModelMinute(): number {\n        return this._dateTimeAdapter.getMinutes(this.time);\n    }\n\n    /**\n     * @hidden\n     * Model seconds (0 - 59)\n     */\n    private _getModelSecond(): number {\n        return this._dateTimeAdapter.getSeconds(this.time);\n    }\n\n    /**\n     * @hidden\n     * Get meridian period based on a given hours\n     */\n    private _getDayPeriodByHour(hour = this._getModelHour()): Meridian {\n        return this._isPm(hour) ? Meridian.PM : Meridian.AM;\n    }\n\n    /** @hidden */\n    private _isPm(hours: number = this._getModelHour()): boolean {\n        return hours >= 12;\n    }\n\n    /**\n     * @hidden\n     * @returns default time 00:00:00\n     */\n    private _getDefaultValue(): D {\n        return this._dateTimeAdapter.today();\n    }\n}\n","<div\n    class=\"fd-time\"\n    (keydown)=\"handleKeyDownEvent($event)\"\n    [class.fd-time--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-time--tablet]=\"tablet\"\n    [attr.aria-label]=\"_componentAriaLabel\"\n>\n    <fd-time-column\n        [active]=\"isActive('hour')\"\n        [rows]=\"hourViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeHourViewItem\"\n        [timeConfig]=\"getHoursConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleHourChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('hour')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displayMinutes\"\n        [active]=\"isActive('minute')\"\n        [rows]=\"minuteViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeMinuteViewItem\"\n        [timeConfig]=\"getMinutesConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMinuteChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('minute')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displaySeconds\"\n        [active]=\"isActive('second')\"\n        [rows]=\"secondViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeSecondViewItem\"\n        [timeConfig]=\"getSecondsConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleSecondChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('second')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"meridian\"\n        [active]=\"isActive('meridian')\"\n        [rows]=\"meridianViewItems\"\n        [activeValue]=\"activeMeridianViewItem\"\n        [offset]=\"0\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [timeConfig]=\"getPeriodConfig()\"\n        [meridian]=\"true\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMeridianChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('meridian')\"\n    ></fd-time-column>\n</div>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-time-column[compact], fd-time[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedTimeContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedTimeContentDensityDirective extends DeprecatedCompactDirective {\n    constructor() {\n        super('fd-time-column[compact], fd-time');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { TimeComponent } from './time.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { FormModule } from '@fundamental-ngx/core/form';\nimport { PipeModule } from '@fundamental-ngx/core/utils';\nimport { TimeColumnComponent } from './time-column/time-column.component';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { DeprecatedTimeContentDensityDirective } from './deprecated-time-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective],\n    imports: [CommonModule, FormsModule, FormModule, ButtonModule, PipeModule, CarouselModule, ContentDensityModule],\n    exports: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective, ContentDensityModule]\n})\nexport class TimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-time.mjs","sources":["../../../../libs/core/src/lib/time/errors.ts","../../../../libs/core/src/lib/time/time-column/time-column.component.ts","../../../../libs/core/src/lib/time/time-column/time-column.component.html","../../../../libs/core/src/lib/time/i18n/time-i18n.ts","../../../../libs/core/src/lib/time/time.component.ts","../../../../libs/core/src/lib/time/time.component.html","../../../../libs/core/src/lib/time/deprecated-time-content-density.directive.ts","../../../../libs/core/src/lib/time/time.module.ts","../../../../libs/core/src/lib/time/fundamental-ngx-core-time.ts"],"sourcesContent":["export function createMissingDateImplementationError(provider: string): Error {\n    return Error(\n        `FdTime: No provider found for ${provider}. You must import one of the following ` +\n            `modules at your application root: FdDatetimeModule, or provide a ` +\n            `custom implementation.`\n    );\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    QueryList,\n    ViewChild,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { BehaviorSubject, combineLatest, Subject, Subscription } from 'rxjs';\nimport { buffer, debounceTime, filter, map, tap } from 'rxjs/operators';\nimport { DOWN_ARROW, SPACE, UP_ARROW } from '@angular/cdk/keycodes';\n\nimport { KeyUtil, resizeObservable } from '@fundamental-ngx/core/utils';\nimport { CarouselConfig, CarouselDirective, CarouselItemDirective, PanEndOutput } from '@fundamental-ngx/core/carousel';\n\nimport { TimeColumnConfig } from './time-column-config';\nimport { SelectableViewItem } from '../models';\n\nlet timeColumnUniqueId = 0;\n\nexport interface TimeColumnItemOutput<T> {\n    value: T;\n    after?: boolean;\n}\n\n@Component({\n    selector: 'fd-time-column',\n    templateUrl: './time-column.component.html',\n    styleUrls: ['./time-column.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'fd-time__col'\n    }\n})\nexport class TimeColumnComponent<K, T extends SelectableViewItem<K> = SelectableViewItem<K>>\n    implements AfterViewInit, OnInit, OnDestroy\n{\n    /** items in row */\n    @Input()\n    rows: T[] = [];\n\n    /**\n     * @Input When set to false, hides the buttons that increment\n     * and decrement the corresponding columns.\n     */\n    @Input()\n    spinners = true;\n\n    /** Currently chosen, centered time column item */\n    @Input()\n    set activeValue(activeItem: T | undefined) {\n        if (!activeItem) {\n            // omitting \"null\" and \"undefined\"\n            return;\n        }\n        if (this._viewInit$.value && this._activeValue !== activeItem) {\n            this._pickTime(this._getItem(activeItem), false);\n        }\n        this._activeValue = activeItem;\n    }\n\n    get activeValue(): T {\n        return this._activeValue;\n    }\n\n    /** Defines if column is active, it has impact on behavior and visual  */\n    @Input()\n    set active(value: boolean) {\n        this._active = value;\n        if (value && this._viewInit$.value) {\n            this._changeDetRef.detectChanges();\n            this._pickTime(this._getItem(this.activeValue), false);\n            this._focusIndicator();\n        }\n    }\n\n    get active(): boolean {\n        return this._active;\n    }\n\n    /** Whether time column is meridian */\n    @Input()\n    @HostBinding('class.fd-time__col--period')\n    meridian = false;\n\n    /** Id of column, initiated with some default value */\n    @Input()\n    id: string = 'fd-time-column-' + timeColumnUniqueId++;\n\n    /** I18n and labels */\n    @Input()\n    timeConfig: TimeColumnConfig;\n\n    /**\n     * Offset for carousel directive, active item is always the first one.\n     * In case of having more items in carousel than 1, middle element should be active\n     */\n    @Input()\n    get offset(): number {\n        return this._offset$.value;\n    }\n\n    set offset(value: number) {\n        this._offset$.next(value);\n    }\n\n    /**\n     * Quantity of the elements to be shown at the same time in column\n     */\n    @Input()\n    set elementsAtOnce(value: number) {\n        this._elementsAtOnce$.next(value);\n    }\n\n    /** Event emitted, when active item is changed, by carousel */\n    @Output()\n    activeValueChange: EventEmitter<TimeColumnItemOutput<T>> = new EventEmitter<TimeColumnItemOutput<T>>();\n\n    /** Event emitted, when certain column is activated */\n    @Output()\n    activeStateChange: EventEmitter<void> = new EventEmitter<void>();\n\n    /** @hidden */\n    @ViewChild(CarouselDirective)\n    carousel: CarouselDirective;\n\n    /** @hidden */\n    @ViewChildren(CarouselItemDirective)\n    items: QueryList<CarouselItemDirective>;\n\n    /** @hidden */\n    @ViewChild('indicator', { read: ElementRef })\n    indicator: ElementRef;\n\n    wrapperHeight: number;\n\n    /**\n     * Time to wait in milliseconds after the last keydown before\n     * focusing or selecting option based on numeric/alpha keys.\n     * @hidden\n     */\n    typeaheadDebounceInterval = 750;\n\n    /** @hidden */\n    config: CarouselConfig;\n\n    /** @hidden */\n    get currentIndicatorId(): string {\n        return this.id + '-current-indicator';\n    }\n\n    /** @hidden */\n    get currentIndicatorValueId(): string {\n        return this.currentIndicatorId + '-value';\n    }\n\n    /** @hidden */\n    private _elementsAtOnce$ = new BehaviorSubject(7);\n\n    /** @hidden */\n    private _offset$ = new BehaviorSubject(3);\n\n    /** @hidden */\n    private _active = false;\n\n    /** @hidden */\n    private _queryKeyDownEvent: Subject<string> = new Subject<string>();\n\n    /** @hidden */\n    private _activeValue: T;\n\n    /** @hidden */\n    private _activeCarouselItem: CarouselItemDirective;\n\n    /** @hidden */\n    private _isDragging = false;\n\n    /** @hidden */\n    private _viewInit$ = new BehaviorSubject<boolean>(false);\n\n    /** @hidden */\n    private _subscriptions: Subscription = new Subscription();\n\n    /** @hidden */\n    constructor(private _changeDetRef: ChangeDetectorRef, private _elmRef: ElementRef) {\n        this._subscriptions.add(\n            combineLatest([\n                this._viewInit$,\n                this._elementsAtOnce$,\n                this._offset$,\n                resizeObservable(this._elmRef.nativeElement)\n            ])\n                .pipe(\n                    filter(([viewInit]) => viewInit),\n                    tap(([, elementsAtOnce, offset, size]) => {\n                        const averageHeight =\n                            this.items.toArray().reduce((acc, next) => acc + next.getHeight(), 0) / this.items.length;\n                        this.wrapperHeight = averageHeight * elementsAtOnce;\n                        const visibleButNotSelectedElements = Math.floor(elementsAtOnce / 2);\n                        if (offset === 0) {\n                            this.items.first.element.style.marginTop = `${\n                                visibleButNotSelectedElements * averageHeight\n                            }px`;\n                            this.items.last.element.style.marginBottom = `${\n                                visibleButNotSelectedElements * averageHeight\n                            }px`;\n                        }\n\n                        if (this.activeValue) {\n                            this._pickTime(this._getItem(this.activeValue), false);\n                        }\n\n                        this._changeDetRef.detectChanges();\n                    })\n                )\n                .subscribe()\n        );\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._subscriptions.add(this._elementsAtOnce$.pipe(tap(() => this._setUpCarouselConfiguration())).subscribe());\n        this._setUpQuerySubscription();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._viewInit$.next(true);\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    @HostListener('click')\n    onItemClick(): void {\n        this.activeStateChange.emit();\n    }\n\n    /** @hidden */\n    @HostListener('keydown', ['$event'])\n    keyDownHandler(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, DOWN_ARROW)) {\n            this.scrollDown();\n            event.preventDefault();\n        } else if (KeyUtil.isKeyCode(event, UP_ARROW)) {\n            this.scrollUp();\n            event.preventDefault();\n        } else if (KeyUtil.isKeyType(event, 'numeric') || KeyUtil.isKeyType(event, 'alphabetical')) {\n            this._queryKeyDownEvent.next(event.key);\n        }\n    }\n\n    /** @hidden */\n    spinnerButtonKeyupHandle(event: KeyboardEvent, upButton?: boolean): void {\n        if (KeyUtil.isKeyCode(event, SPACE)) {\n            if (upButton) {\n                this.scrollUp();\n            } else {\n                this.scrollDown();\n            }\n\n            event.stopPropagation();\n            event.preventDefault();\n        }\n    }\n\n    /** @hidden */\n    setValueOfActive(): void {\n        if (this._active) {\n            this._setUpInitialValue();\n        }\n    }\n\n    /** It prevents from accidentally change the item by click event */\n    handleDrag(isDragging: boolean): void {\n        this._isDragging = isDragging;\n    }\n\n    /** Method that handles active item change */\n    activeChangedHandle(output: PanEndOutput): void {\n        const array = this.items.toArray();\n        let index: number = array.findIndex((__item) => __item === output.item) + this.offset;\n\n        if (index >= array.length) {\n            index = index - array.length;\n        }\n\n        const _item = array[index];\n\n        this._activeValue = _item.value;\n\n        this.activeValueChange.emit({\n            value: this._activeValue,\n            after: output.after\n        });\n\n        this._activeCarouselItem = _item;\n    }\n\n    /** Method that changes active item and triggers carousel scroll */\n    pick(item: CarouselItemDirective, index: number): void {\n        const currentIndex: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        /** To prevent from switching time, when it's being dragged */\n        if (!this._isDragging) {\n            this._pickTime(item, true, true, currentIndex < index);\n        }\n    }\n\n    /** Method triggered by keyboard, or increment button */\n    scrollUp(event?: MouseEvent): void {\n        /** Keyboard events in reactive forms, shouldn't trigger this method */\n        if (event && !event.clientX) {\n            return;\n        }\n        let index: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        if (index > 0) {\n            index--;\n        } else {\n            index = this.rows.length - 1;\n        }\n\n        this._pickTime(this.items.toArray()[index], true, true, false);\n    }\n\n    /** Method triggered by keyboard, or decrement button */\n    scrollDown(): void {\n        let index: number = this.items.toArray().findIndex((_item) => _item === this._activeCarouselItem);\n        if (index < this.rows.length - 1) {\n            index++;\n        } else {\n            index = 0;\n        }\n\n        this._pickTime(this.items.toArray()[index], true, true, true);\n    }\n\n    /** Focus on column */\n    focus(): void {\n        this.indicator?.nativeElement.focus();\n    }\n\n    /**\n     * Create id for column item\n     * @param index column item index\n     * @returns column item id\n     * @hidden\n     */\n    _createColumnItemIdByIndex(index: number): string {\n        return this.id + index;\n    }\n\n    /**\n     * On focus callback\n     * @hidden\n     */\n    _onFocusIndicator(): void {\n        this.activeStateChange.emit();\n    }\n\n    /**\n     * Method triggered by keyboard, or decrement button\n     * Args:\n     * item => picked carousel item, that should be centered\n     * smooth => defines if transition time should be included in transform\n     * emitEvent => defines if EventEmitter should be triggered by this change, set to false, when changed from outside\n     * after => Defines if value was incremented/decremented, needed for hours to trigger AM/PM change\n     * @hidden\n     */\n    private _pickTime(item?: CarouselItemDirective, smooth?: boolean, emitEvent?: boolean, after?: boolean): void {\n        if (!item) {\n            return;\n        }\n\n        if (this.active) {\n            this._triggerCarousel(item, smooth);\n        }\n\n        this._activeCarouselItem = item;\n        this._activeValue = item.value;\n\n        if (emitEvent) {\n            this.activeValueChange.emit({\n                value: item.value,\n                after\n            });\n        }\n    }\n\n    /**\n     * Returns item with passed value\n     * @hidden\n     */\n    private _getItem(_item: T): CarouselItemDirective | undefined {\n        return this.items.find((item) => item.value === _item);\n    }\n\n    /** @hidden */\n    private _triggerCarousel(item: CarouselItemDirective, smooth?: boolean): void {\n        const array = this.items.toArray();\n        let index: number = array.findIndex((_item) => _item === item) - this.offset;\n\n        if (index < 0) {\n            index = array.length + index;\n        }\n\n        this.carousel.goToItem(array[index], smooth);\n    }\n\n    /**\n     * Focus current indicator, which allows to handle keydown events inside column\n     * @hidden\n     */\n    private _focusIndicator(): void {\n        document.getElementById(this.currentIndicatorId)?.focus();\n    }\n\n    /** @hidden */\n    private _getValue(value: string): any {\n        if (!isNaN(Number(value))) {\n            return Number(value);\n        } else {\n            return value;\n        }\n    }\n\n    /** @hidden */\n    private _setUpQuerySubscription(): void {\n        const trigger = this._queryKeyDownEvent.pipe(debounceTime(this.typeaheadDebounceInterval));\n\n        this._subscriptions.add(\n            this._queryKeyDownEvent\n                .pipe(\n                    buffer(trigger),\n                    map((keys) => keys.join('')),\n                    map((value) => this._getValue(value)),\n                    map((value) => this._getItem(value))\n                )\n                .subscribe((item) => this._pickTime(item, false, true))\n        );\n    }\n\n    /** @hidden */\n    private _setUpCarouselConfiguration(): void {\n        const config: CarouselConfig = {\n            gestureSupport: true,\n            vertical: true,\n            elementsAtOnce: this._elementsAtOnce$.value,\n            transition: '150ms'\n        };\n        if (!this.meridian) {\n            config.infinite = true;\n        }\n        this.config = config;\n    }\n\n    /** @hidden */\n    private _setUpInitialValue(): void {\n        if (!this._activeValue) {\n            this._activeValue = this.items.first.value;\n        }\n        this._pickTime(this._getItem(this._activeValue), false);\n    }\n}\n","<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.max-height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n","import { Injectable } from '@angular/core';\n\n/**\n * Provides i18n support for labels and meridian naming inside the time component.\n */\n@Injectable({ providedIn: 'root' })\nexport class TimeI18n {\n    /** Aria label for entire component */\n    componentAriaName = 'Time picker';\n\n    /** Aria label for the 'increase hours' button */\n    increaseHoursLabel = 'Increase hours';\n\n    /** label for the 'hours' column */\n    hoursLabel = 'Hrs';\n\n    /** Aria label for the 'decrease hours' button */\n    decreaseHoursLabel = 'Decrease hours';\n\n    /** Aria label for the 'increase minutes' button */\n    increaseMinutesLabel = 'Increase minutes';\n\n    /** label for the 'minutes' column */\n    minutesLabel = 'Min';\n\n    /** Aria label for the 'decrease minutes' button */\n    decreaseMinutesLabel = 'Decrease minutes';\n\n    /** Aria label for the 'increase seconds' button */\n    increaseSecondsLabel = 'Increase seconds';\n\n    /** label for the 'seconds' column */\n    secondsLabel = 'Sec';\n\n    /** Aria label for the 'decrease seconds' button */\n    decreaseSecondsLabel = 'Decrease seconds';\n\n    /** Aria label for the 'increase period' button */\n    increasePeriodLabel = 'Increase period';\n\n    /** label for the 'period' column */\n    periodLabel = 'Period';\n\n    /** Aria label for the 'decrease period' button */\n    decreasePeriodLabel = 'Decrease period';\n\n    /**\n     * Instruction how to navigate between options\n     * in the time column list and to switch between time columns\n     */\n    navigationInstruction =\n        'To move between items in this list, press top arrow or bottom arrow. To switch between lists press left arrow or right arrow.';\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    QueryList,\n    SimpleChanges,\n    ViewChildren,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';\n\nimport { DatetimeAdapter } from '@fundamental-ngx/core/datetime';\nimport { KeyUtil, RtlService } from '@fundamental-ngx/core/utils';\n\nimport { Meridian, SelectableViewItem } from './models';\nimport { createMissingDateImplementationError } from './errors';\nimport { TimeI18n } from './i18n/time-i18n';\nimport { TimeColumnConfig } from './time-column/time-column-config';\nimport { TimeColumnComponent } from './time-column/time-column.component';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nexport type FdTimeActiveView = 'hour' | 'minute' | 'second' | 'meridian';\n\ntype HourViewItem = SelectableViewItem<number>;\ntype MinuteViewItem = SelectableViewItem<number>;\ntype SecondViewItem = SelectableViewItem<number>;\ntype MeridianViewItem = SelectableViewItem<Meridian>;\n\n@Component({\n    selector: 'fd-time',\n    templateUrl: './time.component.html',\n    styleUrls: ['./time.component.scss'],\n    host: {\n        '(blur)': 'onTouched()'\n    },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => TimeComponent),\n            multi: true\n        },\n        contentDensityObserverProviders()\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class TimeComponent<D> implements OnInit, OnChanges, OnDestroy, AfterViewInit, ControlValueAccessor {\n    /**\n     * @Input When set to false, uses the 24 hour clock (hours ranging from 0 to 23)\n     * and does not display a period control.\n     */\n    @Input()\n    meridian = false;\n\n    /**\n     *  @Input When set to false, does not set the input field to invalid state on invalid entry.\n     */\n    @Input()\n    validate = true;\n\n    /**\n     * @Input when set to true, time inputs won't allow to have 1 digit\n     * for example 9 will become 09\n     * but 12 will be kept as 12.\n     */\n    @Input()\n    keepTwoDigits = false;\n\n    /**\n     * @Input Disables the component.\n     */\n    @Input()\n    disabled: boolean;\n\n    /**\n     * @Input When set to false, hides the input for seconds.\n     */\n    @Input()\n    displaySeconds = true;\n\n    /** @Input When set to false, hides the input for minutes. */\n    @Input()\n    displayMinutes = true;\n\n    /**\n     * When set to false, hides the input for hours\n     */\n    @Input()\n    displayHours = true;\n\n    /** @Input Defines if time component should be used in tablet mode */\n    @Input()\n    tablet = false;\n\n    /** @Input Defines quantity of the elements, that are visible at the same time. Should be odd number */\n    @Input()\n    elementsAtOnce = 7;\n\n    /**\n     * @Input An object that contains datetime representation\n     */\n    @Input()\n    time: D;\n\n    /** @Input Whether to show spinner buttons */\n    @Input()\n    spinnerButtons = true;\n\n    /** @hidden */\n    @ViewChildren(TimeColumnComponent)\n    columns: QueryList<TimeColumnComponent<unknown, SelectableViewItem<unknown>>>;\n\n    /** Active column view to iterate with */\n    activeView: FdTimeActiveView = 'hour';\n\n    /** Offset */\n    get offset(): number {\n        return Math.floor(this.elementsAtOnce / 2);\n    }\n\n    /**\n     * @hidden\n     * container for [0 - 23] hours\n     */\n    hourViewItems: HourViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected hourViewItems element\n     */\n    activeHourViewItem?: HourViewItem;\n\n    /**\n     * @hidden\n     * container for [0 - 59] minutes\n     */\n    minuteViewItems: MinuteViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected minuteViewItems element\n     */\n    activeMinuteViewItem?: MinuteViewItem;\n\n    /**\n     * @hidden\n     * container for [0 - 59] seconds\n     */\n    secondViewItems: SecondViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected secondViewItems element\n     */\n    activeSecondViewItem?: SecondViewItem;\n\n    /**\n     * @hidden\n     * container for [am, pm] meridian values\n     */\n    meridianViewItems: MeridianViewItem[] = [];\n    /**\n     * @hidden\n     * reference to currently selected meridianViewItems element\n     */\n    activeMeridianViewItem?: MeridianViewItem;\n\n    /** Component aria-label */\n    get _componentAriaLabel(): string {\n        return this._timeI18nLabels.componentAriaName;\n    }\n\n    /** @hidden */\n    private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private _changeDetectorRef: ChangeDetectorRef,\n        private _timeI18nLabels: TimeI18n,\n        // Use @Optional to avoid angular injection error message and throw our own which is more precise one\n        @Optional() private _dateTimeAdapter: DatetimeAdapter<D>,\n        readonly _contentDensityObserver: ContentDensityObserver,\n        @Optional() private _rtlService: RtlService\n    ) {\n        if (!_dateTimeAdapter) {\n            throw createMissingDateImplementationError('DateTimeAdapter');\n        }\n\n        this.time = this._getDefaultValue();\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._dateTimeAdapter.localeChanges.pipe(takeUntil(this._onDestroy$)).subscribe(() => {\n            this._setUpViewGrid();\n            this._changeDetectorRef.detectChanges();\n        });\n\n        this._setUpViewGrid();\n    }\n\n    /** @hidden\n     * Reacts only when there is meridian or time input change\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.meridian || changes.time) {\n            this._setUpViewGrid();\n        }\n        if (changes.elementsAtOnce && changes.elementsAtOnce.currentValue % 2 === 0) {\n            throw new Error('[elementsAtOnce] should be odd number');\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this._onDestroy$.next();\n        this._onDestroy$.complete();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.refreshColumns();\n    }\n\n    /** @hidden */\n    onChange: (value: D) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    registerOnChange(fn: (time: D) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    refreshColumns(): void {\n        this.columns.forEach((column) => column.setValueOfActive());\n    }\n\n    /**\n     * @hidden\n     * Handles meridian change.\n     * This implicitly changes hours by +/- 12\n     */\n    handleMeridianChange(meridian: Meridian): void {\n        let hourOffset: number = meridian === Meridian.AM ? -12 : 12;\n        let currentHour = this._getModelHour();\n\n        if (currentHour > 12 && meridian === Meridian.PM) {\n            currentHour -= 12;\n        } else if (currentHour === 12) {\n            currentHour = 0;\n        } else if (currentHour < 12 && meridian === Meridian.AM) {\n            hourOffset = 0;\n        }\n\n        const newHour = Math.max(0, Math.min(23, currentHour + hourOffset));\n\n        this.handleHourChange(newHour);\n    }\n\n    /** @hidden */\n    handleSecondChange(second: number): void {\n        this.time = this._dateTimeAdapter.setSeconds(this.time, second);\n        this._calculateActiveSecondViewItem();\n        this.onChange(this.time);\n    }\n\n    /** @hidden */\n    handleMinuteChange(minute: number): void {\n        this.time = this._dateTimeAdapter.setMinutes(this.time, minute);\n        this._calculateActiveMinuteViewItem();\n        this.onChange(this.time);\n    }\n\n    /**\n     * @hidden\n     * Handles changes of displayed hour value from template.\n     */\n    handleHourChange(hour: number): void {\n        this.time = this._dateTimeAdapter.setHours(this.time, hour);\n        this._calculateActiveHourViewItem();\n\n        if (this.meridian) {\n            this._calculateActiveMeridianViewItem();\n        }\n\n        this.onChange(this.time);\n    }\n\n    /** @hidden */\n    handleNextColumnFocus(column: FdTimeActiveView): void {\n        const columns = this._getVisibleColumnsWithRtl();\n        let nextIndex = columns.indexOf(column) + 1;\n        if (nextIndex >= columns.length) {\n            nextIndex = 0;\n        }\n        this.changeActive(columns[nextIndex]);\n    }\n\n    /** @hidden */\n    handlePreviousColumnFocus(column: FdTimeActiveView): void {\n        const columns = this._getVisibleColumnsWithRtl();\n        let nextIndex = columns.indexOf(column) - 1;\n        if (nextIndex < 0) {\n            nextIndex = columns.length - 1;\n        }\n        this.changeActive(columns[nextIndex]);\n    }\n\n    /** @hidden */\n    handleKeyDownEvent(event: KeyboardEvent): void {\n        if (KeyUtil.isKeyCode(event, LEFT_ARROW)) {\n            this.handlePreviousColumnFocus(this.activeView);\n            event.preventDefault();\n            this.focusActiveColumn();\n        } else if (KeyUtil.isKeyCode(event, RIGHT_ARROW)) {\n            this.handleNextColumnFocus(this.activeView);\n            event.preventDefault();\n            this.focusActiveColumn();\n        }\n    }\n\n    /** @hidden */\n    writeValue(time: D): void {\n        if (!time || !this._dateTimeAdapter.isValid(time)) {\n            time = this._getDefaultValue();\n        }\n        this.time = time;\n\n        this._setUpActiveViewItems();\n\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    changeActive(view: FdTimeActiveView): void {\n        this.activeView = view;\n        this._changeDetectorRef.detectChanges();\n    }\n\n    /** @hidden */\n    isActive(view: FdTimeActiveView): boolean {\n        return this.activeView === view;\n    }\n\n    /** Configuration for hours column */\n    getHoursConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseHoursLabel,\n            increaseLabel: this._timeI18nLabels.increaseHoursLabel,\n            label: this._timeI18nLabels.hoursLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for minutes column */\n    getMinutesConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseMinutesLabel,\n            increaseLabel: this._timeI18nLabels.increaseMinutesLabel,\n            label: this._timeI18nLabels.minutesLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for seconds column */\n    getSecondsConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreaseSecondsLabel,\n            increaseLabel: this._timeI18nLabels.increaseSecondsLabel,\n            label: this._timeI18nLabels.secondsLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** Configuration for period column */\n    getPeriodConfig(): TimeColumnConfig {\n        return {\n            decreaseLabel: this._timeI18nLabels.decreasePeriodLabel,\n            increaseLabel: this._timeI18nLabels.increasePeriodLabel,\n            label: this._timeI18nLabels.periodLabel,\n            navigationInstruction: this._timeI18nLabels.navigationInstruction\n        };\n    }\n\n    /** @hidden */\n    focusActiveColumn(): void {\n        const column = this.columns.find(({ active }) => active);\n        column?.focus();\n    }\n\n    /**\n     * Get visible time columns\n     * @returns visible columns list @see {FdTimeActiveView[]}\n     */\n    private _getVisibleColumns(): FdTimeActiveView[] {\n        const allOptions: Array<[boolean, FdTimeActiveView]> = [\n            [this.displayHours, 'hour'],\n            [this.displayMinutes, 'minute'],\n            [this.displaySeconds, 'second'],\n            [this.meridian, 'meridian']\n        ];\n        return allOptions.filter(([enabled]) => enabled).map(([, view]) => view);\n    }\n\n    /**\n     * Get visible columns taking into account RTL\n     * @returns visible columns list @see {FdTimeActiveView[]}\n     */\n    private _getVisibleColumnsWithRtl(): FdTimeActiveView[] {\n        const columns = this._getVisibleColumns();\n        return this._rtlService?.rtl.value ? columns.reverse() : columns;\n    }\n\n    /** @hidden */\n    private _setUpViewGrid(): void {\n        this._constructHourViewItems();\n        this._constructMinuteViewItems();\n        this._constructSecondViewItems();\n        this._constructMeridianViewItems();\n        // update reference to active view items\n        this._setUpActiveViewItems();\n    }\n\n    /** @hidden */\n    private _setUpActiveViewItems(): void {\n        this._calculateActiveHourViewItem();\n        this._calculateActiveMinuteViewItem();\n        this._calculateActiveSecondViewItem();\n        this._calculateActiveMeridianViewItem();\n    }\n\n    /** @hidden */\n    private _constructHourViewItems(): void {\n        this.hourViewItems = this._dateTimeAdapter\n            .getHourNames({ meridian: this.meridian, twoDigit: this.keepTwoDigits })\n            .map((name, hour) => ({\n                value: hour,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructMinuteViewItems(): void {\n        this.minuteViewItems = this._dateTimeAdapter\n            .getMinuteNames({ twoDigit: this.keepTwoDigits })\n            .map((name, minute) => ({\n                value: minute,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructSecondViewItems(): void {\n        this.secondViewItems = this._dateTimeAdapter\n            .getSecondNames({ twoDigit: this.keepTwoDigits })\n            .map((name, second) => ({\n                value: second,\n                label: name\n            }));\n    }\n\n    /** @hidden */\n    private _constructMeridianViewItems(): void {\n        const [amLabel, pmLabel] = this._dateTimeAdapter.getDayPeriodNames();\n        this.meridianViewItems = [\n            { value: Meridian.AM, label: amLabel },\n            { value: Meridian.PM, label: pmLabel }\n        ];\n    }\n\n    /** @hidden */\n    private _calculateActiveHourViewItem(): void {\n        const hour = this._getModelHour();\n        this.activeHourViewItem = this.hourViewItems.find(({ value }) => value === hour);\n    }\n\n    /** @hidden */\n    private _calculateActiveMinuteViewItem(): void {\n        const minute = this._getModelMinute();\n        this.activeMinuteViewItem = this.minuteViewItems.find(({ value }) => value === minute);\n    }\n\n    /** @hidden */\n    private _calculateActiveSecondViewItem(): void {\n        const second = this._getModelSecond();\n        this.activeSecondViewItem = this.secondViewItems.find(({ value }) => value === second);\n    }\n\n    /** @hidden */\n    private _calculateActiveMeridianViewItem(): void {\n        const meridian = this._getDayPeriodByHour();\n        this.activeMeridianViewItem = this.meridianViewItems.find(({ value }) => value === meridian);\n    }\n\n    /**\n     * @hidden\n     * Model hours (0 - 23)\n     */\n    private _getModelHour(): number {\n        return this._dateTimeAdapter.getHours(this.time);\n    }\n\n    /**\n     * @hidden\n     * Model minutes (0 - 59)\n     */\n    private _getModelMinute(): number {\n        return this._dateTimeAdapter.getMinutes(this.time);\n    }\n\n    /**\n     * @hidden\n     * Model seconds (0 - 59)\n     */\n    private _getModelSecond(): number {\n        return this._dateTimeAdapter.getSeconds(this.time);\n    }\n\n    /**\n     * @hidden\n     * Get meridian period based on a given hours\n     */\n    private _getDayPeriodByHour(hour = this._getModelHour()): Meridian {\n        return this._isPm(hour) ? Meridian.PM : Meridian.AM;\n    }\n\n    /** @hidden */\n    private _isPm(hours: number = this._getModelHour()): boolean {\n        return hours >= 12;\n    }\n\n    /**\n     * @hidden\n     * @returns default time 00:00:00\n     */\n    private _getDefaultValue(): D {\n        return this._dateTimeAdapter.today();\n    }\n}\n","<div\n    class=\"fd-time\"\n    (keydown)=\"handleKeyDownEvent($event)\"\n    [class.fd-time--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-time--tablet]=\"tablet\"\n    [attr.aria-label]=\"_componentAriaLabel\"\n>\n    <fd-time-column\n        [active]=\"isActive('hour')\"\n        [rows]=\"hourViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeHourViewItem\"\n        [timeConfig]=\"getHoursConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleHourChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('hour')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displayMinutes\"\n        [active]=\"isActive('minute')\"\n        [rows]=\"minuteViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeMinuteViewItem\"\n        [timeConfig]=\"getMinutesConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMinuteChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('minute')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"displaySeconds\"\n        [active]=\"isActive('second')\"\n        [rows]=\"secondViewItems\"\n        [offset]=\"offset\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [activeValue]=\"activeSecondViewItem\"\n        [timeConfig]=\"getSecondsConfig()\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleSecondChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('second')\"\n    ></fd-time-column>\n    <fd-time-column\n        *ngIf=\"meridian\"\n        [active]=\"isActive('meridian')\"\n        [rows]=\"meridianViewItems\"\n        [activeValue]=\"activeMeridianViewItem\"\n        [offset]=\"0\"\n        [elementsAtOnce]=\"elementsAtOnce\"\n        [timeConfig]=\"getPeriodConfig()\"\n        [meridian]=\"true\"\n        [spinners]=\"spinnerButtons\"\n        (activeValueChange)=\"handleMeridianChange($event.value.value)\"\n        (activeStateChange)=\"changeActive('meridian')\"\n    ></fd-time-column>\n</div>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-time-column[compact], fd-time[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedTimeContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedTimeContentDensityDirective extends DeprecatedCompactDirective {\n    constructor() {\n        super('fd-time-column[compact], fd-time');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { TimeComponent } from './time.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { FormModule } from '@fundamental-ngx/core/form';\nimport { PipeModule } from '@fundamental-ngx/core/utils';\nimport { TimeColumnComponent } from './time-column/time-column.component';\nimport { CarouselModule } from '@fundamental-ngx/core/carousel';\nimport { DeprecatedTimeContentDensityDirective } from './deprecated-time-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective],\n    imports: [CommonModule, FormsModule, FormModule, ButtonModule, PipeModule, CarouselModule, ContentDensityModule],\n    exports: [TimeComponent, TimeColumnComponent, DeprecatedTimeContentDensityDirective, ContentDensityModule]\n})\nexport class TimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/fundamental-ngx-core-time.mjs

@@ -8,7 +8,7 @@ import { filter, tap, debounceTime, buffer, map, takeUntil } from 'rxjs/operator
 import { DOWN_ARROW, UP_ARROW, SPACE, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
 import * as i2$1 from '@fundamental-ngx/core/datetime';
 import * as i4 from '@fundamental-ngx/core/utils';
-import { KeyUtil, PipeModule } from '@fundamental-ngx/core/utils';
+import { resizeObservable, KeyUtil, PipeModule } from '@fundamental-ngx/core/utils';
 import * as i3 from '@fundamental-ngx/core/carousel';
 import { CarouselDirective, CarouselItemDirective, CarouselModule } from '@fundamental-ngx/core/carousel';
 import * as i1 from '@fundamental-ngx/core/button';
@@ -71,8 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
 let timeColumnUniqueId = 0;
 class TimeColumnComponent {
     /** @hidden */
-    constructor(_changeDetRef) {
+    constructor(_changeDetRef, _elmRef) {
         this._changeDetRef = _changeDetRef;
+        this._elmRef = _elmRef;
         /** items in row */
         this.rows = [];
         /**
@@ -108,21 +109,30 @@ class TimeColumnComponent {
         this._viewInit$ = new BehaviorSubject(false);
         /** @hidden */
         this._subscriptions = new Subscription();
-        this._subscriptions.add(combineLatest([this._viewInit$, this._elementsAtOnce$, this._offset$])
-            .pipe(filter(([viewInit]) => viewInit), tap(([, elementsAtOnce, offset]) => {
+        this._subscriptions.add(combineLatest([
+            this._viewInit$,
+            this._elementsAtOnce$,
+            this._offset$,
+            resizeObservable(this._elmRef.nativeElement)
+        ])
+            .pipe(filter(([viewInit]) => viewInit), tap(([, elementsAtOnce, offset, size]) => {
             const averageHeight = this.items.toArray().reduce((acc, next) => acc + next.getHeight(), 0) / this.items.length;
-            this.wrapperHeight = `${averageHeight * elementsAtOnce}px`;
+            this.wrapperHeight = averageHeight * elementsAtOnce;
             const visibleButNotSelectedElements = Math.floor(elementsAtOnce / 2);
             if (offset === 0) {
                 this.items.first.element.style.marginTop = `${visibleButNotSelectedElements * averageHeight}px`;
                 this.items.last.element.style.marginBottom = `${visibleButNotSelectedElements * averageHeight}px`;
             }
+            if (this.activeValue) {
+                this._pickTime(this._getItem(this.activeValue), false);
+            }
+            this._changeDetRef.detectChanges();
         }))
             .subscribe());
     }
     /** Currently chosen, centered time column item */
     set activeValue(activeItem) {
-        if (activeItem == null) {
+        if (!activeItem) {
             // omitting "null" and "undefined"
             return;
         }
@@ -378,14 +388,14 @@ class TimeColumnComponent {
         this._pickTime(this._getItem(this._activeValue), false);
     }
 }
-TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.maxHeight]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TimeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TimeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TimeColumnComponent, selector: "fd-time-column", inputs: { rows: "rows", spinners: "spinners", activeValue: "activeValue", active: "active", meridian: "meridian", id: "id", timeConfig: "timeConfig", offset: "offset", elementsAtOnce: "elementsAtOnce" }, outputs: { activeValueChange: "activeValueChange", activeStateChange: "activeStateChange" }, host: { listeners: { "click": "onItemClick()", "keydown": "keyDownHandler($event)" }, properties: { "class.fd-time__col--period": "this.meridian" }, classAttribute: "fd-time__col" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: CarouselDirective, descendants: true }, { propertyName: "indicator", first: true, predicate: ["indicator"], descendants: true, read: ElementRef }, { propertyName: "items", predicate: CarouselItemDirective, descendants: true }], ngImport: i0, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.max-height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"], components: [{ type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.CarouselDirective, selector: "[fdCarousel]", inputs: ["config", "active"], outputs: ["activeChange", "dragStateChange"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.CarouselItemDirective, selector: "[fd-carousel-item], [fdCarouselItem]", inputs: ["value", "initialHeight", "initialWidth", "id"], exportAs: ["fdCarouselItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TimeColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-time-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-time__col'
-                    }, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.maxHeight]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { rows: [{
+                    }, template: "<label class=\"fd-time__slider-label\">{{ timeConfig?.label }}</label>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-up-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.decreaseLabel\"\n    [ariaLabel]=\"timeConfig?.decreaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event, true)\"\n    (click)=\"scrollUp($event)\"\n></button>\n<div\n    class=\"fd-time__wrapper\"\n    [class.fd-time__wrapper--active]=\"active\"\n    [class.fd-time__wrapper--meridian]=\"meridian\"\n    [style.max-height.px]=\"active ? wrapperHeight : ''\"\n>\n    <ul\n        class=\"fd-time__list\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [config]=\"config\"\n        (click)=\"indicator.focus()\"\n        (activeChange)=\"activeChangedHandle($event)\"\n        (dragStateChange)=\"handleDrag($event)\"\n        fdCarousel\n    >\n        <li\n            class=\"fd-time__item\"\n            fdCarouselItem\n            *ngFor=\"let row of rows; let index = index\"\n            #item=\"fdCarouselItem\"\n            [id]=\"_createColumnItemIdByIndex(index)\"\n            [attr.data-displayed-value]=\"row.value\"\n            [value]=\"row\"\n        >\n            <span class=\"fd-time__unit\" role=\"button\" [attr.aria-label]=\"row.label\" (click)=\"pick(item, index)\">\n                {{ row.label }}\n            </span>\n        </li>\n    </ul>\n    <div\n        class=\"fd-time__current-indicator\"\n        #indicator\n        tabindex=\"0\"\n        role=\"listbox\"\n        [attr.id]=\"currentIndicatorId\"\n        [class.fd-time-column-custom-hidden]=\"!active\"\n        [attr.aria-labelledby]=\"currentIndicatorValueId\"\n        [attr.aria-description]=\"timeConfig?.navigationInstruction\"\n        (focus)=\"_onFocusIndicator()\"\n    >\n        <span\n            class=\"fd-time-column-custom-hidden\"\n            aria-live=\"assertive\"\n            aria-atomic=\"true\"\n            [attr.aria-hidden]=\"!active\"\n            [attr.id]=\"currentIndicatorValueId\"\n            [class.fd-time-column-custom-hidden]=\"active\"\n        >\n            {{ activeValue?.label }} {{ timeConfig?.label }}\n        </span>\n    </div>\n    <span *ngIf=\"!active\" class=\"fd-time__item fd-time__item--collapsed\">\n        {{ activeValue?.label }}\n    </span>\n</div>\n<button\n    *ngIf=\"active && spinners\"\n    fd-button\n    fdType=\"transparent\"\n    glyph=\"navigation-down-arrow\"\n    tabindex=\"-1\"\n    [title]=\"timeConfig?.increaseLabel\"\n    [ariaLabel]=\"timeConfig?.increaseLabel\"\n    (keyup)=\"spinnerButtonKeyupHandle($event)\"\n    (click)=\"scrollDown()\"\n></button>\n", styles: [".fd-time__col .fd-carousel{transition:all .2s ease-in}.fd-time__list{overflow:visible}.fd-time-column-custom-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fd-time__current-indicator{pointer-events:none}.fd-time__current-indicator:focus{outline:none}.fd-time--compact .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed,.fd-time .fd-time__wrapper--meridian .fd-time__item:last-child.fd-time__item--collapsed{margin-bottom:0;margin-top:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { rows: [{
                 type: Input
             }], spinners: [{
                 type: Input