@fundamental-ngx/core 0.35.2-rc.35 → 0.35.2-rc.38

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, 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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"}
+{"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.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/fesm2015/fundamental-ngx-core-token.mjs

@@ -3,14 +3,14 @@ import { EventEmitter, ViewContainerRef, Component, ViewEncapsulation, ChangeDet
 import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Subscription, Subject, merge, fromEvent } from 'rxjs';
+import * as i2 from '@fundamental-ngx/core/utils';
+import { KeyUtil, resizeObservable, applyCssClass } from '@fundamental-ngx/core/utils';
+import { ENTER, SPACE, DELETE, BACKSPACE, LEFT_ARROW, RIGHT_ARROW, A } from '@angular/cdk/keycodes';
 import * as i1 from '@fundamental-ngx/core/content-density';
 import { contentDensityObserverProviders, DeprecatedCompactDirective, CONTENT_DENSITY_DIRECTIVE, ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import { __decorate, __metadata } from 'tslib';
-import { DELETE, BACKSPACE, SPACE, ENTER, LEFT_ARROW, RIGHT_ARROW, A } from '@angular/cdk/keycodes';
 import { filter, mapTo, debounceTime, takeUntil } from 'rxjs/operators';
 import { FormControlComponent } from '@fundamental-ngx/core/form';
-import * as i2 from '@fundamental-ngx/core/utils';
-import { KeyUtil, applyCssClass } from '@fundamental-ngx/core/utils';
 import * as i3 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import * as i4 from '@fundamental-ngx/core/popover';
@@ -82,16 +82,23 @@ class TokenComponent {
         this.onTokenClick.emit(event);
     }
     /** @hidden */
+    tokenKeydownHandler(event) {
+        this.onTokenKeydown.emit(event);
+        if (KeyUtil.isKeyCode(event, [ENTER, SPACE])) {
+            this.onTokenClick.emit(event);
+        }
+    }
+    /** @hidden */
     _setTotalCount(count) {
         this.totalCount = count;
         this._cdRef.markForCheck();
     }
 }
 TokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TokenComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-TokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TokenComponent, selector: "fd-token", inputs: { disabled: "disabled", selected: "selected", readOnly: "readOnly", deleteButtonLabel: "deleteButtonLabel", ariaRoleDescription: "ariaRoleDescription" }, outputs: { onCloseClick: "onCloseClick", onRemove: "onRemove", onTokenClick: "onTokenClick", onTokenKeydown: "onTokenKeydown" }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "tokenWrapperElement", first: true, predicate: ["tokenWrapperElement"], descendants: true }, { propertyName: "_content", first: true, predicate: ["content"], descendants: true }, { propertyName: "_viewContainer", first: true, predicate: ["viewContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<span\n    #tokenWrapperElement\n    class=\"fd-token\"\n    role=\"option\"\n    tabindex=\"0\"\n    [attr.aria-setsize]=\"totalCount\"\n    [attr.aria-roledescription]=\"ariaRoleDescription\"\n    (click)=\"tokenClickHandler($event)\"\n    (keydown)=\"onTokenKeydown.emit($event)\"\n    [class.fd-token__disabled]=\"disabled\"\n    [class.fd-token--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-token--selected]=\"selected\"\n    [class.fd-token--readonly]=\"readOnly\"\n    [attr.aria-selected]=\"selected\"\n    [attr.aria-readonly]=\"readOnly\"\n>\n    <span class=\"fd-token__text no-text-select\">\n        <ng-container #viewContainer></ng-container>\n    </span>\n    <span\n        (click)=\"closeClickHandler($event)\"\n        role=\"button\"\n        [attr.aria-label]=\"deleteButtonLabel\"\n        *ngIf=\"!readOnly\"\n        class=\"fd-token__close\"\n        tabindex=\"-1\"\n    ></span>\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-token{-webkit-box-sizing:border-box;-ms-flex-negative:0;align-items:center;background-color:var(--sapButton_TokenBackground);border:0;border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--fdToken_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdToken_Text_Color);cursor:default;display:inline-flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1.625rem;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;max-width:100%;min-width:3.625rem;padding:0;padding:.25rem 0 .25rem var(--fdToken_Padding_Left);text-align:center;text-overflow:clip;white-space:nowrap}.fd-token:after,.fd-token:before{box-sizing:inherit;font-size:inherit}.fd-token[dir=rtl],[dir=rtl] .fd-token{padding-left:0;padding-right:var(--fdToken_Padding_Left)}.fd-token__text{max-width:100%;min-width:auto;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--fdToken_Text_Shadow);width:100%}.fd-token__close{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_IconColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;height:1.625rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1.25rem;margin:0;min-width:1.75rem;padding:.25rem .5rem;width:1.75rem}.fd-token__close:after,.fd-token__close:before{box-sizing:inherit;font-size:inherit}.fd-token__close:before{text-rendering:optimizeLegibility;content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.fd-token__close.is-focus,.fd-token__close:focus{box-shadow:none;outline:none;z-index:5}.fd-token:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Hover);background-color:var(--fdToken_Background_Color_Hover);border-color:var(--fdToken_Border_Color_Hover);box-shadow:var(--fdToken_Box_Shadow_Hover)}.fd-token.is-focus,.fd-token:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--compact{height:1.25rem;line-height:1.125rem;min-width:3rem;padding:.1rem 0 .1rem .25rem}.fd-token--compact .fd-token__close{height:1.25rem;min-width:1.25rem;padding:.1rem .25rem;vertical-align:baseline;width:1.25rem}.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--compact{padding-left:0;padding-right:.25rem}.fd-token--compact.is-focus,.fd-token--compact:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-offset:var(--fdToken_Outline_Offset_Compact);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--disabled{cursor:not-allowed}.fd-token--readonly{background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);color:var(--sapContent_LabelColor);padding:.25rem .375rem}.fd-token--readonly.fd-token--compact{padding:.1rem .25rem}.fd-token--readonly.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--readonly.fd-token--compact{padding-left:.25rem}.fd-token--readonly.is-hover,.fd-token--readonly:hover{-webkit-box-shadow:none;background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);box-shadow:none;color:var(--sapContent_LabelColor)}.fd-token--readonly[dir=rtl],[dir=rtl] .fd-token--readonly{padding-left:.375rem}.fd-token.fd-token--selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor)}.fd-token.fd-token--selected,.fd-token.fd-token--selected .fd-token__close{color:var(--sapButton_Selected_TextColor)}.fd-token.fd-token--selected.is-hover,.fd-token.fd-token--selected:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Selected_Hover);background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);box-shadow:var(--fdToken_Box_Shadow_Selected_Hover)}.fd-token.fd-token--selected.is-focus,.fd-token.fd-token--selected:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-color:var(--fdToken_Border_Color_Selected_Focus);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token__disabled:after{cursor:not-allowed}.no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TokenComponent, selector: "fd-token", inputs: { disabled: "disabled", selected: "selected", readOnly: "readOnly", deleteButtonLabel: "deleteButtonLabel", ariaRoleDescription: "ariaRoleDescription" }, outputs: { onCloseClick: "onCloseClick", onRemove: "onRemove", onTokenClick: "onTokenClick", onTokenKeydown: "onTokenKeydown" }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "tokenWrapperElement", first: true, predicate: ["tokenWrapperElement"], descendants: true }, { propertyName: "_content", first: true, predicate: ["content"], descendants: true }, { propertyName: "_viewContainer", first: true, predicate: ["viewContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<span\n    #tokenWrapperElement\n    class=\"fd-token\"\n    role=\"option\"\n    tabindex=\"0\"\n    [attr.aria-roledescription]=\"ariaRoleDescription\"\n    (click)=\"tokenClickHandler($event)\"\n    (keydown)=\"tokenKeydownHandler($event)\"\n    [attr.aria-setsize]=\"totalCount\"\n    [class.fd-token__disabled]=\"disabled\"\n    [class.fd-token--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-token--selected]=\"selected\"\n    [class.fd-token--readonly]=\"readOnly\"\n    [attr.aria-selected]=\"selected\"\n    [attr.aria-readonly]=\"readOnly\"\n>\n    <span class=\"fd-token__text no-text-select\">\n        <ng-container #viewContainer></ng-container>\n    </span>\n    <span\n        (click)=\"closeClickHandler($event)\"\n        role=\"button\"\n        [attr.aria-label]=\"deleteButtonLabel\"\n        *ngIf=\"!readOnly\"\n        class=\"fd-token__close\"\n    ></span>\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-token{-webkit-box-sizing:border-box;-ms-flex-negative:0;align-items:center;background-color:var(--sapButton_TokenBackground);border:0;border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--fdToken_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdToken_Text_Color);cursor:default;display:inline-flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1.625rem;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;max-width:100%;min-width:3.625rem;padding:0;padding:.25rem 0 .25rem var(--fdToken_Padding_Left);text-align:center;text-overflow:clip;white-space:nowrap}.fd-token:after,.fd-token:before{box-sizing:inherit;font-size:inherit}.fd-token[dir=rtl],[dir=rtl] .fd-token{padding-left:0;padding-right:var(--fdToken_Padding_Left)}.fd-token__text{max-width:100%;min-width:auto;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--fdToken_Text_Shadow);width:100%}.fd-token__close{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_IconColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;height:1.625rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1.25rem;margin:0;min-width:1.75rem;padding:.25rem .5rem;width:1.75rem}.fd-token__close:after,.fd-token__close:before{box-sizing:inherit;font-size:inherit}.fd-token__close:before{text-rendering:optimizeLegibility;content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.fd-token__close.is-focus,.fd-token__close:focus{box-shadow:none;outline:none;z-index:5}.fd-token:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Hover);background-color:var(--fdToken_Background_Color_Hover);border-color:var(--fdToken_Border_Color_Hover);box-shadow:var(--fdToken_Box_Shadow_Hover)}.fd-token.is-focus,.fd-token:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--compact{height:1.25rem;line-height:1.125rem;min-width:3rem;padding:.1rem 0 .1rem .25rem}.fd-token--compact .fd-token__close{height:1.25rem;min-width:1.25rem;padding:.1rem .25rem;vertical-align:baseline;width:1.25rem}.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--compact{padding-left:0;padding-right:.25rem}.fd-token--compact.is-focus,.fd-token--compact:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-offset:var(--fdToken_Outline_Offset_Compact);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--disabled{cursor:not-allowed}.fd-token--readonly{background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);color:var(--sapContent_LabelColor);padding:.25rem .375rem}.fd-token--readonly.fd-token--compact{padding:.1rem .25rem}.fd-token--readonly.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--readonly.fd-token--compact{padding-left:.25rem}.fd-token--readonly.is-hover,.fd-token--readonly:hover{-webkit-box-shadow:none;background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);box-shadow:none;color:var(--sapContent_LabelColor)}.fd-token--readonly[dir=rtl],[dir=rtl] .fd-token--readonly{padding-left:.375rem}.fd-token.fd-token--selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor)}.fd-token.fd-token--selected,.fd-token.fd-token--selected .fd-token__close{color:var(--sapButton_Selected_TextColor)}.fd-token.fd-token--selected.is-hover,.fd-token.fd-token--selected:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Selected_Hover);background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);box-shadow:var(--fdToken_Box_Shadow_Selected_Hover)}.fd-token.fd-token--selected.is-focus,.fd-token.fd-token--selected:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-color:var(--fdToken_Border_Color_Selected_Focus);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token__disabled:after{cursor:not-allowed}.no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TokenComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-token', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<span\n    #tokenWrapperElement\n    class=\"fd-token\"\n    role=\"option\"\n    tabindex=\"0\"\n    [attr.aria-setsize]=\"totalCount\"\n    [attr.aria-roledescription]=\"ariaRoleDescription\"\n    (click)=\"tokenClickHandler($event)\"\n    (keydown)=\"onTokenKeydown.emit($event)\"\n    [class.fd-token__disabled]=\"disabled\"\n    [class.fd-token--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-token--selected]=\"selected\"\n    [class.fd-token--readonly]=\"readOnly\"\n    [attr.aria-selected]=\"selected\"\n    [attr.aria-readonly]=\"readOnly\"\n>\n    <span class=\"fd-token__text no-text-select\">\n        <ng-container #viewContainer></ng-container>\n    </span>\n    <span\n        (click)=\"closeClickHandler($event)\"\n        role=\"button\"\n        [attr.aria-label]=\"deleteButtonLabel\"\n        *ngIf=\"!readOnly\"\n        class=\"fd-token__close\"\n        tabindex=\"-1\"\n    ></span>\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-token{-webkit-box-sizing:border-box;-ms-flex-negative:0;align-items:center;background-color:var(--sapButton_TokenBackground);border:0;border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--fdToken_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdToken_Text_Color);cursor:default;display:inline-flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1.625rem;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;max-width:100%;min-width:3.625rem;padding:0;padding:.25rem 0 .25rem var(--fdToken_Padding_Left);text-align:center;text-overflow:clip;white-space:nowrap}.fd-token:after,.fd-token:before{box-sizing:inherit;font-size:inherit}.fd-token[dir=rtl],[dir=rtl] .fd-token{padding-left:0;padding-right:var(--fdToken_Padding_Left)}.fd-token__text{max-width:100%;min-width:auto;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--fdToken_Text_Shadow);width:100%}.fd-token__close{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_IconColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;height:1.625rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1.25rem;margin:0;min-width:1.75rem;padding:.25rem .5rem;width:1.75rem}.fd-token__close:after,.fd-token__close:before{box-sizing:inherit;font-size:inherit}.fd-token__close:before{text-rendering:optimizeLegibility;content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.fd-token__close.is-focus,.fd-token__close:focus{box-shadow:none;outline:none;z-index:5}.fd-token:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Hover);background-color:var(--fdToken_Background_Color_Hover);border-color:var(--fdToken_Border_Color_Hover);box-shadow:var(--fdToken_Box_Shadow_Hover)}.fd-token.is-focus,.fd-token:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--compact{height:1.25rem;line-height:1.125rem;min-width:3rem;padding:.1rem 0 .1rem .25rem}.fd-token--compact .fd-token__close{height:1.25rem;min-width:1.25rem;padding:.1rem .25rem;vertical-align:baseline;width:1.25rem}.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--compact{padding-left:0;padding-right:.25rem}.fd-token--compact.is-focus,.fd-token--compact:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-offset:var(--fdToken_Outline_Offset_Compact);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--disabled{cursor:not-allowed}.fd-token--readonly{background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);color:var(--sapContent_LabelColor);padding:.25rem .375rem}.fd-token--readonly.fd-token--compact{padding:.1rem .25rem}.fd-token--readonly.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--readonly.fd-token--compact{padding-left:.25rem}.fd-token--readonly.is-hover,.fd-token--readonly:hover{-webkit-box-shadow:none;background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);box-shadow:none;color:var(--sapContent_LabelColor)}.fd-token--readonly[dir=rtl],[dir=rtl] .fd-token--readonly{padding-left:.375rem}.fd-token.fd-token--selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor)}.fd-token.fd-token--selected,.fd-token.fd-token--selected .fd-token__close{color:var(--sapButton_Selected_TextColor)}.fd-token.fd-token--selected.is-hover,.fd-token.fd-token--selected:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Selected_Hover);background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);box-shadow:var(--fdToken_Box_Shadow_Selected_Hover)}.fd-token.fd-token--selected.is-focus,.fd-token.fd-token--selected:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-color:var(--fdToken_Border_Color_Selected_Focus);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token__disabled:after{cursor:not-allowed}.no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n"] }]
+            args: [{ selector: 'fd-token', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<span\n    #tokenWrapperElement\n    class=\"fd-token\"\n    role=\"option\"\n    tabindex=\"0\"\n    [attr.aria-roledescription]=\"ariaRoleDescription\"\n    (click)=\"tokenClickHandler($event)\"\n    (keydown)=\"tokenKeydownHandler($event)\"\n    [attr.aria-setsize]=\"totalCount\"\n    [class.fd-token__disabled]=\"disabled\"\n    [class.fd-token--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class.fd-token--selected]=\"selected\"\n    [class.fd-token--readonly]=\"readOnly\"\n    [attr.aria-selected]=\"selected\"\n    [attr.aria-readonly]=\"readOnly\"\n>\n    <span class=\"fd-token__text no-text-select\">\n        <ng-container #viewContainer></ng-container>\n    </span>\n    <span\n        (click)=\"closeClickHandler($event)\"\n        role=\"button\"\n        [attr.aria-label]=\"deleteButtonLabel\"\n        *ngIf=\"!readOnly\"\n        class=\"fd-token__close\"\n    ></span>\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-token{-webkit-box-sizing:border-box;-ms-flex-negative:0;align-items:center;background-color:var(--sapButton_TokenBackground);border:0;border:var(--sapButton_BorderWidth) solid var(--sapButton_TokenBorderColor);border-radius:var(--fdToken_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);color:var(--fdToken_Text_Color);cursor:default;display:inline-flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1.625rem;line-height:var(--sapContent_LineHeight);line-height:1.5rem;margin:0;max-width:100%;min-width:3.625rem;padding:0;padding:.25rem 0 .25rem var(--fdToken_Padding_Left);text-align:center;text-overflow:clip;white-space:nowrap}.fd-token:after,.fd-token:before{box-sizing:inherit;font-size:inherit}.fd-token[dir=rtl],[dir=rtl] .fd-token{padding-left:0;padding-right:var(--fdToken_Padding_Left)}.fd-token__text{max-width:100%;min-width:auto;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--fdToken_Text_Shadow);width:100%}.fd-token__close{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_IconColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;height:1.625rem;justify-content:center;line-height:var(--sapContent_LineHeight);line-height:1.25rem;margin:0;min-width:1.75rem;padding:.25rem .5rem;width:1.75rem}.fd-token__close:after,.fd-token__close:before{box-sizing:inherit;font-size:inherit}.fd-token__close:before{text-rendering:optimizeLegibility;content:\"\\e03e\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-transform:none}.fd-token__close.is-focus,.fd-token__close:focus{box-shadow:none;outline:none;z-index:5}.fd-token:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Hover);background-color:var(--fdToken_Background_Color_Hover);border-color:var(--fdToken_Border_Color_Hover);box-shadow:var(--fdToken_Box_Shadow_Hover)}.fd-token.is-focus,.fd-token:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--compact{height:1.25rem;line-height:1.125rem;min-width:3rem;padding:.1rem 0 .1rem .25rem}.fd-token--compact .fd-token__close{height:1.25rem;min-width:1.25rem;padding:.1rem .25rem;vertical-align:baseline;width:1.25rem}.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--compact{padding-left:0;padding-right:.25rem}.fd-token--compact.is-focus,.fd-token--compact:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdToken_Outline_Offset);outline-offset:var(--fdToken_Outline_Offset_Compact);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token--disabled{cursor:not-allowed}.fd-token--readonly{background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);color:var(--sapContent_LabelColor);padding:.25rem .375rem}.fd-token--readonly.fd-token--compact{padding:.1rem .25rem}.fd-token--readonly.fd-token--compact[dir=rtl],[dir=rtl] .fd-token--readonly.fd-token--compact{padding-left:.25rem}.fd-token--readonly.is-hover,.fd-token--readonly:hover{-webkit-box-shadow:none;background-color:var(--fdToken_Background_Color_Read_Only);border:var(--sapButton_BorderWidth) solid var(--fdToken_Border_Color_Read_Only);box-shadow:none;color:var(--sapContent_LabelColor)}.fd-token--readonly[dir=rtl],[dir=rtl] .fd-token--readonly{padding-left:.375rem}.fd-token.fd-token--selected{background-color:var(--sapButton_Selected_Background);border-color:var(--sapButton_Selected_BorderColor)}.fd-token.fd-token--selected,.fd-token.fd-token--selected .fd-token__close{color:var(--sapButton_Selected_TextColor)}.fd-token.fd-token--selected.is-hover,.fd-token.fd-token--selected:hover{-webkit-box-shadow:var(--fdToken_Box_Shadow_Selected_Hover);background-color:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);box-shadow:var(--fdToken_Box_Shadow_Selected_Hover)}.fd-token.fd-token--selected.is-focus,.fd-token.fd-token--selected:focus{box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-color:var(--fdToken_Border_Color_Selected_Focus);outline-offset:var(--fdToken_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-token__disabled:after{cursor:not-allowed}.no-text-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { disabled: [{
                 type: Input
             }], tokenWrapperElement: [{
@@ -207,13 +214,14 @@ class TokenizerComponent {
             }));
         });
         if (!this.compact && !this.compactCollapse) {
-            this._handleInitCozyTokenCount();
+            this._handleCozyTokenCount();
         }
     }
     /** @hidden */
     ngAfterContentInit() {
         this._listenElementEvents();
         this.previousElementWidth = this._elementRef.nativeElement.getBoundingClientRect().width;
+        this._listenOnResize();
         this.onResize();
     }
     /** @hidden */
