gd-bs 5.4.6 → 5.4.9

package/index.html

@@ -1164,12 +1164,10 @@
                     showFl: true
                 }, {
                     header: "Item 2",
-                    content: "This is the content for item 2.",
-                    showFl: true
+                    content: "This is the content for item 2."
                 }, {
                     header: "Item 3",
-                    content: "This is the content for item 3.",
-                    showFl: true
+                    content: "This is the content for item 3."
                 }]
             });
             GD.Components.Pagination({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.4.6",
+    "version": "5.4.9",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",
@@ -34,7 +34,7 @@
     "dependencies": {
         "@popperjs/core": "^2.11.4",
         "bootstrap": "^5.1.3",
-        "bootstrap-icons": "^1.8.1",
+        "bootstrap-icons": "^1.8.2",
         "core-js": "^3.21.1",
         "tippy.js": "^6.3.7"
     },

package/pnpm-lock.yaml

@@ -1,7 +1,7 @@
 dependencies:
   '@popperjs/core': 2.11.4
   bootstrap: 5.1.3_@popperjs+core@2.11.4
-  bootstrap-icons: 1.8.1
+  bootstrap-icons: 1.8.2
   core-js: 3.21.1
   tippy.js: 6.3.7
 devDependencies:
@@ -1563,12 +1563,10 @@ packages:
       node: '>=8'
     resolution:
       integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
-  /bootstrap-icons/1.8.1:
+  /bootstrap-icons/1.8.2:
     dev: false
-    engines:
-      node: '>=10'
     resolution:
-      integrity: sha512-IXUqislddPJfwq6H+2nTkHyr9epO9h6u1AG0OZCx616w+TgzeoCjfmI3qJMQqt1J586gN2IxzB4M99Ip4sTZ1w==
+      integrity: sha512-jhNjdPzvUqKOr9o0XhCZAZDWVeuOg6mJHtSj2bhiqfamZVg6ekMYNgG7pRY4GItbjIwrTaht3dNbXGbX3eJNLQ==
   /bootstrap/5.1.3_@popperjs+core@2.11.4:
     dependencies:
       '@popperjs/core': 2.11.4
@@ -3325,7 +3323,7 @@ specifiers:
   autoprefixer: ^10.4.4
   babel-loader: ^8.2.4
   bootstrap: ^5.1.3
-  bootstrap-icons: ^1.8.1
+  bootstrap-icons: ^1.8.2
   core-js: ^3.21.1
   css-loader: ^6.7.1
   dts-bundle: ^0.7.3

package/src/components/form/control.ts

@@ -434,6 +434,9 @@ export class FormControl implements IFormControl {
     // The textbox control
     get control() { return this._cb || this._ddl || this._lb || this._tb || this._custom }
 
+    // The control label
+    get label() { return this._elLabel; }
+
     // The listbox control
     get listbox() { return this._lb; }
 

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

@@ -55,6 +55,7 @@ export interface IFormControl {
     isLoaded: () => PromiseLike<void>;
     isRendered: boolean;
     isValid: boolean;
+    label?: HTMLElement;
     props: IFormControlProps;
     textbox: IInputGroup;
     setLabel: (value: string) => void;

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

@@ -114,10 +114,10 @@ export const FormValidationTypes: IFormValidationTypes;
  */
 export interface IForm {
     /** Appends controls to the form */
-    appendControls: (controls: Array<IFormControlProps>) => Array<IFormControl>;
+    appendControls: (controls: Array<IFormControlProps>) => void;
 
     /** Appends rows to the form */
-    appendRows: (rows: Array<IFormRow>) => Array<IFormControl>;
+    appendRows: (rows: Array<IFormRow>) => void;
 
     /** The form controls */
     controls: Array<IFormControl>;

package/src/components/form/group.ts

@@ -44,7 +44,7 @@ export class FormGroup {
 
                 // Update the property
                 this._props.onControlRendering = onControlRendering;
-            })
+            });
         });
     }
 

package/src/components/form/index.ts

