@fundamental-ngx/core 0.37.1 → 0.37.2-rc.0

package/fesm2020/fundamental-ngx-core-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-radio.mjs","sources":["../../../../libs/core/src/lib/radio/radio-button/radio-button.component.ts","../../../../libs/core/src/lib/radio/radio-button/radio-button.component.html","../../../../libs/core/src/lib/radio/deprecated-radio-button-compact.directive.ts","../../../../libs/core/src/lib/radio/radio.module.ts","../../../../libs/core/src/lib/radio/fundamental-ngx-core-radio.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nexport type stateType = 'success' | 'error' | 'warning' | 'default' | 'information';\nlet uniqueId = 0;\n\n@Component({\n    selector: 'fd-radio-button',\n    templateUrl: './radio-button.component.html',\n    styleUrls: ['./radio-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => RadioButtonComponent),\n            multi: true\n        },\n        registerFormItemControl(RadioButtonComponent),\n        contentDensityObserverProviders()\n    ]\n})\nexport class RadioButtonComponent\n    implements OnChanges, AfterViewInit, CssClassBuilder, ControlValueAccessor, OnDestroy, FormItemControl\n{\n    /** @hidden */\n    @ViewChild('inputElement')\n    inputElement: ElementRef;\n\n    /** Sets the `aria-label` attribute to the element. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Sets the `aria-labelledby` attribute to the element. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Sets the `aria-describedby` attribute to the element. */\n    @Input()\n    ariaDescribedBy: Nullable<string>;\n\n    /** sets radio tooltip */\n    @Input()\n    title: string;\n\n    /**\n     * Includes the radio in the page tab sequence.\n     */\n    @Input()\n    tabIndex: number;\n\n    /** The field to set state of radio button using:\n     * 'success' | 'error' | 'warning' | 'default' | 'information'\n     * by default value is set to 'default'\n     */\n    @Input()\n    state?: stateType = 'default';\n\n    /** The field is used to tell if radio button should be disabled\n     * Value: true or false\n     * by default disabled state is set to false\n     */\n    @Input()\n    disabled = false;\n\n    /** The field should be only used with reactive forms\n     * Its purpose is to pass a current selected value from froumGroup\n     * The field is mandatory when working with reactive forms\n     */\n    @Input()\n    set selectedValue(val: any) {\n        this.currentValue = val;\n        this._setNativeElementCheckedState();\n    }\n\n    /** The name of the radio button\n     * The field is mandatory\n     */\n    @Input()\n    name: string;\n\n    /**\n     * uniqueId to a radio button\n     */\n    @Input()\n    id = `radio-id-${uniqueId++}`;\n\n    /** Value field stores information about holding value by radio button\n     * The field is mandatory\n     */\n    @Input()\n    value: any;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** Whether the radio button is checked. */\n    get checked(): boolean {\n        if (this.value === undefined) {\n            return false;\n        }\n        return this.currentValue === this.value;\n    }\n\n    /** @hidden */\n    class: string;\n\n    /** @hidden */\n    currentValue: any;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private changeDetectionRef: ChangeDetectorRef,\n        readonly _contentDensityObserver: ContentDensityObserver\n    ) {}\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n        this._checkMandatoryFields();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.buildComponentCssClass();\n        this._checkMandatoryFields();\n    }\n\n    // ControlValueAccessor implementation\n    /** @hidden */\n    onChange: any = (): void => {};\n\n    /** @hidden */\n    onTouched: any = (): void => {};\n\n    /** @hidden */\n    registerOnChange(fn: any): 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.changeDetectionRef.detectChanges();\n    }\n\n    /** @hidden */\n    writeValue(value: any): void {\n        this.valueChange(value, false);\n    }\n\n    // End implementation\n\n    /** This method is responsible for building a css class based on current state\n     *  It is implementation of CssClassBuilder interface and\n     *  should be used with @applyCssClass decorator\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-radio', this.state !== 'default' ? `is-${this.state}` : ''];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this.inputElement;\n    }\n\n    /** @hidden */\n    labelClicked(event: MouseEvent | KeyboardEvent, applyFocus = true): void {\n        this.valueChange(this.value);\n\n        if (applyFocus) {\n            this._setFocusOnNativeElement();\n        }\n\n        event.stopPropagation();\n    }\n\n    /** @hidden */\n    valueChange(value: any, emitEvent = true): void {\n        this.currentValue = value;\n\n        this._setNativeElementCheckedState();\n\n        this.changeDetectionRef.detectChanges();\n        if (emitEvent) {\n            this.onChange(value);\n        }\n    }\n\n    /** @hidden */\n    private _checkMandatoryFields(): void {\n        if (this.name === undefined) {\n            throw new Error('name field is required');\n        }\n        if (this.value === undefined) {\n            throw new Error('value field is required');\n        }\n    }\n\n    /** @hidden */\n    private _setFocusOnNativeElement(): void {\n        if (this.inputElement) {\n            this.inputElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden */\n    private _setNativeElementCheckedState(): void {\n        if (this.inputElement) {\n            this.inputElement.nativeElement.checked = this.checked;\n        }\n    }\n}\n","<input\n    type=\"radio\"\n    class=\"fd-radio\"\n    [class.fd-radio--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [attr.name]=\"name\"\n    [name]=\"name\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-checked]=\"checked\"\n    [attr.aria-required]=\"required\"\n    [ngModel]=\"currentValue\"\n    (ngModelChange)=\"valueChange($event)\"\n    #inputElement\n    [value]=\"value\"\n    [attr.value]=\"value\"\n/>\n<label class=\"fd-radio__label\" [attr.title]=\"title\" [for]=\"id\" (click)=\"labelClicked($event)\">\n    <ng-content></ng-content>\n</label>\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-radio-button[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedRadioButtonCompactDirective)\n        }\n    ]\n})\nexport class DeprecatedRadioButtonCompactDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('fd-radio-button');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { RadioButtonComponent } from './radio-button/radio-button.component';\nimport { DeprecatedRadioButtonCompactDirective } from './deprecated-radio-button-compact.directive';\n\n@NgModule({\n    declarations: [RadioButtonComponent, DeprecatedRadioButtonCompactDirective],\n    exports: [RadioButtonComponent, ContentDensityModule, DeprecatedRadioButtonCompactDirective],\n    imports: [CommonModule, FormsModule, ContentDensityModule]\n})\nexport class RadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBA,IAAI,QAAQ,GAAG,CAAC,CAAC;MAkBJ,oBAAoB,CAAA;;IA6F7B,WACY,CAAA,kBAAqC,EACpC,uBAA+C,EAAA;QADhD,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAmB;QACpC,IAAuB,CAAA,uBAAA,GAAvB,uBAAuB,CAAwB;AAlE5D;;;AAGG;QAEH,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;AAE9B;;;AAGG;QAEH,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAkBjB;;AAEG;AAEH,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,SAAA,EAAY,QAAQ,EAAE,EAAE,CAAC;;QAU9B,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;AAiBT,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAE,CAAC;;;AA2B5C,QAAA,IAAA,CAAA,QAAQ,GAAQ,MAAW,GAAG,CAAC;;AAG/B,QAAA,IAAA,CAAA,SAAS,GAAQ,MAAW,GAAG,CAAC;KAxB5B;AArDJ;;;AAGG;IACH,IACI,aAAa,CAAC,GAAQ,EAAA;AACtB,QAAA,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,6BAA6B,EAAE,CAAC;KACxC;;AAyBD,IAAA,IAAI,OAAO,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC1B,YAAA,OAAO,KAAK,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC;KAC3C;;IAkBD,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;KACrC;;IAGD,WAAW,GAAA;QACP,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;;IAGD,eAAe,GAAA;QACX,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;;AAUD,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACtB;;AAGD,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;;AAGD,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC3B,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC;KAC3C;;AAGD,IAAA,UAAU,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAClC;;AAID;;;AAGG;IAEH,sBAAsB,GAAA;QAClB,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,GAAG,EAAE,CAAC,CAAC;KAC3E;;IAGD,UAAU,GAAA;QACN,OAAO,IAAI,CAAC,YAAY,CAAC;KAC5B;;AAGD,IAAA,YAAY,CAAC,KAAiC,EAAE,UAAU,GAAG,IAAI,EAAA;AAC7D,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAE7B,QAAA,IAAI,UAAU,EAAE;YACZ,IAAI,CAAC,wBAAwB,EAAE,CAAC;AACnC,SAAA;QAED,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;;AAGD,IAAA,WAAW,CAAC,KAAU,EAAE,SAAS,GAAG,IAAI,EAAA;AACpC,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,6BAA6B,EAAE,CAAC;AAErC,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC;AACxC,QAAA,IAAI,SAAS,EAAE;AACX,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxB,SAAA;KACJ;;IAGO,qBAAqB,GAAA;AACzB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AACzB,YAAA,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;AAC7C,SAAA;AACD,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC1B,YAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;AAC9C,SAAA;KACJ;;IAGO,wBAAwB,GAAA;QAC5B,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AAC3C,SAAA;KACJ;;IAGO,6BAA6B,GAAA;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC1D,SAAA;KACJ;;iHA5MQ,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAVlB,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA;AACP,QAAA;AACI,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,YAAA,KAAK,EAAE,IAAI;AACd,SAAA;QACD,uBAAuB,CAAC,oBAAoB,CAAC;AAC7C,QAAA,+BAA+B,EAAE;AACpC,KAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrCL,myBAwBA,EAAA,MAAA,EAAA,CAAA,2vaAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,8FAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADqKI,UAAA,CAAA;IADC,aAAa;;;;AAGb,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,IAAA,CAAA,CAAA;2FAxJQ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACD,wBAAA,uBAAuB,CAAsB,oBAAA,CAAA;AAC7C,wBAAA,+BAA+B,EAAE;AACpC,qBAAA,EAAA,QAAA,EAAA,myBAAA,EAAA,MAAA,EAAA,CAAA,2vaAAA,CAAA,EAAA,CAAA;6IAOD,YAAY,EAAA,CAAA;sBADX,SAAS;uBAAC,cAAc,CAAA;gBAKzB,SAAS,EAAA,CAAA;sBADR,KAAK;gBAKN,cAAc,EAAA,CAAA;sBADb,KAAK;gBAKN,eAAe,EAAA,CAAA;sBADd,KAAK;gBAKN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAON,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAQN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAQN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAQF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAUN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,EAAE,EAAA,CAAA;sBADD,KAAK;gBAON,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAKN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBA8EN,sBAAsB,EAAA,EAAA,EAAA,EAAA,CAAA;;AEhLpB,MAAO,qCAAsC,SAAQ,0BAA0B,CAAA;;AAEjF,IAAA,WAAA,GAAA;QACI,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAC5B;;kIAJQ,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArC,qCAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAPnC,QAAA,EAAA,0BAAA,EAAA,SAAA,EAAA;AACP,QAAA;AACI,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,qCAAqC,CAAC;AACvE,SAAA;AACJ,KAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAEQ,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAVjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,yBAAyB;AAClC,4BAAA,WAAW,EAAE,UAAU,CAAC,2CAA2C,CAAC;AACvE,yBAAA;AACJ,qBAAA;AACJ,iBAAA,CAAA;;;MCAY,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAJL,YAAA,EAAA,CAAA,oBAAoB,EAAE,qCAAqC,aAEhE,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAD/C,EAAA,OAAA,EAAA,CAAA,oBAAoB,EAAE,oBAAoB,EAAE,qCAAqC,CAAA,EAAA,CAAA,CAAA;AAGlF,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAFV,YAAY,EAAE,WAAW,EAAE,oBAAoB,EADzB,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAG3C,WAAW,EAAA,UAAA,EAAA,CAAA;kBALvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,qCAAqC,CAAC;AAC3E,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,qCAAqC,CAAC;AAC5F,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,oBAAoB,CAAC;AAC7D,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"fundamental-ngx-core-radio.mjs","sources":["../../../../libs/core/src/lib/radio/radio-button/radio-button.component.ts","../../../../libs/core/src/lib/radio/radio-button/radio-button.component.html","../../../../libs/core/src/lib/radio/deprecated-radio-button-compact.directive.ts","../../../../libs/core/src/lib/radio/radio.module.ts","../../../../libs/core/src/lib/radio/fundamental-ngx-core-radio.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    forwardRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { applyCssClass, CssClassBuilder } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nexport type stateType = 'success' | 'error' | 'warning' | 'default' | 'information';\nlet uniqueId = 0;\n\n@Component({\n    selector: 'fd-radio-button',\n    templateUrl: './radio-button.component.html',\n    styleUrls: ['./radio-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => RadioButtonComponent),\n            multi: true\n        },\n        registerFormItemControl(RadioButtonComponent),\n        contentDensityObserverProviders()\n    ]\n})\nexport class RadioButtonComponent\n    implements OnChanges, AfterViewInit, CssClassBuilder, ControlValueAccessor, OnDestroy, FormItemControl\n{\n    /** @hidden */\n    @ViewChild('inputElement')\n    inputElement: ElementRef;\n\n    /** Sets the `aria-label` attribute to the element. */\n    @Input()\n    ariaLabel: Nullable<string>;\n\n    /** Sets the `aria-labelledby` attribute to the element. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Sets the `aria-describedby` attribute to the element. */\n    @Input()\n    ariaDescribedBy: Nullable<string>;\n\n    /** sets radio tooltip */\n    @Input()\n    title: string;\n\n    /**\n     * Includes the radio in the page tab sequence.\n     */\n    @Input()\n    tabIndex: number;\n\n    /** The field to set state of radio button using:\n     * 'success' | 'error' | 'warning' | 'default' | 'information'\n     * by default value is set to 'default'\n     */\n    @Input()\n    state?: stateType = 'default';\n\n    /** The field is used to tell if radio button should be disabled\n     * Value: true or false\n     * by default disabled state is set to false\n     */\n    @Input()\n    disabled = false;\n\n    /** The field should be only used with reactive forms\n     * Its purpose is to pass a current selected value from froumGroup\n     * The field is mandatory when working with reactive forms\n     */\n    @Input()\n    set selectedValue(val: any) {\n        this.currentValue = val;\n        this._setNativeElementCheckedState();\n    }\n\n    /** The name of the radio button\n     * The field is mandatory\n     */\n    @Input()\n    name: string;\n\n    /**\n     * uniqueId to a radio button\n     */\n    @Input()\n    id = `radio-id-${uniqueId++}`;\n\n    /** Value field stores information about holding value by radio button\n     * The field is mandatory\n     */\n    @Input()\n    value: any;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** Whether the radio button is checked. */\n    get checked(): boolean {\n        if (this.value === undefined) {\n            return false;\n        }\n        return this.currentValue === this.value;\n    }\n\n    /** @hidden */\n    class: string;\n\n    /** @hidden */\n    currentValue: any;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        private changeDetectionRef: ChangeDetectorRef,\n        readonly _contentDensityObserver: ContentDensityObserver\n    ) {}\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n        this._checkMandatoryFields();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this.buildComponentCssClass();\n        this._checkMandatoryFields();\n    }\n\n    // ControlValueAccessor implementation\n    /** @hidden */\n    onChange: any = (): void => {};\n\n    /** @hidden */\n    onTouched: any = (): void => {};\n\n    /** @hidden */\n    registerOnChange(fn: any): 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.changeDetectionRef.detectChanges();\n    }\n\n    /** @hidden */\n    writeValue(value: any): void {\n        this.valueChange(value, false);\n    }\n\n    // End implementation\n\n    /** This method is responsible for building a css class based on current state\n     *  It is implementation of CssClassBuilder interface and\n     *  should be used with @applyCssClass decorator\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-radio', this.state !== 'default' ? `is-${this.state}` : ''];\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<any> {\n        return this.inputElement;\n    }\n\n    /** @hidden */\n    labelClicked(event: MouseEvent | KeyboardEvent, applyFocus = true): void {\n        this.valueChange(this.value);\n\n        if (applyFocus) {\n            this._setFocusOnNativeElement();\n        }\n\n        event.stopPropagation();\n    }\n\n    /** @hidden */\n    valueChange(value: any, emitEvent = true): void {\n        this.currentValue = value;\n\n        this._setNativeElementCheckedState();\n\n        this.changeDetectionRef.detectChanges();\n        if (emitEvent) {\n            this.onChange(value);\n        }\n    }\n\n    /** @hidden */\n    private _checkMandatoryFields(): void {\n        if (this.name === undefined) {\n            throw new Error('name field is required');\n        }\n        if (this.value === undefined) {\n            throw new Error('value field is required');\n        }\n    }\n\n    /** @hidden */\n    private _setFocusOnNativeElement(): void {\n        if (this.inputElement) {\n            this.inputElement.nativeElement.focus();\n        }\n    }\n\n    /** @hidden */\n    private _setNativeElementCheckedState(): void {\n        if (this.inputElement) {\n            this.inputElement.nativeElement.checked = this.checked;\n        }\n    }\n}\n","<input\n    type=\"radio\"\n    class=\"fd-radio\"\n    [class.fd-radio--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [disabled]=\"disabled\"\n    [id]=\"id\"\n    [attr.name]=\"name\"\n    [name]=\"name\"\n    [attr.tabindex]=\"tabIndex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-checked]=\"checked\"\n    [attr.aria-required]=\"required\"\n    [ngModel]=\"currentValue\"\n    (ngModelChange)=\"valueChange($event)\"\n    #inputElement\n    [value]=\"value\"\n    [attr.value]=\"value\"\n/>\n<label class=\"fd-radio__label\" [attr.title]=\"title\" [for]=\"id\" (click)=\"labelClicked($event)\">\n    <ng-content></ng-content>\n</label>\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-radio-button[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedRadioButtonCompactDirective)\n        }\n    ]\n})\nexport class DeprecatedRadioButtonCompactDirective extends DeprecatedCompactDirective {\n    /** @hidden */\n    constructor() {\n        super('fd-radio-button');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\nimport { RadioButtonComponent } from './radio-button/radio-button.component';\nimport { DeprecatedRadioButtonCompactDirective } from './deprecated-radio-button-compact.directive';\n\n@NgModule({\n    declarations: [RadioButtonComponent, DeprecatedRadioButtonCompactDirective],\n    exports: [RadioButtonComponent, ContentDensityModule, DeprecatedRadioButtonCompactDirective],\n    imports: [CommonModule, FormsModule, ContentDensityModule]\n})\nexport class RadioModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/fundamental-ngx-core-rating-indicator.mjs

@@ -37,9 +37,9 @@ class RatingStarLabelPipe {
         return `${index + 1} of ${controlsCount}`;
     }
 }
-RatingStarLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-RatingStarLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: RatingStarLabelPipe, name: "ratingStarLabel" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
+RatingStarLabelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingStarLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+RatingStarLabelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: RatingStarLabelPipe, name: "ratingStarLabel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingStarLabelPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'ratingStarLabel' }]
         }] });
