gd-bs 6.2.0 → 6.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "6.2.0",
+    "version": "6.2.2",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",
@@ -34,9 +34,9 @@
     "homepage": "https://dattabase.com/extras/bs",
     "dependencies": {
         "@popperjs/core": "^2.11.8",
-        "bootstrap": "^5.3.0",
+        "bootstrap": "^5.3.1",
         "bootstrap-icons": "^1.10.5",
-        "core-js": "^3.31.1",
+        "core-js": "^3.32.0",
         "tippy.js": "^6.3.7"
     },
     "devDependencies": {

package/pnpm-lock.yaml

@@ -1,8 +1,8 @@
 dependencies:
   '@popperjs/core': 2.11.8
-  bootstrap: 5.3.0_@popperjs+core@2.11.8
+  bootstrap: 5.3.1_@popperjs+core@2.11.8
   bootstrap-icons: 1.10.5
-  core-js: 3.31.1
+  core-js: 3.32.0
   tippy.js: 6.3.7
 devDependencies:
   '@babel/core': 7.19.3
@@ -1667,14 +1667,14 @@ packages:
     dev: false
     resolution:
       integrity: sha512-oSX26F37V7QV7NCE53PPEL45d7EGXmBgHG3pDpZvcRaKVzWMqIRL9wcqJUyEha1esFtM3NJzvmxFXDxjJYD0jQ==
-  /bootstrap/5.3.0_@popperjs+core@2.11.8:
+  /bootstrap/5.3.1_@popperjs+core@2.11.8:
     dependencies:
       '@popperjs/core': 2.11.8
     dev: false
     peerDependencies:
-      '@popperjs/core': ^2.11.7
+      '@popperjs/core': ^2.11.8
     resolution:
-      integrity: sha512-UnBV3E3v4STVNQdms6jSGO2CvOkjUMdDAVR2V5N4uCMdaIkaQjbcEAMqRimDHIs4uqBYzDAKCQwCB+97tJgHQw==
+      integrity: sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==
   /brace-expansion/1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -1834,11 +1834,11 @@ packages:
     dev: true
     resolution:
       integrity: sha512-ovcyhs2DEBUIE0MGEKHP4olCUW/XYte3Vroyxuh38rD1wAO4dHohsovUC4eAOuzFxE6b+RXvBU3UZ9o0YhUTkA==
-  /core-js/3.31.1:
+  /core-js/3.32.0:
     dev: false
     requiresBuild: true
     resolution:
-      integrity: sha512-2sKLtfq1eFST7l7v62zaqXacPc7uG8ZAya8ogijLhTtaKNcpzpB4TMoTw2Si+8GYKRwFPMMtUT0263QFWFfqyQ==
+      integrity: sha512-rd4rYZNlF3WuoYuRIDEmbR/ga9CeuWX9U05umAvgrrZoHY4Z++cp/xwPQMvUpBB4Ag6J8KfD80G0zwCyaSxDww==
   /cosmiconfig/8.2.0:
     dependencies:
       import-fresh: 3.3.0
@@ -3282,9 +3282,9 @@ specifiers:
   '@types/node': ^18.11.0
   autoprefixer: ^10.4.12
   babel-loader: ^9.1.2
-  bootstrap: ^5.3.0
+  bootstrap: ^5.3.1
   bootstrap-icons: ^1.10.5
-  core-js: ^3.31.1
+  core-js: ^3.32.0
   css-loader: ^6.7.3
   dts-bundle: ^0.7.3
   postcss-loader: ^7.3.3

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;
 }