@@ -89,41 +89,25 @@ class _Form extends Base<IFormProps> implements IForm {
      */
 
     // Append controls to the form
-    appendControls(controls: Array<IFormControlProps> = []): Array<IFormControl> {
-        let addedControls: Array<IFormControl> = [];
-
+    appendControls(controls: Array<IFormControlProps> = []) {
         // Parse the controls
         for (let i = 0; i < controls.length; i++) {
             // Create the group
             let group = new FormGroup(controls[i], this.props);
             this._groups.push(group);
             this.el.appendChild(group.el);
-
-            // Append the control
-            addedControls.push(group.control);
         }
-
-        // Return the controls
-        return addedControls;
     }
 
     // Append rows to the form
     appendRows(rows: Array<IFormRow> = []) {
-        let addedControls: Array<IFormControl> = [];
-
         // Parse the rows
         for (let i = 0; i < rows.length; i++) {
             // Create the row
             let row = new FormRow(rows[i], this.props);
             this._rows.push(row);
             this.el.appendChild(row.el);
-
-            // Append the control
-            addedControls = addedControls.concat(row.controls);
         }
-
-        // Return the controls
-        return addedControls;
     }
 
     // The forms controls

package/src/components/listGroup/index.ts

@@ -40,7 +40,7 @@ class _ListGroup extends Base<IListGroupProps> implements IListGroup {
     private _items: Array<ListGroupItem> = null;
 
     // Constructor
-    constructor(props: IListGroupProps, template: string = props.isTabs && props.colWidth > 0 && props.colWidth < 12 ? HTMLTabs : HTML, itemTemplate?: string) {
+    constructor(props: IListGroupProps, template: string = props.isTabs && props.colWidth > 0 && props.colWidth <= 12 ? HTMLTabs : HTML, itemTemplate?: string) {
         super(template, props);
 
         // Configure the collapse

package/src/icons/svgs/bank.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function bank(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='M8 .95 14.61 4h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.379l.5 2A.5.5 0 0 1 15.5 17H.5a.5.5 0 0 1-.485-.621l.5-2A.5.5 0 0 1 1 14V7H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 4h.89L8 .95zM3.776 4h8.447L8 2.05 3.776 4zM2 7v7h1V7H2zm2 0v7h2.5V7H4zm3.5 0v7h1V7h-1zm2 0v7H12V7H9.5zM13 7v7h1V7h-1zm2-1V5H1v1h14zm-.39 9H1.39l-.25 1h13.72l-.25-1z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.501.501 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89L8 0ZM3.777 3h8.447L8 1 3.777 3ZM2 6v7h1V6H2Zm2 0v7h2.5V6H4Zm3.5 0v7h1V6h-1Zm2 0v7H12V6H9.5ZM13 6v7h1V6h-1Zm2-1V4H1v1h14Zm-.39 9H1.39l-.25 1h13.72l-.25-1Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/houseHeart.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function houseHeart(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207l-5-5-5 5V13.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7.207Zm-5-.225C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path d='M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/>   <path d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/houseHeartFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function houseHeartFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L8 2.207l6.646 6.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z'/>   <path fill-rule='evenodd' d='m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Zm0 5.189c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path d='M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707L7.293 1.5Z'/>   <path d='m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9.293Zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/pentagon.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function pentagon(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H3.733L1.158 6.847 8 1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='M7.685 1.545a.5.5 0 0 1 .63 0l6.263 5.088a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H4.099a.5.5 0 0 1-.476-.35L1.26 7.173a.5.5 0 0 1 .161-.54l6.263-5.087Zm8.213 5.28a.5.5 0 0 0-.162-.54L8.316.257a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/pentagonFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function pentagonFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='m8 0 8 6.5-3 9.5H3L0 6.5 8 0z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='M7.685.256a.5.5 0 0 1 .63 0l7.421 6.03a.5.5 0 0 1 .162.538l-2.788 8.827a.5.5 0 0 1-.476.349H3.366a.5.5 0 0 1-.476-.35L.102 6.825a.5.5 0 0 1 .162-.538l7.42-6.03Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/pentagonHalf.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function pentagonHalf(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H8V1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.578 5.345a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H8V1.288Zm7.898 5.536a.5.5 0 0 0-.162-.538L8.316.256a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/tools.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function tools(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/xLg.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function xLg(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/>   <path fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/> </svg>`, height, width, className);
 }