@@ -247,6 +255,9 @@ class TokenizerComponent {
     handleTokenClickSubscriptions() {
         this._unsubscribeClicks();
         this.tokenList.forEach((token, index) => {
+            if (token.tokenWrapperElement) {
+                token.tokenWrapperElement.nativeElement.tabIndex = -1;
+            }
             this.tokenListClickSubscriptions.push(token.onTokenClick.subscribe((event) => {
                 event.stopPropagation();
                 this.focusTokenElement(index);
@@ -307,6 +318,9 @@ class TokenizerComponent {
             const elementWidth = this._elementRef.nativeElement.getBoundingClientRect().width;
             this._resetTokens();
             this.previousElementWidth = elementWidth;
+            if (!this.compact && !this.compactCollapse) {
+                this._handleCozyTokenCount();
+            }
         }
     }
     /** @hidden */
@@ -479,7 +493,7 @@ class TokenizerComponent {
         this._cdRef.detectChanges();
     }
     /** @hidden */
-    _handleInitCozyTokenCount() {
+    _handleCozyTokenCount() {
         // because justify-content breaks scrollbar, it cannot be used on cozy screens, so use JS to scroll to the end
         this.tokenizerInnerEl.nativeElement.scrollLeft = this.tokenizerInnerEl.nativeElement.scrollWidth;
         this._getHiddenCozyTokenCount();
@@ -634,9 +648,15 @@ class TokenizerComponent {
             this._cdRef.markForCheck();
         });
     }
+    /** @hidden Listen window resize and distribute cards on column change */
+    _listenOnResize() {
+        resizeObservable(this.elementRef().nativeElement)
+            .pipe(debounceTime(60), takeUntil(this._onDestroy$))
+            .subscribe(() => this.onResize());
+    }
 }
 TokenizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TokenizerComponent, deps: [{ token: i1.ContentDensityObserver }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2.RtlService, optional: true }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-TokenizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TokenizerComponent, selector: "fd-tokenizer", inputs: { class: "class", disableKeyboardDeletion: "disableKeyboardDeletion", ariaRoleDescription: "ariaRoleDescription", compactCollapse: "compactCollapse", tokenizerFocusable: "tokenizerFocusable", inputValue: "inputValue", glyph: "glyph", moreTerm: "moreTerm", open: "open" }, outputs: { moreClickedEvent: "moreClickedEvent" }, host: { listeners: { "keydown": "keyDown($event)", "window:resize": "onResize()" } }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "input", first: true, predicate: i0.forwardRef(function () { return FormControlComponent; }), descendants: true }, { propertyName: "tokenList", predicate: i0.forwardRef(function () { return TokenComponent; }) }], viewQueries: [{ propertyName: "tokenizerInnerEl", first: true, predicate: ["tokenizerInner"], descendants: true }, { propertyName: "moreElement", first: true, predicate: ["moreElement"], descendants: true }, { propertyName: "content", first: true, predicate: ["inputGroupAddOn"], descendants: true }, { propertyName: "_viewContainer", predicate: ["viewContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-tokenizer fd-tokenizer--scrollable\"\n    [class.is-focus]=\"_tokenizerHasFocus\"\n    [class.fd-tokenizer--compact]=\"compact\"\n>\n    <div class=\"fd-tokenizer__inner\" #tokenizerInner>\n        <div role=\"listbox\">\n            <ng-content select=\"fd-token\"></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showOverflowPopover && (compact || compactCollapse); else moreElement\">\n            <ng-container *ngTemplateOutlet=\"tokensOverflow\"></ng-container>\n        </ng-container>\n\n        <ng-content select=\"[fd-form-control]\"></ng-content>\n    </div>\n    <span fd-input-group-addon *ngIf=\"glyph\" #inputGroupAddOn [button]=\"true\" placement=\"after\">\n        <button\n            fd-button\n            [class]=\"compact ? 'fd-tokenizer-addon--compact' : 'fd-tokenizer-addon'\"\n            fdType=\"transparent\"\n            [glyph]=\"glyph\"\n            type=\"button\"\n        ></button>\n    </span>\n</div>\n\n<ng-template #tokensOverflow>\n    <fd-popover placement=\"bottom-start\" title=\"\" [noArrow]=\"false\" [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"moreElement\"></ng-container>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <ul fd-list class=\"fd-tokenizer__overflow-list\">\n                <li fd-list-item class=\"fd-tokenizer__overflow-list-item\" *ngFor=\"let token of _hiddenTokens\">\n                    <ng-container #viewContainer></ng-container>\n\n                    <span\n                        *ngIf=\"!token.readOnly\"\n                        class=\"fd-token__close\"\n                        role=\"button\"\n                        tabindex=\"-1\"\n                        [attr.aria-label]=\"token.deleteButtonLabel\"\n                        (click)=\"token.closeClickHandler($event)\"\n                    ></span>\n                </li>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #moreElement>\n    <span\n        (click)=\"moreClicked()\"\n        *ngIf=\"\n            (moreTokensLeft.length > 0 || moreTokensRight.length > 0 || hiddenCozyTokenCount > 0) &&\n            !open &&\n            !_tokenizerHasFocus\n        \"\n        class=\"fd-tokenizer-more\"\n        role=\"button\"\n        tabindex=\"0\"\n        #moreElement\n    >\n        <ng-container *ngIf=\"compact || compactCollapse\">\n            {{ moreTokensLeft.length + moreTokensRight.length }} {{ moreTerm }}\n        </ng-container>\n        <ng-container *ngIf=\"!compact && !compactCollapse\"> {{ hiddenCozyTokenCount }} {{ moreTerm }} </ng-container>\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tokenizer{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:none;border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-tokenizer:after,.fd-tokenizer:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-tokenizer::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-tokenizer::-ms-clear{display:none}.fd-tokenizer.is-hover,.fd-tokenizer:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-tokenizer.is-focus,.fd-tokenizer:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-tokenizer.is-hover,.fd-tokenizer:hover{box-shadow:none}.fd-tokenizer__inner{-ms-overflow-style:none;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:flex;float:right;justify-content:flex-end;overflow:hidden;padding:0 .3125rem;scrollbar-width:none;white-space:nowrap;width:100%}.fd-tokenizer__inner::-webkit-scrollbar{display:none}.fd-tokenizer .fd-token{margin-right:.3125rem;max-width:calc(100% - 3.3125rem)}.fd-tokenizer .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tokenizer__indicator:after,.fd-tokenizer__indicator:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer .fd-tokenizer__input{background:transparent}.fd-tokenizer .fd-tokenizer__input.fd-input{border:none;min-width:3rem;padding:0}.fd-tokenizer .fd-tokenizer__input:first-child{padding:0 .3125rem}.fd-tokenizer .fd-tokenizer__input:last-child{flex-basis:100%}.fd-tokenizer .fd-tokenizer__input.is-focus,.fd-tokenizer .fd-tokenizer__input:focus{-webkit-box-shadow:none;background:none;background-color:transparent;border:none;box-shadow:none;outline:none;z-index:5}.fd-tokenizer .fd-tokenizer__input.is-hover,.fd-tokenizer .fd-tokenizer__input:hover{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer.is-focus,.fd-tokenizer:focus{-webkit-box-shadow:none;border:none;box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:-.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-tokenizer--compact .fd-tokenizer__inner{padding:0 .25rem}.fd-tokenizer--compact .fd-tokenizer__input.fd-input{min-width:2rem}.fd-tokenizer--compact .fd-tokenizer__input:first-child{padding:0 .25rem}.fd-tokenizer--compact .fd-token{margin-right:.25rem;max-width:calc(100% - 2.25rem)}.fd-tokenizer--compact .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer--compact .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer--readonly{background-color:var(--sapField_ReadOnly_Background);overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__inner{overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true],.fd-tokenizer--readonly .fd-tokenizer__input[readonly]{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly.is-focus,.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly:focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true]:focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly]:focus{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none;z-index:5}.fd-tokenizer--scrollable .fd-tokenizer__inner{justify-content:normal;overflow:scroll}.fd-tokenizer .fd-token{max-width:inherit}input.fd-input.fd-tokenizer__input{background-color:transparent;margin-right:1px;border:none;outline:none}.fd-tokenizer-more{padding-right:.5rem}[dir=rtl] .fd-tokenizer-more,.fd-tokenizer-more[dir=rtl]{padding-left:.5rem;padding-right:0}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon{height:2.25rem}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon--compact{height:1.625rem}.fd-tokenizer__overflow-list-item{display:flex;justify-content:space-between}\n"], components: [{ type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i4.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i5.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+TokenizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: TokenizerComponent, selector: "fd-tokenizer", inputs: { class: "class", disableKeyboardDeletion: "disableKeyboardDeletion", ariaRoleDescription: "ariaRoleDescription", compactCollapse: "compactCollapse", tokenizerFocusable: "tokenizerFocusable", inputValue: "inputValue", glyph: "glyph", moreTerm: "moreTerm", open: "open" }, outputs: { moreClickedEvent: "moreClickedEvent" }, host: { listeners: { "keydown": "keyDown($event)" } }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "input", first: true, predicate: i0.forwardRef(function () { return FormControlComponent; }), descendants: true }, { propertyName: "tokenList", predicate: i0.forwardRef(function () { return TokenComponent; }) }], viewQueries: [{ propertyName: "tokenizerInnerEl", first: true, predicate: ["tokenizerInner"], descendants: true }, { propertyName: "moreElement", first: true, predicate: ["moreElement"], descendants: true }, { propertyName: "content", first: true, predicate: ["inputGroupAddOn"], descendants: true }, { propertyName: "_viewContainer", predicate: ["viewContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-tokenizer fd-tokenizer--scrollable\"\n    [class.is-focus]=\"_tokenizerHasFocus\"\n    [class.fd-tokenizer--compact]=\"compact\"\n>\n    <div class=\"fd-tokenizer__inner\" #tokenizerInner>\n        <div role=\"listbox\">\n            <ng-content select=\"fd-token\"></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showOverflowPopover && (compact || compactCollapse); else moreElement\">\n            <ng-container *ngTemplateOutlet=\"tokensOverflow\"></ng-container>\n        </ng-container>\n\n        <ng-content select=\"[fd-form-control]\"></ng-content>\n    </div>\n    <span fd-input-group-addon *ngIf=\"glyph\" #inputGroupAddOn [button]=\"true\" placement=\"after\">\n        <button\n            fd-button\n            [class]=\"compact ? 'fd-tokenizer-addon--compact' : 'fd-tokenizer-addon'\"\n            fdType=\"transparent\"\n            [glyph]=\"glyph\"\n            type=\"button\"\n        ></button>\n    </span>\n</div>\n\n<ng-template #tokensOverflow>\n    <fd-popover placement=\"bottom-start\" title=\"\" [noArrow]=\"false\" [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"moreElement\"></ng-container>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <ul fd-list class=\"fd-tokenizer__overflow-list\">\n                <li fd-list-item class=\"fd-tokenizer__overflow-list-item\" *ngFor=\"let token of _hiddenTokens\">\n                    <ng-container #viewContainer></ng-container>\n\n                    <span\n                        *ngIf=\"!token.readOnly\"\n                        class=\"fd-token__close\"\n                        role=\"button\"\n                        [attr.aria-label]=\"token.deleteButtonLabel\"\n                        (click)=\"token.closeClickHandler($event)\"\n                    ></span>\n                </li>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #moreElement>\n    <span\n        (click)=\"moreClicked()\"\n        *ngIf=\"\n            (moreTokensLeft.length > 0 || moreTokensRight.length > 0 || hiddenCozyTokenCount > 0) &&\n            !open &&\n            !_tokenizerHasFocus\n        \"\n        class=\"fd-tokenizer-more\"\n        role=\"button\"\n        tabindex=\"0\"\n    >\n        <ng-container *ngIf=\"compact || compactCollapse\">\n            {{ moreTokensLeft.length + moreTokensRight.length }} {{ moreTerm }}\n        </ng-container>\n        <ng-container *ngIf=\"!compact && !compactCollapse\"> {{ hiddenCozyTokenCount }} {{ moreTerm }} </ng-container>\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tokenizer{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:none;border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-tokenizer:after,.fd-tokenizer:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-tokenizer::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-tokenizer::-ms-clear{display:none}.fd-tokenizer.is-hover,.fd-tokenizer:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-tokenizer.is-focus,.fd-tokenizer:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-tokenizer.is-hover,.fd-tokenizer:hover{box-shadow:none}.fd-tokenizer__inner{-ms-overflow-style:none;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:flex;float:right;justify-content:flex-end;overflow:hidden;padding:0 .3125rem;scrollbar-width:none;white-space:nowrap;width:100%}.fd-tokenizer__inner::-webkit-scrollbar{display:none}.fd-tokenizer .fd-token{margin-right:.3125rem;max-width:calc(100% - 3.3125rem)}.fd-tokenizer .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tokenizer__indicator:after,.fd-tokenizer__indicator:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer .fd-tokenizer__input{background:transparent}.fd-tokenizer .fd-tokenizer__input.fd-input{border:none;min-width:3rem;padding:0}.fd-tokenizer .fd-tokenizer__input:first-child{padding:0 .3125rem}.fd-tokenizer .fd-tokenizer__input:last-child{flex-basis:100%}.fd-tokenizer .fd-tokenizer__input.is-focus,.fd-tokenizer .fd-tokenizer__input:focus{-webkit-box-shadow:none;background:none;background-color:transparent;border:none;box-shadow:none;outline:none;z-index:5}.fd-tokenizer .fd-tokenizer__input.is-hover,.fd-tokenizer .fd-tokenizer__input:hover{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer.is-focus,.fd-tokenizer:focus{-webkit-box-shadow:none;border:none;box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:-.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-tokenizer--compact .fd-tokenizer__inner{padding:0 .25rem}.fd-tokenizer--compact .fd-tokenizer__input.fd-input{min-width:2rem}.fd-tokenizer--compact .fd-tokenizer__input:first-child{padding:0 .25rem}.fd-tokenizer--compact .fd-token{margin-right:.25rem;max-width:calc(100% - 2.25rem)}.fd-tokenizer--compact .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer--compact .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer--readonly{background-color:var(--sapField_ReadOnly_Background);overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__inner{overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true],.fd-tokenizer--readonly .fd-tokenizer__input[readonly]{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly.is-focus,.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly:focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true]:focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly]:focus{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none;z-index:5}.fd-tokenizer--scrollable .fd-tokenizer__inner{justify-content:normal;overflow:scroll}.fd-tokenizer .fd-token{max-width:inherit}input.fd-input.fd-tokenizer__input{background-color:transparent;margin-right:1px;border:none;outline:none}.fd-tokenizer-more{padding-right:.5rem}[dir=rtl] .fd-tokenizer-more,.fd-tokenizer-more[dir=rtl]{padding-left:.5rem;padding-right:0}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon{height:2.25rem}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon--compact{height:1.625rem}.fd-tokenizer__overflow-list-item{display:flex;justify-content:space-between}\n"], components: [{ type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i4.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i4.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { type: i5.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.InputGroupAddOnDirective, selector: "[fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -645,7 +665,7 @@ __decorate([
 ], TokenizerComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: TokenizerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-tokenizer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-tokenizer fd-tokenizer--scrollable\"\n    [class.is-focus]=\"_tokenizerHasFocus\"\n    [class.fd-tokenizer--compact]=\"compact\"\n>\n    <div class=\"fd-tokenizer__inner\" #tokenizerInner>\n        <div role=\"listbox\">\n            <ng-content select=\"fd-token\"></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showOverflowPopover && (compact || compactCollapse); else moreElement\">\n            <ng-container *ngTemplateOutlet=\"tokensOverflow\"></ng-container>\n        </ng-container>\n\n        <ng-content select=\"[fd-form-control]\"></ng-content>\n    </div>\n    <span fd-input-group-addon *ngIf=\"glyph\" #inputGroupAddOn [button]=\"true\" placement=\"after\">\n        <button\n            fd-button\n            [class]=\"compact ? 'fd-tokenizer-addon--compact' : 'fd-tokenizer-addon'\"\n            fdType=\"transparent\"\n            [glyph]=\"glyph\"\n            type=\"button\"\n        ></button>\n    </span>\n</div>\n\n<ng-template #tokensOverflow>\n    <fd-popover placement=\"bottom-start\" title=\"\" [noArrow]=\"false\" [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"moreElement\"></ng-container>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <ul fd-list class=\"fd-tokenizer__overflow-list\">\n                <li fd-list-item class=\"fd-tokenizer__overflow-list-item\" *ngFor=\"let token of _hiddenTokens\">\n                    <ng-container #viewContainer></ng-container>\n\n                    <span\n                        *ngIf=\"!token.readOnly\"\n                        class=\"fd-token__close\"\n                        role=\"button\"\n                        tabindex=\"-1\"\n                        [attr.aria-label]=\"token.deleteButtonLabel\"\n                        (click)=\"token.closeClickHandler($event)\"\n                    ></span>\n                </li>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #moreElement>\n    <span\n        (click)=\"moreClicked()\"\n        *ngIf=\"\n            (moreTokensLeft.length > 0 || moreTokensRight.length > 0 || hiddenCozyTokenCount > 0) &&\n            !open &&\n            !_tokenizerHasFocus\n        \"\n        class=\"fd-tokenizer-more\"\n        role=\"button\"\n        tabindex=\"0\"\n        #moreElement\n    >\n        <ng-container *ngIf=\"compact || compactCollapse\">\n            {{ moreTokensLeft.length + moreTokensRight.length }} {{ moreTerm }}\n        </ng-container>\n        <ng-container *ngIf=\"!compact && !compactCollapse\"> {{ hiddenCozyTokenCount }} {{ moreTerm }} </ng-container>\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tokenizer{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:none;border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-tokenizer:after,.fd-tokenizer:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-tokenizer::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-tokenizer::-ms-clear{display:none}.fd-tokenizer.is-hover,.fd-tokenizer:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-tokenizer.is-focus,.fd-tokenizer:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-tokenizer.is-hover,.fd-tokenizer:hover{box-shadow:none}.fd-tokenizer__inner{-ms-overflow-style:none;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:flex;float:right;justify-content:flex-end;overflow:hidden;padding:0 .3125rem;scrollbar-width:none;white-space:nowrap;width:100%}.fd-tokenizer__inner::-webkit-scrollbar{display:none}.fd-tokenizer .fd-token{margin-right:.3125rem;max-width:calc(100% - 3.3125rem)}.fd-tokenizer .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tokenizer__indicator:after,.fd-tokenizer__indicator:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer .fd-tokenizer__input{background:transparent}.fd-tokenizer .fd-tokenizer__input.fd-input{border:none;min-width:3rem;padding:0}.fd-tokenizer .fd-tokenizer__input:first-child{padding:0 .3125rem}.fd-tokenizer .fd-tokenizer__input:last-child{flex-basis:100%}.fd-tokenizer .fd-tokenizer__input.is-focus,.fd-tokenizer .fd-tokenizer__input:focus{-webkit-box-shadow:none;background:none;background-color:transparent;border:none;box-shadow:none;outline:none;z-index:5}.fd-tokenizer .fd-tokenizer__input.is-hover,.fd-tokenizer .fd-tokenizer__input:hover{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer.is-focus,.fd-tokenizer:focus{-webkit-box-shadow:none;border:none;box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:-.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-tokenizer--compact .fd-tokenizer__inner{padding:0 .25rem}.fd-tokenizer--compact .fd-tokenizer__input.fd-input{min-width:2rem}.fd-tokenizer--compact .fd-tokenizer__input:first-child{padding:0 .25rem}.fd-tokenizer--compact .fd-token{margin-right:.25rem;max-width:calc(100% - 2.25rem)}.fd-tokenizer--compact .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer--compact .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer--readonly{background-color:var(--sapField_ReadOnly_Background);overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__inner{overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true],.fd-tokenizer--readonly .fd-tokenizer__input[readonly]{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly.is-focus,.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly:focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true]:focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly]:focus{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none;z-index:5}.fd-tokenizer--scrollable .fd-tokenizer__inner{justify-content:normal;overflow:scroll}.fd-tokenizer .fd-token{max-width:inherit}input.fd-input.fd-tokenizer__input{background-color:transparent;margin-right:1px;border:none;outline:none}.fd-tokenizer-more{padding-right:.5rem}[dir=rtl] .fd-tokenizer-more,.fd-tokenizer-more[dir=rtl]{padding-left:.5rem;padding-right:0}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon{height:2.25rem}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon--compact{height:1.625rem}.fd-tokenizer__overflow-list-item{display:flex;justify-content:space-between}\n"] }]
+            args: [{ selector: 'fd-tokenizer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-tokenizer fd-tokenizer--scrollable\"\n    [class.is-focus]=\"_tokenizerHasFocus\"\n    [class.fd-tokenizer--compact]=\"compact\"\n>\n    <div class=\"fd-tokenizer__inner\" #tokenizerInner>\n        <div role=\"listbox\">\n            <ng-content select=\"fd-token\"></ng-content>\n        </div>\n\n        <ng-container *ngIf=\"_showOverflowPopover && (compact || compactCollapse); else moreElement\">\n            <ng-container *ngTemplateOutlet=\"tokensOverflow\"></ng-container>\n        </ng-container>\n\n        <ng-content select=\"[fd-form-control]\"></ng-content>\n    </div>\n    <span fd-input-group-addon *ngIf=\"glyph\" #inputGroupAddOn [button]=\"true\" placement=\"after\">\n        <button\n            fd-button\n            [class]=\"compact ? 'fd-tokenizer-addon--compact' : 'fd-tokenizer-addon'\"\n            fdType=\"transparent\"\n            [glyph]=\"glyph\"\n            type=\"button\"\n        ></button>\n    </span>\n</div>\n\n<ng-template #tokensOverflow>\n    <fd-popover placement=\"bottom-start\" title=\"\" [noArrow]=\"false\" [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"moreElement\"></ng-container>\n        </fd-popover-control>\n\n        <fd-popover-body>\n            <ul fd-list class=\"fd-tokenizer__overflow-list\">\n                <li fd-list-item class=\"fd-tokenizer__overflow-list-item\" *ngFor=\"let token of _hiddenTokens\">\n                    <ng-container #viewContainer></ng-container>\n\n                    <span\n                        *ngIf=\"!token.readOnly\"\n                        class=\"fd-token__close\"\n                        role=\"button\"\n                        [attr.aria-label]=\"token.deleteButtonLabel\"\n                        (click)=\"token.closeClickHandler($event)\"\n                    ></span>\n                </li>\n            </ul>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template #moreElement>\n    <span\n        (click)=\"moreClicked()\"\n        *ngIf=\"\n            (moreTokensLeft.length > 0 || moreTokensRight.length > 0 || hiddenCozyTokenCount > 0) &&\n            !open &&\n            !_tokenizerHasFocus\n        \"\n        class=\"fd-tokenizer-more\"\n        role=\"button\"\n        tabindex=\"0\"\n    >\n        <ng-container *ngIf=\"compact || compactCollapse\">\n            {{ moreTokensLeft.length + moreTokensRight.length }} {{ moreTerm }}\n        </ng-container>\n        <ng-container *ngIf=\"!compact && !compactCollapse\"> {{ hiddenCozyTokenCount }} {{ moreTerm }} </ng-container>\n    </span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.24.2\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-tokenizer{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:none;border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;height:auto;line-height:var(--sapContent_LineHeight);margin:0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-tokenizer:after,.fd-tokenizer:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-tokenizer::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-tokenizer::-ms-clear{display:none}.fd-tokenizer.is-hover,.fd-tokenizer:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-tokenizer.is-focus,.fd-tokenizer:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset)}.fd-tokenizer.is-hover,.fd-tokenizer:hover{box-shadow:none}.fd-tokenizer__inner{-ms-overflow-style:none;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;display:flex;float:right;justify-content:flex-end;overflow:hidden;padding:0 .3125rem;scrollbar-width:none;white-space:nowrap;width:100%}.fd-tokenizer__inner::-webkit-scrollbar{display:none}.fd-tokenizer .fd-token{margin-right:.3125rem;max-width:calc(100% - 3.3125rem)}.fd-tokenizer .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer__indicator{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-tokenizer__indicator:after,.fd-tokenizer__indicator:before{box-sizing:inherit;font-size:inherit}.fd-tokenizer .fd-tokenizer__input{background:transparent}.fd-tokenizer .fd-tokenizer__input.fd-input{border:none;min-width:3rem;padding:0}.fd-tokenizer .fd-tokenizer__input:first-child{padding:0 .3125rem}.fd-tokenizer .fd-tokenizer__input:last-child{flex-basis:100%}.fd-tokenizer .fd-tokenizer__input.is-focus,.fd-tokenizer .fd-tokenizer__input:focus{-webkit-box-shadow:none;background:none;background-color:transparent;border:none;box-shadow:none;outline:none;z-index:5}.fd-tokenizer .fd-tokenizer__input.is-hover,.fd-tokenizer .fd-tokenizer__input:hover{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer.is-focus,.fd-tokenizer:focus{-webkit-box-shadow:none;border:none;box-shadow:none;outline-color:var(--sapContent_FocusColor);outline-offset:-.0625rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-tokenizer--compact .fd-tokenizer__inner{padding:0 .25rem}.fd-tokenizer--compact .fd-tokenizer__input.fd-input{min-width:2rem}.fd-tokenizer--compact .fd-tokenizer__input:first-child{padding:0 .25rem}.fd-tokenizer--compact .fd-token{margin-right:.25rem;max-width:calc(100% - 2.25rem)}.fd-tokenizer--compact .fd-token[dir=rtl],[dir=rtl] .fd-tokenizer--compact .fd-token{margin:0 0 0 .3125rem}.fd-tokenizer--readonly{background-color:var(--sapField_ReadOnly_Background);overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__inner{overflow:visible}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true],.fd-tokenizer--readonly .fd-tokenizer__input[readonly]{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none}.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly.is-focus,.fd-tokenizer--readonly .fd-tokenizer__input.is-readonly:focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[aria-readonly=true]:focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly].is-focus,.fd-tokenizer--readonly .fd-tokenizer__input[readonly]:focus{-webkit-box-shadow:none;background:none;background-color:transparent;box-shadow:none;z-index:5}.fd-tokenizer--scrollable .fd-tokenizer__inner{justify-content:normal;overflow:scroll}.fd-tokenizer .fd-token{max-width:inherit}input.fd-input.fd-tokenizer__input{background-color:transparent;margin-right:1px;border:none;outline:none}.fd-tokenizer-more{padding-right:.5rem}[dir=rtl] .fd-tokenizer-more,.fd-tokenizer-more[dir=rtl]{padding-left:.5rem;padding-right:0}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon{height:2.25rem}.fd-input-group__addon--button .fd-input-group__button.fd-tokenizer-addon--compact{height:1.625rem}.fd-tokenizer__overflow-list-item{display:flex;justify-content:space-between}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.ContentDensityObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.RtlService, decorators: [{
                         type: Optional
@@ -696,9 +716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
         buildComponentCssClass: [], keyDown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
-            }], onResize: [{
-                type: HostListener,
-                args: ['window:resize', []]
             }] } });
 
 class TokenizerInputDirective {