waibu-bootstrap 2.1.3 → 2.1.5

package/extend/bajo/hook/waibu-mpa@after-build-page.js

@@ -0,0 +1,5 @@
+async function waibuMpaAfterBuildPage ({ $, theme, req }) {
+  if (req.darkMode && theme.name === 'bootstrap') $('body').attr('data-bs-theme', 'dark')
+}
+
+export default waibuMpaAfterBuildPage

package/extend/waibuMpa/theme/component/widget/fieldset.js

@@ -13,6 +13,7 @@ async function fieldset () {
       if (group.grid && !this.params.attr.card && !group.grid.margin) group.grid.margin = 'bottom-3'
       if (group.grid) this.params.html = await this.component.buildTag({ tag: 'gridRow', attr: group.grid, html: this.params.html })
       if (group.card) {
+        group.card.border = true
         if (!group.card.margin) group.card.margin = 'bottom-4'
         let sentence = `
           <c:card-header>

package/extend/waibuMpa/theme/component/widget/nav-dropdown-setting.js

@@ -88,7 +88,12 @@ async function navDropdownSetting () {
             id="${id}"
             x-data="{
               async signout () {
-                await wbs.confirmation(\`${this.component.req.t('signoutWarning')}\`, { ok: '${id}:post', close: 'y' })
+                await wbs.confirmation(\`${this.component.req.t('signoutWarning')}\`, {
+                  ok: '${id}:post',
+                  close: 'y',
+                  theme: '${this.component.theme.name}',
+                  iconset: '${this.component.iconset.name}'
+                })
               },
               post () {
                 wmpa.postForm({}, '${routePath('sumba:/signout')}')

package/extend/waibuMpa/theme/component/widget/nav-item-signout.js

@@ -8,7 +8,12 @@ async function navItemSignout () {
       this.params.attr.href = '#'
       this.params.attr['x-data'] = `{
         async signout () {
-          await wbs.confirmation(\`${this.component.req.t('signoutWarning')}\`, { ok: '${this.params.attr.id}:post', close: 'y' })
+          await wbs.confirmation(\`${this.component.req.t('signoutWarning')}\`, {
+            ok: '${this.params.attr.id}:post',
+            close: 'y',
+            theme: '${this.component.theme.name}',
+            iconset: '${this.component.iconset.name}'
+          })
         },
         post () {
           wmpa.postForm({}, '${routePath('sumba:/signout')}')

package/extend/waibuStatic/asset/js/wbs.js

@@ -104,13 +104,13 @@ class Wbs {
     return await this.alert(msg, opts.title ?? 'Prompt', opts)
   }
 
-  async appLauncher (params, menu) {
+  async appLauncher (params, menu, qs = {}) {
     document.body.click()
     const id = wmpa.randomId()
     const toolbar = params ? `toolbar="${params}"` : ''
     const menuId = menu ? `menu="${menu}"` : ''
     const body = [`<c:app-launcher id="${id}" ${toolbar} ${menuId} />`]
-    await wmpa.addComponent(body.join('\n'), 'body')
+    await wmpa.addComponent(body.join('\n'), 'body', undefined, undefined, qs)
     const item = new this.engine.Offcanvas(`#${id}`)
     const itemEl = document.getElementById(id)
     if (window.mdb) this.engine.Collapse.getOrCreateInstance(itemEl)
@@ -156,7 +156,7 @@ class Wbs {
     body.push('<c:div flex="justify-content:end" margin="top-3">')
     body.push(...buttons)
     body.push('</c:div></c:modal>')
-    await wmpa.addComponent(body.join('\n'), 'body')
+    await wmpa.addComponent(body.join('\n'), 'body', undefined, undefined, _.pick(opts, ['theme', 'iconset']))
     const modal = new this.engine.Modal(`#${id}`)
     const modalEl = document.getElementById(id)
     modalEl.addEventListener('hidden.bs.modal', evt => {
@@ -196,10 +196,11 @@ class Wbs {
     else console.error(`Function not found '${name}'`)
   }
 
-  async openModal (id, body, type = 'modal') {
+  async openModal (id, body, opts = {}) {
+    let { type = 'modal' } = opts
     if (_.isArray(body)) body = body.join('\n')
     if (!['modal', 'offcanvas'].includes(type)) type = 'modal'
-    await wmpa.addComponent(body)
+    await wmpa.addComponent(body, undefined, undefined, undefined, _.pick(opts, ['theme', 'iconset']))
     const item = new this.engine[_.upperFirst(type)](`#${id}`)
     const itemEl = document.getElementById(id)
     itemEl.addEventListener(`hidden.bs.${type}`, evt => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waibu-bootstrap",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Bootstrap suport for Waibu Framework",
   "main": "index.js",
   "scripts": {

package/wiki/CHANGES.md

@@ -1,8 +1,14 @@
 # Changes
 
+## 2026-01-18
+
+- [2.1.5] Darkmode handling
+- [2.1.5] Put border around fieldset if its type is a card
+
 ## 2026-01-17
 
 - [2.1.3] Sidebar buttons in inactive state should be transparent
+- [2.1.4] Add capability to set custom theme & iconset through headers
 
 ## 2026-01-13
 

package/extend/bajo/hook/waibu-mpa.bootstrap@after-build-page.js

@@ -1,5 +0,0 @@
-async function waibuMpaBootstrapAfterBuildPage ({ $, req }) {
-  if (req.darkMode) $('html').attr('data-bs-theme', 'dark')
-}
-
-export default waibuMpaBootstrapAfterBuildPage