gd-bs 6.6.41 → 6.6.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/navbar/index.js +26 -8
- package/build/components/navbar/templates.js +1 -1
- package/dist/gd-bs-icons.js +1 -1
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.js +1 -1
- package/dist/gd-bs.min.js +1 -1
- package/index.html +1 -0
- package/package.json +1 -1
- package/src/components/navbar/index.ts +25 -8
- package/src/components/navbar/templates.ts +1 -0
|
@@ -52,18 +52,36 @@ var _Navbar = /** @class */ (function (_super) {
|
|
|
52
52
|
}
|
|
53
53
|
// Configure the card group
|
|
54
54
|
_Navbar.prototype.configure = function (itemTemplate) {
|
|
55
|
-
// See if
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
// See if we are applying a brand
|
|
56
|
+
if (this.props.brand) {
|
|
57
|
+
var elBrand = this.el.querySelector("span.navbar-brand");
|
|
58
|
+
var elBrandLink = this.el.querySelector("a.navbar-brand");
|
|
59
|
+
// See if we are using a link
|
|
60
|
+
if (this.props.brandUrl || this.props.onClickBrand) {
|
|
61
|
+
// Remove the element
|
|
62
|
+
elBrand ? elBrand.parentElement.removeChild(elBrand) : null;
|
|
59
63
|
// Update the brand
|
|
60
|
-
|
|
64
|
+
elBrandLink ? elBrandLink.href = this.props.brandUrl : null;
|
|
61
65
|
// Append the content
|
|
62
|
-
(0, common_1.appendContent)(
|
|
66
|
+
(0, common_1.appendContent)(elBrandLink, this.props.brand);
|
|
63
67
|
}
|
|
64
68
|
else {
|
|
65
|
-
// Remove the
|
|
66
|
-
|
|
69
|
+
// Remove the link element
|
|
70
|
+
elBrandLink ? elBrandLink.parentElement.removeChild(elBrandLink) : null;
|
|
71
|
+
// Append the content
|
|
72
|
+
(0, common_1.appendContent)(elBrand, this.props.brand);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
else {
|
|
76
|
+
// Remove the brand link
|
|
77
|
+
var elBrandLink = this.el.querySelector("a.navbar-brand");
|
|
78
|
+
if (elBrandLink) {
|
|
79
|
+
elBrandLink.parentNode.removeChild(elBrandLink);
|
|
80
|
+
}
|
|
81
|
+
// Remove the brand element
|
|
82
|
+
var elBrand = this.el.querySelector("span.navbar-brand");
|
|
83
|
+
if (elBrand) {
|
|
84
|
+
elBrand.parentNode.removeChild(elBrand);
|
|
67
85
|
}
|
|
68
86
|
}
|
|
69
87
|
// Update the nav bar
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.HTMLItemButton = exports.HTMLItem = exports.HTML = void 0;
|
|
4
4
|
// Navbar
|
|
5
|
-
exports.HTML = "\n<nav class=\"navbar navbar-expand-lg\">\n <div class=\"container-fluid\">\n <a class=\"navbar-brand\" href=\"#\"></a>\n <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" aria-expanded=\"false\"\n aria-label=\"Toggle Navigation\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n <div class=\"collapse navbar-collapse\">\n <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\"></ul>\n <ul class=\"navbar-nav ms-auto mb-2 mb-lg-0\"></ul>\n </div>\n <form class=\"d-flex mb-2 mb-lg-0\">\n <input class=\"form-control lh-1 me-1\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\" />\n <button class=\"btn\" type=\"submit\">Search</button>\n </form>\n </div>\n</nav>".trim();
|
|
5
|
+
exports.HTML = "\n<nav class=\"navbar navbar-expand-lg\">\n <div class=\"container-fluid\">\n <a class=\"navbar-brand\" href=\"#\"></a>\n <span class=\"navbar-brand mb-0 h1\"></span>\n <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" aria-expanded=\"false\"\n aria-label=\"Toggle Navigation\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n <div class=\"collapse navbar-collapse\">\n <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\"></ul>\n <ul class=\"navbar-nav ms-auto mb-2 mb-lg-0\"></ul>\n </div>\n <form class=\"d-flex mb-2 mb-lg-0\">\n <input class=\"form-control lh-1 me-1\" type=\"search\" placeholder=\"Search\" aria-label=\"Search\" />\n <button class=\"btn\" type=\"submit\">Search</button>\n </form>\n </div>\n</nav>".trim();
|
|
6
6
|
// Item
|
|
7
7
|
exports.HTMLItem = "\n<li class=\"nav-item\">\n <a class=\"nav-link\" href=\"#\" role=\"link\">\n <span class=\"visually-hidden\">(current)</span>\n </a>\n</li>".trim();
|
|
8
8
|
// Item
|