@@ -277,22 +277,22 @@ class RatingIndicatorComponent {
         return `${INDICATOR_PREFIX}--${size in RatingIndicatorSizeEnum ? size : 'md'}`;
     }
 }
-RatingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-RatingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: { class: "class", name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", disabled: "disabled", displayMode: "displayMode", indicatorCapacity: "indicatorCapacity", allowHalves: "allowHalves", value: "value", totalRatings: "totalRatings", ratingAverage: "ratingAverage", ratings: "ratings", displayAllRatings: "displayAllRatings", ratedIcon: "ratedIcon", unratedIcon: "unratedIcon", size: "size", dynamicTextIndicator: "dynamicTextIndicator" }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "attr.aria-label": "this.ariaLabelledBy", "class.is-disabled": "this.disabled", "attr.aria-disabled": "this.disabled", "class.is-display-mode": "this.displayMode" } }, providers: [
+RatingIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+RatingIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: { class: "class", name: "name", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", disabled: "disabled", displayMode: "displayMode", indicatorCapacity: "indicatorCapacity", allowHalves: "allowHalves", value: "value", totalRatings: "totalRatings", ratingAverage: "ratingAverage", ratings: "ratings", displayAllRatings: "displayAllRatings", ratedIcon: "ratedIcon", unratedIcon: "unratedIcon", size: "size", dynamicTextIndicator: "dynamicTextIndicator" }, outputs: { ratingChanged: "ratingChanged" }, host: { properties: { "attr.aria-label": "this.ariaLabelledBy", "class.is-disabled": "this.disabled", "attr.aria-disabled": "this.disabled", "class.is-display-mode": "this.displayMode" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RatingIndicatorComponent),
             multi: true
         },
         registerFormItemControl(RatingIndicatorComponent)
-    ], usesOnChanges: true, ngImport: i0, template: "<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-rating-indicator{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem;-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-rating-indicator:after,.fd-rating-indicator:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator--cozy{--fontSize:1.5rem;--spacingBetweenIcons:.1875rem;margin:.8125rem 0}.fd-rating-indicator--compact{margin:.5rem 0}.fd-rating-indicator--compact,.fd-rating-indicator--condensed{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--xs{--fontSize:.75rem;--spacingBetweenIcons:1px}.fd-rating-indicator--sm{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--md{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem}.fd-rating-indicator--lg{--fontSize:2rem;--spacingBetweenIcons:.25rem}.fd-rating-indicator__container{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdRating_Indicator_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-rating-indicator__container:after,.fd-rating-indicator__container:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__container:focus-within{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdRating_Indicator_Focus_Outline_Offset, 0);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__container:focus-within .fd-rating-indicator__input,.fd-rating-indicator__container:focus-within .fd-rating-indicator__label{outline:none!important}.fd-rating-indicator__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;padding:0;position:absolute;top:0;width:var(--fontSize);z-index:-1}.fd-rating-indicator__input:after,.fd-rating-indicator__input:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__input:checked.is-focus,.fd-rating-indicator__input:checked:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__input:checked.is-focus+.fd-rating-indicator__label,.fd-rating-indicator__input:checked:focus+.fd-rating-indicator__label{outline-color:var(--sapContent_FocusColor);outline-offset:0;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__label{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;float:left;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--spacingBetweenIcons);opacity:1;padding:0}.fd-rating-indicator__label:after,.fd-rating-indicator__label:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__label:before{color:var(--sapContent_RatedColor);content:\"\\e065\";font-family:SAP-icons;font-size:var(--fontSize)}.fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator__label:hover:before{-webkit-transition:opacity .125s ease-in;opacity:var(--fdRating_Indicator_Selected_Hover_Opacity);transition:opacity .125s ease-in}.fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e0a1\"}.fd-rating-indicator__dynamic-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-rating-indicator__dynamic-text:after,.fd-rating-indicator__dynamic-text:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator--hide-dynamic-text>.fd-rating-indicator__dynamic-text{display:none}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__input:first-child+label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__input:first-child+label{margin-right:0}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label{float:right}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label:last-child,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label:last-child{margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__dynamic-text,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__dynamic-text{margin-left:0;margin-right:.5rem}.fd-rating-indicator.is-disabled,.fd-rating-indicator:disabled,.fd-rating-indicator[aria-disabled=true]{opacity:var(--fdRating_Indicator_Disabled_Control_Opacity);pointer-events:none}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:before{color:var(--fdRating_Indicator_Disabled_Selected_Color);content:\"\\e065\"}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Disabled_Unselected_Color);content:\"\\e065\";font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--display-mode{--fontSize:1rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-right:.125rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Display_Only_Selected_Color);content:\"\\e065\";font-size:var(--fontSize)}.fd-rating-indicator--display-mode .fd-rating-indicator__label[dir=rtl],[dir=rtl] .fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-left:.125rem;margin-right:0}.fd-rating-indicator--display-mode,.fd-rating-indicator--non-interactive{pointer-events:none}.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e065\";font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--icon .fd-rating-indicator__label{height:var(--fontSize);width:var(--fontSize)}.fd-rating-indicator--icon .fd-rating-indicator__label:after,.fd-rating-indicator--icon .fd-rating-indicator__label:before{content:none!important}.fd-rating-indicator--icon .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{font-size:var(--fontSize);height:100%;line-height:1}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{display:none}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated{display:block}.fd-rating-indicator--half-star .fd-rating-indicator__input{height:var(--fontSize);width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator__label{margin-right:0;overflow:hidden;width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){flex-direction:row-reverse;margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl],[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){margin-left:var(--spacingBetweenIcons);margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl]:last-child,[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6):last-child{margin-left:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator--icon .fd-rating-indicator__label{width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before{font-size:var(--fontSize)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before{font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__input--zero-rating,.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__label--zero-rating,.fd-rating-indicator__input--zero-rating,.fd-rating-indicator__label--zero-rating{margin:0;opacity:.0001;overflow:hidden;padding:0;width:0}.fd-rating-indicator__popover{padding:.5rem 0!important}.fd-rating-indicator__popover .fd-rating-indicator__sum-row{display:flex;align-items:center;padding:.5rem 1rem;margin:0}.fd-rating-indicator__popover .fd-rating-indicator__sum-row .fd-rating-indicator__container{margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "pipe", type: RatingStarLabelPipe, name: "ratingStarLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], usesOnChanges: true, ngImport: i0, template: "<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n", styles: ["@import\"~fundamental-styles/dist/rating-indicator.css\";.fd-rating-indicator__popover{padding:.5rem 0!important}.fd-rating-indicator__popover .fd-rating-indicator__sum-row{display:flex;align-items:center;padding:.5rem 1rem;margin:0}.fd-rating-indicator__popover .fd-rating-indicator__sum-row .fd-rating-indicator__container{margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i2.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "pipe", type: RatingStarLabelPipe, name: "ratingStarLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], RatingIndicatorComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-rating-indicator', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -301,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                             multi: true
                         },
                         registerFormItemControl(RatingIndicatorComponent)
