v20.3.47 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -2,38 +2,18 @@
 
 ## [Unreleased]
 
-## 20.2.50 (2022-09-20)
+## 20.3.47 (2022-09-29)
 
 ### Common
 
-#### Bug Fixes
-
-`I396002` - Resolved `ngFor` not working inside the `ng template`with Array based `directives`.
-
-## 20.2.48 (2022-09-06)
-
-### Common
-
-#### Bug Fixes
-
-`I397712` - Resolved Reactive Form `Control` and `Group` not working issue.
-
-## 20.2.46 (2022-08-30)
-
-### Common
-
-#### Bug Fixes
-
-`I331403,I334510` - Resolved `dynamic property` change not working for complex directives.
-`I356669` - Resolved script error Converting circular structure to JSON.
-
-## 20.2.43 (2022-08-08)
+#### New Features
 
-### Common
+- Provided the schematic ng add support for Syncfusion Angular IVY packages.
 
 #### Bug Fixes
 
-- `I391967,I393562` - Resolved components not loaded inside the `ng template`.
+- `#I358566` - The issue with the `ng-template` not working in the Karma unit test has been resolved.
+- `#I392021` - The issue with the "Gantt header template image is not shown in the stack blitz sample" has been resolved.
 
 ## 20.2.36 (2022-06-30)
 
@@ -50,10 +30,10 @@
 - Provided the TypeScript 4.7 compatible support for the Angular components.
 - Provided the option to register the license key by using the `npx` command. Follow these steps to register the license using the `npx` command:
 
-| The `npx` command |
+| The `npx` command | 
 |---|
-| Install the Syncfusion packages from `npm`. |
-| Add the license key either in the environment variable `SYNCFUSION_LICENSE` or in the `syncfusion-license.txt` text file. |
+| Install the Syncfusion packages from `npm`. | 
+| Add the license key either in the environment variable `SYNCFUSION_LICENSE` or in the `syncfusion-license.txt` text file. | 
 | Run the command `npx syncfusion-license activate` to automatically register the license. |
 
 ## 19.1.56 (2021-04-13)

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "20.2.48",
+	"version": "19.9.0",
 	"description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/src/form-base.ts

@@ -92,7 +92,7 @@ export class FormBase<T> implements ControlValueAccessor {
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005
         // Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler
-        // setTimeout(() => {
+        setTimeout(() => {
         /* istanbul ignore else */
         if (typeof window !== 'undefined') {
             tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
@@ -101,7 +101,7 @@ export class FormBase<T> implements ControlValueAccessor {
             ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));
         }
         this.isFormInit = false;
-        // });
+        });
     }
     public setDisabledState(disabled: boolean): void {
         this.enabled = !disabled;

components/base/src/template.ts

@@ -21,7 +21,7 @@ export function compile(templateEle: AngularElementType, helper?: Object):
             /* istanbul ignore next */
             let conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
             let viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
-            viewRef.markForCheck();
+            viewRef.detectChanges();
             /* istanbul ignore next */
             let viewCollection: { [key: string]: EmbeddedViewRef<Object>[] } = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);

components/base/src/util.ts

@@ -140,4 +140,4 @@ export interface PropertyDetails {
     propertyName: string;
     type: FunctionConstructor | Object;
     defaultValue: Object;
-}
+}

components/buttons/CHANGELOG.md

@@ -2,29 +2,41 @@
 
 ## [Unreleased]
 
-## 20.2.46 (2022-08-30)
+## 20.3.47 (2022-09-29)
 
-### Checkbox
+### Floating Action Button `Preview`
 
-#### Bug Fixes
+The Floating Action Button (FAB) component performs the primary action that appears in front of all screen contents. It can be positioned in relation to a page or a target container.
 
-- `#I399484` - The issue with aria-checked accessibility issue in angular checkbox has been fixed.
 
-## 20.2.43 (2022-08-08)
+- **Rendering** - The FAB component can be rendered as Icon only, Icon with Label, Label only, or in a disabled state.
+- **Positioning** - Supports to place various built-in positions on the target element.
+- **Styles** - The appearance of the FAB can be customized using predefined styles.
+- **Accessibility** - The FAB provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
+
+### Speed Dial `Preview`
+
+The Speed Dial component is an extension of the floating action button that displays a list of action buttons when clicked. It is useful when there is more than one primary action for the page.
+
+
+- **Rendering** - The Speed Dial component can be rendered in two display modes: Linear and Radial.
+- **Positioning** - Supports to place various built-in positions on the target element.
+- **Styles** - The appearance of the Speed Dial can be customized using predefined styles.
+- **Template Support** - The Speed Dial component action items and popup container can also be rendered with custom templates.
+- **Modal Support** - Supports showing a modal overlay behind the Speed Dial.
+- **Accessibility** - The Speed Dial provides built-in compliance with the `WAI-ARIA` specifications and it is achieved through attributes.
 
 ### Switch
 
 #### Bug Fixes
 
 - `#384387` - The issue with "Switch component click event trigger two times when we handling enable/disable dynamically" has been resolved.
 
-## 20.2.36 (2022-06-30)
-
 ### Checkbox
 
 #### Bug Fixes
 
-- `F379986` - The issue with "Screen reader reads checkbox field twice for tab keypress" has been resolved.
+- `#I399484` - The issue with aria-checked accessibility issue in angular checkbox has been fixed.
 
 ## 19.2.47 (2021-07-13)
 

