gd-bs 6.2.1 → 6.2.2

package/dist/gd-bs.d.ts

@@ -88,7 +88,7 @@ declare module 'gd-bs/components/accordion/types' {
     /**
         * Accordion Item
         */
-    export interface IAccordionItem<T = Element> {
+    export interface IAccordionItem<T = HTMLElement> {
             data?: any;
             className?: string;
             content?: string | T;
@@ -101,7 +101,7 @@ declare module 'gd-bs/components/accordion/types' {
     /**
         * Accordion Properties
         */
-    export interface IAccordionProps<T = Element> extends IBaseProps<IAccordion> {
+    export interface IAccordionProps<T = HTMLElement> extends IBaseProps<IAccordion> {
             autoCollapse?: boolean;
             id?: string;
             items?: Array<IAccordionItem<T>>;
@@ -153,7 +153,7 @@ declare module 'gd-bs/components/alert/types' {
     /**
         * Alert Properties
         */
-    export interface IAlertProps<T = Element> extends IBaseProps<IAlert> {
+    export interface IAlertProps<T = HTMLElement> extends IBaseProps<IAlert> {
             content?: string | T;
             data?: any;
             header?: string;
@@ -271,7 +271,7 @@ declare module 'gd-bs/components/breadcrumb/types' {
             add: (item: IBreadcrumbItem) => void;
     
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the breadcrumb. */
             hide: () => void;
@@ -398,7 +398,7 @@ declare module 'gd-bs/components/button/types' {
             href?: string;
             iconClassName?: string;
             iconSize?: number;
-            iconType?: Function;
+            iconType?: HTMLElement | Function;
             id?: string;
             isBlock?: boolean;
             isDisabled?: boolean;
@@ -474,7 +474,7 @@ declare module 'gd-bs/components/buttonGroup/types' {
         */
     export interface IButtonGroup {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Adds a button to the group. */
             add: (props: IButtonProps, btnTemplate?: string) => void;
@@ -541,7 +541,7 @@ declare module 'gd-bs/components/card/types' {
         */
     export interface ICard {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the card. */
             hide: () => void;
@@ -669,7 +669,7 @@ declare module 'gd-bs/components/cardGroup/types' {
         */
     export interface ICardGroup {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the card group. */
             hide: () => void;
@@ -736,7 +736,7 @@ declare module 'gd-bs/components/carousel/types' {
             cycle: () => void;
     
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the carousel. */
             hide: () => void;
@@ -769,7 +769,7 @@ declare module 'gd-bs/components/carousel/types' {
     /**
         * Carousel Item
         */
-    export interface ICarouselItem<T = Element> {
+    export interface ICarouselItem<T = HTMLElement> {
             captions?: string;
             className?: string;
             content?: string | T;
@@ -793,7 +793,7 @@ declare module 'gd-bs/components/carousel/types' {
     /**
         * Carousel Properties
         */
-    export interface ICarouselProps<T = Element> extends IBaseProps<ICarousel> {
+    export interface ICarouselProps<T = HTMLElement> extends IBaseProps<ICarousel> {
             enableControls?: boolean;
             enableCrossfade?: boolean;
             enableIndicators?: boolean;
@@ -934,7 +934,7 @@ declare module 'gd-bs/components/collapse/types' {
         */
     export interface ICollapse {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides a collapsible element. */
             hide: () => void;
@@ -959,7 +959,7 @@ declare module 'gd-bs/components/collapse/types' {
     /**
         * Collapse Properties
         */
-    export interface ICollapseProps<T = Element> extends IBaseProps<ICollapse> {
+    export interface ICollapseProps<T = HTMLElement> extends IBaseProps<ICollapse> {
             content?: string | T;
             data?: any;
             id?: string;
@@ -1018,7 +1018,7 @@ declare module 'gd-bs/components/dropdown/types' {
             enable: () => void;
     
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Gets the selected dropdown item(s). */
             getValue: () => IDropdownItem | Array<IDropdownItem>;
@@ -1060,7 +1060,7 @@ declare module 'gd-bs/components/dropdown/types' {
             href?: string;
             iconClassName?: string;
             iconSize?: number;
-            iconType?: Function;
+            iconType?: HTMLElement | Function;
             isDisabled?: boolean;
             isDivider?: boolean;
             isHeader?: boolean;
@@ -1153,7 +1153,7 @@ declare module 'gd-bs/components/form/controlTypes' {
             setControl: (control: any) => void;
             setValue: (value: any) => void;
             show: () => void;
-            updateValidation: (elControl: Element, validation: IFormControlValidationResult) => void;
+            updateValidation: (elControl: HTMLElement, validation: IFormControlValidationResult) => void;
     }
     
     /**
@@ -1605,7 +1605,7 @@ declare module 'gd-bs/components/jumbotron/types' {
         */
     export interface IJumbotron {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the jumbotron. */
             hide: () => void;
@@ -1662,7 +1662,7 @@ declare module 'gd-bs/components/listBox/types' {
         */
     export interface IListBox extends IBase<IListBoxProps> {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** The selected listbox items. */
             getValue: () => Array<IDropdownItem>;
@@ -1730,7 +1730,7 @@ declare module 'gd-bs/components/listGroup/types' {
         */
     export interface IListGroup {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the list group. */
             hide: () => void;
@@ -1835,7 +1835,7 @@ declare module 'gd-bs/components/modal/types' {
         */
     export interface IModal {
             /** The element. */
-            el: Element,
+            el: HTMLElement;
     
             /** Manually hides a modal. */
             hide: () => void;
@@ -1906,7 +1906,7 @@ declare module 'gd-bs/components/modal/types' {
     /**
         * Modal Properties
         */
-    export interface IModalProps<T = Element> extends IBaseProps<IModal> {
+    export interface IModalProps<T = HTMLElement> extends IBaseProps<IModal> {
             body?: string | T;
             disableFade?: boolean;
             footer?: string | T;
@@ -1994,7 +1994,7 @@ declare module 'gd-bs/components/nav/types' {
     /**
         * Navigation Properties
         */
-    export interface INavProps<T = Element> extends IBaseProps<INav> {
+    export interface INavProps<T = HTMLElement> extends IBaseProps<INav> {
             data?: any;
             enableFill?: boolean;
             fadeTabs?: boolean;
@@ -2025,7 +2025,7 @@ declare module 'gd-bs/components/nav/types' {
     /**
         * Navigation Link Properties
         */
-    export interface INavLinkProps<T = Element> extends IBaseProps<INavLink> {
+    export interface INavLinkProps<T = HTMLElement> extends IBaseProps<INavLink> {
             isActive?: boolean;
             isDisabled?: boolean;
             className?: string;
@@ -2129,7 +2129,7 @@ declare module 'gd-bs/components/navbar/types' {
             href?: string;
             iconClassName?: string;
             iconSize?: number;
-            iconType?: Function;
+            iconType?: HTMLElement | Function;
             isActive?: boolean;
             isButton?: boolean;
             isDisabled?: boolean;
@@ -2146,7 +2146,7 @@ declare module 'gd-bs/components/navbar/types' {
     /**
         * Navbar Properties
         */
-    export interface INavbarProps<T = Element> extends IBaseProps<INavbar> {
+    export interface INavbarProps<T = HTMLElement> extends IBaseProps<INavbar> {
             brand?: string | T;
             brandUrl?: string;
             enableScrolling?: boolean;
@@ -2237,7 +2237,7 @@ declare module 'gd-bs/components/offcanvas/types' {
         */
     export interface IOffcanvas {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides a collapsible element. */
             hide: () => void;
@@ -2264,7 +2264,7 @@ declare module 'gd-bs/components/offcanvas/types' {
     /**
         * Offcanvas Properties
         */
-    export interface IOffcanvasProps<T = Element> extends IBaseProps<IOffcanvas> {
+    export interface IOffcanvasProps<T = HTMLElement> extends IBaseProps<IOffcanvas> {
             body?: string | T;
             data?: any;
             id?: string;
@@ -2441,7 +2441,7 @@ declare module 'gd-bs/components/popover/types' {
         */
     export interface IPopover {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** The tippy instance. */
             tippy: any;
@@ -2472,7 +2472,7 @@ declare module 'gd-bs/components/popover/types' {
             isDismissible?: boolean;
             options?: ITippyProps;
             placement?: number;
-            target?: Element,
+            target?: HTMLElement,
             title?: string;
             type?: number;
     }
@@ -2542,7 +2542,7 @@ declare module 'gd-bs/components/progress/types' {
         */
     export interface IProgress {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the progress. */
             hide: () => void;
@@ -2606,7 +2606,7 @@ declare module 'gd-bs/components/progressGroup/types' {
         */
     export interface IProgressGroup {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the progress group. */
             hide: () => void;
@@ -2655,7 +2655,7 @@ declare module 'gd-bs/components/spinner/types' {
         */
     export interface ISpinner {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the spinner. */
             hide: () => void;
@@ -2812,7 +2812,7 @@ declare module 'gd-bs/components/toast/types' {
     /**
         * Toast Properties
         */
-    export interface IToastProps<T = Element> extends IBaseProps<IToast> {
+    export interface IToastProps<T = HTMLElement> extends IBaseProps<IToast> {
             body?: string | T;
             data?: any;
             headerImgClass?: string;
@@ -2865,7 +2865,7 @@ declare module 'gd-bs/components/toolbar/types' {
         */
     export interface IToolbar {
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** Hides the toolbar. */
             hide: () => void;
@@ -2970,7 +2970,7 @@ declare module 'gd-bs/components/tooltip/types' {
             content?: string | Element;
             options?: ITippyProps;
             placement?: number;
-            target?: Element,
+            target?: HTMLElement;
             type?: number;
     }
     
@@ -3047,7 +3047,7 @@ declare module 'gd-bs/components/tooltipGroup/types' {
             add: (props: ITooltipProps, btnTemplate?: string) => void;
     
             /** The element. */
-            el: Element;
+            el: HTMLElement;
     
             /** The tooltips. */
             tooltips: Array<ITooltip>;
@@ -3082,10 +3082,10 @@ declare module 'gd-bs/components/types' {
         */
     export interface IBase<IProps = IBaseProps> {
             /** Internal method to configure the parent element. */
-            configureParent(): Element;
+            configureParent(): HTMLElement;
     
             /** The component HTML element */
-            el: Element | HTMLElement;
+            el: HTMLElement;
     
             /** Hides the component. */
             hide(): void;
@@ -3108,7 +3108,7 @@ declare module 'gd-bs/components/types' {
             className?: string;
     
             /** The element to render the component to. */
-            el?: Element | HTMLElement;
+            el?: HTMLElement;
     }
     
     /** Tippy Options */
@@ -3116,7 +3116,7 @@ declare module 'gd-bs/components/types' {
             allowHTML?: boolean;
             animateFill?: boolean;
             animation?: string | boolean;
-            appendTo?: Element;
+            appendTo?: HTMLElement;
             aria?: object;
             arrow?: boolean | string | SVGElement | DocumentFragment;
             content?: string | Element;
@@ -3154,7 +3154,7 @@ declare module 'gd-bs/components/types' {
             theme?: string;
             touch?: boolean | 'hold' | ['hold', number];
             trigger?: string;
-            triggerTarget?: Element | Element[] | null;
+            triggerTarget?: HTMLElement | HTMLElement[] | null;
             zIndex?: number;
     }
 }

package/package.json

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

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

@@ -68,7 +68,7 @@ export interface IAccordion extends IBase<IAccordionProps> { }
 /**
  * Accordion Item
  */
-export interface IAccordionItem<T = Element> {
+export interface IAccordionItem<T = HTMLElement> {
     data?: any;
     className?: string;
     content?: string | T;
@@ -81,7 +81,7 @@ export interface IAccordionItem<T = Element> {
 /**
  * Accordion Properties
  */
-export interface IAccordionProps<T = Element> extends IBaseProps<IAccordion> {
+export interface IAccordionProps<T = HTMLElement> extends IBaseProps<IAccordion> {
     autoCollapse?: boolean;
     id?: string;
     items?: Array<IAccordionItem<T>>;

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

@@ -63,7 +63,7 @@ export interface IAlert extends IBase<IAlertProps> {
 /**
  * Alert Properties
  */
-export interface IAlertProps<T = Element> extends IBaseProps<IAlert> {
+export interface IAlertProps<T = HTMLElement> extends IBaseProps<IAlert> {
     content?: string | T;
     data?: any;
     header?: string;

package/src/components/base.ts

@@ -32,7 +32,7 @@ export class Base<IProps = IBaseProps<IBase>> implements IBase<IProps> {
     // Configures the parent element
     configureParent() {
         // Create the element
-        let el: Element = document.createElement("div");
+        let el: HTMLElement = document.createElement("div");
         el.appendChild(this._el);
 
         // See if the parent element exists

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

@@ -47,7 +47,7 @@ export interface IBreadcrumb {
     add: (item: IBreadcrumbItem) => void;
 
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the breadcrumb. */
     hide: () => void;

package/src/components/button/index.ts

@@ -115,7 +115,7 @@ class _Button extends Base<IButtonProps> implements IButton {
         if (this.props.iconType) {
             if (typeof (this.props.iconType) === "function") {
                 // Append the icon
-                this.el.prepend(this.props.iconType(this.props.iconSize, this.props.iconSize, this.props.iconClassName));
+                this.el.prepend((this.props.iconType as Function)(this.props.iconSize, this.props.iconSize, this.props.iconClassName));
 
                 // Update the styling of the button
                 this.el.classList.add("btn-icon");

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

@@ -90,7 +90,7 @@ export interface IButtonProps extends IBaseProps<IButton> {
     href?: string;
     iconClassName?: string;
     iconSize?: number;
-    iconType?: Function;
+    iconType?: HTMLElement | Function;
     id?: string;
     isBlock?: boolean;
     isDisabled?: boolean;

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

@@ -47,7 +47,7 @@ import { IButton, IButtonProps } from "../button/types";
  */
 export interface IButtonGroup {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Adds a button to the group. */
     add: (props: IButtonProps, btnTemplate?: string) => void;

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

@@ -61,7 +61,7 @@ import { INavProps } from "../nav/types";
  */
 export interface ICard {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the card. */
     hide: () => void;

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

@@ -93,7 +93,7 @@ import { ICardProps } from "../card/types";
  */
 export interface ICardGroup {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the card group. */
     hide: () => void;

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

@@ -84,7 +84,7 @@ export interface ICarousel {
     cycle: () => void;
 
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the carousel. */
     hide: () => void;
@@ -117,7 +117,7 @@ export interface ICarousel {
 /**
  * Carousel Item
  */
-export interface ICarouselItem<T = Element> {
+export interface ICarouselItem<T = HTMLElement> {
     captions?: string;
     className?: string;
     content?: string | T;
@@ -141,7 +141,7 @@ export interface ICarouselOptions {
 /**
  * Carousel Properties
  */
-export interface ICarouselProps<T = Element> extends IBaseProps<ICarousel> {
+export interface ICarouselProps<T = HTMLElement> extends IBaseProps<ICarousel> {
     enableControls?: boolean;
     enableCrossfade?: boolean;
     enableIndicators?: boolean;

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

@@ -53,7 +53,7 @@ import { IBaseProps } from "../types";
  */
 export interface ICollapse {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides a collapsible element. */
     hide: () => void;
@@ -78,7 +78,7 @@ export interface ICollapseOptions {
 /**
  * Collapse Properties
  */
-export interface ICollapseProps<T = Element> extends IBaseProps<ICollapse> {
+export interface ICollapseProps<T = HTMLElement> extends IBaseProps<ICollapse> {
     content?: string | T;
     data?: any;
     id?: string;

package/src/components/dropdown/item.ts

@@ -108,7 +108,7 @@ export class DropdownItem {
             // See if it's a function
             if (typeof (this.props.iconType) === "function") {
                 // Append the icon
-                elItem.prepend(this.props.iconType(iconSize, iconSize, this.props.iconClassName));
+                elItem.prepend((this.props.iconType as Function)(iconSize, iconSize, this.props.iconClassName));
             }
             // Else, it's an element
             else if (typeof (this.props.iconType === "object")) {

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

@@ -66,7 +66,7 @@ export interface IDropdown {
     enable: () => void;
 
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Gets the selected dropdown item(s). */
     getValue: () => IDropdownItem | Array<IDropdownItem>;
@@ -108,7 +108,7 @@ export interface IDropdownItem {
     href?: string;
     iconClassName?: string;
     iconSize?: number;
-    iconType?: Function;
+    iconType?: HTMLElement | Function;
     isDisabled?: boolean;
     isDivider?: boolean;
     isHeader?: boolean;

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

@@ -63,7 +63,7 @@ export interface IFormControl {
     setControl: (control: any) => void;
     setValue: (value: any) => void;
     show: () => void;
-    updateValidation: (elControl: Element, validation: IFormControlValidationResult) => void;
+    updateValidation: (elControl: HTMLElement, validation: IFormControlValidationResult) => void;
 }
 
 /**

package/src/components/iconLink/index.ts

@@ -40,7 +40,7 @@ class _IconLink extends Base<IIconLinkProps> implements IIconLink {
         if (this.props.iconType) {
             if (typeof (this.props.iconType) === "function") {
                 // Set the icon
-                this._elIcon = this.props.iconType(this.props.iconSize, this.props.iconSize, this.props.iconClassName);
+                this._elIcon = (this.props.iconType as Function)(this.props.iconSize, this.props.iconSize, this.props.iconClassName);
             }
             // Else, it's an element
             else if (typeof (this.props.iconType === "object")) {

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

@@ -49,13 +49,13 @@ export interface IIconLink extends IBase<IIconLinkProps> { }
 /**
  * Icon Link Properties
  */
-export interface IIconLinkProps<T = Element> extends IBaseProps<IIconLink> {
+export interface IIconLinkProps<T = HTMLElement> extends IBaseProps<IIconLink> {
     content?: string | T;
     data?: any;
     href?: string;
     iconClassName?: string;
     iconSize?: number;
-    iconType?: Function;
+    iconType?: HTMLElement | Function;
     type?: number;
 }
 

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

@@ -38,7 +38,7 @@ import { IBaseProps } from "../types";
  */
 export interface IJumbotron {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the jumbotron. */
     hide: () => void;

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

@@ -78,7 +78,7 @@ import { IDropdownItem } from "../dropdown/types";
  */
 export interface IListBox extends IBase<IListBoxProps> {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** The selected listbox items. */
     getValue: () => Array<IDropdownItem>;

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

@@ -59,7 +59,7 @@ import { IBadgeProps } from "../badge/types";
  */
 export interface IListGroup {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the list group. */
     hide: () => void;

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

@@ -78,7 +78,7 @@ import { IBaseProps } from "../types";
  */
 export interface IModal {
     /** The element. */
-    el: Element,
+    el: HTMLElement;
 
     /** Manually hides a modal. */
     hide: () => void;
@@ -149,7 +149,7 @@ export interface IModalOptions {
 /**
  * Modal Properties
  */
-export interface IModalProps<T = Element> extends IBaseProps<IModal> {
+export interface IModalProps<T = HTMLElement> extends IBaseProps<IModal> {
     body?: string | T;
     disableFade?: boolean;
     footer?: string | T;

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

@@ -81,7 +81,7 @@ export interface INav {
 /**
  * Navigation Properties
  */
-export interface INavProps<T = Element> extends IBaseProps<INav> {
+export interface INavProps<T = HTMLElement> extends IBaseProps<INav> {
     data?: any;
     enableFill?: boolean;
     fadeTabs?: boolean;
@@ -112,7 +112,7 @@ export interface INavLink {
 /**
  * Navigation Link Properties
  */
-export interface INavLinkProps<T = Element> extends IBaseProps<INavLink> {
+export interface INavLinkProps<T = HTMLElement> extends IBaseProps<INavLink> {
     isActive?: boolean;
     isDisabled?: boolean;
     className?: string;

package/src/components/navbar/item.ts

@@ -90,7 +90,7 @@ export class NavbarItem {
                 // See if it's a function
                 if (typeof (this._props.iconType) === "function") {
                     // Append the icon
-                    link.prepend(this._props.iconType(iconSize, iconSize, this._props.iconClassName));
+                    link.prepend((this._props.iconType as Function)(iconSize, iconSize, this._props.iconClassName));
                 }
                 // Else, it's an element
                 else if (typeof (this._props.iconType === "object")) {

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

@@ -124,7 +124,7 @@ export interface INavbarItem {
     href?: string;
     iconClassName?: string;
     iconSize?: number;
-    iconType?: Function;
+    iconType?: HTMLElement | Function;
     isActive?: boolean;
     isButton?: boolean;
     isDisabled?: boolean;
@@ -141,7 +141,7 @@ export interface INavbarItem {
 /**
  * Navbar Properties
  */
-export interface INavbarProps<T = Element> extends IBaseProps<INavbar> {
+export interface INavbarProps<T = HTMLElement> extends IBaseProps<INavbar> {
     brand?: string | T;
     brandUrl?: string;
     enableScrolling?: boolean;

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

@@ -82,7 +82,7 @@ import { IBaseProps } from "../types";
  */
 export interface IOffcanvas {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides a collapsible element. */
     hide: () => void;
@@ -109,7 +109,7 @@ export interface IOffcanvas {
 /**
  * Offcanvas Properties
  */
-export interface IOffcanvasProps<T = Element> extends IBaseProps<IOffcanvas> {
+export interface IOffcanvasProps<T = HTMLElement> extends IBaseProps<IOffcanvas> {
     body?: string | T;
     data?: any;
     id?: string;

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

@@ -70,7 +70,7 @@ import { IButtonProps } from "../button/types";
  */
 export interface IPopover {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** The tippy instance. */
     tippy: any;
@@ -101,7 +101,7 @@ export interface IPopoverProps extends IBaseProps<IPopover> {
     isDismissible?: boolean;
     options?: ITippyProps;
     placement?: number;
-    target?: Element,
+    target?: HTMLElement,
     title?: string;
     type?: number;
 }

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

@@ -38,7 +38,7 @@ import { IBaseProps } from "../types";
  */
 export interface IProgress {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the progress. */
     hide: () => void;

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

@@ -61,7 +61,7 @@ import { IProgressProps } from "../progress/types";
  */
 export interface IProgressGroup {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the progress group. */
     hide: () => void;

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

@@ -43,7 +43,7 @@ import { IBaseProps } from "../types";
  */
 export interface ISpinner {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the spinner. */
     hide: () => void;

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

@@ -54,7 +54,7 @@ export interface IToast {
 /**
  * Toast Properties
  */
-export interface IToastProps<T = Element> extends IBaseProps<IToast> {
+export interface IToastProps<T = HTMLElement> extends IBaseProps<IToast> {
     body?: string | T;
     data?: any;
     headerImgClass?: string;

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

@@ -48,7 +48,7 @@ export const Toolbar: (props: IToolbarProps, template?: string) => IToolbar;
  */
 export interface IToolbar {
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** Hides the toolbar. */
     hide: () => void;

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

@@ -91,7 +91,7 @@ export interface ITooltipProps extends IBaseProps<ITooltip> {
     content?: string | Element;
     options?: ITippyProps;
     placement?: number;
-    target?: Element,
+    target?: HTMLElement;
     type?: number;
 }
 

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

@@ -51,7 +51,7 @@ export interface ITooltipGroup {
     add: (props: ITooltipProps, btnTemplate?: string) => void;
 
     /** The element. */
-    el: Element;
+    el: HTMLElement;
 
     /** The tooltips. */
     tooltips: Array<ITooltip>;

package/src/components/types.d.ts

@@ -3,10 +3,10 @@
  */
 export interface IBase<IProps = IBaseProps> {
     /** Internal method to configure the parent element. */
-    configureParent(): Element;
+    configureParent(): HTMLElement;
 
     /** The component HTML element */
-    el: Element | HTMLElement;
+    el: HTMLElement;
 
     /** Hides the component. */
     hide(): void;
@@ -29,7 +29,7 @@ export interface IBaseProps<IBaseObj = any> {
     className?: string;
 
     /** The element to render the component to. */
-    el?: Element | HTMLElement;
+    el?: HTMLElement;
 }
 
 /** Tippy Options */
@@ -37,7 +37,7 @@ export interface ITippyProps {
     allowHTML?: boolean;
     animateFill?: boolean;
     animation?: string | boolean;
-    appendTo?: Element;
+    appendTo?: HTMLElement;
     aria?: object;
     arrow?: boolean | string | SVGElement | DocumentFragment;
     content?: string | Element;
@@ -75,6 +75,6 @@ export interface ITippyProps {
     theme?: string;
     touch?: boolean | 'hold' | ['hold', number];
     trigger?: string;
-    triggerTarget?: Element | Element[] | null;
+    triggerTarget?: HTMLElement | HTMLElement[] | null;
     zIndex?: number;
 }