gd-bs 6.6.4 → 6.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.6.4",
+    "version": "6.6.6",
     "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,11 @@ 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 ? (values, ev) => {
+                        // Pass the current values
+                        this.props.onChange(this.getValue(), ev);
+                    } : null
                 });
             } 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

@@ -192,6 +192,7 @@ export class FormControl implements IFormControl {
                     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
@@ -210,6 +211,7 @@ export class FormControl implements IFormControl {
                     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
@@ -315,6 +317,7 @@ export class FormControl implements IFormControl {
                     multi: true,
                     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
@@ -334,6 +337,7 @@ export class FormControl implements IFormControl {
                     multi: true,
                     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

@@ -124,6 +124,7 @@ export interface IFormControlPropsDropdown extends IFormControlProps {
  */
 export interface IFormControlPropsDropdownButton extends IFormControlPropsDropdown {
     placeholder?: string;
+    placement?: number;
 }
 
 /**
@@ -176,6 +177,7 @@ export interface IFormControlPropsMultiDropdown extends IFormControlProps {
  */
 export interface IFormControlPropsMultiDropdownButton extends IFormControlPropsMultiDropdown {
     placeholder?: string;
+    placement?: number;
 }
 
 /**