components/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-buttons",
-	"version": "20.2.46",
+	"version": "18.44.0",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -67,13 +67,22 @@
 		"form control",
 		"form controls",
 		"input",
+		"fab",
+		"floating button",
+		"floating action button",
+		"speeddial",
+		"floating menu",
 		"angular",
 		"ng",
 		"ej2-ng-buttons",
 		"ng-button",
 		"ng-checkbox",
 		"ng-radiobutton",
-		"ng-switch"
+		"ng-switch",
+		"ng-fab",
+		"angular-fab",
+		"ng-speeddial",
+		"angular-speeddial"
 	],
 	"repository": {
 		"type": "git",

components/buttons/src/floating-action-button/fab-all.module.ts

@@ -0,0 +1,22 @@
+import { NgModule, ValueProvider } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FabComponent } from './fab.component';
+import { FabModule } from './fab.module';
+
+
+
+
+
+/**
+ * NgModule definition for the Fab component with providers.
+ */
+@NgModule({
+    imports: [CommonModule, FabModule],
+    exports: [
+        FabModule
+    ],
+    providers:[
+        
+    ]
+})
+export class FabAllModule { }

components/buttons/src/floating-action-button/fab.component.ts

@@ -0,0 +1,66 @@
+import { Component, ElementRef, ViewContainerRef, Renderer2, Injector, ChangeDetectionStrategy, QueryList, ValueProvider } from '@angular/core';
+import { ComponentBase, ComponentMixins, IComponentBase, applyMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';
+import { Fab } from '@syncfusion/ej2-buttons';
+
+
+
+export const inputs: string[] = ['content','cssClass','disabled','enableHtmlSanitizer','enablePersistence','enableRtl','iconCss','iconPosition','isPrimary','isToggle','locale','position','target','visible'];
+export const outputs: string[] = ['created'];
+export const twoWays: string[] = [];
+
+/**
+ * Represents the Angular Fab Component.
+ * ```html
+ * <button ejs-fab content='fab'></button>
+ * ```
+ */
+@Component({
+    selector: '[ejs-fab]',
+    inputs: inputs,
+    outputs: outputs,
+    template: `<ng-content ></ng-content>`,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    queries: {
+
+    }
+})
+@ComponentMixins([ComponentBase])
+export class FabComponent extends Fab implements IComponentBase {
+    public containerContext : any;
+    public tagObjects: any;
+	public created: any;
+
+
+
+    constructor(private ngEle: ElementRef, private srenderer: Renderer2, private viewContainerRef:ViewContainerRef, private injector: Injector) {
+        super();
+        this.element = this.ngEle.nativeElement;
+        this.injectedModules = this.injectedModules || [];
+
+        this.registerEvents(outputs);
+        this.addTwoWay.call(this, twoWays);
+        setValue('currentInstance', this, this.viewContainerRef);
+        this.containerContext  = new ComponentBase();
+    }
+
+    public ngOnInit() {
+        this.containerContext.ngOnInit(this);
+    }
+
+    public ngAfterViewInit(): void {
+        this.containerContext.ngAfterViewInit(this);
+    }
+
+    public ngOnDestroy(): void {
+        this.containerContext.ngOnDestroy(this);
+    }
+
+    public ngAfterContentChecked(): void {
+        
+        this.containerContext.ngAfterContentChecked(this);
+    }
+
+    public registerEvents: (eventList: string[]) => void;
+    public addTwoWay: (propList: string[]) => void;
+}
+

components/buttons/src/floating-action-button/fab.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FabComponent } from './fab.component';
+
+/**
+ * NgModule definition for the Fab component.
+ */
+@NgModule({
+    imports: [CommonModule],
+    declarations: [
+        FabComponent
+    ],
+    exports: [
+        FabComponent
+    ]
+})
+export class FabModule { }

components/buttons/src/floating-action-button/index.ts

@@ -0,0 +1,3 @@
+export { FabComponent} from './fab.component';
+export { FabModule } from './fab.module';
+export { FabAllModule } from './fab-all.module';

components/buttons/src/index.ts

@@ -14,4 +14,11 @@ export {ChipDirective,ChipsDirective} from './chips/chips.directive';
 export { ChipListComponent} from './chips/chiplist.component';
 export { ChipListModule } from './chips/chiplist.module';
 export { ChipListAllModule } from './chips/chiplist-all.module';
+export { FabComponent} from './floating-action-button/fab.component';
+export { FabModule } from './floating-action-button/fab.module';
+export { FabAllModule } from './floating-action-button/fab-all.module';
+export {SpeedDialItemDirective,SpeedDialItemsDirective} from './speed-dial/items.directive';
+export { SpeedDialComponent} from './speed-dial/speeddial.component';
+export { SpeedDialModule } from './speed-dial/speeddial.module';
+export { SpeedDialAllModule } from './speed-dial/speeddial-all.module';
 export * from '@syncfusion/ej2-buttons';

components/buttons/src/speed-dial/index.ts

@@ -0,0 +1,4 @@
+export {SpeedDialItemDirective,SpeedDialItemsDirective} from './items.directive';
+export { SpeedDialComponent} from './speeddial.component';
+export { SpeedDialModule } from './speeddial.module';
+export { SpeedDialAllModule } from './speeddial-all.module';