gd-bs 5.8.8 → 5.9.1

package/package.json

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

package/src/bs.scss

@@ -1,19 +1,19 @@
-/** Core */
+/** Core Bootstrap */
 
 @import "./styles/core.scss";
 
-/** Customizations */
+/** TippyJS */
 
-@import "./styles/custom.scss";
+@import "./styles/tippy.scss";
 
 /** DataTables.net */
 
 @import "./styles/dataTables.scss";
 
-/** Icons */
+/** Customizations */
 
-@import "./styles/icons.scss";
+@import "./styles/custom.scss";
 
-/** TippyJS */
+/** Icons */
 
-@import "./styles/tippy.scss";
+@import "./styles/icons.scss";

package/src/components/form/control.ts

@@ -501,6 +501,12 @@ export class FormControl implements IFormControl {
 
         // See if this is a textbox
         if (this._tb) {
+            // See if this is a file
+            if (this._props.type == FormControlTypes.File) {
+                // Return the file information
+                return this._tb.getFileInfo();
+            }
+
             // Return the value
             return this._tb.getValue();
         }

package/src/components/inputGroup/index.ts

@@ -173,16 +173,16 @@ class _InputGroup extends Base<IInputGroupProps> implements IInputGroup {
             // See if this is a file
             if (this.props.type == InputGroupTypes.File) {
                 // Set the change event
-                (elInput as HTMLInputElement).addEventListener("onchange", (ev) => {
+                (elInput as HTMLInputElement).addEventListener("change", (ev) => {
                     // Get the source file
                     let srcFile = ev.target["files"][0];
                     if (srcFile) {
                         let reader = new FileReader();
 
                         // Set the file loaded event
-                        reader.onloadend = (ev: any) => {
+                        reader.onloadend = (ev) => {
                             this._fileValue = {
-                                data: ev.target.result,
+                                data: ev.target.result as any,
                                 name: srcFile.name
                             };
                         }

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

@@ -41,7 +41,8 @@ import { IButtonProps } from "../button/types";
 
 /** Input Group File Value */
 export interface IInputGroupFileValue {
-
+    data: ArrayBuffer;
+    name: string;
 }
 
 /**

package/src/styles/_dataTables.scss

@@ -11,13 +11,6 @@ div.dataTables_wrapper div.dataTables_length select {
     width: 3.75rem;
 }
 
-
-/* Color match colReorder line */
-
-div.DTCR_pointer {
-    background-color: #0078d4;
-}
-
 /* Be sure to escape any characters, such as # to %23 when specifying hex color values in background-image */
 
 /* DataTables sorting with Bootstrap Icons */
@@ -42,4 +35,30 @@ table.dataTable thead .sorting_desc_disabled:after {
     background-repeat: no-repeat;
     background-size: 1rem 1rem;
     content: "" !important;
+}
+
+/* Bootstrap Icon: caret-up */
+
+table.dataTable thead .sorting {
+    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
+}
+
+
+/* Bootstrap Icon: caret-up-fill */
+
+table.dataTable thead .sorting_asc {
+    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
+}
+
+
+/* Bootstrap Icon: caret-down-fill */
+
+table.dataTable thead .sorting_desc {
+    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
+}
+
+/* Color match colReorder line */
+
+div.DTCR_pointer {
+    background-color: #0078d4;
 }

package/src/styles/_icons.scss

@@ -1,19 +1 @@
-/* Bootstrap Icon: caret-up */
-
-table.dataTable thead .sorting {
-    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
-}
-
-
-/* Bootstrap Icon: caret-up-fill */
-
-table.dataTable thead .sorting_asc {
-    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
-}
-
-
-/* Bootstrap Icon: caret-down-fill */
-
-table.dataTable thead .sorting_desc {
-    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
-}
+/** TO DO */