gd-bs 5.5.5 → 5.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.5.5",
+    "version": "5.5.8",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/form/control.ts

@@ -110,6 +110,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: cbProps.colSize,
                     hideLabel: true,
                     isInline: cbProps.isInline,
                     isReadonly: this._props.isReadonly,
@@ -211,6 +212,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: cbMultiProps.colSize,
                     hideLabel: true,
                     isInline: cbMultiProps.isInline,
                     isReadonly: this._props.isReadonly,
@@ -256,6 +258,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
@@ -271,6 +274,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsMultiCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsMultiCheckbox).items,
@@ -300,6 +304,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,
@@ -345,6 +350,7 @@ export class FormControl implements IFormControl {
                 // Add the checkbox group
                 this._cb = CheckboxGroup({
                     className,
+                    colSize: (this._props as IFormControlPropsCheckbox).colSize,
                     hideLabel: true,
                     isReadonly: this._props.isReadonly,
                     items: (this._props as IFormControlPropsCheckbox).items,

package/src/components/form/controlTypes.d.ts

@@ -93,6 +93,7 @@ export interface IFormControlProps extends IBaseProps<IFormControl> {
  * Form Control Properties - Checkbox
  */
 export interface IFormControlPropsCheckbox extends IFormControlProps {
+    colSize?: number;
     el?: HTMLInputElement;
     hideLabel?: boolean;
     isInline?: boolean;
@@ -131,6 +132,7 @@ export interface IFormControlPropsListBox extends IFormControlProps {
  * Form Control Properties - Multiple Checkbox
  */
 export interface IFormControlPropsMultiCheckbox extends IFormControlProps {
+    colSize?: number;
     el?: HTMLInputElement;
     hideLabel?: boolean;
     isInline?: boolean;

package/src/components/nav/index.ts

@@ -17,6 +17,9 @@ class _Nav extends Base<INavProps> implements INav {
         // Configure the collapse
         this.configure(itemTemplate);
 
+        // Configure the events
+        this.configureEvents();
+
         // Configure the parent
         this.configureParent();
     }
@@ -38,8 +41,14 @@ class _Nav extends Base<INavProps> implements INav {
         this.renderItems(itemTemplate);
     }
 
-    // Configures the link event
-    private configureEvents(tab: NavLink) {
+    // Configure the events
+    private configureEvents() {
+        // Execute the event(s)
+        this.props.onRendered ? this.props.onRendered(this.el) : null;
+    }
+
+    // Configures the tab link event
+    private configureTabEvents(tab: NavLink) {
         // Add a click event
         tab.el.addEventListener("click", () => {
             let prevTab: INavLink = null;
@@ -88,7 +97,7 @@ class _Nav extends Base<INavProps> implements INav {
                 // See if we are rendering tabs
                 if (tabs) {
                     // Configure the events
-                    this.configureEvents(link);
+                    this.configureTabEvents(link);
 
                     // Add the tab content
                     tabs.appendChild(link.elTabContent);

package/src/components/nav/types.d.ts

@@ -93,6 +93,7 @@ export interface INavProps<T = Element> extends IBaseProps<INav> {
     isVertical?: boolean;
     onClick?: (newTab?: INavLink, prevTab?: INavLink) => void;
     onLinkRendered?: (el?: HTMLElement, item?: INavLinkProps) => void;
+    onRendered?: (el?: HTMLElement) => void;
     onTabRendered?: (el?: HTMLElement, item?: INavLinkProps) => void;
 }
 

package/src/components/navbar/index.ts

@@ -195,6 +195,9 @@ class _Navbar extends Base<INavbarProps> implements INavbar {
                 }
             });
         }
+
+        // Execute the event(s)
+        this.props.onRendered ? this.props.onRendered(this.el) : null;
     }
 
     // Configures search

package/src/components/navbar/types.d.ts

@@ -148,6 +148,7 @@ export interface INavbarProps<T = Element> extends IBaseProps<INavbar> {
     itemsEnd?: Array<INavbarItem>;
     onClick?: (item?: INavbarItem, ev?: Event) => void;
     onItemRendered?: (el?: HTMLElement, item?: INavbarItem) => void;
+    onRendered?: (el?: HTMLElement) => void;
     searchBox?: INavbarSearchBox;
     type?: number;
 }