waibu-bootstrap 2.1.2 → 2.1.4

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/waibuMpa/theme/component/widget/sidebar.js

@@ -8,6 +8,7 @@ function formatSentence (item, params) {
   if (this.params.attr.expanded) attr.rounded = 'width:0'
   merge(attr, omit(item, ['component', 'icon', 'ohref', 'html']))
   if (this.params.attr.text && !attr.active) attr.text = this.params.attr.text
+  if (!attr.active) attr.background = 'color:transparent'
   const result = [`<c:${cmp}`]
   for (const k in attr) {
     result.push(attr[k] === true ? k : `${k}="${attr[k]}"`)

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.2",
+  "version": "2.1.4",
   "description": "Bootstrap suport for Waibu Framework",
   "main": "index.js",
   "scripts": {

package/wiki/CHANGES.md

@@ -1,5 +1,10 @@
 # Changes
 
+## 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
 
 - [2.1.1] Bug fix on waibuMpa's widgeting system