@fundamental-ngx/core 0.33.4-rc.1 → 0.33.4-rc.10

package/README.md

@@ -1,9 +1,7 @@
 # @Fundamental-NGX/Core
 
 [![npm version](https://badge.fury.io/js/%40fundamental-ngx%2Fcore.svg)](//www.npmjs.com/package/@fundamental-ngx/core)
-[![Minified Size](https://badgen.net/bundlephobia/min/%40fundamental-ngx%2Fcore)](https://bundlephobia.com/result?p=%40fundamental-ngx%2Fcore)
-[![Minzipped Size](https://badgen.net/bundlephobia/minzip/%40fundamental-ngx%2Fcore)](https://bundlephobia.com/result?p=%40fundamental-ngx%2Fcore)
-[![Build Status](https://travis-ci.org/SAP/fundamental-ngx.svg?branch=main)](https://travis-ci.org/SAP/fundamental-ngx)
+![Build Status](https://github.com/SAP/fundamental-ngx/actions/workflows/on-push-or-pull.yml/badge.svg?branch=main)
 [![Coverage Status](https://coveralls.io/repos/github/SAP/fundamental-ngx/badge.svg?branch=main)](https://coveralls.io/github/SAP/fundamental-ngx?branch=main)
 [![Slack](https://img.shields.io/badge/slack-ui--fundamentals-blue.svg?logo=slack)](https://ui-fundamentals.slack.com)
 [![REUSE status](https://api.reuse.software/badge/github.com/SAP/fundamental-ngx)](https://api.reuse.software/info/github.com/SAP/fundamental-ngx)

package/action-bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-bar",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/action-sheet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/action-sheet",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/alert",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/avatar-group/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/avatar-group",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/bar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/bar",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/breadcrumb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/breadcrumb",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/busy-indicator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/busy-indicator",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/button",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/calendar",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/card",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/carousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core/carousel",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.10",
   "peerDependencies": {
     "@angular/common": "^13,.0.0",
     "@angular/core": "^13,.0.0"

package/checkbox/checkbox/checkbox.component.d.ts

@@ -1,24 +1,26 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FdCheckboxValues } from './fd-checkbox-values.interface';
-import { Platform } from '@angular/cdk/platform';
 import { ListItemInterface, ContentDensityService } from '@fundamental-ngx/core/utils';
 import { FormStates } from '@fundamental-ngx/core/shared';
 import * as i0 from "@angular/core";
-export declare type fdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';
+export declare type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';
 export declare class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    elementRef: ElementRef;
+    elementRef: ElementRef<Element>;
     tabIndexValue: number;
-    private _platform;
     private _changeDetectorRef;
+    private renderer;
     private _contentDensityService;
     private _listItemComponent;
     /** @hidden */
-    inputLabel: ElementRef;
+    inputElement: ElementRef<HTMLInputElement>;
     /** @hidden */
     labelElement: ElementRef;
     /** Sets the `aria-label` attribute to the element. */
     ariaLabel: string;
+    /** Current selection state of the checkbox component */
+    set value(value: any);
+    get value(): any;
     /** Sets the `aria-labelledby` attribute to the element. */
     ariaLabelledBy: any;
     /** Sets the `aria-describedby` attribute to the element. */
@@ -60,60 +62,53 @@ export declare class CheckboxComponent implements ControlValueAccessor, OnInit,
     /** Stores current checkbox value. */
     checkboxValue: any;
     /** Stores current checkbox state. */
-    checkboxState: fdCheckboxTypes;
-    /** @hidden */
-    private _previousState;
+    checkboxState: FdCheckboxTypes;
     /** @hidden Reference to callback provided by FormControl.*/
     onTouched: () => void;
     /** @hidden Reference to callback provided by FormControl.*/
     onValueChange: (value: any) => void;
+    /** @hidden Used to define if control is in 'indeterminate' state.*/
+    get isIndeterminate(): boolean;
+    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
+    get isChecked(): boolean;
     /** @hidden */
-    constructor(elementRef: ElementRef, tabIndexValue: number, _platform: Platform, _changeDetectorRef: ChangeDetectorRef, _contentDensityService: ContentDensityService, _listItemComponent: ListItemInterface);
+    constructor(elementRef: ElementRef<Element>, tabIndexValue: number, _changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, _contentDensityService: ContentDensityService, _listItemComponent: ListItemInterface);
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
     ngOnDestroy(): void;
-    /** @hidden Used to define if control is in 'indeterminate' state.*/
-    get isIndeterminate(): boolean;
-    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
-    get isChecked(): boolean;
-    /** @hidden ControlValueAccessor interface
+    /**
+     * @hidden ControlValueAccessor interface
      * - sets new control value
      * - updates control state
-     * */
+     */
     writeValue(value: any): void;
     /** @hidden ControlValueAccessor interface method - sets onValueChange callback.*/
     registerOnChange(fn: any): void;
-    /** @hidden prevent event from propagating */
-    muteKey(event: KeyboardEvent | MouseEvent): void;
     /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/
     registerOnTouched(fn: any): void;
     /** @hidden Called by FormControl - used to disable / enable control.*/
     setDisabledState(disabled: boolean): void;
-    /** @hidden Updates checkbox Indeterminate state on mouse click on IE11 */
-    checkByClick(event: MouseEvent): void;
-    /** @hidden Updates checkbox Indeterminate state on space bar key on IE11 */
-    checkByKey(event: KeyboardEvent): void;
-    /** @hidden Based on current control state:
+    /**
+     * @hidden
+     * Based on current control state:
      * - sets next control value
      * - emits new control value
      * - updates control state based on new control value
      * */
-    nextValue(previousValue?: fdCheckboxTypes): void;
-    /** Space event should be handled separately, when used inside list component and in firefox browser */
-    handleInputKeyUp(event: KeyboardEvent): void;
-    /** Handles blur event */
-    onBlur(): void;
-    /** Handles focus event */
-    onFocus(): void;
+    nextValue(previousValue?: FdCheckboxTypes): void;
+    /** @hidden handles blur event */
+    _onBlur(): void;
+    /** @hidden handles focus event */
+    _onFocus(): void;
+    /** @hidden handles click on the label associated with native checkbox input */
+    _onLabelClick(event: Event): void;
+    /** @hidden handles click on the native checkbox input */
+    _onInputClick(event: PointerEvent): void;
     /** @hidden Based on current control value sets new control state. */
     private _setState;
-    /** @hidden */
-    private _nextValueEvent;
-    /** @hidden Determines event source based on key code */
-    private _isSpaceBarEvent;
     /** Method to trigger change detection in component */
     private _detectChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [null, { attribute: "tabIndexValue"; }, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "fd-checkbox", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaDescribedBy": "ariaDescribedBy"; "title": "title"; "inputId": "inputId"; "state": "state"; "name": "name"; "label": "label"; "disabled": "disabled"; "compact": "compact"; "tristate": "tristate"; "tristateSelectable": "tristateSelectable"; "labelClass": "labelClass"; "required": "required"; "_values": "values"; }, { "focusChange": "focusChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "fd-checkbox", never, { "ariaLabel": "ariaLabel"; "value": "value"; "ariaLabelledBy": "ariaLabelledBy"; "ariaDescribedBy": "ariaDescribedBy"; "title": "title"; "inputId": "inputId"; "state": "state"; "name": "name"; "label": "label"; "disabled": "disabled"; "compact": "compact"; "tristate": "tristate"; "tristateSelectable": "tristateSelectable"; "labelClass": "labelClass"; "required": "required"; "_values": "values"; }, { "focusChange": "focusChange"; }, never, ["*"]>;
 }