bitwrench 2.0.15 → 2.0.17
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/README.md +57 -21
- package/dist/bitwrench-bccl.cjs.js +3750 -0
- package/dist/bitwrench-bccl.cjs.min.js +40 -0
- package/dist/bitwrench-bccl.esm.js +3745 -0
- package/dist/bitwrench-bccl.esm.min.js +40 -0
- package/dist/bitwrench-bccl.umd.js +3756 -0
- package/dist/bitwrench-bccl.umd.min.js +40 -0
- package/dist/bitwrench-code-edit.cjs.js +57 -7
- package/dist/bitwrench-code-edit.cjs.min.js +9 -2
- package/dist/bitwrench-code-edit.es5.js +74 -11
- package/dist/bitwrench-code-edit.es5.min.js +9 -2
- package/dist/bitwrench-code-edit.esm.js +57 -7
- package/dist/bitwrench-code-edit.esm.min.js +9 -2
- package/dist/bitwrench-code-edit.umd.js +57 -7
- package/dist/bitwrench-code-edit.umd.min.js +9 -2
- package/dist/bitwrench-lean.cjs.js +905 -157
- package/dist/bitwrench-lean.cjs.min.js +7 -7
- package/dist/bitwrench-lean.es5.js +931 -157
- package/dist/bitwrench-lean.es5.min.js +5 -5
- package/dist/bitwrench-lean.esm.js +904 -157
- package/dist/bitwrench-lean.esm.min.js +7 -7
- package/dist/bitwrench-lean.umd.js +905 -157
- package/dist/bitwrench-lean.umd.min.js +7 -7
- package/dist/bitwrench.cjs.js +910 -158
- package/dist/bitwrench.cjs.min.js +8 -8
- package/dist/bitwrench.css +60 -17
- package/dist/bitwrench.es5.js +939 -158
- package/dist/bitwrench.es5.min.js +6 -6
- package/dist/bitwrench.esm.js +909 -158
- package/dist/bitwrench.esm.min.js +8 -8
- package/dist/bitwrench.min.css +1 -1
- package/dist/bitwrench.umd.js +910 -158
- package/dist/bitwrench.umd.min.js +8 -8
- package/dist/builds.json +168 -80
- package/dist/bwserve.cjs.js +660 -0
- package/dist/bwserve.esm.js +652 -0
- package/dist/sri.json +36 -28
- package/package.json +20 -3
- package/readme.html +62 -23
- package/src/bitwrench-bccl-entry.js +72 -0
- package/src/bitwrench-bccl.js +5 -1
- package/src/bitwrench-code-edit.js +56 -6
- package/src/bitwrench-color-utils.js +5 -6
- package/src/bitwrench-styles.js +20 -8
- package/src/bitwrench.js +876 -140
- package/src/bwserve/client.js +182 -0
- package/src/bwserve/index.js +363 -0
- package/src/bwserve/shell.js +106 -0
- package/src/cli/index.js +36 -15
- package/src/cli/layout-default.js +47 -32
- package/src/cli/serve.js +325 -0
- package/src/version.js +3 -3
- /package/bin/{bitwrench.js → bwcli.js} +0 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/*! bitwrench-bccl v2.0.17 | BSD-2-Clause | https://deftio.github.com/bitwrench/pages */
|
|
2
|
+
/**
|
|
3
|
+
* Bitwrench v2 Components
|
|
4
|
+
*
|
|
5
|
+
* TACO-based UI component library providing Bootstrap-inspired components
|
|
6
|
+
* as pure JavaScript objects. Every make* function returns a TACO object
|
|
7
|
+
* ({t, a, c, o}) that can be rendered with bw.html() or bw.DOM().
|
|
8
|
+
*
|
|
9
|
+
* Components included: Card, Button, Container, Row, Col, Nav, Navbar,
|
|
10
|
+
* Tabs, Alert, Badge, Progress, ListGroup, Breadcrumb, Form controls,
|
|
11
|
+
* Stack, Spinner, Hero, FeatureGrid, CardV2, CTA, Section, CodeDemo.
|
|
12
|
+
*
|
|
13
|
+
* Handle classes (CardHandle, TableHandle, NavbarHandle, TabsHandle)
|
|
14
|
+
* provide imperative DOM manipulation for rendered components.
|
|
15
|
+
*
|
|
16
|
+
* @module bitwrench-bccl
|
|
17
|
+
* @license BSD-2-Clause
|
|
18
|
+
* @author M A Chatterjee <deftio [at] deftio [dot] com>
|
|
19
|
+
*/
|
|
20
|
+
function e(e){return e?0===e.indexOf("outline")?"bw_btn_outline bw_"+e.replace(/^outline[_-]/,""):"bw_"+e:""}function t(t={}){const{title:a,subtitle:s,content:c,footer:n,header:o,image:i,imagePosition:r="top",variant:l,bordered:d=!0,shadow:_,hoverable:b=!1,className:u="",style:m,headerClass:p="",bodyClass:w="",footerClass:v=""}=t,f=["bw_card",e(l),_&&{none:"",sm:"bw_shadow_sm",md:"bw_shadow",lg:"bw_shadow_lg"}[_]||"",d?"":"bw_border_0",b?"bw_card_hoverable":"",u].filter(Boolean).join(" ").trim(),h=[o&&{t:"div",a:{class:`bw_card_header ${p}`.trim()},c:o},i&&("top"===r||"left"===r)&&{t:"img",a:{class:`bw_card_img_${r}`,src:i.src,alt:i.alt||""}},{t:"div",a:{class:`bw_card_body ${w}`.trim()},c:[a&&{t:"h5",a:{class:"bw_card_title"},c:a},s&&{t:"h6",a:{class:"bw_card_subtitle bw_mb_2 bw_text_muted"},c:s},c&&(Array.isArray(c)?c:[c])].flat().filter(Boolean)},i&&("bottom"===r||"right"===r)&&{t:"img",a:{class:`bw_card_img_${r}`,src:i.src,alt:i.alt||""}},n&&{t:"div",a:{class:`bw_card_footer ${v}`.trim()},c:n}].filter(Boolean);return!i||"left"!==r&&"right"!==r?{t:"div",a:{class:f,style:m},c:h,o:{type:"card",state:t.state||{}}}:{t:"div",a:{class:f,style:m},c:{t:"div",a:{class:"bw_row bw_g_0"},c:h},o:{type:"card",state:t.state||{}}}}function a(t={}){"string"==typeof t&&(t={text:t});const{text:a,variant:s="primary",size:c,disabled:n=!1,onclick:o,type:i="button",className:r="",style:l}=t;return{t:"button",a:{type:i,class:["bw_btn",e(s),c&&`bw_btn_${c}`,r].filter(Boolean).join(" "),disabled:n,onclick:o,style:l},c:a,o:{type:"button"}}}function s(e={}){const{fluid:t=!1,children:a,className:s=""}=e;return{t:"div",a:{class:`bw_container${t?"-fluid":""} ${s}`.trim()},c:a}}function c(e={}){const{children:t,className:a="",gap:s}=e;return{t:"div",a:{class:`bw_row ${s?`bw_g_${s}`:""} ${a}`.trim()},c:t}}function n(e={}){const{size:t,offset:a,push:s,pull:c,content:n,children:o,className:i=""}=e,r=[];return"object"==typeof t?Object.entries(t).forEach(([e,t])=>{"xs"===e?r.push(`bw_col_${t}`):r.push(`bw_col_${e}-${t}`)}):t?r.push(`bw_col_${t}`):r.push("bw_col"),a&&r.push(`bw_offset_${a}`),s&&r.push(`bw_push_${s}`),c&&r.push(`bw_pull_${c}`),{t:"div",a:{class:`${r.join(" ")} ${i}`.trim()},c:n||o}}function o(e={}){const{items:t=[],pills:a=!1,vertical:s=!1,className:c=""}=e;return{t:"ul",a:{class:`bw_nav ${a?"bw_nav_pills":"bw_nav_tabs"} ${s?"bw_nav_vertical":""} ${c}`.trim()},c:t.map(e=>({t:"li",a:{class:"bw_nav_item"},c:{t:"a",a:{href:e.href||"#",class:`bw_nav_link ${e.active?"active":""} ${e.disabled?"disabled":""}`.trim()},c:e.text}}))}}function i(e={}){const{brand:t,brandHref:a="#",items:s=[],dark:c=!0,className:n=""}=e;return{t:"nav",a:{class:`bw_navbar ${c?"bw_navbar_dark":"bw_navbar_light"} ${n}`.trim()},c:{t:"div",a:{class:"bw_container"},c:[t&&{t:"a",a:{href:a,class:"bw_navbar_brand"},c:t},s.length>0&&{t:"div",a:{class:"bw_navbar_nav"},c:s.map(e=>({t:"a",a:{href:e.href||"#",class:"bw_nav_link "+(e.active?"active":"")},c:e.text}))}].filter(Boolean)},o:{type:"navbar",state:{activeItem:s.findIndex(e=>e.active)}}}}function r(e={}){const{tabs:t=[],activeIndex:a=0}=e;let s=a;return t.forEach((e,t)=>{e.active&&(s=t)}),{t:"div",a:{class:"bw_tabs"},c:[{t:"ul",a:{class:"bw_nav bw_nav_tabs",role:"tablist"},c:t.map((e,t)=>({t:"li",a:{class:"bw_nav_item",role:"presentation"},c:{t:"button",a:{class:"bw_nav_link "+(t===s?"active":""),type:"button",role:"tab",tabindex:t===s?"0":"-1","aria-selected":t===s?"true":"false","data-tab-index":t,onclick:e=>{const t=e.target.closest(".bw_tabs"),a=t.querySelectorAll(".bw_nav_link"),s=t.querySelectorAll(".bw_tab_pane");a.forEach(e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false"),e.setAttribute("tabindex","-1")}),s.forEach(e=>e.classList.remove("active")),e.target.classList.add("active"),e.target.setAttribute("aria-selected","true"),e.target.setAttribute("tabindex","0");s[parseInt(e.target.getAttribute("data-tab-index"))].classList.add("active")}},c:e.label}}))},{t:"div",a:{class:"bw_tab_content"},c:t.map((e,t)=>({t:"div",a:{class:"bw_tab_pane "+(t===s?"active":""),role:"tabpanel"},c:e.content}))}],o:{type:"tabs",state:{activeIndex:s},mounted:function(e){var t=e.querySelector('[role="tablist"]');t&&t.addEventListener("keydown",function(e){for(var a=t.querySelectorAll('[role="tab"]'),s=-1,c=0;c<a.length;c++)if(a[c]===e.target){s=c;break}if(-1!==s){var n=-1;"ArrowLeft"===e.key||"ArrowUp"===e.key?(e.preventDefault(),n=s>0?s-1:a.length-1):"ArrowRight"===e.key||"ArrowDown"===e.key?(e.preventDefault(),n=s<a.length-1?s+1:0):"Home"===e.key?(e.preventDefault(),n=0):"End"===e.key&&(e.preventDefault(),n=a.length-1),n>=0&&(a[n].focus(),a[n].click())}})}}}}function l(t={}){"string"==typeof t&&(t={content:t});const{content:a,variant:s="info",dismissible:c=!1,className:n=""}=t;return{t:"div",a:{class:`bw_alert ${e(s)} ${c?"bw_alert_dismissible":""} ${n}`.trim(),role:"alert"},c:[a,c&&{t:"button",a:{type:"button",class:"bw_close","aria-label":"Close",onclick:function(e){var t=e.target.closest(".bw_alert");t&&t.remove()}},c:"×"}].filter(Boolean)}}function d(t={}){"string"==typeof t&&(t={text:t});const{text:a,variant:s="primary",size:c,pill:n=!1,className:o=""}=t,i="sm"===c?" bw_badge_sm":"lg"===c?" bw_badge_lg":"";return{t:"span",a:{class:`bw_badge ${e(s)}${i} ${n?"bw_badge_pill":""} ${o}`.trim()},c:a}}function _(t={}){const{value:a=0,max:s=100,variant:c="primary",striped:n=!1,animated:o=!1,label:i,height:r}=t,l=Math.round(a/s*100);return{t:"div",a:{class:"bw_progress",style:r?{height:`${r}px`}:void 0},c:{t:"div",a:{class:["bw_progress_bar",e(c),n&&"bw_progress_bar_striped",o&&"bw_progress_bar_animated"].filter(Boolean).join(" "),role:"progressbar",style:{width:`${l}%`},"aria-valuenow":a,"aria-valuemin":0,"aria-valuemax":s},c:i||`${l}%`}}}function b(e={}){const{items:t=[],flush:a=!1,interactive:s=!1}=e;return{t:"div",a:{class:("bw_list_group "+(a?"bw_list_group_flush":"")).trim()},c:t.map(e=>{const t="object"==typeof e,a=t?e.text:e,c=!!t&&e.active,n=!!t&&e.disabled,o=t?e.href:null,i=t?e.onclick:null;return s||o||i?{t:"a",a:{class:["bw_list_group_item",c&&"active",n&&"disabled"].filter(Boolean).join(" "),href:o||"#",onclick:i||(e=>{o||e.preventDefault()}),style:n?"pointer-events: none; opacity: 0.65;":""},c:a}:{t:"div",a:{class:["bw_list_group_item",c&&"active",n&&"disabled"].filter(Boolean).join(" ")},c:a}})}}function u(e={}){const{items:t=[]}=e;return{t:"nav",a:{"aria-label":"breadcrumb"},c:{t:"ol",a:{class:"bw_breadcrumb"},c:t.map((e,t)=>({t:"li",a:{class:"bw_breadcrumb_item "+(e.active?"active":""),"aria-current":e.active?"page":void 0},c:e.active?e.text:{t:"a",a:{href:e.href||"#"},c:e.text}}))}}}function m(e={}){const{children:t,onsubmit:a,className:s=""}=e;return{t:"form",a:{class:s,onsubmit:a||(e=>e.preventDefault())},c:t}}function p(e={}){var{label:t,input:a,help:s,id:c,validation:n,feedback:o,required:i}=e,r=a;if(n&&a&&a.a){r={t:a.t,a:Object.assign({},a.a),c:a.c,o:a.o};var l="valid"===n?"bw_is_valid":"invalid"===n?"bw_is_invalid":"";l&&(r.a.class=((r.a.class||"")+" "+l).trim())}return{t:"div",a:{class:"bw_form_group"},c:[t&&{t:"label",a:{for:c,class:"bw_form_label"},c:i?[t,{t:"span",a:{class:"bw_text_danger bw_ms_1"},c:"*"}]:t},r,o&&n&&{t:"div",a:{class:"valid"===n?"bw_valid_feedback":"bw_invalid_feedback"},c:o},s&&{t:"small",a:{class:"bw_form_text bw_text_muted"},c:s}].filter(Boolean)}}function w(e={}){const{type:t="text",placeholder:a,value:s,id:c,name:n,disabled:o=!1,readonly:i=!1,required:r=!1,className:l="",style:d,..._}=e;return{t:"input",a:{type:t,class:`bw_form_control ${l}`.trim(),placeholder:a,value:s,id:c,name:n,style:d,disabled:o,readonly:i,required:r,..._}}}function v(e={}){const{placeholder:t,value:a,rows:s=3,id:c,name:n,disabled:o=!1,readonly:i=!1,required:r=!1,className:l="",...d}=e;return{t:"textarea",a:{class:`bw_form_control ${l}`.trim(),placeholder:t,rows:s,id:c,name:n,disabled:o,readonly:i,required:r,...d},c:a}}function f(e={}){const{options:t=[],value:a,id:s,name:c,disabled:n=!1,required:o=!1,className:i="",...r}=e;return{t:"select",a:{class:`bw_form_control ${i}`.trim(),id:s,name:c,disabled:n,required:o,...r},c:t.map(e=>({t:"option",a:{value:e.value,selected:e.value===a},c:e.text||e.value}))}}function h(e={}){const{label:t,checked:a=!1,id:s,name:c,disabled:n=!1,value:o,className:i="",...r}=e;return{t:"div",a:{class:`bw_form_check ${i}`.trim()},c:[{t:"input",a:{type:"checkbox",class:"bw_form_check_input",checked:a,id:s,name:c,disabled:n,value:o,...r}},t&&{t:"label",a:{class:"bw_form_check_label",for:s},c:t}].filter(Boolean)}}function g(e={}){const{children:t,direction:a="vertical",gap:s=3,className:c=""}=e;return{t:"div",a:{class:`bw_${"vertical"===a?"vstack":"hstack"} bw_gap_${s} ${c}`.trim()},c:t}}function k(t={}){const{variant:a="primary",size:s="md",type:c="border"}=t;return{t:"div",a:{class:`bw_spinner_${c} bw_spinner_${c}-${s} ${e(a)}`,role:"status"},c:{t:"span",a:{class:"bw_visually_hidden"},c:"Loading..."}}}function y(t={}){const{title:a,subtitle:s,content:c,variant:n="primary",size:o="lg",centered:i=!0,overlay:r=!1,backgroundImage:l,actions:d,className:_=""}=t,b={sm:"bw_py_3",md:"bw_py_4",lg:"bw_py_5",xl:"bw_py_6"};return{t:"section",a:{class:`bw_hero ${e(n)} ${b[o]||b.lg} ${i?"bw_text_center":""} ${_}`.trim(),style:l?`background-image: url('${l}'); background-size: cover; background-position: center;`:void 0},c:[r&&{t:"div",a:{class:"bw_hero_overlay"}},{t:"div",a:{class:"bw_container"},c:{t:"div",a:{class:"bw_hero_content"},c:[a&&{t:"h1",a:{class:"bw_hero_title bw_display_4 bw_mb_3"},c:a},s&&{t:"p",a:{class:"bw_hero_subtitle bw_lead bw_mb_4"},c:s},c,d&&{t:"div",a:{class:"bw_hero_actions bw_mt_4"},c:d}].filter(Boolean)}}].filter(Boolean)}}function x(e={}){const{features:t=[],columns:a=3,centered:s=!0,iconSize:c="3rem",className:n=""}=e,o="bw_col_md_"+12/a;return{t:"div",a:{class:`bw_feature_grid ${n}`.trim()},c:{t:"div",a:{class:"bw_row bw_g_4"},c:t.map(e=>({t:"div",a:{class:o},c:{t:"div",a:{class:"bw_feature "+(s?"bw_text_center":"")},c:[e.icon&&{t:"div",a:{class:"bw_feature_icon bw_mb_3 bw_text_primary",style:`font-size: ${c};`},c:e.icon},e.title&&{t:"h3",a:{class:"bw_feature_title bw_h5 bw_mb_2"},c:e.title},e.description&&{t:"p",a:{class:"bw_feature_description bw_text_muted"},c:e.description}].filter(Boolean)}}))}}}function $(e={}){const{title:t,description:a,actions:s,variant:c="light",centered:n=!0,className:o=""}=e;return{t:"section",a:{class:`bw_cta bw_bg_${c} bw_py_5 ${o}`.trim()},c:{t:"div",a:{class:"bw_container"},c:{t:"div",a:{class:"bw_cta_content "+(n?"bw_text_center":"")},c:[t&&{t:"h2",a:{class:"bw_cta_title bw_mb_3"},c:t},a&&{t:"p",a:{class:"bw_cta_description bw_lead bw_mb_4"},c:a},s&&{t:"div",a:{class:"bw_cta_actions"},c:s}].filter(Boolean)}}}}function L(e={}){const{title:t,subtitle:a,content:s,variant:c="default",spacing:n="md",className:o=""}=e,i={sm:"bw_py_3",md:"bw_py_4",lg:"bw_py_5",xl:"bw_py_6"};return{t:"section",a:{class:`bw_section ${i[n]||i.md} ${"default"!==c?`bw_bg_${c}`:""} ${o}`.trim()},c:{t:"div",a:{class:"bw_container"},c:[(t||a)&&{t:"div",a:{class:"bw_section_header bw_text_center bw_mb_5"},c:[t&&{t:"h2",a:{class:"bw_section_title"},c:t},a&&{t:"p",a:{class:"bw_section_subtitle bw_text_muted"},c:a}].filter(Boolean)},s].filter(Boolean)}}}function N(e={}){const{title:t,description:a,code:s,result:c,language:n="javascript"}=e;Math.random().toString(36).substr(2,9);const o=[{label:"Result",active:!0,content:c}];s&&o.push({label:"Code",content:{t:"div",a:{style:"position: relative;"},c:[{t:"button",a:{class:"bw_copy_btn bw_code_copy_btn",onclick:function(e){navigator.clipboard.writeText(s).then(function(){var t=e.target,a=t.textContent;t.textContent="Copied!",t.classList.add("bw_code_copy_btn_copied"),setTimeout(function(){t.textContent=a,t.classList.remove("bw_code_copy_btn_copied")},2e3)})}},c:"Copy"},"undefined"!=typeof globalThis&&void 0!==globalThis.bw&&"function"==typeof globalThis.bw.codeEditor?globalThis.bw.codeEditor({code:s,lang:"javascript"===n?"js":n,readOnly:!0,height:"auto"}):{t:"pre",a:{class:"bw_code_pre"},c:{t:"code",a:{class:`bw_code_block language-${n}`},c:s}}]}});return{t:"div",a:{class:"bw_code_demo"},c:[t&&{t:"h3",c:t},a&&{t:"p",a:{class:"bw_text_muted bw_mb_3"},c:a},r({tabs:o})].filter(Boolean)}}function C(e={}){const{pages:t=1,currentPage:a=1,onPageChange:s,size:c,className:n=""}=e;function o(e){return function(c){c.preventDefault(),e<1||e>t||e===a||s&&s(e)}}const i=[];i.push({t:"li",a:{class:("bw_page_item "+(a<=1?"bw_disabled":"")).trim()},c:{t:"a",a:{class:"bw_page_link",href:"#",onclick:o(a-1),"aria-label":"Previous"},c:"‹"}});for(var r=1;r<=t;r++)(function(e){i.push({t:"li",a:{class:("bw_page_item "+(e===a?"bw_active":"")).trim()},c:{t:"a",a:{class:"bw_page_link",href:"#",onclick:o(e)},c:""+e}})})(r);return i.push({t:"li",a:{class:("bw_page_item "+(a>=t?"bw_disabled":"")).trim()},c:{t:"a",a:{class:"bw_page_link",href:"#",onclick:o(a+1),"aria-label":"Next"},c:"›"}}),{t:"nav",a:{"aria-label":"Pagination"},c:{t:"ul",a:{class:`bw_pagination ${c?"bw_pagination_"+c:""} ${n}`.trim()},c:i}}}function A(e={}){const{label:t,name:a,value:s,checked:c=!1,id:n,disabled:o=!1,className:i="",...r}=e;return{t:"div",a:{class:`bw_form_check ${i}`.trim()},c:[{t:"input",a:{type:"radio",class:"bw_form_check_input",name:a,value:s,checked:c,id:n,disabled:o,...r}},t&&{t:"label",a:{class:"bw_form_check_label",for:n},c:t}].filter(Boolean)}}function B(e={}){const{children:t,size:a,vertical:s=!1,className:c=""}=e;return{t:"div",a:{class:`${s?"bw_btn_group_vertical":"bw_btn_group"} ${a?"bw_btn_group_"+a:""} ${c}`.trim(),role:"group"},c:t}}function S(e={}){const{items:t=[],multiOpen:a=!1,className:s=""}=e;return{t:"div",a:{class:`bw_accordion ${s}`.trim()},c:t.map(function(e,t){return{t:"div",a:{class:"bw_accordion_item"},c:[{t:"h2",a:{class:"bw_accordion_header"},c:{t:"button",a:{class:("bw_accordion_button "+(e.open?"":"bw_collapsed")).trim(),type:"button","aria-expanded":e.open?"true":"false","data-accordion-index":t,onclick:function(e){var t=e.target.closest(".bw_accordion_button"),s=t.closest(".bw_accordion"),c=t.closest(".bw_accordion_item"),n=c.querySelector(".bw_accordion_collapse"),o=n.classList.contains("bw_collapse_show");if(!a)for(var i=s.querySelectorAll(".bw_accordion_item"),r=0;r<i.length;r++)if(i[r]!==c){var l=i[r].querySelector(".bw_accordion_collapse"),d=i[r].querySelector(".bw_accordion_button");l.classList.contains("bw_collapse_show")&&(l.style.maxHeight=l.scrollHeight+"px",l.offsetHeight,l.style.maxHeight="0px",l.classList.remove("bw_collapse_show"),d.classList.add("bw_collapsed"),d.setAttribute("aria-expanded","false"))}if(o)n.style.maxHeight=n.scrollHeight+"px",n.offsetHeight,n.style.maxHeight="0px",n.classList.remove("bw_collapse_show"),t.classList.add("bw_collapsed"),t.setAttribute("aria-expanded","false");else{n.classList.add("bw_collapse_show"),n.style.maxHeight="0px",n.offsetHeight,n.style.maxHeight=n.scrollHeight+"px",t.classList.remove("bw_collapsed"),t.setAttribute("aria-expanded","true");var _=function(e){"max-height"===e.propertyName&&n.classList.contains("bw_collapse_show")&&(n.style.maxHeight="none"),n.removeEventListener("transitionend",_)};n.addEventListener("transitionend",_)}}},c:e.title}},{t:"div",a:{class:("bw_accordion_collapse "+(e.open?"bw_collapse_show":"")).trim()},c:{t:"div",a:{class:"bw_accordion_body"},c:e.content},o:e.open?{mounted:function(e){e.style.maxHeight="none"}}:void 0}]}}),o:{type:"accordion",state:{multiOpen:a}}}}function E(e={}){const{title:t,content:a,footer:s,size:c,closeButton:n=!0,onClose:o,className:i=""}=e;function r(e){var t=e.closest(".bw_modal");t&&(t.classList.remove("bw_modal_show"),document.body.style.overflow=""),o&&o()}return{t:"div",a:{class:`bw_modal ${i}`.trim()},c:{t:"div",a:{class:("bw_modal_dialog "+(c?"bw_modal_"+c:"")).trim()},c:{t:"div",a:{class:"bw_modal_content"},c:[(t||n)&&{t:"div",a:{class:"bw_modal_header"},c:[t&&{t:"h5",a:{class:"bw_modal_title"},c:t},n&&{t:"button",a:{type:"button",class:"bw_close","aria-label":"Close",onclick:function(e){r(e.target)}},c:"×"}].filter(Boolean)},a&&{t:"div",a:{class:"bw_modal_body"},c:a},s&&{t:"div",a:{class:"bw_modal_footer"},c:s}].filter(Boolean)}},o:{type:"modal",mounted:function(e){e.addEventListener("click",function(t){t.target===e&&r(e)});var t=function(t){"Escape"===t.key&&e.classList.contains("bw_modal_show")&&r(e)};document.addEventListener("keydown",t),e._bw_escHandler=t},unmount:function(e){e._bw_escHandler&&document.removeEventListener("keydown",e._bw_escHandler),document.body.style.overflow=""}}}}function I(t={}){const{title:a,content:s,variant:c="info",autoDismiss:n=!0,delay:o=5e3,position:i="top-right",className:r=""}=t;return{t:"div",a:{class:`bw_toast ${e(c)} ${r}`.trim(),role:"alert","data-position":i},c:[a&&{t:"div",a:{class:"bw_toast_header"},c:[{t:"strong",c:a},{t:"button",a:{type:"button",class:"bw_close","aria-label":"Close",onclick:function(e){var t=e.target.closest(".bw_toast");t&&(t.classList.add("bw_toast_hiding"),setTimeout(function(){t.parentNode&&t.parentNode.removeChild(t)},300))}},c:"×"}]},s&&{t:"div",a:{class:"bw_toast_body"},c:s}].filter(Boolean),o:{type:"toast",mounted:function(e){requestAnimationFrame(function(){e.classList.add("bw_toast_show")}),n&&setTimeout(function(){e.classList.add("bw_toast_hiding"),setTimeout(function(){e.parentNode&&e.parentNode.removeChild(e)},300)},o)}}}}function q(t={}){const{trigger:a,items:s=[],align:c="start",variant:n="primary",className:o=""}=t;var i;return i="string"==typeof a||void 0===a?{t:"button",a:{class:`bw_btn ${e(n)} bw_dropdown_toggle`,type:"button",onclick:function(e){e.target.closest(".bw_dropdown").querySelector(".bw_dropdown_menu").classList.toggle("bw_dropdown_show")}},c:a||"Dropdown"}:a,{t:"div",a:{class:`bw_dropdown ${o}`.trim()},c:[i,{t:"div",a:{class:("bw_dropdown_menu "+("end"===c?"bw_dropdown_menu_end":"")).trim()},c:s.map(function(e){return e.divider?{t:"hr",a:{class:"bw_dropdown_divider"}}:{t:"a",a:{class:("bw_dropdown_item "+(e.disabled?"disabled":"")).trim(),href:e.href||"#",onclick:e.disabled?void 0:function(t){e.href||t.preventDefault(),t.target.closest(".bw_dropdown").querySelector(".bw_dropdown_menu").classList.remove("bw_dropdown_show"),e.onclick&&e.onclick(t)}},c:e.text}})}],o:{type:"dropdown",mounted:function(e){var t=function(t){if(!e.contains(t.target)){var a=e.querySelector(".bw_dropdown_menu");a&&a.classList.remove("bw_dropdown_show")}};document.addEventListener("click",t),e._bw_outsideHandler=t},unmount:function(e){e._bw_outsideHandler&&document.removeEventListener("click",e._bw_outsideHandler)}}}}function H(e={}){const{label:t,checked:a=!1,id:s,name:c,disabled:n=!1,className:o="",...i}=e;return{t:"div",a:{class:`bw_form_check bw_form_switch ${o}`.trim()},c:[{t:"input",a:{type:"checkbox",class:"bw_form_check_input bw_switch_input",role:"switch",checked:a,id:s,name:c,disabled:n,...i}},t&&{t:"label",a:{class:"bw_form_check_label",for:s},c:t}].filter(Boolean)}}function j(e={}){const{variant:t="text",width:a,height:s,count:c=1,className:n=""}=e;if("circle"===t){var o=a||s||"3rem";return{t:"div",a:{class:`bw_skeleton bw_skeleton_circle ${n}`.trim(),style:{width:o,height:o}}}}if("rect"===t)return{t:"div",a:{class:`bw_skeleton bw_skeleton_rect ${n}`.trim(),style:{width:a||"100%",height:s||"120px"}}};if(1===c)return{t:"div",a:{class:`bw_skeleton bw_skeleton_text ${n}`.trim(),style:{width:a||"100%",height:s||"1em"}}};for(var i=[],r=0;r<c;r++)i.push({t:"div",a:{class:"bw_skeleton bw_skeleton_text",style:{width:r===c-1?"75%":a||"100%",height:s||"1em"}}});return{t:"div",a:{class:`bw_skeleton_group ${n}`.trim()},c:i}}function D(t={}){const{src:a,alt:s="",initials:c,size:n="md",variant:o="primary",className:i=""}=t;return a?{t:"img",a:{class:`bw_avatar bw_avatar_${n} ${i}`.trim(),src:a,alt:s}}:{t:"div",a:{class:`bw_avatar bw_avatar_${n} ${e(o)} ${i}`.trim()},c:c||""}}function T(e={}){const{items:t=[],showControls:a=!0,showIndicators:s=!0,autoPlay:c=!1,interval:n=5e3,height:o="300px",startIndex:i=0,className:r=""}=e;function l(e,t){var a=e.querySelectorAll(".bw_carousel_slide").length;t<0&&(t=a-1),t>=a&&(t=0),e.setAttribute("data-carousel-index",t),e.querySelector(".bw_carousel_track").style.transform="translateX(-"+100*t+"%)";for(var s=e.querySelectorAll(".bw_carousel_indicator"),c=0;c<s.length;c++)c===t?s[c].classList.add("active"):s[c].classList.remove("active")}var d=t.map(function(e){var t=[e.content,e.caption&&{t:"div",a:{class:"bw_carousel_caption"},c:e.caption}].filter(Boolean);return{t:"div",a:{class:"bw_carousel_slide"},c:1===t.length?t[0]:t}}),_=[{t:"div",a:{class:"bw_carousel_track",style:"transform: translateX(-"+100*i+"%)"},c:d}];return a&&t.length>1&&(_.push({t:"button",a:{class:"bw_carousel_control bw_carousel_control_prev",type:"button","aria-label":"Previous slide",onclick:function(e){var t=e.target.closest(".bw_carousel"),a=parseInt(t.getAttribute("data-carousel-index")||"0");l(t,a-1)}},c:{t:"img",a:{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e",alt:"",role:"presentation"}}}),_.push({t:"button",a:{class:"bw_carousel_control bw_carousel_control_next",type:"button","aria-label":"Next slide",onclick:function(e){var t=e.target.closest(".bw_carousel"),a=parseInt(t.getAttribute("data-carousel-index")||"0");l(t,a+1)}},c:{t:"img",a:{src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e",alt:"",role:"presentation"}}})),s&&t.length>1&&_.push({t:"div",a:{class:"bw_carousel_indicators"},c:t.map(function(e,t){return{t:"button",a:{class:"bw_carousel_indicator"+(t===i?" active":""),type:"button","aria-label":"Go to slide "+(t+1),"data-slide-index":t,onclick:function(e){l(e.target.closest(".bw_carousel"),parseInt(e.target.getAttribute("data-slide-index")))}}}})}),{t:"div",a:{class:("bw_carousel "+r).trim(),style:"height: "+o,tabindex:"0","aria-roledescription":"carousel","data-carousel-index":i},c:_,o:{type:"carousel",state:{activeIndex:i,autoPlay:c,interval:n},mounted:function(e){if(e.addEventListener("keydown",function(t){var a=parseInt(e.getAttribute("data-carousel-index")||"0");"ArrowLeft"===t.key?(t.preventDefault(),l(e,a-1)):"ArrowRight"===t.key&&(t.preventDefault(),l(e,a+1))}),c){var t=setInterval(function(){var t=parseInt(e.getAttribute("data-carousel-index")||"0");l(e,t+1)},n);e._bw_carouselInterval=t,e.addEventListener("mouseenter",function(){e._bw_carouselInterval&&clearInterval(e._bw_carouselInterval)}),e.addEventListener("mouseleave",function(){e._bw_carouselInterval=setInterval(function(){var t=parseInt(e.getAttribute("data-carousel-index")||"0");l(e,t+1)},n)})}},unmount:function(e){e._bw_carouselInterval&&clearInterval(e._bw_carouselInterval)}}}}function z(t={}){"string"==typeof t&&(t={label:t});var{value:a=0,label:s,change:c,format:n,prefix:o,suffix:i,icon:r,variant:l,className:d="",style:_}=t;var b=["bw_stat_card",e(l),d].filter(Boolean).join(" ").trim(),u=[];return r&&u.push({t:"div",a:{class:"bw_stat_icon"},c:r}),u.push({t:"div",a:{class:"bw_stat_value"},c:function(e,t){if(o||i)return(o||"")+e+(i||"");switch(t){case"currency":return"$"+Number(e).toLocaleString();case"percent":return e+"%";case"number":return Number(e).toLocaleString();default:return""+e}}(a,n)}),s&&u.push({t:"div",a:{class:"bw_stat_label"},c:s}),null!=c&&u.push({t:"div",a:{class:"bw_stat_change "+(c>=0?"bw_stat_change_up":"bw_stat_change_down")},c:(c>=0?"↑ +":"↓ ")+c+"%"}),{t:"div",a:{class:b,style:_},c:u,o:{type:"stat-card"}}}function O(e={}){var{content:t,text:a="",placement:s="top",className:c=""}=e;return{t:"span",a:{class:("bw_tooltip_wrapper "+c).trim()},c:[t,{t:"span",a:{class:"bw_tooltip bw_tooltip_"+s,role:"tooltip"},c:a}],o:{type:"tooltip",mounted:function(e){var t=e.querySelector(".bw_tooltip");e.addEventListener("mouseenter",function(){t.classList.add("bw_tooltip_show")}),e.addEventListener("mouseleave",function(){t.classList.remove("bw_tooltip_show")}),e.addEventListener("focusin",function(){t.classList.add("bw_tooltip_show")}),e.addEventListener("focusout",function(){t.classList.remove("bw_tooltip_show")})}}}}function P(e={}){var{trigger:t,title:a,content:s,placement:c="top",className:n=""}=e,o=[a&&{t:"div",a:{class:"bw_popover_header"},c:a},s&&{t:"div",a:{class:"bw_popover_body"},c:s}].filter(Boolean);return{t:"span",a:{class:("bw_popover_wrapper "+n).trim()},c:[{t:"span",a:{class:"bw_popover_trigger",onclick:function(e){e.target.closest(".bw_popover_wrapper").querySelector(".bw_popover").classList.toggle("bw_popover_show")}},c:t},{t:"div",a:{class:"bw_popover bw_popover_"+c},c:o}],o:{type:"popover",mounted:function(e){var t=function(t){if(!e.contains(t.target)){var a=e.querySelector(".bw_popover");a&&a.classList.remove("bw_popover_show")}};document.addEventListener("click",t),e._bw_outsideHandler=t},unmount:function(e){e._bw_outsideHandler&&document.removeEventListener("click",e._bw_outsideHandler)}}}}function G(e={}){"string"==typeof e&&(e={placeholder:e});var{placeholder:t="Search...",value:a,onSearch:s,onInput:c,id:n,name:o,className:i=""}=e;return{t:"div",a:{class:("bw_search_input "+i).trim()},c:[{t:"input",a:{type:"search",class:"bw_form_control bw_search_field",placeholder:t,value:a,id:n,name:o,onkeydown:function(e){"Enter"===e.key&&s&&(e.preventDefault(),s(e.target.value))},oninput:function(e){var t=e.target.closest(".bw_search_input").querySelector(".bw_search_clear");t&&(t.style.display=e.target.value?"flex":"none"),c&&c(e.target.value)}}},{t:"button",a:{type:"button",class:"bw_search_clear","aria-label":"Clear search",style:a?void 0:"display: none",onclick:function(e){var t=e.target.closest(".bw_search_input").querySelector(".bw_search_field");t.value="",e.target.style.display="none",t.focus(),c&&c(""),s&&s("")}},c:"×"}],o:{type:"search-input"}}}function R(e={}){var{min:t=0,max:a=100,step:s=1,value:c=50,label:n,showValue:o=!1,id:i,name:r,disabled:l=!1,className:d="",..._}=e,b=[];if(n||o){var u=[];n&&u.push({t:"span",c:n}),o&&u.push({t:"span",a:{class:"bw_range_value"},c:""+c}),b.push({t:"div",a:{class:"bw_range_label"},c:u})}var m=_.oninput;return o&&(_.oninput=function(e){var t=e.target.closest(".bw_range_wrapper").querySelector(".bw_range_value");t&&(t.textContent=e.target.value),m&&m(e)}),b.push({t:"input",a:{type:"range",class:"bw_range",min:t,max:a,step:s,value:c,id:i,name:r,disabled:l,..._}}),{t:"div",a:{class:("bw_range_wrapper "+d).trim()},c:b,o:{type:"range"}}}function F(e={}){var{src:t,alt:a="",title:s,content:c,reverse:n=!1,imageSize:o="3rem",className:i=""}=e,r=t?{t:"img",a:{class:"bw_media_img",src:t,alt:a,style:"width:"+o+";height:"+o}}:null,l={t:"div",a:{class:"bw_media_body"},c:[s&&{t:"h5",a:{class:"bw_media_title"},c:s},c].filter(Boolean)};return{t:"div",a:{class:("bw_media "+(n?"bw_media_reverse ":"")+i).trim()},c:n?[l,r].filter(Boolean):[r,l].filter(Boolean),o:{type:"media-object"}}}function M(e={}){var{accept:t,multiple:a=!1,onFiles:s,text:c="Drop files here or click to browse",id:n,className:o=""}=e;return{t:"div",a:{class:("bw_file_upload "+o).trim(),tabindex:"0",role:"button","aria-label":c},c:[{t:"div",a:{class:"bw_file_upload_icon"},c:"📁"},{t:"div",a:{class:"bw_file_upload_text"},c:c},{t:"input",a:{type:"file",class:"bw_file_upload_input",accept:t,multiple:a,id:n,onchange:function(e){s&&e.target.files.length&&s(e.target.files)}}}],o:{type:"file-upload",mounted:function(e){var t=e.querySelector(".bw_file_upload_input");e.addEventListener("click",function(e){e.target!==t&&t.click()}),e.addEventListener("keydown",function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t.click())}),e.addEventListener("dragover",function(t){t.preventDefault(),e.classList.add("bw_file_upload_active")}),e.addEventListener("dragleave",function(){e.classList.remove("bw_file_upload_active")}),e.addEventListener("drop",function(t){t.preventDefault(),e.classList.remove("bw_file_upload_active"),s&&t.dataTransfer.files.length&&s(t.dataTransfer.files)})}}}}function U(t={}){var{items:a=[],className:s=""}=t;return{t:"div",a:{class:("bw_timeline "+s).trim()},c:a.map(function(t){return{t:"div",a:{class:"bw_timeline_item"},c:[{t:"div",a:{class:"bw_timeline_marker "+e(t.variant||"primary")}},{t:"div",a:{class:"bw_timeline_content"},c:[t.date&&{t:"div",a:{class:"bw_timeline_date"},c:t.date},t.title&&{t:"h5",a:{class:"bw_timeline_title"},c:t.title},t.content&&("string"==typeof t.content?{t:"p",a:{class:"bw_timeline_text"},c:t.content}:t.content)].filter(Boolean)}]}}),o:{type:"timeline"}}}function X(e={}){var{steps:t=[],currentStep:a=0,className:s=""}=e;return{t:"div",a:{class:("bw_stepper "+s).trim(),role:"list"},c:t.map(function(e,t){var s=t<a?"completed":t===a?"active":"pending";return{t:"div",a:{class:"bw_step bw_step_"+s,role:"listitem","aria-current":"active"===s?"step":void 0},c:[{t:"div",a:{class:"bw_step_indicator"},c:"completed"===s?"✓":""+(t+1)},{t:"div",a:{class:"bw_step_body"},c:[{t:"div",a:{class:"bw_step_label"},c:e.label},e.description&&{t:"div",a:{class:"bw_step_description"},c:e.description}].filter(Boolean)}]}}),o:{type:"stepper"}}}function V(e={}){var{chips:t=[],placeholder:a="Add...",onAdd:s,onRemove:c,className:n=""}=e;return{t:"div",a:{class:("bw_chip_input "+n).trim()},c:[...t.map(function(e){return{t:"span",a:{class:"bw_chip","data-chip-value":e},c:[e,{t:"button",a:{type:"button",class:"bw_chip_remove","aria-label":"Remove "+e,onclick:function(e){var t=e.target.closest(".bw_chip"),a=t.getAttribute("data-chip-value");t.parentNode.removeChild(t),c&&c(a)}},c:"×"}]}}),{t:"input",a:{type:"text",class:"bw_chip_field",placeholder:a,onkeydown:function(e){if("Enter"===e.key&&e.target.value.trim()){e.preventDefault();var t=e.target.value.trim(),a=e.target.closest(".bw_chip_input"),n=document.createElement("span");n.className="bw_chip",n.setAttribute("data-chip-value",t),n.innerHTML="",n.textContent=t;var o=document.createElement("button");o.type="button",o.className="bw_chip_remove",o.setAttribute("aria-label","Remove "+t),o.textContent="×",o.onclick=function(){n.parentNode.removeChild(n),c&&c(t)},n.appendChild(o),a.insertBefore(n,e.target),e.target.value="",s&&s(t)}if("Backspace"===e.key&&!e.target.value){var i=(a=e.target.closest(".bw_chip_input")).querySelectorAll(".bw_chip");if(i.length){var r=i[i.length-1],l=r.getAttribute("data-chip-value");r.parentNode.removeChild(r),c&&c(l)}}}}}],o:{type:"chip-input"}}}var J={card:{make:t},button:{make:a},container:{make:s},row:{make:c},col:{make:n},nav:{make:o},navbar:{make:i},tabs:{make:r},alert:{make:l},badge:{make:d},progress:{make:_},listGroup:{make:b},breadcrumb:{make:u},form:{make:m},formGroup:{make:p},input:{make:w},textarea:{make:v},select:{make:f},checkbox:{make:h},stack:{make:g},spinner:{make:k},hero:{make:y},featureGrid:{make:x},cta:{make:$},section:{make:L},codeDemo:{make:N},pagination:{make:C},radio:{make:A},buttonGroup:{make:B},accordion:{make:S},modal:{make:E},toast:{make:I},dropdown:{make:q},switch:{make:H},skeleton:{make:j},avatar:{make:D},carousel:{make:T},statCard:{make:z},tooltip:{make:O},popover:{make:P},searchInput:{make:G},range:{make:R},mediaObject:{make:F},fileUpload:{make:M},timeline:{make:U},stepper:{make:X},chipInput:{make:V}};function K(e,t){var a=J[e];if(!a)throw new Error('bw.make: unknown component type "'+e+'". Available: '+Object.keys(J).join(", "));var s=a.make(t||{});return s&&"object"==typeof s&&(s._bwFactory={type:e,props:t||{}}),s}var Q=Object.freeze({__proto__:null,BCCL:J,make:K,makeAccordion:S,makeAlert:l,makeAvatar:D,makeBadge:d,makeBreadcrumb:u,makeButton:a,makeButtonGroup:B,makeCTA:$,makeCard:t,makeCarousel:T,makeCheckbox:h,makeChipInput:V,makeCodeDemo:N,makeCol:n,makeContainer:s,makeDropdown:q,makeFeatureGrid:x,makeFileUpload:M,makeForm:m,makeFormGroup:p,makeHero:y,makeInput:w,makeListGroup:b,makeMediaObject:F,makeModal:E,makeNav:o,makeNavbar:i,makePagination:C,makePopover:P,makeProgress:_,makeRadio:A,makeRange:R,makeRow:c,makeSearchInput:G,makeSection:L,makeSelect:f,makeSkeleton:j,makeSpinner:k,makeStack:g,makeStatCard:z,makeStepper:X,makeSwitch:H,makeTabs:r,makeTextarea:v,makeTimeline:U,makeToast:I,makeTooltip:O,variantClass:e});
|
|
21
|
+
/**
|
|
22
|
+
* bitwrench-bccl-entry.js — Standalone entry point for BCCL component library.
|
|
23
|
+
*
|
|
24
|
+
* Use this alongside bitwrench-lean when you want the core library and
|
|
25
|
+
* BCCL components as separate files. The UMD build auto-registers all
|
|
26
|
+
* make*() functions onto the global `bw` object if present.
|
|
27
|
+
*
|
|
28
|
+
* Usage (browser):
|
|
29
|
+
* <script src="bitwrench-lean.umd.min.js"><\/script>
|
|
30
|
+
* <script src="bitwrench-bccl.umd.min.js"></script>
|
|
31
|
+
*
|
|
32
|
+
* Usage (ESM):
|
|
33
|
+
* import bw from 'bitwrench/lean';
|
|
34
|
+
* import { registerBCCL } from 'bitwrench/bccl';
|
|
35
|
+
* registerBCCL(bw);
|
|
36
|
+
*
|
|
37
|
+
* @module bitwrench-bccl
|
|
38
|
+
* @license BSD-2-Clause
|
|
39
|
+
*/function W(t){t&&(Object.entries(Q).forEach(function(e){var a=e[0],s=e[1];0===a.indexOf("make")&&(t[a]=s)}),t.make=K,t.BCCL=J,t.variantClass=e,"function"==typeof t.renderComponent&&Object.entries(Q).forEach(function(e){var a=e[0],s=e[1];if(0===a.indexOf("make")){var c="create"+a.substring(4);t[c]=function(e){var a=s(e);return t.renderComponent(a)}}}))}"undefined"!=typeof window&&void 0!==window.bw?W(window.bw):"undefined"!=typeof globalThis&&void 0!==globalThis.bw&&W(globalThis.bw);export{J as BCCL,K as make,W as registerBCCL,e as variantClass};
|
|
40
|
+
//# sourceMappingURL=bitwrench-bccl.esm.min.js.map
|