-                    ], template: "<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-rating-indicator{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem;-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-rating-indicator:after,.fd-rating-indicator:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator--cozy{--fontSize:1.5rem;--spacingBetweenIcons:.1875rem;margin:.8125rem 0}.fd-rating-indicator--compact{margin:.5rem 0}.fd-rating-indicator--compact,.fd-rating-indicator--condensed{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--xs{--fontSize:.75rem;--spacingBetweenIcons:1px}.fd-rating-indicator--sm{--fontSize:1rem;--spacingBetweenIcons:.125rem}.fd-rating-indicator--md{--fontSize:1.375rem;--spacingBetweenIcons:.1875rem}.fd-rating-indicator--lg{--fontSize:2rem;--spacingBetweenIcons:.25rem}.fd-rating-indicator__container{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdRating_Indicator_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-rating-indicator__container:after,.fd-rating-indicator__container:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__container:focus-within{outline-color:var(--sapContent_FocusColor);outline-offset:var(--fdRating_Indicator_Focus_Outline_Offset, 0);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__container:focus-within .fd-rating-indicator__input,.fd-rating-indicator__container:focus-within .fd-rating-indicator__label{outline:none!important}.fd-rating-indicator__input{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;padding:0;position:absolute;top:0;width:var(--fontSize);z-index:-1}.fd-rating-indicator__input:after,.fd-rating-indicator__input:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__input:checked.is-focus,.fd-rating-indicator__input:checked:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__input:checked.is-focus+.fd-rating-indicator__label,.fd-rating-indicator__input:checked:focus+.fd-rating-indicator__label{outline-color:var(--sapContent_FocusColor);outline-offset:0;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-rating-indicator__label{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;float:left;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fontSize);line-height:var(--sapContent_LineHeight);margin:0;margin-right:var(--spacingBetweenIcons);opacity:1;padding:0}.fd-rating-indicator__label:after,.fd-rating-indicator__label:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator__label:before{color:var(--sapContent_RatedColor);content:\"\\e065\";font-family:SAP-icons;font-size:var(--fontSize)}.fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator__label:hover:before{-webkit-transition:opacity .125s ease-in;opacity:var(--fdRating_Indicator_Selected_Hover_Opacity);transition:opacity .125s ease-in}.fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e0a1\"}.fd-rating-indicator__dynamic-text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-rating-indicator__dynamic-text:after,.fd-rating-indicator__dynamic-text:before{box-sizing:inherit;font-size:inherit}.fd-rating-indicator--hide-dynamic-text>.fd-rating-indicator__dynamic-text{display:none}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__input:first-child+label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__input:first-child+label{margin-right:0}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label{float:right}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__label:last-child,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__label:last-child{margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator[dir=rtl] .fd-rating-indicator__dynamic-text,[dir=rtl] .fd-rating-indicator .fd-rating-indicator__dynamic-text{margin-left:0;margin-right:.5rem}.fd-rating-indicator.is-disabled,.fd-rating-indicator:disabled,.fd-rating-indicator[aria-disabled=true]{opacity:var(--fdRating_Indicator_Disabled_Control_Opacity);pointer-events:none}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:before{color:var(--fdRating_Indicator_Disabled_Selected_Color);content:\"\\e065\"}.fd-rating-indicator.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Disabled_Unselected_Color);content:\"\\e065\";font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--display-mode{--fontSize:1rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-right:.125rem}.fd-rating-indicator--display-mode .fd-rating-indicator__label:before{color:var(--fdRating_Indicator_Display_Only_Selected_Color);content:\"\\e065\";font-size:var(--fontSize)}.fd-rating-indicator--display-mode .fd-rating-indicator__label[dir=rtl],[dir=rtl] .fd-rating-indicator--display-mode .fd-rating-indicator__label{margin-left:.125rem;margin-right:0}.fd-rating-indicator--display-mode,.fd-rating-indicator--non-interactive{pointer-events:none}.fd-rating-indicator--display-mode .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--non-interactive .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label:before{color:var(--sapContent_UnratedColor);content:\"\\e065\";font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator--icon .fd-rating-indicator__label{height:var(--fontSize);width:var(--fontSize)}.fd-rating-indicator--icon .fd-rating-indicator__label:after,.fd-rating-indicator--icon .fd-rating-indicator__label:before{content:none!important}.fd-rating-indicator--icon .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{font-size:var(--fontSize);height:100%;line-height:1}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-rated,.fd-rating-indicator--icon .fd-rating-indicator__label-unrated{display:none}.fd-rating-indicator--icon .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated{display:block}.fd-rating-indicator--half-star .fd-rating-indicator__input{height:var(--fontSize);width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator__label{margin-right:0;overflow:hidden;width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){flex-direction:row-reverse;margin-right:var(--spacingBetweenIcons)}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl],[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6){margin-left:var(--spacingBetweenIcons);margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6)[dir=rtl]:last-child,[dir=rtl] .fd-rating-indicator--half-star .fd-rating-indicator__label:nth-child(4n+6):last-child{margin-left:0}.fd-rating-indicator--half-star .fd-rating-indicator__label:last-child{margin-right:0}.fd-rating-indicator--half-star .fd-rating-indicator--icon .fd-rating-indicator__label{width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star .fd-rating-indicator .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:nth-child(4n+3):checked+.fd-rating-indicator__label+.fd-rating-indicator__input+.fd-rating-indicator__label:before{font-size:var(--fontSize)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label{width:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio) * .5)}.fd-rating-indicator--half-star.is-disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star:disabled .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before,.fd-rating-indicator--half-star[aria-disabled=true] .fd-rating-indicator__input:checked~.fd-rating-indicator__input+.fd-rating-indicator__label .fd-rating-indicator__label-unrated:before{font-size:calc(var(--fontSize) * var(--fdRating_Indicator_View_Mode_Unselected_Icon_Size_Ratio))}.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__input--zero-rating,.fd-rating-indicator[class*=fd-rating-indicator--] .fd-rating-indicator__label--zero-rating,.fd-rating-indicator__input--zero-rating,.fd-rating-indicator__label--zero-rating{margin:0;opacity:.0001;overflow:hidden;padding:0;width:0}.fd-rating-indicator__popover{padding:.5rem 0!important}.fd-rating-indicator__popover .fd-rating-indicator__sum-row{display:flex;align-items:center;padding:.5rem 1rem;margin:0}.fd-rating-indicator__popover .fd-rating-indicator__sum-row .fd-rating-indicator__container{margin-right:.5rem}\n"] }]
+                    ], template: "<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n", styles: ["@import\"~fundamental-styles/dist/rating-indicator.css\";.fd-rating-indicator__popover{padding:.5rem 0!important}.fd-rating-indicator__popover .fd-rating-indicator__sum-row{display:flex;align-items:center;padding:.5rem 1rem;margin:0}.fd-rating-indicator__popover .fd-rating-indicator__sum-row .fd-rating-indicator__container{margin-right:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
                 type: Input
             }], name: [{
@@ -357,10 +357,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class RatingIndicatorModule {
 }
-RatingIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RatingIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorModule, declarations: [RatingIndicatorComponent, RatingStarLabelPipe], imports: [CommonModule, PopoverModule], exports: [RatingIndicatorComponent] });
-RatingIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorModule, imports: [CommonModule, PopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: RatingIndicatorModule, decorators: [{
+RatingIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RatingIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorModule, declarations: [RatingIndicatorComponent, RatingStarLabelPipe], imports: [CommonModule, PopoverModule], exports: [RatingIndicatorComponent] });
+RatingIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorModule, imports: [CommonModule, PopoverModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: RatingIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RatingIndicatorComponent, RatingStarLabelPipe],

package/fesm2020/fundamental-ngx-core-rating-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-rating-indicator.mjs","sources":["../../../../libs/core/src/lib/rating-indicator/constants.ts","../../../../libs/core/src/lib/rating-indicator/pipes/rating-star-label.pipe.ts","../../../../libs/core/src/lib/rating-indicator/components/rating-indicator.component.ts","../../../../libs/core/src/lib/rating-indicator/components/rating-indicator.component.html","../../../../libs/core/src/lib/rating-indicator/rating-indicator.module.ts","../../../../libs/core/src/lib/rating-indicator/fundamental-ngx-core-rating-indicator.ts"],"sourcesContent":["export const INDICATOR_PREFIX = 'fd-rating-indicator';\n\nexport const INDICATOR_CLASSES = {\n    halves: `${INDICATOR_PREFIX}--half-star`,\n    icon: `${INDICATOR_PREFIX}--icon`,\n    hideDynamicText: `${INDICATOR_PREFIX}--hide-dynamic-text`\n};\nexport const INDICATOR_DEFAULT_CAPACITY = 5;\n\nexport type RatingIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'cozy' | 'compact' | 'condensed';\nexport enum RatingIndicatorSizeEnum {\n    'xs',\n    'sm',\n    'md',\n    'lg',\n    'cozy',\n    'compact',\n    'condensed'\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'ratingStarLabel' })\nexport class RatingStarLabelPipe implements PipeTransform {\n    /** Transforms the value to a rating value string. */\n    transform(index: number, controlsCount: number, useHalves: boolean): string {\n        if (useHalves) {\n            return `${index / 2 + 0.5} of ${controlsCount / 2}`;\n        }\n        return `${index + 1} of ${controlsCount}`;\n    }\n}\n","import {\n    Component,\n    OnInit,\n    OnChanges,\n    Input,\n    Output,\n    EventEmitter,\n    ElementRef,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    HostBinding,\n    ViewEncapsulation,\n    ChangeDetectorRef,\n    forwardRef\n} from '@angular/core';\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {\n    INDICATOR_DEFAULT_CAPACITY,\n    INDICATOR_PREFIX,\n    INDICATOR_CLASSES,\n    RatingIndicatorSize,\n    RatingIndicatorSizeEnum\n} from '../constants';\nimport { CssClassBuilder, applyCssClass } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\n\nlet ratingUID = 0;\n\ninterface NumberKey<T> {\n    [key: number]: T;\n}\n\ninterface RatingViewItem {\n    rate: number;\n    votes: number;\n}\n\n@Component({\n    selector: 'fd-rating-indicator',\n    templateUrl: './rating-indicator.component.html',\n    styleUrls: ['./rating-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => RatingIndicatorComponent),\n            multi: true\n        },\n        registerFormItemControl(RatingIndicatorComponent)\n    ]\n})\nexport class RatingIndicatorComponent\n    implements OnInit, OnChanges, CssClassBuilder, ControlValueAccessor, FormItemControl\n{\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** Sets [name] attribute of input. */\n    @Input()\n    name: string;\n\n    /**\n     * Sets the aria-label attribute to the element.\n     */\n    @Input()\n    @HostBinding('attr.aria-label')\n    ariaLabel: Nullable<string>;\n\n    /**\n     * Sets the aria-labelledby attribute to the element.\n     */\n    @Input()\n    @HostBinding('attr.aria-label')\n    ariaLabelledBy: Nullable<string>;\n\n    /**\n     * Sets the aria-disabled attribute to the element.\n     * Sets the is-disabled class to the element.\n     * Whether the rating indicator is disabled\n     */\n    @Input()\n    @HostBinding('class.is-disabled')\n    @HostBinding('attr.aria-disabled')\n    disabled = false;\n\n    /**\n     * Sets the is-display-mode class to the element.\n     * Whether the rating indicator is in displayMode\n     */\n    @Input()\n    @HostBinding('class.is-display-mode')\n    displayMode = false;\n\n    /**\n     * Number of rates to display\n     */\n    @Input()\n    set indicatorCapacity(value: number) {\n        const val = coerceNumberProperty(value, INDICATOR_DEFAULT_CAPACITY);\n        this._indicatorCapacity = val < 1 ? INDICATOR_DEFAULT_CAPACITY : val;\n    }\n\n    /**\n     * Whether or not to display half values.\n     */\n    @Input()\n    allowHalves = false;\n\n    /**\n     * User's value number of ratings. If provided, Overrides ratingAverage.\n     */\n    @Input()\n    value = 0;\n\n    /**\n     * Total number of ratings. If provided, will display text showing the total number of ratings.\n     */\n    @Input()\n    totalRatings: number;\n\n    /**\n     * Rating average\n     */\n    @Input()\n    ratingAverage: number;\n\n    /**\n     * Object containing key-value pairs where the key is the rating and the value is the total sum of those ratings.\n     * Overrides totalRatings and ratingAverage.\n     */\n    @Input()\n    ratings: NumberKey<number>;\n\n    /**\n     * Whether or not to display the popover that shows the sum of each rating. Requires [ratings] object.\n     */\n    @Input()\n    displayAllRatings = false;\n\n    /**\n     * Icon class for rated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes\n     */\n    @Input()\n    ratedIcon: string;\n    /**\n     * Icon class for unrated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes\n     */\n    @Input()\n    unratedIcon: string;\n\n    /**\n     * Possible values are 'xs', 'sm', 'md', 'lg', 'cozy', 'compact', 'condensed'\n     */\n    @Input()\n    size: RatingIndicatorSize = 'md';\n\n    /**\n     * Text divider label between view value and indicator count.\n     */\n    @Input()\n    dynamicTextIndicator = 'of';\n\n    /**\n     * Fired when the user sets or changes their rating.\n     */\n    @Output()\n    ratingChanged = new EventEmitter<number>();\n\n    /** @hidden */\n    sizeClass = this._getSizeClass(this.size);\n    /** @hidden */\n    _rates: { id: string; value: number }[] = [];\n    /** @hidden */\n    _ratingItems: RatingViewItem[] = [];\n\n    /** @hidden */\n    private _ratingUID = ratingUID++;\n    /** @hidden */\n    private _indicatorCapacity = INDICATOR_DEFAULT_CAPACITY;\n    /** @hidden */\n    private _value = 0;\n    /** @hidden */\n    private _hideDynamicText = false;\n\n    /** @hidden */\n    constructor(private readonly _elementRef: ElementRef, private readonly _changeDetectorRef: ChangeDetectorRef) {}\n    /** @hidden */\n    get viewRatingUID(): number {\n        return this._ratingUID;\n    }\n    /** @hidden */\n    get indicatorCount(): number {\n        return this._indicatorCapacity;\n    }\n    /** @hidden */\n    get viewValue(): number {\n        return this._value;\n    }\n\n    /** @hidden */\n    onChange: (value: number) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._value = this._convertToValue();\n        this._rates = this._getRates();\n        this.buildComponentCssClass();\n        this._generateRatings();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\n            'class' in changes ||\n            'size' in changes ||\n            'ratedIcon' in changes ||\n            'unratedIcon' in changes ||\n            'allowHalves' in changes\n        ) {\n            this.buildComponentCssClass();\n        }\n        if ('value' in changes) {\n            this._value = this._convertToValue();\n        }\n        if ('indicatorCapacity' in changes) {\n            this._rates = this._getRates();\n        }\n        if ('allowHalves' in changes) {\n            this._value = this._convertToValue();\n            this._rates = this._getRates();\n        }\n\n        if ('ratings' in changes) {\n            this._generateRatings();\n        }\n    }\n\n    /** @hidden */\n    writeValue(value: number): void {\n        this._value = this._parseValue(value);\n        this._changeDetectorRef.markForCheck();\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (value: number) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /** @hidden */\n    trackByFn(index: number, item: { id: string; value: number }): number | string {\n        return item.id;\n    }\n\n    /** @hidden */\n    onSelect(value: number): void {\n        this.value = this._value = value;\n        this.onChange(value);\n        this.onTouched();\n        this.ratingChanged.emit(value);\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<RatingIndicatorComponent> {\n        return this._elementRef;\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        this.sizeClass = this._getSizeClass(this.size);\n\n        return [\n            INDICATOR_PREFIX,\n            this.sizeClass,\n            this.allowHalves ? INDICATOR_CLASSES.halves : '',\n            !!this.ratedIcon && !!this.unratedIcon ? INDICATOR_CLASSES.icon : '',\n            this._hideDynamicText || !this._value ? INDICATOR_CLASSES.hideDynamicText : '',\n            this.class\n        ];\n    }\n\n    /**\n     * @hidden\n     * Generate rating items for popover content if rating object was defined\n     */\n    private _generateRatings(): void {\n        if (!this.ratings) {\n            return;\n        }\n        const ratings = Object.entries(this.ratings)\n            .filter(([rate, vote]) => {\n                const _rate = +rate;\n                return !isNaN(_rate) && !isNaN(+vote) && _rate > 0;\n            })\n            .map(([rate, votes]) => ({ rate: +rate, votes }));\n        if (ratings.length === 0) {\n            return;\n        }\n        const { totalVotes, totalRating } = ratings.reduce(\n            (total, rating) => ({\n                totalVotes: total.totalVotes + rating.votes,\n                totalRating: total.totalRating + rating.rate * rating.votes\n            }),\n            { totalVotes: 0, totalRating: 0 }\n        );\n\n        this._ratingItems = ratings;\n        this.ratingAverage = totalRating / totalVotes;\n        this.totalRatings = totalVotes;\n        this._value = this._convertToValue();\n    }\n    /**\n     * @hidden\n     * get converted viewValue for render in component template from original value if it still exists, or ratingAverage.\n     */\n    private _convertToValue(): number {\n        return this._parseValue(this.value || this.ratingAverage);\n    }\n    /**\n     * @hidden\n     * get converted value from original to view value with depends on halves\n     * For example,\n     *  original value is equal to 2.34, you will get and render 2\n     *  original value is equal to 3.74, you will get and render 4\n     */\n    private _parseValue(value: number): number {\n        if (!value || value === 0) {\n            return 0;\n        }\n        const integer = Math.floor(value);\n        const fractional = value % 1;\n        let v = integer;\n\n        if (this.allowHalves && fractional > 0.25 && fractional <= 0.5) {\n            v = integer + 0.5;\n        } else if (fractional > 0.5) {\n            v = integer + 1;\n        }\n\n        return Math.min(this.indicatorCount, v);\n    }\n    /**\n     * @hidden\n     * get rating icons array with value and unic id\n     */\n    private _getRates(): { id: string; value: number }[] {\n        const withHalves = this.allowHalves ? 2 : 1;\n        return Array(this.indicatorCount * withHalves)\n            .fill(`rating-${this._ratingUID}`)\n            .map((name, index) => ({\n                id: `${name}-${index + 1}`,\n                value: (index + 1) / withHalves\n            }));\n    }\n\n    /**\n     * @hidden\n     * get rating icons array with value and unic id\n     */\n    private _getSizeClass(size: RatingIndicatorSize): string {\n        return `${INDICATOR_PREFIX}--${size in RatingIndicatorSizeEnum ? size : 'md'}`;\n    }\n}\n","<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { RatingIndicatorComponent } from './components/rating-indicator.component';\nimport { RatingStarLabelPipe } from './pipes/rating-star-label.pipe';\n\n@NgModule({\n    declarations: [RatingIndicatorComponent, RatingStarLabelPipe],\n    imports: [CommonModule, PopoverModule],\n    exports: [RatingIndicatorComponent]\n})\nexport class RatingIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i3.RatingStarLabelPipe"],"mappings":";;;;;;;;;;;;AAAO,MAAM,gBAAgB,GAAG,sBAAsB;AAEzC,MAAA,iBAAiB,GAAG;IAC7B,MAAM,EAAE,CAAG,EAAA,gBAAgB,CAAa,WAAA,CAAA;IACxC,IAAI,EAAE,CAAG,EAAA,gBAAgB,CAAQ,MAAA,CAAA;IACjC,eAAe,EAAE,CAAG,EAAA,gBAAgB,CAAqB,mBAAA,CAAA;EAC3D;AACK,MAAM,0BAA0B,GAAG,EAAE;IAGhC,wBAQX;AARD,CAAA,UAAY,uBAAuB,EAAA;AAC/B,IAAA,uBAAA,CAAA,uBAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAI,CAAA;AACJ,IAAA,uBAAA,CAAA,uBAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAI,CAAA;AACJ,IAAA,uBAAA,CAAA,uBAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAI,CAAA;AACJ,IAAA,uBAAA,CAAA,uBAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAI,CAAA;AACJ,IAAA,uBAAA,CAAA,uBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAM,CAAA;AACN,IAAA,uBAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAS,CAAA;AACT,IAAA,uBAAA,CAAA,uBAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAW,CAAA;AACf,CAAC,EARW,uBAAuB,KAAvB,uBAAuB,GAQlC,EAAA,CAAA,CAAA;;MCfY,mBAAmB,CAAA;;AAE5B,IAAA,SAAS,CAAC,KAAa,EAAE,aAAqB,EAAE,SAAkB,EAAA;AAC9D,QAAA,IAAI,SAAS,EAAE;YACX,OAAO,CAAA,EAAG,KAAK,GAAG,CAAC,GAAG,GAAG,CAAA,IAAA,EAAO,aAAa,GAAG,CAAC,CAAA,CAAE,CAAC;AACvD,SAAA;AACD,QAAA,OAAO,GAAG,KAAK,GAAG,CAAC,CAAO,IAAA,EAAA,aAAa,EAAE,CAAC;KAC7C;;gHAPQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,CAAA;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,IAAI;mBAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAA;;;AC2BjC,IAAI,SAAS,GAAG,CAAC,CAAC;MA0BL,wBAAwB,CAAA;;IAuIjC,WAA6B,CAAA,WAAuB,EAAmB,kBAAqC,EAAA;QAA/E,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAmB,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAmB;AA9G5G;;;;AAIG;QAIH,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAEjB;;;AAGG;QAGH,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAWpB;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAEpB;;AAEG;QAEH,IAAK,CAAA,KAAA,GAAG,CAAC,CAAC;AAqBV;;AAEG;QAEH,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAC;AAa1B;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAwB,IAAI,CAAC;AAEjC;;AAEG;QAEH,IAAoB,CAAA,oBAAA,GAAG,IAAI,CAAC;AAE5B;;AAEG;AAEH,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAU,CAAC;;QAG3C,IAAS,CAAA,SAAA,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;QAE1C,IAAM,CAAA,MAAA,GAAoC,EAAE,CAAC;;QAE7C,IAAY,CAAA,YAAA,GAAqB,EAAE,CAAC;;QAG5B,IAAU,CAAA,UAAA,GAAG,SAAS,EAAE,CAAC;;QAEzB,IAAkB,CAAA,kBAAA,GAAG,0BAA0B,CAAC;;QAEhD,IAAM,CAAA,MAAA,GAAG,CAAC,CAAC;;QAEX,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;;AAkBjC,QAAA,IAAA,CAAA,QAAQ,GAA4B,MAAK,GAAG,CAAC;;AAG7C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAW,GAAG,CAAC;KAlBqF;AA5FhH;;AAEG;IACH,IACI,iBAAiB,CAAC,KAAa,EAAA;QAC/B,MAAM,GAAG,GAAG,oBAAoB,CAAC,KAAK,EAAE,0BAA0B,CAAC,CAAC;AACpE,QAAA,IAAI,CAAC,kBAAkB,GAAG,GAAG,GAAG,CAAC,GAAG,0BAA0B,GAAG,GAAG,CAAC;KACxE;;AAuFD,IAAA,IAAI,aAAa,GAAA;QACb,OAAO,IAAI,CAAC,UAAU,CAAC;KAC1B;;AAED,IAAA,IAAI,cAAc,GAAA;QACd,OAAO,IAAI,CAAC,kBAAkB,CAAC;KAClC;;AAED,IAAA,IAAI,SAAS,GAAA;QACT,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;;IASD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACrC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;;AAGD,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IACI,OAAO,IAAI,OAAO;AAClB,YAAA,MAAM,IAAI,OAAO;AACjB,YAAA,WAAW,IAAI,OAAO;AACtB,YAAA,aAAa,IAAI,OAAO;YACxB,aAAa,IAAI,OAAO,EAC1B;YACE,IAAI,CAAC,sBAAsB,EAAE,CAAC;AACjC,SAAA;QACD,IAAI,OAAO,IAAI,OAAO,EAAE;AACpB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACxC,SAAA;QACD,IAAI,mBAAmB,IAAI,OAAO,EAAE;AAChC,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAClC,SAAA;QACD,IAAI,aAAa,IAAI,OAAO,EAAE;AAC1B,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;AACrC,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAClC,SAAA;QAED,IAAI,SAAS,IAAI,OAAO,EAAE;YACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAC3B,SAAA;KACJ;;AAGD,IAAA,UAAU,CAAC,KAAa,EAAA;QACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACtC,QAAA,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;KAC1C;;AAGD,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACtB;;AAGD,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;;AAED,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;KAC9B;;IAGD,SAAS,CAAC,KAAa,EAAE,IAAmC,EAAA;QACxD,OAAO,IAAI,CAAC,EAAE,CAAC;KAClB;;AAGD,IAAA,QAAQ,CAAC,KAAa,EAAA;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;AACjC,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClC;;IAGD,UAAU,GAAA;QACN,OAAO,IAAI,CAAC,WAAW,CAAC;KAC3B;AAED;;;;AAIG;IAEH,sBAAsB,GAAA;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE/C,OAAO;YACH,gBAAgB;AAChB,YAAA,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,MAAM,GAAG,EAAE;AAChD,YAAA,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,GAAG,EAAE;AACpE,YAAA,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,eAAe,GAAG,EAAE;AAC9E,YAAA,IAAI,CAAC,KAAK;SACb,CAAC;KACL;AAED;;;AAGG;IACK,gBAAgB,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,OAAO;AACV,SAAA;QACD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;aACvC,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,KAAI;AACrB,YAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC;AACpB,YAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;AACvD,SAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACtD,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO;AACV,SAAA;AACD,QAAA,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,MAAM,CAC9C,CAAC,KAAK,EAAE,MAAM,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK;YAC3C,WAAW,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK;SAC9D,CAAC,EACF,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CACpC,CAAC;AAEF,QAAA,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;AAC5B,QAAA,IAAI,CAAC,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;AAC9C,QAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;AAC/B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;KACxC;AACD;;;AAGG;IACK,eAAe,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;KAC7D;AACD;;;;;;AAMG;AACK,IAAA,WAAW,CAAC,KAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,YAAA,OAAO,CAAC,CAAC;AACZ,SAAA;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAClC,QAAA,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,CAAC;QAC7B,IAAI,CAAC,GAAG,OAAO,CAAC;QAEhB,IAAI,IAAI,CAAC,WAAW,IAAI,UAAU,GAAG,IAAI,IAAI,UAAU,IAAI,GAAG,EAAE;AAC5D,YAAA,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC;AACrB,SAAA;aAAM,IAAI,UAAU,GAAG,GAAG,EAAE;AACzB,YAAA,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;AACnB,SAAA;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;KAC3C;AACD;;;AAGG;IACK,SAAS,GAAA;AACb,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;AAC5C,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;AACzC,aAAA,IAAI,CAAC,CAAU,OAAA,EAAA,IAAI,CAAC,UAAU,EAAE,CAAC;aACjC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAAM;AACnB,YAAA,EAAE,EAAE,CAAG,EAAA,IAAI,IAAI,KAAK,GAAG,CAAC,CAAE,CAAA;AAC1B,YAAA,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU;AAClC,SAAA,CAAC,CAAC,CAAC;KACX;AAED;;;AAGG;AACK,IAAA,aAAa,CAAC,IAAyB,EAAA;AAC3C,QAAA,OAAO,CAAG,EAAA,gBAAgB,CAAK,EAAA,EAAA,IAAI,IAAI,uBAAuB,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAClF;;qHAvUQ,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EATtB,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,YAAA,EAAA,cAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,QAAA;AACI,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;AACvD,YAAA,KAAK,EAAE,IAAI;AACd,SAAA;QACD,uBAAuB,CAAC,wBAAwB,CAAC;AACpD,KAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrDL,8jHA4EA,EAAA,MAAA,EAAA,CAAA,kwZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,0CAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,mBAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADqNI,UAAA,CAAA;IADC,aAAa;;;;AAYb,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,IAAA,CAAA,CAAA;2FArPQ,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAfpC,SAAS;+BACI,qBAAqB,EAAA,aAAA,EAGhB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC;AACvD,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACD,wBAAA,uBAAuB,CAA0B,wBAAA,CAAA;AACpD,qBAAA,EAAA,QAAA,EAAA,8jHAAA,EAAA,MAAA,EAAA,CAAA,kwZAAA,CAAA,EAAA,CAAA;iIAOD,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAKN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,SAAS,EAAA,CAAA;sBAFR,KAAK;;sBACL,WAAW;uBAAC,iBAAiB,CAAA;gBAQ9B,cAAc,EAAA,CAAA;sBAFb,KAAK;;sBACL,WAAW;uBAAC,iBAAiB,CAAA;gBAW9B,QAAQ,EAAA,CAAA;sBAHP,KAAK;;sBACL,WAAW;uBAAC,mBAAmB,CAAA;;sBAC/B,WAAW;uBAAC,oBAAoB,CAAA;gBASjC,WAAW,EAAA,CAAA;sBAFV,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAOhC,iBAAiB,EAAA,CAAA;sBADpB,KAAK;gBAUN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAON,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAON,YAAY,EAAA,CAAA;sBADX,KAAK;gBAON,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAQN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAON,iBAAiB,EAAA,CAAA;sBADhB,KAAK;gBAON,SAAS,EAAA,CAAA;sBADR,KAAK;gBAMN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAON,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,oBAAoB,EAAA,CAAA;sBADnB,KAAK;gBAON,aAAa,EAAA,CAAA;sBADZ,MAAM;gBAuHP,sBAAsB,EAAA,EAAA,EAAA,EAAA,CAAA;;MErRb,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAJf,wBAAwB,EAAE,mBAAmB,aAClD,YAAY,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAC3B,wBAAwB,CAAA,EAAA,CAAA,CAAA;mHAEzB,qBAAqB,EAAA,OAAA,EAAA,CAHpB,YAAY,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;2FAG5B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,wBAAwB,EAAE,mBAAmB,CAAC;AAC7D,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;oBACtC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACtC,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"fundamental-ngx-core-rating-indicator.mjs","sources":["../../../../libs/core/src/lib/rating-indicator/constants.ts","../../../../libs/core/src/lib/rating-indicator/pipes/rating-star-label.pipe.ts","../../../../libs/core/src/lib/rating-indicator/components/rating-indicator.component.ts","../../../../libs/core/src/lib/rating-indicator/components/rating-indicator.component.html","../../../../libs/core/src/lib/rating-indicator/rating-indicator.module.ts","../../../../libs/core/src/lib/rating-indicator/fundamental-ngx-core-rating-indicator.ts"],"sourcesContent":["export const INDICATOR_PREFIX = 'fd-rating-indicator';\n\nexport const INDICATOR_CLASSES = {\n    halves: `${INDICATOR_PREFIX}--half-star`,\n    icon: `${INDICATOR_PREFIX}--icon`,\n    hideDynamicText: `${INDICATOR_PREFIX}--hide-dynamic-text`\n};\nexport const INDICATOR_DEFAULT_CAPACITY = 5;\n\nexport type RatingIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'cozy' | 'compact' | 'condensed';\nexport enum RatingIndicatorSizeEnum {\n    'xs',\n    'sm',\n    'md',\n    'lg',\n    'cozy',\n    'compact',\n    'condensed'\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'ratingStarLabel' })\nexport class RatingStarLabelPipe implements PipeTransform {\n    /** Transforms the value to a rating value string. */\n    transform(index: number, controlsCount: number, useHalves: boolean): string {\n        if (useHalves) {\n            return `${index / 2 + 0.5} of ${controlsCount / 2}`;\n        }\n        return `${index + 1} of ${controlsCount}`;\n    }\n}\n","import {\n    Component,\n    OnInit,\n    OnChanges,\n    Input,\n    Output,\n    EventEmitter,\n    ElementRef,\n    ChangeDetectionStrategy,\n    SimpleChanges,\n    HostBinding,\n    ViewEncapsulation,\n    ChangeDetectorRef,\n    forwardRef\n} from '@angular/core';\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {\n    INDICATOR_DEFAULT_CAPACITY,\n    INDICATOR_PREFIX,\n    INDICATOR_CLASSES,\n    RatingIndicatorSize,\n    RatingIndicatorSizeEnum\n} from '../constants';\nimport { CssClassBuilder, applyCssClass } from '@fundamental-ngx/core/utils';\nimport { Nullable } from '@fundamental-ngx/core/shared';\nimport { registerFormItemControl, FormItemControl } from '@fundamental-ngx/core/form';\n\nlet ratingUID = 0;\n\ninterface NumberKey<T> {\n    [key: number]: T;\n}\n\ninterface RatingViewItem {\n    rate: number;\n    votes: number;\n}\n\n@Component({\n    selector: 'fd-rating-indicator',\n    templateUrl: './rating-indicator.component.html',\n    styleUrls: ['./rating-indicator.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => RatingIndicatorComponent),\n            multi: true\n        },\n        registerFormItemControl(RatingIndicatorComponent)\n    ]\n})\nexport class RatingIndicatorComponent\n    implements OnInit, OnChanges, CssClassBuilder, ControlValueAccessor, FormItemControl\n{\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** Sets [name] attribute of input. */\n    @Input()\n    name: string;\n\n    /**\n     * Sets the aria-label attribute to the element.\n     */\n    @Input()\n    @HostBinding('attr.aria-label')\n    ariaLabel: Nullable<string>;\n\n    /**\n     * Sets the aria-labelledby attribute to the element.\n     */\n    @Input()\n    @HostBinding('attr.aria-label')\n    ariaLabelledBy: Nullable<string>;\n\n    /**\n     * Sets the aria-disabled attribute to the element.\n     * Sets the is-disabled class to the element.\n     * Whether the rating indicator is disabled\n     */\n    @Input()\n    @HostBinding('class.is-disabled')\n    @HostBinding('attr.aria-disabled')\n    disabled = false;\n\n    /**\n     * Sets the is-display-mode class to the element.\n     * Whether the rating indicator is in displayMode\n     */\n    @Input()\n    @HostBinding('class.is-display-mode')\n    displayMode = false;\n\n    /**\n     * Number of rates to display\n     */\n    @Input()\n    set indicatorCapacity(value: number) {\n        const val = coerceNumberProperty(value, INDICATOR_DEFAULT_CAPACITY);\n        this._indicatorCapacity = val < 1 ? INDICATOR_DEFAULT_CAPACITY : val;\n    }\n\n    /**\n     * Whether or not to display half values.\n     */\n    @Input()\n    allowHalves = false;\n\n    /**\n     * User's value number of ratings. If provided, Overrides ratingAverage.\n     */\n    @Input()\n    value = 0;\n\n    /**\n     * Total number of ratings. If provided, will display text showing the total number of ratings.\n     */\n    @Input()\n    totalRatings: number;\n\n    /**\n     * Rating average\n     */\n    @Input()\n    ratingAverage: number;\n\n    /**\n     * Object containing key-value pairs where the key is the rating and the value is the total sum of those ratings.\n     * Overrides totalRatings and ratingAverage.\n     */\n    @Input()\n    ratings: NumberKey<number>;\n\n    /**\n     * Whether or not to display the popover that shows the sum of each rating. Requires [ratings] object.\n     */\n    @Input()\n    displayAllRatings = false;\n\n    /**\n     * Icon class for rated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes\n     */\n    @Input()\n    ratedIcon: string;\n    /**\n     * Icon class for unrated icon from fundamental-styles lib https://sap.github.io/fundamental-styles/?path=/docs/components-icon--sizes\n     */\n    @Input()\n    unratedIcon: string;\n\n    /**\n     * Possible values are 'xs', 'sm', 'md', 'lg', 'cozy', 'compact', 'condensed'\n     */\n    @Input()\n    size: RatingIndicatorSize = 'md';\n\n    /**\n     * Text divider label between view value and indicator count.\n     */\n    @Input()\n    dynamicTextIndicator = 'of';\n\n    /**\n     * Fired when the user sets or changes their rating.\n     */\n    @Output()\n    ratingChanged = new EventEmitter<number>();\n\n    /** @hidden */\n    sizeClass = this._getSizeClass(this.size);\n    /** @hidden */\n    _rates: { id: string; value: number }[] = [];\n    /** @hidden */\n    _ratingItems: RatingViewItem[] = [];\n\n    /** @hidden */\n    private _ratingUID = ratingUID++;\n    /** @hidden */\n    private _indicatorCapacity = INDICATOR_DEFAULT_CAPACITY;\n    /** @hidden */\n    private _value = 0;\n    /** @hidden */\n    private _hideDynamicText = false;\n\n    /** @hidden */\n    constructor(private readonly _elementRef: ElementRef, private readonly _changeDetectorRef: ChangeDetectorRef) {}\n    /** @hidden */\n    get viewRatingUID(): number {\n        return this._ratingUID;\n    }\n    /** @hidden */\n    get indicatorCount(): number {\n        return this._indicatorCapacity;\n    }\n    /** @hidden */\n    get viewValue(): number {\n        return this._value;\n    }\n\n    /** @hidden */\n    onChange: (value: number) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._value = this._convertToValue();\n        this._rates = this._getRates();\n        this.buildComponentCssClass();\n        this._generateRatings();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\n            'class' in changes ||\n            'size' in changes ||\n            'ratedIcon' in changes ||\n            'unratedIcon' in changes ||\n            'allowHalves' in changes\n        ) {\n            this.buildComponentCssClass();\n        }\n        if ('value' in changes) {\n            this._value = this._convertToValue();\n        }\n        if ('indicatorCapacity' in changes) {\n            this._rates = this._getRates();\n        }\n        if ('allowHalves' in changes) {\n            this._value = this._convertToValue();\n            this._rates = this._getRates();\n        }\n\n        if ('ratings' in changes) {\n            this._generateRatings();\n        }\n    }\n\n    /** @hidden */\n    writeValue(value: number): void {\n        this._value = this._parseValue(value);\n        this._changeDetectorRef.markForCheck();\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (value: number) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /** @hidden */\n    trackByFn(index: number, item: { id: string; value: number }): number | string {\n        return item.id;\n    }\n\n    /** @hidden */\n    onSelect(value: number): void {\n        this.value = this._value = value;\n        this.onChange(value);\n        this.onTouched();\n        this.ratingChanged.emit(value);\n    }\n\n    /** @hidden */\n    elementRef(): ElementRef<RatingIndicatorComponent> {\n        return this._elementRef;\n    }\n\n    /** @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        this.sizeClass = this._getSizeClass(this.size);\n\n        return [\n            INDICATOR_PREFIX,\n            this.sizeClass,\n            this.allowHalves ? INDICATOR_CLASSES.halves : '',\n            !!this.ratedIcon && !!this.unratedIcon ? INDICATOR_CLASSES.icon : '',\n            this._hideDynamicText || !this._value ? INDICATOR_CLASSES.hideDynamicText : '',\n            this.class\n        ];\n    }\n\n    /**\n     * @hidden\n     * Generate rating items for popover content if rating object was defined\n     */\n    private _generateRatings(): void {\n        if (!this.ratings) {\n            return;\n        }\n        const ratings = Object.entries(this.ratings)\n            .filter(([rate, vote]) => {\n                const _rate = +rate;\n                return !isNaN(_rate) && !isNaN(+vote) && _rate > 0;\n            })\n            .map(([rate, votes]) => ({ rate: +rate, votes }));\n        if (ratings.length === 0) {\n            return;\n        }\n        const { totalVotes, totalRating } = ratings.reduce(\n            (total, rating) => ({\n                totalVotes: total.totalVotes + rating.votes,\n                totalRating: total.totalRating + rating.rate * rating.votes\n            }),\n            { totalVotes: 0, totalRating: 0 }\n        );\n\n        this._ratingItems = ratings;\n        this.ratingAverage = totalRating / totalVotes;\n        this.totalRatings = totalVotes;\n        this._value = this._convertToValue();\n    }\n    /**\n     * @hidden\n     * get converted viewValue for render in component template from original value if it still exists, or ratingAverage.\n     */\n    private _convertToValue(): number {\n        return this._parseValue(this.value || this.ratingAverage);\n    }\n    /**\n     * @hidden\n     * get converted value from original to view value with depends on halves\n     * For example,\n     *  original value is equal to 2.34, you will get and render 2\n     *  original value is equal to 3.74, you will get and render 4\n     */\n    private _parseValue(value: number): number {\n        if (!value || value === 0) {\n            return 0;\n        }\n        const integer = Math.floor(value);\n        const fractional = value % 1;\n        let v = integer;\n\n        if (this.allowHalves && fractional > 0.25 && fractional <= 0.5) {\n            v = integer + 0.5;\n        } else if (fractional > 0.5) {\n            v = integer + 1;\n        }\n\n        return Math.min(this.indicatorCount, v);\n    }\n    /**\n     * @hidden\n     * get rating icons array with value and unic id\n     */\n    private _getRates(): { id: string; value: number }[] {\n        const withHalves = this.allowHalves ? 2 : 1;\n        return Array(this.indicatorCount * withHalves)\n            .fill(`rating-${this._ratingUID}`)\n            .map((name, index) => ({\n                id: `${name}-${index + 1}`,\n                value: (index + 1) / withHalves\n            }));\n    }\n\n    /**\n     * @hidden\n     * get rating icons array with value and unic id\n     */\n    private _getSizeClass(size: RatingIndicatorSize): string {\n        return `${INDICATOR_PREFIX}--${size in RatingIndicatorSizeEnum ? size : 'md'}`;\n    }\n}\n","<!--  role=\"application\" is used in order to let user to change value with left/right arrows in JAWS, since JAWS ovverrides these actions -->\n<div class=\"fd-rating-indicator__container\" role=\"application\" aria-roledescription=\"Rating indicator\">\n    <!-- Zero value if we don't have provided value from user, `ratingAverage` or `ratings` -->\n    <ng-container *ngTemplateOutlet=\"zeroRate\"></ng-container>\n    <!-- Available rate values -->\n    <ng-container *ngFor=\"let rate of _rates; index as i; trackBy: trackByFn\">\n        <input\n            [attr.aria-label]=\"i | ratingStarLabel: _rates.length:allowHalves\"\n            role=\"button\"\n            type=\"radio\"\n            class=\"fd-rating-indicator__input\"\n            [disabled]=\"disabled\"\n            [id]=\"rate.id\"\n            name=\"rating-{{ viewRatingUID }}\"\n            [value]=\"rate.value\"\n            [checked]=\"viewValue === rate.value\"\n            (click)=\"onSelect(rate.value)\"\n        />\n        <label class=\"fd-rating-indicator__label\" [for]=\"rate.id\" aria-hidden=\"true\">\n            <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n            <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n        </label>\n    </ng-container>\n</div>\n<!-- Popover if displayAllRatings is true and we have ratings object -->\n<span\n    [fdPopoverTrigger]=\"allRatingContent\"\n    *ngIf=\"displayAllRatings && _ratingItems?.length; else dynamicText\"\n    class=\"fd-rating-indicator__dynamic-text\"\n>\n    (<span area-label=\"Total raiting\" fd-link>{{ totalRatings }}</span\n    >)\n</span>\n<fd-popover\n    #allRatingContent\n    [triggers]=\"['mouseenter', 'mouseleave']\"\n    [noArrow]=\"false\"\n    placement=\"top\"\n    additionalBodyClass=\"fd-rating-indicator__popover\"\n>\n    <div class=\"fd-rating-indicator__sum-row\" [class]=\"sizeClass\" *ngFor=\"let rating of _ratingItems\">\n        <div class=\"fd-rating-indicator__container\">\n            <ng-container *ngFor=\"let rate of _rates; trackBy: trackByFn\">\n                <span\n                    [class.fd-rating-indicator__input-checked]=\"rate.value === rating.rate\"\n                    class=\"fd-rating-indicator__input\"\n                ></span>\n                <label class=\"fd-rating-indicator__label\">\n                    <i *ngIf=\"ratedIcon\" class=\"fd-rating-indicator__label-rated\" [class]=\"unratedIcon\"></i>\n                    <i *ngIf=\"unratedIcon\" class=\"fd-rating-indicator__label-unrated\" [class]=\"ratedIcon\"></i>\n                </label>\n            </ng-container>\n        </div>\n        ({{ rating.votes }})\n    </div>\n</fd-popover>\n\n<ng-template #dynamicText>\n    <span *ngIf=\"totalRatings\" class=\"fd-rating-indicator__dynamic-text\">({{ totalRatings }})</span>\n    <span *ngIf=\"!totalRatings\" class=\"fd-rating-indicator__dynamic-text\"\n        >({{ viewValue }} {{ dynamicTextIndicator }} {{ indicatorCount }})</span\n    >\n</ng-template>\n<ng-template #zeroRate let-halves=\"halves\">\n    <input\n        aria-label=\"Reset to zero\"\n        role=\"button\"\n        type=\"radio\"\n        class=\"fd-rating-indicator__input fd-rating-indicator__input--zero-rating\"\n        (click)=\"onSelect(0)\"\n        [disabled]=\"disabled\"\n        name=\"rating-{{ viewRatingUID }}{{ halves ? '-halves' : '' }}\"\n        [checked]=\"viewValue === 0\"\n    />\n    <label class=\"fd-rating-indicator__label fd-rating-indicator__label--zero-rating\" aria-hidden=\"true\"></label>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { RatingIndicatorComponent } from './components/rating-indicator.component';\nimport { RatingStarLabelPipe } from './pipes/rating-star-label.pipe';\n\n@NgModule({\n    declarations: [RatingIndicatorComponent, RatingStarLabelPipe],\n    imports: [CommonModule, PopoverModule],\n    exports: [RatingIndicatorComponent]\n})\nexport class RatingIndicatorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i3.RatingStarLabelPipe"],"mappings":"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"}

package/fesm2020/fundamental-ngx-core-resizable-card-layout.mjs

@@ -535,11 +535,11 @@ class ResizableCardItemComponent {
         this._cd.markForCheck();
     }
 }
-ResizableCardItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ResizableCardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ResizableCardItemComponent, selector: "fd-resizable-card-item", inputs: { config: "config", itemId: "itemId", title: "title", rank: "rank", cardWidthColSpan: "cardWidthColSpan", cardHeightRowSpan: "cardHeightRowSpan", cardMiniHeaderRowSpan: "cardMiniHeaderRowSpan", cardMiniContentRowSpan: "cardMiniContentRowSpan", resizable: "resizable", left: "left", right: "right", top: "top" }, outputs: { resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "document: mouseup": "onMouseUp($event)" }, properties: { "style.left.px": "this.left", "style.right.px": "this.right", "style.top.px": "this.top", "style.z-index": "this.zIndex", "style.position": "this.position", "class.fd-resizable-card-layout__draw-transition": "this.reDrawAnimation" } }, ngImport: i0, template: "<div\n    class=\"fd-resizable-card-layout__item\"\n    [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n    #resizeCard\n>\n    <div\n        class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"cardWidth\"\n        [style.height.px]=\"cardHeight\"\n        (mouseenter)=\"showResizeIcon()\"\n        (mouseleave)=\"hideResizeIcon()\"\n    >\n        <div class=\"fd-resizable-card-layout__card\">\n            <ng-content></ng-content>\n\n            <ng-container *ngIf=\"showingResizeIcon\">\n                <div class=\"fd-resizable-card-layout__icon-wrapper\">\n                    <div\n                        class=\"fd-resizable-card-layout__icon\"\n                        #cornerHandle\n                        (mousedown)=\"onMouseDown($event, 'both')\"\n                    ></div>\n                </div>\n            </ng-container>\n        </div>\n\n        <ng-container *ngIf=\"resizable\">\n            <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div\n        class=\"fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"resizeIndicationBorderWidth\"\n        [style.height.px]=\"cardHeight\"\n    ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n    <div\n        #verticalHandle\n        class=\"fd-resizable-card-layout__resize--vertical\"\n        (mousedown)=\"onMouseDown($event, 'horizontal')\"\n    ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n    <div\n        #horizontalHandle\n        class=\"fd-resizable-card-layout__resize--horizontal\"\n        (mousedown)=\"onMouseDown($event, 'vertical')\"\n    ></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-resizable-card-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0 .5rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{-webkit-box-sizing:border-box;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:calc(100% - .0625rem);line-height:var(--sapContent_LineHeight);margin:0;order:1;padding:0;position:relative}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .0625rem .0625rem 0;position:absolute;right:0;width:1rem;z-index:2}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{left:0;padding:0 0 .0625rem .0625rem;right:auto}.fd-resizable-card-layout__icon{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:nwse-resize;font-family:var(--sapFontFamily);font-family:SAP-icons;font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;position:absolute;right:.0625rem;z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{content:\"\\e24f\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{-webkit-transform:rotate(90deg);cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem;position:relative;transform:rotate(90deg)}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:ew-resize;order:2;width:.0625rem;z-index:2}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{bottom:0;cursor:ns-resize;height:.0625rem;position:absolute;width:calc(100% - .5rem);z-index:2}.fd-resizable-card-layout__indication-border{-webkit-box-sizing:border-box;border:0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--lg,.fd-resizable-card-layout--md{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardItemComponent, decorators: [{
+ResizableCardItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ResizableCardItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ResizableCardItemComponent, selector: "fd-resizable-card-item", inputs: { config: "config", itemId: "itemId", title: "title", rank: "rank", cardWidthColSpan: "cardWidthColSpan", cardHeightRowSpan: "cardHeightRowSpan", cardMiniHeaderRowSpan: "cardMiniHeaderRowSpan", cardMiniContentRowSpan: "cardMiniContentRowSpan", resizable: "resizable", left: "left", right: "right", top: "top" }, outputs: { resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached" }, host: { listeners: { "window:mousemove": "onMouseMove($event)", "document: mouseup": "onMouseUp($event)" }, properties: { "style.left.px": "this.left", "style.right.px": "this.right", "style.top.px": "this.top", "style.z-index": "this.zIndex", "style.position": "this.position", "class.fd-resizable-card-layout__draw-transition": "this.reDrawAnimation" } }, ngImport: i0, template: "<div\n    class=\"fd-resizable-card-layout__item\"\n    [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n    #resizeCard\n>\n    <div\n        class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"cardWidth\"\n        [style.height.px]=\"cardHeight\"\n        (mouseenter)=\"showResizeIcon()\"\n        (mouseleave)=\"hideResizeIcon()\"\n    >\n        <div class=\"fd-resizable-card-layout__card\">\n            <ng-content></ng-content>\n\n            <ng-container *ngIf=\"showingResizeIcon\">\n                <div class=\"fd-resizable-card-layout__icon-wrapper\">\n                    <div\n                        class=\"fd-resizable-card-layout__icon\"\n                        #cornerHandle\n                        (mousedown)=\"onMouseDown($event, 'both')\"\n                    ></div>\n                </div>\n            </ng-container>\n        </div>\n\n        <ng-container *ngIf=\"resizable\">\n            <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div\n        class=\"fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"resizeIndicationBorderWidth\"\n        [style.height.px]=\"cardHeight\"\n    ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n    <div\n        #verticalHandle\n        class=\"fd-resizable-card-layout__resize--vertical\"\n        (mousedown)=\"onMouseDown($event, 'horizontal')\"\n    ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n    <div\n        #horizontalHandle\n        class=\"fd-resizable-card-layout__resize--horizontal\"\n        (mousedown)=\"onMouseDown($event, 'vertical')\"\n    ></div>\n</ng-template>\n", styles: ["@import\"~fundamental-styles/dist/resizable-card-layout.css\";.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-resizable-card-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"fd-resizable-card-layout__item\"\n    [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n    #resizeCard\n>\n    <div\n        class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"cardWidth\"\n        [style.height.px]=\"cardHeight\"\n        (mouseenter)=\"showResizeIcon()\"\n        (mouseleave)=\"hideResizeIcon()\"\n    >\n        <div class=\"fd-resizable-card-layout__card\">\n            <ng-content></ng-content>\n\n            <ng-container *ngIf=\"showingResizeIcon\">\n                <div class=\"fd-resizable-card-layout__icon-wrapper\">\n                    <div\n                        class=\"fd-resizable-card-layout__icon\"\n                        #cornerHandle\n                        (mousedown)=\"onMouseDown($event, 'both')\"\n                    ></div>\n                </div>\n            </ng-container>\n        </div>\n\n        <ng-container *ngIf=\"resizable\">\n            <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div\n        class=\"fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"resizeIndicationBorderWidth\"\n        [style.height.px]=\"cardHeight\"\n    ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n    <div\n        #verticalHandle\n        class=\"fd-resizable-card-layout__resize--vertical\"\n        (mousedown)=\"onMouseDown($event, 'horizontal')\"\n    ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n    <div\n        #horizontalHandle\n        class=\"fd-resizable-card-layout__resize--horizontal\"\n        (mousedown)=\"onMouseDown($event, 'vertical')\"\n    ></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-resizable-card-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0 .5rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{-webkit-box-sizing:border-box;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:calc(100% - .0625rem);line-height:var(--sapContent_LineHeight);margin:0;order:1;padding:0;position:relative}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .0625rem .0625rem 0;position:absolute;right:0;width:1rem;z-index:2}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{left:0;padding:0 0 .0625rem .0625rem;right:auto}.fd-resizable-card-layout__icon{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:nwse-resize;font-family:var(--sapFontFamily);font-family:SAP-icons;font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;position:absolute;right:.0625rem;z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{content:\"\\e24f\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{-webkit-transform:rotate(90deg);cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem;position:relative;transform:rotate(90deg)}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:ew-resize;order:2;width:.0625rem;z-index:2}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{bottom:0;cursor:ns-resize;height:.0625rem;position:absolute;width:calc(100% - .5rem);z-index:2}.fd-resizable-card-layout__indication-border{-webkit-box-sizing:border-box;border:0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--lg,.fd-resizable-card-layout--md{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"] }]
+            args: [{ selector: 'fd-resizable-card-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"fd-resizable-card-layout__item\"\n    [class.fd-resizable-card-layout__indication-border]=\"showBorder\"\n    #resizeCard\n>\n    <div\n        class=\"fd-resizable-card-layout__item--border-display fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"cardWidth\"\n        [style.height.px]=\"cardHeight\"\n        (mouseenter)=\"showResizeIcon()\"\n        (mouseleave)=\"hideResizeIcon()\"\n    >\n        <div class=\"fd-resizable-card-layout__card\">\n            <ng-content></ng-content>\n\n            <ng-container *ngIf=\"showingResizeIcon\">\n                <div class=\"fd-resizable-card-layout__icon-wrapper\">\n                    <div\n                        class=\"fd-resizable-card-layout__icon\"\n                        #cornerHandle\n                        (mousedown)=\"onMouseDown($event, 'both')\"\n                    ></div>\n                </div>\n            </ng-container>\n        </div>\n\n        <ng-container *ngIf=\"resizable\">\n            <ng-container *ngTemplateOutlet=\"verticalHandleTemplate\"></ng-container>\n            <ng-container *ngTemplateOutlet=\"horizontalHandleTemplate\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div\n        class=\"fd-resizable-card-layout__item--resize-transition\"\n        [style.width.px]=\"resizeIndicationBorderWidth\"\n        [style.height.px]=\"cardHeight\"\n    ></div>\n</div>\n\n<ng-template #verticalHandleTemplate>\n    <div\n        #verticalHandle\n        class=\"fd-resizable-card-layout__resize--vertical\"\n        (mousedown)=\"onMouseDown($event, 'horizontal')\"\n    ></div>\n</ng-template>\n\n<ng-template #horizontalHandleTemplate>\n    <div\n        #horizontalHandle\n        class=\"fd-resizable-card-layout__resize--horizontal\"\n        (mousedown)=\"onMouseDown($event, 'vertical')\"\n    ></div>\n</ng-template>\n", styles: ["@import\"~fundamental-styles/dist/resizable-card-layout.css\";.fd-resizable-card-layout__item--resize-transition{transition-duration:.25s;animation-timing-function:ease-in-out}.fd-resizable-card-layout__draw-transition{transition-duration:.5s;animation-timing-function:ease-in}.fd-resizable-card-layout__item--border-display{display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.RtlService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { config: [{
@@ -1117,11 +1117,11 @@ class ResizableCardLayoutComponent {
         this._rtlService?.rtl.pipe(takeUntil(this._destroy$)).subscribe(refreshDirection);
     }
 }
-ResizableCardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ResizableCardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ResizableCardLayoutComponent, selector: "fd-resizable-card-layout", inputs: { layoutConfig: "layoutConfig" }, outputs: { stepChange: "stepChange", resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached", layoutChange: "layoutChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, queries: [{ propertyName: "resizeCardItems", predicate: ResizableCardItemComponent }], ngImport: i0, template: "<div\n    #layout\n    class=\"fd-resizable-card-layout\"\n    [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n    [style.width.px]=\"layoutWidth\"\n    [style.height.px]=\"layoutHeight\"\n>\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-resizable-card-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0 .5rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{-webkit-box-sizing:border-box;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:calc(100% - .0625rem);line-height:var(--sapContent_LineHeight);margin:0;order:1;padding:0;position:relative}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .0625rem .0625rem 0;position:absolute;right:0;width:1rem;z-index:2}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{left:0;padding:0 0 .0625rem .0625rem;right:auto}.fd-resizable-card-layout__icon{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:nwse-resize;font-family:var(--sapFontFamily);font-family:SAP-icons;font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;position:absolute;right:.0625rem;z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{content:\"\\e24f\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{-webkit-transform:rotate(90deg);cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem;position:relative;transform:rotate(90deg)}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:ew-resize;order:2;width:.0625rem;z-index:2}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{bottom:0;cursor:ns-resize;height:.0625rem;position:absolute;width:calc(100% - .5rem);z-index:2}.fd-resizable-card-layout__indication-border{-webkit-box-sizing:border-box;border:0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--lg,.fd-resizable-card-layout--md{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutComponent, decorators: [{
+ResizableCardLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.RtlService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ResizableCardLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: ResizableCardLayoutComponent, selector: "fd-resizable-card-layout", inputs: { layoutConfig: "layoutConfig" }, outputs: { stepChange: "stepChange", resizing: "resizing", resized: "resized", miniHeaderReached: "miniHeaderReached", miniContentReached: "miniContentReached", layoutChange: "layoutChange" }, host: { listeners: { "keydown": "handleKeydown($event)", "window:resize": "onResize()" } }, queries: [{ propertyName: "resizeCardItems", predicate: ResizableCardItemComponent }], ngImport: i0, template: "<div\n    #layout\n    class=\"fd-resizable-card-layout\"\n    [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n    [style.width.px]=\"layoutWidth\"\n    [style.height.px]=\"layoutHeight\"\n>\n    <ng-content></ng-content>\n</div>\n", styles: ["@import\"~fundamental-styles/dist/resizable-card-layout.css\";\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-resizable-card-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #layout\n    class=\"fd-resizable-card-layout\"\n    [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n    [style.width.px]=\"layoutWidth\"\n    [style.height.px]=\"layoutHeight\"\n>\n    <ng-content></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\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-resizable-card-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:1rem 0 0;padding:0 .5rem;position:relative}.fd-resizable-card-layout:after,.fd-resizable-card-layout:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;position:relative}.fd-resizable-card-layout__item:after,.fd-resizable-card-layout__item:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__card{-webkit-box-sizing:border-box;-webkit-box-ordinal-group:2;-ms-flex-order:1;-webkit-box-flex:1;-ms-flex:1;border:0;box-sizing:border-box;color:var(--sapTextColor);flex:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:calc(100% - .0625rem);line-height:var(--sapContent_LineHeight);margin:0;order:1;padding:0;position:relative}.fd-resizable-card-layout__card:after,.fd-resizable-card-layout__card:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0 .0625rem .0625rem 0;position:absolute;right:0;width:1rem;z-index:2}.fd-resizable-card-layout__icon-wrapper:after,.fd-resizable-card-layout__icon-wrapper:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon-wrapper[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon-wrapper{left:0;padding:0 0 .0625rem .0625rem;right:auto}.fd-resizable-card-layout__icon{-webkit-box-sizing:border-box;border:0;bottom:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapButton_IconColor);cursor:nwse-resize;font-family:var(--sapFontFamily);font-family:SAP-icons;font-size:var(--sapFontSize);font-size:1rem;font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0;padding:0;position:absolute;right:.0625rem;z-index:2}.fd-resizable-card-layout__icon:after,.fd-resizable-card-layout__icon:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout__icon:before{content:\"\\e24f\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-resizable-card-layout__icon[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon{-webkit-transform:rotate(90deg);cursor:nesw-resize;padding:0 .0625rem .0625rem .5rem;position:relative;transform:rotate(90deg)}.fd-resizable-card-layout__icon--vertical,.fd-resizable-card-layout__icon--vertical[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--vertical{cursor:ns-resize}.fd-resizable-card-layout__icon--horizontal,.fd-resizable-card-layout__icon--horizontal[dir=rtl],[dir=rtl] .fd-resizable-card-layout__icon--horizontal{cursor:ew-resize}.fd-resizable-card-layout__resize--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;cursor:ew-resize;order:2;width:.0625rem;z-index:2}.fd-resizable-card-layout__resize--vertical::content{content:\"\";position:absolute}.fd-resizable-card-layout__resize--horizontal{bottom:0;cursor:ns-resize;height:.0625rem;position:absolute;width:calc(100% - .5rem);z-index:2}.fd-resizable-card-layout__indication-border{-webkit-box-sizing:border-box;border:0;border:.125rem dashed var(--sapContent_DragAndDropActiveColor);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-resizable-card-layout__indication-border:after,.fd-resizable-card-layout__indication-border:before{box-sizing:inherit;font-size:inherit}.fd-resizable-card-layout--sm{padding-left:.5rem;padding-right:.5rem}.fd-resizable-card-layout--lg,.fd-resizable-card-layout--md{padding-left:1rem;padding-right:1rem}.fd-resizable-card-layout--xl{padding-left:3rem;padding-right:3rem}\n"] }]
+            args: [{ selector: 'fd-resizable-card-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #layout\n    class=\"fd-resizable-card-layout\"\n    [class]=\"'fd-resizable-card-layout--' + layoutSize\"\n    [style.width.px]=\"layoutWidth\"\n    [style.height.px]=\"layoutHeight\"\n>\n    <ng-content></ng-content>\n</div>\n", styles: ["@import\"~fundamental-styles/dist/resizable-card-layout.css\";\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.RtlService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { layoutConfig: [{
@@ -1151,10 +1151,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 
 class ResizableCardLayoutModule {
 }
-ResizableCardLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ResizableCardLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutModule, declarations: [ResizableCardLayoutComponent, ResizableCardItemComponent], imports: [CommonModule, CardModule, DragDropModule], exports: [ResizableCardLayoutComponent, ResizableCardItemComponent] });
-ResizableCardLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutModule, imports: [CommonModule, CardModule, DragDropModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ResizableCardLayoutModule, decorators: [{
+ResizableCardLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ResizableCardLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutModule, declarations: [ResizableCardLayoutComponent, ResizableCardItemComponent], imports: [CommonModule, CardModule, DragDropModule], exports: [ResizableCardLayoutComponent, ResizableCardItemComponent] });
+ResizableCardLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutModule, imports: [CommonModule, CardModule, DragDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: ResizableCardLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, CardModule, DragDropModule],