gd-bs 6.6.3 → 6.6.5

package/package.json

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

package/src/components/dropdown/index.ts

@@ -12,6 +12,7 @@ import { HTML, HTMLForm, HTMLNavItem, HTMLSplit } from "./templates";
 /**
  * Dropdown Types
  */
+export const DropdownPlacements = PopoverPlacements;
 export const DropdownTypes = ButtonTypes;
 
 // Gets the template
@@ -253,7 +254,7 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
             // Create the props
             let props: IPopoverProps = {
                 target: toggle,
-                placement: PopoverPlacements.BottomStart,
+                placement: typeof (this.props.placement) === "number" ? this.props.placement : PopoverPlacements.BottomStart,
                 type: popoverType,
                 options: {
                     arrow: false,
@@ -417,7 +418,8 @@ class _Dropdown extends Base<IDropdownProps> implements IDropdown {
                     className: "m-2",
                     el: menu,
                     items: cbItems,
-                    multi: this.props.multi
+                    multi: this.props.multi,
+                    onChange: this.props.onChange
                 });
             } else {
                 let isForm = menu.nodeName == "SELECT";

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

@@ -48,7 +48,12 @@ export const Dropdown: (props: IDropdownProps, template?: string) => IDropdown;
 
 import { IBaseProps } from "../types";
 import { IButtonTypes } from "../button/types";
-import { IPopover, IPopoverProps } from "../popover/types";
+import { IPopover, IPopoverProps, IPopoverPlacements } from "../popover/types";
+
+/**
+ * Dropdown Placements
+ */
+export const DropdownPlacements: IPopoverPlacements;
 
 /**
  * Dropdown Types
@@ -147,6 +152,7 @@ export interface IDropdownProps extends IBaseProps<IDropdown> {
     navFl?: boolean;
     onChange?: (item?: IDropdownItem | Array<IDropdownItem>, ev?: Event) => void;
     onMenuRendering?: (props: IPopoverProps) => IPopoverProps;
+    placement?: number;
     required?: boolean;
     title?: string;
     type?: number;

package/src/components/form/control.ts

@@ -1,6 +1,9 @@
 import {
-    IFormControl, IFormControlProps, IFormControlPropsCheckbox, IFormControlPropsDropdown, IFormControlPropsListBox,
-    IFormControlPropsMultiCheckbox, IFormControlPropsMultiDropdown, IFormControlPropsMultiListBox, IFormControlPropsMultiSwitch,
+    IFormControl, IFormControlProps, IFormControlPropsCheckbox,
+    IFormControlPropsDropdown, IFormControlPropsDropdownButton, IFormControlPropsDropdownCheckbox,
+    IFormControlPropsListBox, IFormControlPropsMultiCheckbox,
+    IFormControlPropsMultiDropdown, IFormControlPropsMultiDropdownButton, IFormControlPropsMultiDropdownCheckbox,
+    IFormControlPropsMultiListBox, IFormControlPropsMultiSwitch,
     IFormControlPropsRange, IFormControlPropsTextField, IFormControlValidationResult
 } from "./controlTypes";
 import { ICheckboxGroup } from "../checkboxGroup/types";
@@ -185,9 +188,11 @@ export class FormControl implements IFormControl {
                     formFl: false,
                     id: this._props.id,
                     isReadonly: this._props.isReadonly,
-                    items: (this._props as IFormControlPropsDropdown).items,
-                    onChange: (this._props as IFormControlPropsDropdown).onChange,
-                    onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    items: (this._props as IFormControlPropsDropdownButton).items,
+                    label: (this.props as IFormControlPropsDropdownButton).placeholder,
+                    onChange: (this._props as IFormControlPropsDropdownButton).onChange,
+                    onMenuRendering: (this._props as IFormControlPropsDropdownButton).onMenuRendering,
+                    placement: (this._props as IFormControlPropsDropdownButton).placement,
                     required: this._props.required,
                     title: this._props.title,
                     value
@@ -202,9 +207,11 @@ export class FormControl implements IFormControl {
                     id: this._props.id,
                     isCheckbox: true,
                     isReadonly: this._props.isReadonly,
-                    items: (this._props as IFormControlPropsDropdown).items,
-                    onChange: (this._props as IFormControlPropsDropdown).onChange,
-                    onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    items: (this._props as IFormControlPropsDropdownCheckbox).items,
+                    label: (this.props as IFormControlPropsDropdownCheckbox).placeholder,
+                    onChange: (this._props as IFormControlPropsDropdownCheckbox).onChange,
+                    onMenuRendering: (this._props as IFormControlPropsDropdownCheckbox).onMenuRendering,
+                    placement: (this._props as IFormControlPropsDropdownCheckbox).placement,
                     required: this._props.required,
                     title: this._props.title,
                     value
@@ -288,10 +295,10 @@ export class FormControl implements IFormControl {
                     formFl: true,
                     id: this._props.id,
                     isReadonly: this._props.isReadonly,
-                    items: (this._props as IFormControlPropsDropdown).items,
+                    items: (this._props as IFormControlPropsMultiDropdown).items,
                     multi: true,
-                    onChange: (this._props as IFormControlPropsDropdown).onChange,
-                    onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    onChange: (this._props as IFormControlPropsMultiDropdown).onChange,
+                    onMenuRendering: (this._props as IFormControlPropsMultiDropdown).onMenuRendering,
                     required: this._props.required,
                     title: this._props.title,
                     value
@@ -305,10 +312,12 @@ export class FormControl implements IFormControl {
                     formFl: false,
                     id: this._props.id,
                     isReadonly: this._props.isReadonly,
-                    items: (this._props as IFormControlPropsDropdown).items,
+                    items: (this._props as IFormControlPropsMultiDropdownButton).items,
+                    label: (this._props as IFormControlPropsMultiDropdownButton).placeholder,
                     multi: true,
-                    onChange: (this._props as IFormControlPropsDropdown).onChange,
-                    onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    onChange: (this._props as IFormControlPropsMultiDropdownButton).onChange,
+                    onMenuRendering: (this._props as IFormControlPropsMultiDropdownButton).onMenuRendering,
+                    placement: (this._props as IFormControlPropsMultiDropdownButton).placement,
                     required: this._props.required,
                     title: this._props.title,
                     value
@@ -323,10 +332,12 @@ export class FormControl implements IFormControl {
                     id: this._props.id,
                     isCheckbox: true,
                     isReadonly: this._props.isReadonly,
-                    items: (this._props as IFormControlPropsDropdown).items,
+                    items: (this._props as IFormControlPropsMultiDropdownCheckbox).items,
+                    label: (this._props as IFormControlPropsMultiDropdownCheckbox).placeholder,
                     multi: true,
-                    onChange: (this._props as IFormControlPropsDropdown).onChange,
-                    onMenuRendering: (this._props as IFormControlPropsDropdown).onMenuRendering,
+                    onChange: (this._props as IFormControlPropsMultiDropdownCheckbox).onChange,
+                    onMenuRendering: (this._props as IFormControlPropsMultiDropdownCheckbox).onMenuRendering,
+                    placement: (this._props as IFormControlPropsMultiDropdownCheckbox).placement,
                     required: this._props.required,
                     title: this._props.title,
                     value

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

@@ -119,6 +119,19 @@ export interface IFormControlPropsDropdown extends IFormControlProps {
     onValidate?: (control: IFormControlPropsDropdown, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
 }
 
+/**
+ * Form Control Properties - Dropdown Button
+ */
+export interface IFormControlPropsDropdownButton extends IFormControlPropsDropdown {
+    placeholder?: string;
+    placement?: number;
+}
+
+/**
+ * Form Control Properties - Dropdown Checkbox
+ */
+export interface IFormControlPropsDropdownCheckbox extends IFormControlPropsDropdownButton { }
+
 /**
  * Form Control Properties - List Box
  */
@@ -159,6 +172,19 @@ export interface IFormControlPropsMultiDropdown extends IFormControlProps {
     onValidate?: (control: IFormControlPropsDropdown, value: IFormControlValidationResult) => boolean | IFormControlValidationResult;
 }
 
+/**
+ * Form Control Properties - Multiple Dropdown Button
+ */
+export interface IFormControlPropsMultiDropdownButton extends IFormControlPropsMultiDropdown {
+    placeholder?: string;
+    placement?: number;
+}
+
+/**
+ * Form Control Properties - Multiple Dropdown Checkbox
+ */
+export interface IFormControlPropsMultiDropdownCheckbox extends IFormControlPropsMultiDropdownButton { }
+
 /**
  * Form Control Properties - Multiple List Box
  */