waibu-bootstrap 2.12.2 → 2.12.4

package/docs/scripts/search.min.js

@@ -1,6 +1,6 @@
-const searchId="LiBfqbJVcV",searchHash="#"+searchId,searchContainer=document.querySelector("#PkfLWpAbet"),searchWrapper=document.querySelector("#iCxFxjkHbP"),searchCloseButton=document.querySelector("#VjLlGakifb"),searchInput=document.querySelector("#vpcKVYIppa"),resultBox=document.querySelector("#fWwVHRuDuN");function showResultText(e){resultBox.innerHTML=`<span class="search-result-c-text">${e}</span>`}function hideSearch(){window.location.hash===searchHash&&history.go(-1),window.onhashchange=null,searchContainer&&(searchContainer.style.display="none")}function listenCloseKey(e){"Escape"===e.key&&(hideSearch(),window.removeEventListener("keyup",listenCloseKey))}function showSearch(){try{hideMobileMenu()}catch(e){console.error(e)}window.onhashchange=hideSearch,window.location.hash!==searchHash&&history.pushState(null,null,searchHash),searchContainer&&(searchContainer.style.display="flex",window.addEventListener("keyup",listenCloseKey)),searchInput&&searchInput.focus()}async function fetchAllData(){var{hostname:e,protocol:t,port:n}=location,t=t+"//"+e+(""!==n?":"+n:"")+baseURL,e=new URL("data/search.json",t);const a=await fetch(e);n=(await a.json()).list;return n}function onClickSearchItem(t){const n=t.currentTarget;if(n){const a=n.getAttribute("href")||"";t=a.split("#")[1]||"";let e=document.getElementById(t);e||(t=decodeURI(t),e=document.getElementById(t)),e&&setTimeout(function(){bringElementIntoView(e)},100)}}function buildSearchResult(e){let t="";var n=/(<([^>]+)>)/gi;for(const s of e){const{title:c="",description:i=""}=s.item;var a=s.item.link.replace('<a href="',"").replace(/">.*/,""),o=c.replace(n,""),r=i.replace(n,"");t+=`
-    <a onclick="onClickSearchItem(event)" href="${a}" class="search-result-item">
-      <div class="search-result-item-title">${o}</div>
-      <div class="search-result-item-p">${r||"No description available."}</div>
-    </a>
+const searchId="LiBfqbJVcV",searchHash="#"+searchId,searchContainer=document.querySelector("#PkfLWpAbet"),searchWrapper=document.querySelector("#iCxFxjkHbP"),searchCloseButton=document.querySelector("#VjLlGakifb"),searchInput=document.querySelector("#vpcKVYIppa"),resultBox=document.querySelector("#fWwVHRuDuN");function showResultText(e){resultBox.innerHTML=`<span class="search-result-c-text">${e}</span>`}function hideSearch(){window.location.hash===searchHash&&history.go(-1),window.onhashchange=null,searchContainer&&(searchContainer.style.display="none")}function listenCloseKey(e){"Escape"===e.key&&(hideSearch(),window.removeEventListener("keyup",listenCloseKey))}function showSearch(){try{hideMobileMenu()}catch(e){console.error(e)}window.onhashchange=hideSearch,window.location.hash!==searchHash&&history.pushState(null,null,searchHash),searchContainer&&(searchContainer.style.display="flex",window.addEventListener("keyup",listenCloseKey)),searchInput&&searchInput.focus()}async function fetchAllData(){var{hostname:e,protocol:t,port:n}=location,t=t+"//"+e+(""!==n?":"+n:"")+baseURL,e=new URL("data/search.json",t);const a=await fetch(e);n=(await a.json()).list;return n}function onClickSearchItem(t){const n=t.currentTarget;if(n){const a=n.getAttribute("href")||"";t=a.split("#")[1]||"";let e=document.getElementById(t);e||(t=decodeURI(t),e=document.getElementById(t)),e&&setTimeout(function(){bringElementIntoView(e)},100)}}function buildSearchResult(e){let t="";var n=/(<([^>]+)>)/gi;for(const s of e){const{title:c="",description:i=""}=s.item;var a=s.item.link.replace('<a href="',"").replace(/">.*/,""),o=c.replace(n,""),r=i.replace(n,"");t+=`
+    <a onclick="onClickSearchItem(event)" href="${a}" class="search-result-item">
+      <div class="search-result-item-title">${o}</div>
+      <div class="search-result-item-p">${r||"No description available."}</div>
+    </a>
     `}return t}function getSearchResult(e,t,n){var t={...{shouldSort:!0,threshold:.4,location:0,distance:100,maxPatternLength:32,minMatchCharLength:1,keys:t}},a=Fuse.createIndex(t.keys,e);const o=new Fuse(e,t,a),r=o.search(n);return 20<r.length?r.slice(0,20):r}function debounce(t,n,a){let o;return function(){const e=arguments;clearTimeout(o),o=setTimeout(()=>{o=null,a||t.apply(this,e)},n),a&&!o&&t.apply(this,e)}}let searchData;async function search(e){e=e.target.value;if(resultBox)if(e){if(!searchData){showResultText("Loading...");try{searchData=await fetchAllData()}catch(e){return console.log(e),void showResultText("Failed to load result.")}}e=getSearchResult(searchData,["title","description"],e);e.length?resultBox.innerHTML=buildSearchResult(e):showResultText("No result found! Try some different combination.")}else showResultText("Type anything to view search result");else console.error("Search result container not found")}function onDomContentLoaded(){const e=document.querySelectorAll(".search-button");var t=debounce(search,300);searchCloseButton&&searchCloseButton.addEventListener("click",hideSearch),e&&e.forEach(function(e){e.addEventListener("click",showSearch)}),searchContainer&&searchContainer.addEventListener("click",hideSearch),searchWrapper&&searchWrapper.addEventListener("click",function(e){e.stopPropagation()}),searchInput&&searchInput.addEventListener("keyup",t),window.location.hash===searchHash&&showSearch()}window.addEventListener("DOMContentLoaded",onDomContentLoaded),window.addEventListener("hashchange",function(){window.location.hash===searchHash&&showSearch()});

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

@@ -16,6 +16,7 @@ async function getInputAttr (group, formControl = true, ro) {
 
   if (formControl) group._.class.push('form-control')
   const attr = omit(group._, ['hint', 'label', 'wrapper'])
+
   if (has(attr, 'name') && !has(attr, 'value')) {
     if (ro) attr.value = this.formData[attr.name]
     else {
@@ -126,10 +127,15 @@ export async function buildFormFile (group) {
   return await this.component.buildTag({ tag: 'input', attr, selfClosing: true })
 }
 
-export async function buildFormTextarea (group) {
+export async function buildFormTextarea (group, opts = {}) {
   const attr = await getInputAttr.call(this, group)
   this.params.html = attr.value
-  attr.style.minHeight = '100px'
+  if (attr.rows) {
+    let height = parseInt(attr.rows) * 1
+    if (opts.isLabelFloating) height += 3
+    attr.style.minHeight = `${height}em`
+  }
+  attr.style.minHeight = attr.style.minHeight ?? '100px'
   delete attr.value
   return await this.component.buildTag({ tag: 'textarea', attr, html: this.params.html })
 }

package/extend/waibuMpa/theme/component/widget/form-input.js

@@ -2,7 +2,7 @@ import { buildFormHint, buildFormLabel, buildFormInput } from './_lib.js'
 import { sizes } from '../method/after-build-tag/_lib.js'
 
 export async function handleInput ({ handler, group } = {}) {
-  const { trim, filter, has, omit, pull, find, get, isEmpty } = this.app.lib._
+  const { trim, filter, has, pull, find, get, isEmpty } = this.app.lib._
   const { attrToArray } = this.app.waibu
   const { $ } = this.component
   const addons = [...(this.params.addons ?? [])]
@@ -11,7 +11,6 @@ export async function handleInput ({ handler, group } = {}) {
   if (isLabelFloating) {
     group.wrapper.class.push('form-floating')
     group._.placeholder = group._.label
-    group._ = omit(group._, ['rows'])
   }
   let errMsg = ''
   if (group._.name) {
@@ -31,7 +30,7 @@ export async function handleInput ({ handler, group } = {}) {
   const result = {
     prepend: [],
     append: [],
-    input: await handler.call(this, group)
+    input: await handler.call(this, group, { isLabelFloating })
   }
   if (!isEmpty(errMsg)) result.input = $(result.input).addClass('is-invalid').prop('outerHTML')
   const el = {

package/extend/waibuMpa/theme/component/widget/form-select-ext.js

@@ -20,7 +20,7 @@ async function formSelectExt () {
       const { base64JsonDecode } = this.app.waibu
       const { req } = this.component
       let apiKey = ''
-      if (req.user && this.app.sumba) apiKey = await this.app.sumba.getApiKeyFromUserId(req.user.id)
+      if (req.user && req.user.id && this.app.sumba) apiKey = await this.app.sumba.getApiKeyFromUserId(req.user.id)
       const xref = this.params.attr['x-ref'] ?? this.params.attr.name
       this.params.attr.id = this.params.attr.id ?? generateId('alpha')
       this.params.attr['x-ref'] = xref

package/extend/waibuStatic/asset/css/widget.css

@@ -1,34 +1,34 @@
-.ts-dropdown {
-  min-width: 242px;
-}
-.ts-control {
-  padding-top: 0px;
-}
-.ts-wrapper {
-  margin-left: calc(var(--bs-border-width) * -1) !important;
-  border-top-left-radius: var(--bs-border-radius) !important;
-  border-bottom-left-radius: var(--bs-border-radius) !important;
-  white-space: nowrap !important;
-}
-.ts-control, .ts-control input, .ts-dropdown {
-  color: inherit;
-}
-.form-floating > .ts-wrapper {
-  padding-top: 1.625rem !important;
-}
-
-.ts-wrapper.focus {
-  border-color: #86b7fe;
-  outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.focus .ts-control {
-  box-shadow: none;
-  border: none;
-  box-shadow: none;
-}
-
-.form-select.no-caret {
-  --bs-form-select-bg-img: none !important;
+.ts-dropdown {
+  min-width: 242px;
+}
+.ts-control {
+  padding-top: 0px;
+}
+.ts-wrapper {
+  margin-left: calc(var(--bs-border-width) * -1) !important;
+  border-top-left-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+  white-space: nowrap !important;
+}
+.ts-control, .ts-control input, .ts-dropdown {
+  color: inherit;
+}
+.form-floating > .ts-wrapper {
+  padding-top: 1.625rem !important;
+}
+
+.ts-wrapper.focus {
+  border-color: #86b7fe;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.focus .ts-control {
+  box-shadow: none;
+  border: none;
+  box-shadow: none;
+}
+
+.form-select.no-caret {
+  --bs-form-select-bg-img: none !important;
 }

package/package.json

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

package/wiki/CHANGES.md

@@ -1,147 +1,156 @@
-# Changes
-
-## 2026-06-05
-
-- [2.12.2] Bug fix in ```form-input``` widget
-- [2.12.2] Bug fix in ```toast``` widget
-
-## 2026-06-03
-
-- [2.12.1] Bug fix in ```_lib.getInputAttr()```
-- [2.12.1] Bug fix in ```form-input``` widget
-
-## 2026-06-01
-
-- [2.11.0] Remove ```params``` on all widget since it already there through ```this.params```
-- [2.11.0] Add feature to add addons on all form inputs through schema
-- [2.12.0] Tranform ```form-plaintext``` html as href addon if it contains link information
-
-## 2026-05-25
-
-- [2.10.0] Bug fix in ```_lib.js```
-- [2.10.0] Add dimmed background for ```form-plaintext``` widget
-- [2.10.0] Auto detect theme & iconset
-
-## 2026-05-22
-
-- [2.9.2] Bug fix in ```drawer``` widget
-
-## 2026-05-16
-
-- [2.9.1] Bug fix in ```form-select-ext``` widget
-- [2.9.1] Bug fix in ```util.getInputAttr``` helper
-
-## 2026-05-11
-
-- [2.9.0] Updates to match ```dobo@2.23.0``` specs
-- [2.9.0] Bug fix in ```theme.js```
-- [2.9.0] Auto link for widget bound to database with refs
-
-## 2026-05-03
-
-- [2.8.2] Bug fix in ```form-plaintext``` widgets
-
-## 2026-04-25
-
-- [2.8.0] Change options to format value using the new key set by dobo
-- [2.8.0] Use ```generateId('alpha')``` to make sure all generated id in widget doesn;t start with number
-
-## 2026-04-18
-
-- [2.7.2] Bug fix in ```getInputAttr()``` of ```_lib.js```
-
-
-## 2026-04-17
-
-- [2.7.1] Bug fix in ```getInputAttr()```
-- [2.7.1] Bug fix in ```FormPlaintext``` widget
-
-## 2026-04-13
-
-- [2.7.0] Rewrite ```getInputAttr()``` to not dependent to any template data, rather only depend on attributes
-
-## 2026-04-11
-
-- [2.6.5] Bug fix in ```form-select-ext``` widget
-- [2.6.5] Bug fix in ```container``` widget
-- [2.6.5] Bug fix in ```getInputAttr()```
-- [2.6.5] Bug fix in ```parseVariant()```
-- [2.6.5] Bug fix in ```parseSimple()```
-
-## 2026-04-07
-
-- [2.6.4] Bug fix on widget ```form-select-ext```
-- [2.6.4] Bug fix on ```buildFormSelect()```
-
-## 2026-04-01
-
-- [2.6.3] Bug fix on widget ```form-datetime```
-
-## 2026-03-07
-
-- [2.6.2] Bug fix on widget ```app-launcher-trigger```
-
-## 2026-03-06
-
-- [2.6.1] Bug fix on ```wbs.js```
-
-## 2026-02-20
-
-- [2.6.0] Change ```getInputAttr()``` to async function
-- [2.6.0] Update to support a function handler as ```prop.values```
-- [2.6.0] Add button to admin area in ```Drawer``` if user is an admin
-
-## 2026-02-18
-
-- [2.4.0] Update attribute functions from ```waibu```
-- [2.4.0] Bug fix on ```FormSelectExt``` 's static css
-- [2.4.0] Bug fix on ```FormSelectCountry``` 's static css
-- [2.5.0] Remove ```FormSelectCountry``` alltogther
-- [2.5.0] Bug fix on ```FormSelectExt```'s options
-- [2.5.0] In read only mode, auto detect value from model's values
-
-## 2026-02-15
-
-- [2.3.0] Add capability to use custom tag on ```select```
-- [2.3.0] Now you can hide caret on ```<c:form-select-ext />``` with ```no-caret``` attribute
-- [2.3.0] Add ```value-store="name:key"``` to read/write value to Alpine's store
-
-## 2026-02-11
-
-- [2.2.3] Bug fix on widget attribute ```rounded```
-- [2.2.3] Bug fix on widget ```<c:nav-item />```
-
-## 2026-02-09
-
-- [2.2.0] Start using simplified ```webAppCtx```
-- [2.2.1] Bug fix on ```sidebar``` widget
-- [2.2.2] Bug fix on ```sidebar``` widget
-
-## 2026-02-04
-
-- [2.1.8] Bug fix on ```<c:nav-dropdown-setting>```
-
-## 2026-02-03
-
-- [2.1.7] Bug fix on menu direction
-- [2.1.7] Bug fix on ```dropdown``` widget
-
-## 2026-01-18
-
-- [2.1.5] Darkmode handling
-- [2.1.5] Put border around fieldset if its type is a card
-- [2.1.6] Remove ```getOrCreateInstance()``` on ```wbs.appLauncher()```
-
-## 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
-
-## 2025-12-31
-
-- [2.1.0] Ported to match ```bajo@2.2.x``` specs
-- [2.1.0] Upgrade to ```bootstrap@5.3.8```
+# Changes
+
+## 2026-10-19
+
+- [2.12.4] Bug fix in `_lib.js`
+- [2.12.4] Bug fix in `form-input.js`
+
+## 2026-06-11
+
+- [2.12.3] Bug fix in `form-select-ext` widget
+
+## 2026-06-05
+
+- [2.12.2] Bug fix in `form-input` widget
+- [2.12.2] Bug fix in `toast` widget
+
+## 2026-06-03
+
+- [2.12.1] Bug fix in `_lib.getInputAttr()`
+- [2.12.1] Bug fix in `form-input` widget
+
+## 2026-06-01
+
+- [2.11.0] Remove `params` on all widget since it already there through `this.params`
+- [2.11.0] Add feature to add addons on all form inputs through schema
+- [2.12.0] Tranform `form-plaintext` html as href addon if it contains link information
+
+## 2026-05-25
+
+- [2.10.0] Bug fix in `_lib.js`
+- [2.10.0] Add dimmed background for `form-plaintext` widget
+- [2.10.0] Auto detect theme & iconset
+
+## 2026-05-22
+
+- [2.9.2] Bug fix in `drawer` widget
+
+## 2026-05-16
+
+- [2.9.1] Bug fix in `form-select-ext` widget
+- [2.9.1] Bug fix in `util.getInputAttr` helper
+
+## 2026-05-11
+
+- [2.9.0] Updates to match `dobo@2.23.0` specs
+- [2.9.0] Bug fix in `theme.js`
+- [2.9.0] Auto link for widget bound to database with refs
+
+## 2026-05-03
+
+- [2.8.2] Bug fix in `form-plaintext` widgets
+
+## 2026-04-25
+
+- [2.8.0] Change options to format value using the new key set by dobo
+- [2.8.0] Use `generateId('alpha')` to make sure all generated id in widget doesn;t start with number
+
+## 2026-04-18
+
+- [2.7.2] Bug fix in `getInputAttr()` of `_lib.js`
+
+
+## 2026-04-17
+
+- [2.7.1] Bug fix in `getInputAttr()`
+- [2.7.1] Bug fix in `FormPlaintext` widget
+
+## 2026-04-13
+
+- [2.7.0] Rewrite `getInputAttr()` to not dependent to any template data, rather only depend on attributes
+
+## 2026-04-11
+
+- [2.6.5] Bug fix in `form-select-ext` widget
+- [2.6.5] Bug fix in `container` widget
+- [2.6.5] Bug fix in `getInputAttr()`
+- [2.6.5] Bug fix in `parseVariant()`
+- [2.6.5] Bug fix in `parseSimple()`
+
+## 2026-04-07
+
+- [2.6.4] Bug fix on widget `form-select-ext`
+- [2.6.4] Bug fix on `buildFormSelect()`
+
+## 2026-04-01
+
+- [2.6.3] Bug fix on widget `form-datetime`
+
+## 2026-03-07
+
+- [2.6.2] Bug fix on widget `app-launcher-trigger`
+
+## 2026-03-06
+
+- [2.6.1] Bug fix on `wbs.js`
+
+## 2026-02-20
+
+- [2.6.0] Change `getInputAttr()` to async function
+- [2.6.0] Update to support a function handler as `prop.values`
+- [2.6.0] Add button to admin area in `Drawer` if user is an admin
+
+## 2026-02-18
+
+- [2.4.0] Update attribute functions from `waibu`
+- [2.4.0] Bug fix on `FormSelectExt` 's static css
+- [2.4.0] Bug fix on `FormSelectCountry` 's static css
+- [2.5.0] Remove `FormSelectCountry` alltogther
+- [2.5.0] Bug fix on `FormSelectExt`'s options
+- [2.5.0] In read only mode, auto detect value from model's values
+
+## 2026-02-15
+
+- [2.3.0] Add capability to use custom tag on `select`
+- [2.3.0] Now you can hide caret on `<c:form-select-ext />` with `no-caret` attribute
+- [2.3.0] Add `value-store="name:key"` to read/write value to Alpine's store
+
+## 2026-02-11
+
+- [2.2.3] Bug fix on widget attribute `rounded`
+- [2.2.3] Bug fix on widget `<c:nav-item />`
+
+## 2026-02-09
+
+- [2.2.0] Start using simplified `webAppCtx`
+- [2.2.1] Bug fix on `sidebar` widget
+- [2.2.2] Bug fix on `sidebar` widget
+
+## 2026-02-04
+
+- [2.1.8] Bug fix on `<c:nav-dropdown-setting>`
+
+## 2026-02-03
+
+- [2.1.7] Bug fix on menu direction
+- [2.1.7] Bug fix on `dropdown` widget
+
+## 2026-01-18
+
+- [2.1.5] Darkmode handling
+- [2.1.5] Put border around fieldset if its type is a card
+- [2.1.6] Remove `getOrCreateInstance()` on `wbs.appLauncher()`
+
+## 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
+
+## 2025-12-31
+
+- [2.1.0] Ported to match `bajo@2.2.x` specs
+- [2.1.0] Upgrade to `bootstrap@5.3.8`