gd-bs 5.5.3 → 5.5.6

package/package.json

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

package/src/bs.scss

@@ -80,6 +80,10 @@
         background-color: #c4e4ff;
         color: #0078d4;
     }
+    /* Color match accordion while expanded */
+    .accordion-button:not(.collapsed)::after {
+        background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%230078d4%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
+    }
     /* Create a reusable 'SharePoint Blue' background color */
     .bg-sharepoint {
         background-color: #0078d4 !important;

package/src/components/nav/index.ts

@@ -17,6 +17,9 @@ class _Nav extends Base<INavProps> implements INav {
         // Configure the collapse
         this.configure(itemTemplate);
 
+        // Configure the events
+        this.configureEvents();
+
         // Configure the parent
         this.configureParent();
     }
@@ -38,8 +41,14 @@ class _Nav extends Base<INavProps> implements INav {
         this.renderItems(itemTemplate);
     }
 
-    // Configures the link event
-    private configureEvents(tab: NavLink) {
+    // Configure the events
+    private configureEvents() {
+        // Execute the event(s)
+        this.props.onRendered ? this.props.onRendered(this.el) : null;
+    }
+
+    // Configures the tab link event
+    private configureTabEvents(tab: NavLink) {
         // Add a click event
         tab.el.addEventListener("click", () => {
             let prevTab: INavLink = null;
@@ -88,7 +97,7 @@ class _Nav extends Base<INavProps> implements INav {
                 // See if we are rendering tabs
                 if (tabs) {
                     // Configure the events
-                    this.configureEvents(link);
+                    this.configureTabEvents(link);
 
                     // Add the tab content
                     tabs.appendChild(link.elTabContent);

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

@@ -93,6 +93,7 @@ export interface INavProps<T = Element> extends IBaseProps<INav> {
     isVertical?: boolean;
     onClick?: (newTab?: INavLink, prevTab?: INavLink) => void;
     onLinkRendered?: (el?: HTMLElement, item?: INavLinkProps) => void;
+    onRendered?: (el?: HTMLElement) => void;
     onTabRendered?: (el?: HTMLElement, item?: INavLinkProps) => void;
 }
 

package/src/components/navbar/index.ts

@@ -195,6 +195,9 @@ class _Navbar extends Base<INavbarProps> implements INavbar {
                 }
             });
         }
+
+        // Execute the event(s)
+        this.props.onRendered ? this.props.onRendered(this.el) : null;
     }
 
     // Configures search

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

@@ -148,6 +148,7 @@ export interface INavbarProps<T = Element> extends IBaseProps<INavbar> {
     itemsEnd?: Array<INavbarItem>;
     onClick?: (item?: INavbarItem, ev?: Event) => void;
     onItemRendered?: (el?: HTMLElement, item?: INavbarItem) => void;
+    onRendered?: (el?: HTMLElement) => void;
     searchBox?: INavbarSearchBox;
     type?: number;
 }