gd-bs 6.2.4 → 6.2.6

package/build/components/button/index.js

@@ -93,6 +93,9 @@ var _Button = /** @class */ (function (_super) {
         this.props.isSmall ? this.el.classList.add("btn-sm") : null;
         // Set the default type
         this.setType(this.props.type || ButtonTypes.Primary);
+        // Set the aria label/description
+        this.props.description ? this.el.setAttribute("aria-description", this.props.description) : null;
+        this.el.setAttribute("aria-label", this.props.label || this.props.text);
         // Set the attributes
         this.props.dismiss ? this.el.setAttribute("data-bs-dismiss", this.props.dismiss) : null;
         this.props.href ? this.el.href = this.props.href : null;

package/build/components/dropdown/index.js

@@ -144,6 +144,7 @@ var _Dropdown = /** @class */ (function (_super) {
         if (toggle) {
             toggle.classList.add(btnType);
             toggle.disabled = this.props.isReadonly ? true : false;
+            toggle.setAttribute("aria-label", this.props.label || "");
         }
         // See if we are rendering the menu only
         var menu = this.el.querySelector(".dropdown-menu");
@@ -490,6 +491,15 @@ var _Dropdown = /** @class */ (function (_super) {
             }
         }
     };
+    // Sets the label of the dropdown
+    _Dropdown.prototype.setLabel = function (value) {
+        // Get the dropdown
+        var ddl = this.el.querySelector(".dropdown-toggle");
+        if (ddl) {
+            // Set the inner html
+            ddl.innerHTML = value;
+        }
+    };
     // Enables/Disables the dark theme
     _Dropdown.prototype.setTheme = function (isDark) {
         // Get the menu

package/build/components/form/control.js

@@ -95,7 +95,7 @@ var FormControl = /** @class */ (function () {
     FormControl.prototype.create = function () {
         var _this = this;
         // Parse the custom classes to add
-        var className = [(this._props.className || ""), (this._props.controlClassName || "")].join(" ").trim();
+        var className = this._props.controlClassName || "";
         // Set the value
         var formValue = this._formProps.value ? this._formProps.value[this._props.name] : null;
         var value = typeof (this._props.value) === "undefined" ? formValue : this._props.value;

package/build/components/form/group.js

@@ -91,6 +91,14 @@ var FormGroup = /** @class */ (function () {
             this._el.removeChild(elDescription);
             elDescription = null;
         }
+        // Set the class name
+        if (this._props.className) {
+            // Set the class
+            this._el.className = [
+                this._el.className || "",
+                this._props.className
+            ].join(' ').trim();
+        }
         // Create the control
         this._control = new control_1.FormControl(this._props, this._formProps, elLabel);
         // Wait for the control to be created

package/build/components/tooltip/index.js

@@ -94,6 +94,11 @@ var _Tooltip = /** @class */ (function (_super) {
             // Default the toggle property for the button
             var btnProps = this.props.btnProps || {};
             btnProps.type = btnProps.type || button_1.ButtonTypes.OutlineSecondary;
+            // See if the content is text
+            if (typeof (this.props.content) === "string") {
+                // Set the label
+                btnProps.description = this.props.content;
+            }
             // Create the button
             this._btn = (0, button_1.Button)(btnProps);
             // Update the element

package/build/icons/generate.js

@@ -19,6 +19,8 @@ var generateIcon = function (svg, height, width, className) {
                 icon.classList.add(classNames[i]);
             }
         }
+        // Make this icon invisible to the screen reader
+        icon.setAttribute("aria-hidden", "true");
         // Set the height/width
         icon.setAttribute("height", (height ? height : 32).toString());
         icon.setAttribute("width", (width ? width : 32).toString());