huibo-ui 0.4.0 → 0.5.0

package/dist/huibo-ui/{p-e5cbfa9e.entry.js → p-6c23fbd1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e}from"./p-e42dfa95.js";const a='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-pagination{align-items:center;color:var(--hb-color-text);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xxs);-webkit-user-select:none;user-select:none}.hb-pagination--disabled{opacity:.5;pointer-events:none}.hb-pagination__total{color:var(--hb-color-text-secondary);margin-right:var(--hb-spacing-xs)}.hb-pagination__sizes{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;font-size:var(--hb-font-size-sm);height:28px;margin-right:var(--hb-spacing-xs);outline:none;padding:0 var(--hb-spacing-xs)}.hb-pagination__sizes:focus{border-color:var(--hb-color-primary)}.hb-pagination__btn{align-items:center;background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);height:28px;justify-content:center;min-width:28px;outline:none;padding:0 4px;transition:all var(--hb-transition-duration)var(--hb-transition-function)}.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active){border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-pagination__btn:disabled{background:var(--hb-color-fill-quaternary);color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-pagination__btn--active{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-pagination__ellipsis{align-items:center;color:var(--hb-color-text-secondary);display:inline-flex;height:28px;justify-content:center;letter-spacing:2px;min-width:28px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@media (max-width:575.98px){.hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next),.hb-pagination__ellipsis,.hb-pagination__sizes,.hb-pagination__total{display:none}}';const o=a;const n=class{constructor(e){t(this,e);this.hbCurrentChange=i(this,"hbCurrentChange",7);this.hbSizeChange=i(this,"hbSizeChange",7)}total=0;pageSize=10;currentPage=1;pageSizes=[10,20,50,100];pagerCount=7;disabled=false;showTotal=false;showPageSize=false;internalCurrent=1;internalPageSize=10;hbCurrentChange;hbSizeChange;handleCurrentPageChange(){this.internalCurrent=this.currentPage}handlePageSizeChange(){this.internalPageSize=this.pageSize}componentDidLoad(){this.internalCurrent=this.currentPage;this.internalPageSize=this.pageSize}get totalPages(){return Math.max(1,Math.ceil(this.total/this.internalPageSize))}handlePageClick(t){if(this.disabled||t===this.internalCurrent||t<1||t>this.totalPages)return;this.internalCurrent=t;this.currentPage=t;this.hbCurrentChange.emit(t)}handleSizeChange(t){const i=t.target;const e=parseInt(i.value,10);this.internalPageSize=e;const a=Math.max(1,Math.ceil(this.total/e));const o=Math.min(this.internalCurrent,a);this.hbSizeChange.emit(e);this.internalCurrent=o;this.currentPage=o;if(o!==this.internalCurrent){this.hbCurrentChange.emit(o)}}getPages(){const t=[];const i=this.totalPages;const e=this.internalCurrent;const a=this.pagerCount;if(i<=a){for(let e=1;e<=i;e++)t.push(e);return t}const o=Math.floor((a-2)/2);let n=e-o;let r=e+o;if(n<2){n=2;r=Math.min(a-1,i-1)}if(r>i-1){r=i-1;n=Math.max(2,i-a+2)}t.push(1);if(n>2)t.push("...");for(let i=n;i<=r;i++)t.push(i);if(r<i-1)t.push("...");t.push(i);return t}render(){const t=this.getPages();return e("nav",{key:"1ad5e15f959e5d71db7c55ad58407ace19a2ceb6",class:{"hb-pagination":true,"hb-pagination--disabled":this.disabled},role:"navigation","aria-label":"分页"},this.showTotal&&e("span",{key:"182f0f2e1c1b5f76a1d3f9bd3c2273c7344d2caf",class:"hb-pagination__total","aria-live":"polite"},"共 ",this.total," 条"),this.showPageSize&&e("select",{key:"ecec24301264fbdc4b60c21bd16ba95c02b918b3",class:"hb-pagination__sizes",onChange:this.handleSizeChange,disabled:this.disabled,"aria-label":"每页条数"},this.pageSizes.map((t=>e("option",{value:t,selected:t===this.internalPageSize},t," 条/页")))),e("button",{key:"59241c75873ddfa529e868d5660d3d00ad83009b",type:"button",class:"hb-pagination__btn hb-pagination__prev",disabled:this.disabled||this.internalCurrent<=1,onClick:()=>this.handlePageClick(this.internalCurrent-1),"aria-label":"上一页"},"‹"),t.map((t=>t==="..."?e("span",{class:"hb-pagination__ellipsis","aria-hidden":"true"},"..."):e("button",{type:"button",class:{"hb-pagination__btn":true,"hb-pagination__btn--active":t===this.internalCurrent},disabled:this.disabled,onClick:()=>this.handlePageClick(t),"aria-label":`第 ${t} 页`,"aria-current":t===this.internalCurrent?"page":undefined},t))),e("button",{key:"c9009112a278b270b164ea7ac805a8f2903d2d55",type:"button",class:"hb-pagination__btn hb-pagination__next",disabled:this.disabled||this.internalCurrent>=this.totalPages,onClick:()=>this.handlePageClick(this.internalCurrent+1),"aria-label":"下一页"},"›"))}static get watchers(){return{currentPage:["handleCurrentPageChange"],pageSize:["handlePageSizeChange"]}}};n.style=o;export{n as hb_pagination};
-//# sourceMappingURL=p-e5cbfa9e.entry.js.map
+import{r as t,c as i,h as e}from"./p-e42dfa95.js";const a='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-pagination{align-items:center;color:var(--hb-color-text);display:flex;font-size:var(--hb-font-size-sm);gap:var(--hb-spacing-xxs);-webkit-user-select:none;user-select:none}.hb-pagination--disabled{opacity:.5;pointer-events:none}.hb-pagination__total{color:var(--hb-color-text-secondary);margin-right:var(--hb-spacing-xs)}.hb-pagination__sizes{background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;font-size:var(--hb-font-size-sm);height:28px;margin-right:var(--hb-spacing-xs);outline:none;padding:0 var(--hb-spacing-xs)}.hb-pagination__sizes:focus{border-color:var(--hb-color-primary)}.hb-pagination__btn{align-items:center;background:var(--hb-color-bg);border:1px solid var(--hb-color-border);border-radius:var(--hb-border-radius-sm);color:var(--hb-color-text);cursor:pointer;display:inline-flex;font-size:var(--hb-font-size-sm);height:28px;justify-content:center;min-width:28px;outline:none;padding:0 4px;transition:all var(--hb-transition-duration)var(--hb-transition-function)}.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active){border-color:var(--hb-color-primary);color:var(--hb-color-primary)}.hb-pagination__btn:disabled{background:var(--hb-color-fill-quaternary);color:var(--hb-color-text-disabled);cursor:not-allowed}.hb-pagination__btn--active{background-color:var(--hb-color-primary);border-color:var(--hb-color-primary);color:#fff}.hb-pagination__ellipsis{align-items:center;color:var(--hb-color-text-secondary);display:inline-flex;height:28px;justify-content:center;letter-spacing:2px;min-width:28px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@media (max-width:575.98px){.hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next),.hb-pagination__ellipsis,.hb-pagination__sizes,.hb-pagination__total{display:none}}';const o=a;const n=class{constructor(e){t(this,e);this.hbCurrentChange=i(this,"hbCurrentChange",7);this.hbSizeChange=i(this,"hbSizeChange",7)}total=0;pageSize=10;currentPage=1;pageSizes=[10,20,50,100];pagerCount=7;disabled=false;showTotal=false;showPageSize=false;internalCurrent=1;internalPageSize=10;hbCurrentChange;hbSizeChange;handleCurrentPageChange(){this.internalCurrent=this.currentPage}handlePageSizeChange(){this.internalPageSize=this.pageSize}componentDidLoad(){this.internalCurrent=this.currentPage;this.internalPageSize=this.pageSize}get totalPages(){return Math.max(1,Math.ceil(this.total/this.internalPageSize))}handlePageClick(t){if(this.disabled||t===this.internalCurrent||t<1||t>this.totalPages)return;this.internalCurrent=t;this.currentPage=t;this.hbCurrentChange.emit(t)}handleSizeChange(t){const i=t.target;const e=parseInt(i.value,10);this.internalPageSize=e;const a=Math.max(1,Math.ceil(this.total/e));const o=this.internalCurrent;const n=Math.min(o,a);this.hbSizeChange.emit(e);this.internalCurrent=n;this.currentPage=n;if(n!==o){this.hbCurrentChange.emit(n)}}getPages(){const t=[];const i=this.totalPages;const e=this.internalCurrent;const a=this.pagerCount;if(i<=a){for(let e=1;e<=i;e++)t.push(e);return t}const o=Math.floor((a-2)/2);let n=e-o;let r=e+o;if(n<2){n=2;r=Math.min(a-1,i-1)}if(r>i-1){r=i-1;n=Math.max(2,i-a+2)}t.push(1);if(n>2)t.push("...");for(let i=n;i<=r;i++)t.push(i);if(r<i-1)t.push("...");t.push(i);return t}render(){const t=this.getPages();return e("nav",{key:"9879e0e196ad17034b61a53919db135b70e829c7",class:{"hb-pagination":true,"hb-pagination--disabled":this.disabled},role:"navigation","aria-label":"分页"},this.showTotal&&e("span",{key:"4cdc7fb2bbd5a05306b8256083e226fe326c6d3e",class:"hb-pagination__total","aria-live":"polite"},"共 ",this.total," 条"),this.showPageSize&&e("select",{key:"0d9630a2193aba460d576d126dcc54db34c8061c",class:"hb-pagination__sizes",onChange:this.handleSizeChange,disabled:this.disabled,"aria-label":"每页条数"},this.pageSizes.map((t=>e("option",{value:t,selected:t===this.internalPageSize},t," 条/页")))),e("button",{key:"01e783d289673b1594101be14c2656ad4916edd8",type:"button",class:"hb-pagination__btn hb-pagination__prev",disabled:this.disabled||this.internalCurrent<=1,onClick:()=>this.handlePageClick(this.internalCurrent-1),"aria-label":"上一页"},"‹"),t.map((t=>t==="..."?e("span",{class:"hb-pagination__ellipsis","aria-hidden":"true"},"..."):e("button",{type:"button",class:{"hb-pagination__btn":true,"hb-pagination__btn--active":t===this.internalCurrent},disabled:this.disabled,onClick:()=>this.handlePageClick(t),"aria-label":`第 ${t} 页`,"aria-current":t===this.internalCurrent?"page":undefined},t))),e("button",{key:"946f06b2333376cd02dd6309377d691b5f5e6039",type:"button",class:"hb-pagination__btn hb-pagination__next",disabled:this.disabled||this.internalCurrent>=this.totalPages,onClick:()=>this.handlePageClick(this.internalCurrent+1),"aria-label":"下一页"},"›"))}static get watchers(){return{currentPage:["handleCurrentPageChange"],pageSize:["handlePageSizeChange"]}}};n.style=o;export{n as hb_pagination};
+//# sourceMappingURL=p-6c23fbd1.entry.js.map

package/dist/huibo-ui/p-6c23fbd1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paginationCss","HbPaginationStyle0","Pagination","total","pageSize","currentPage","pageSizes","pagerCount","disabled","showTotal","showPageSize","internalCurrent","internalPageSize","hbCurrentChange","hbSizeChange","handleCurrentPageChange","this","handlePageSizeChange","componentDidLoad","totalPages","Math","max","ceil","handlePageClick","page","emit","handleSizeChange","e","target","size","parseInt","value","newTotal","oldCurrent","safePage","min","getPages","pages","current","pager","i","push","half","floor","start","end","render","h","key","class","role","onChange","map","selected","type","onClick","undefined"],"sources":["src/components/Pagination/pagination.css?tag=hb-pagination&encapsulation=shadow","src/components/Pagination/Pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-pagination {\n  display: flex;\n  align-items: center;\n  gap: var(--hb-spacing-xxs);\n  font-size: var(--hb-font-size-sm);\n  color: var(--hb-color-text);\n  user-select: none;\n}\n\n.hb-pagination--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n.hb-pagination__total {\n  margin-right: var(--hb-spacing-xs);\n  color: var(--hb-color-text-secondary);\n}\n\n.hb-pagination__sizes {\n  height: 28px;\n  padding: 0 var(--hb-spacing-xs);\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  margin-right: var(--hb-spacing-xs);\n}\n\n.hb-pagination__sizes:focus {\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  padding: 0 4px;\n  border: 1px solid var(--hb-color-border);\n  border-radius: var(--hb-border-radius-sm);\n  background: var(--hb-color-bg);\n  color: var(--hb-color-text);\n  font-size: var(--hb-font-size-sm);\n  cursor: pointer;\n  outline: none;\n  transition: all var(--hb-transition-duration) var(--hb-transition-function);\n}\n\n.hb-pagination__btn:hover:not(:disabled):not(.hb-pagination__btn--active) {\n  color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n}\n\n.hb-pagination__btn:disabled {\n  color: var(--hb-color-text-disabled);\n  cursor: not-allowed;\n  background: var(--hb-color-fill-quaternary);\n}\n\n.hb-pagination__btn--active {\n  background-color: var(--hb-color-primary);\n  border-color: var(--hb-color-primary);\n  color: #fff;\n}\n\n.hb-pagination__ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  height: 28px;\n  color: var(--hb-color-text-secondary);\n  letter-spacing: 2px;\n}\n\n/* ============================================================\n * 响应式（移动端）：小屏简化分页，\n * 隐藏非相邻页码与省略号，仅保留 首页/上一页/当前页/下一页/末页。\n * 通过 aria-hidden 而非 display:none，保持键盘可达性由 active 决定。\n * ============================================================ */\n@media (max-width: 575.98px) {\n  /* 隐藏中间页码（保留 active 与首末按钮） */\n  .hb-pagination__btn:not(.hb-pagination__btn--active):not(.hb-pagination__prev):not(.hb-pagination__next) {\n    display: none;\n  }\n\n  /* 隐藏省略号 */\n  .hb-pagination__ellipsis {\n    display: none;\n  }\n\n  /* 隐藏\"共 N 条\"和\"每页 N 条\"选择器以节省空间（信息保留在 aria-label） */\n  .hb-pagination__total,\n  .hb-pagination__sizes {\n    display: none;\n  }\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * Pagination 分页组件\n * 当数据量过多时，使用分页分解数据\n */\n@Component({\n  tag: 'hb-pagination',\n  styleUrl: 'pagination.css',\n  shadow: true,\n})\nexport class Pagination {\n  /** 总条目数 */\n  @Prop() total: number = 0;\n\n  /** 每页显示条目数 */\n  @Prop() pageSize: number = 10;\n\n  /** 当前页数 */\n  @Prop({ mutable: true }) currentPage: number = 1;\n\n  /** 每页显示个数选择器的选项设置 */\n  @Prop() pageSizes: number[] = [10, 20, 50, 100];\n\n  /** 最大页码按钮数 */\n  @Prop() pagerCount: number = 7;\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 是否显示总条数 */\n  @Prop() showTotal: boolean = false;\n\n  /** 是否显示每页条数选择器 */\n  @Prop() showPageSize: boolean = false;\n\n  @State() internalCurrent: number = 1;\n  /** 内部每页条数：pageSize 变更时同步；size 切换后立即生效重算 totalPages */\n  @State() internalPageSize: number = 10;\n\n  /** 当前页改变事件 */\n  @Event() hbCurrentChange: EventEmitter<number>;\n\n  /** 每页条数改变事件 */\n  @Event() hbSizeChange: EventEmitter<number>;\n\n  @Watch('currentPage')\n  handleCurrentPageChange() {\n    this.internalCurrent = this.currentPage;\n  }\n\n  @Watch('pageSize')\n  handlePageSizeChange() {\n    this.internalPageSize = this.pageSize;\n  }\n\n  componentDidLoad() {\n    this.internalCurrent = this.currentPage;\n    this.internalPageSize = this.pageSize;\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, Math.ceil(this.total / this.internalPageSize));\n  }\n\n  private handlePageClick(page: number) {\n    if (this.disabled || page === this.internalCurrent || page < 1 || page > this.totalPages) return;\n    this.internalCurrent = page;\n    this.currentPage = page;\n    this.hbCurrentChange.emit(page);\n  }\n\n  private handleSizeChange(e: Event) {\n    const target = e.target as HTMLSelectElement;\n    const size = parseInt(target.value, 10);\n    // 切 pageSize 后立即重算 totalPages，并防止 currentPage 越界。\n    // 注意：先记下旧页码再赋值，否则「safePage !== internalCurrent」恒为 false（B2 回归）。\n    this.internalPageSize = size;\n    const newTotal = Math.max(1, Math.ceil(this.total / size));\n    const oldCurrent = this.internalCurrent;\n    const safePage = Math.min(oldCurrent, newTotal);\n    this.hbSizeChange.emit(size);\n    this.internalCurrent = safePage;\n    this.currentPage = safePage;\n    // 仅当页码真的被钳位时才 emit，避免切 pageSize 但页码未变时多余回调\n    if (safePage !== oldCurrent) {\n      this.hbCurrentChange.emit(safePage);\n    }\n  }\n\n  private getPages(): (number | '...')[] {\n    const pages: (number | '...')[] = [];\n    const total = this.totalPages;\n    const current = this.internalCurrent;\n    const pager = this.pagerCount;\n\n    if (total <= pager) {\n      for (let i = 1; i <= total; i++) pages.push(i);\n      return pages;\n    }\n\n    const half = Math.floor((pager - 2) / 2);\n    let start = current - half;\n    let end = current + half;\n\n    if (start < 2) {\n      start = 2;\n      end = Math.min(pager - 1, total - 1);\n    }\n    if (end > total - 1) {\n      end = total - 1;\n      start = Math.max(2, total - pager + 2);\n    }\n\n    pages.push(1);\n    if (start > 2) pages.push('...');\n    for (let i = start; i <= end; i++) pages.push(i);\n    if (end < total - 1) pages.push('...');\n    pages.push(total);\n\n    return pages;\n  }\n\n  render() {\n    const pages = this.getPages();\n\n    return (\n      <nav class={{ 'hb-pagination': true, 'hb-pagination--disabled': this.disabled }} role=\"navigation\" aria-label=\"分页\">\n        {this.showTotal && (\n          <span class=\"hb-pagination__total\" aria-live=\"polite\">\n            共 {this.total} 条\n          </span>\n        )}\n\n        {this.showPageSize && (\n          <select class=\"hb-pagination__sizes\" onChange={this.handleSizeChange} disabled={this.disabled} aria-label=\"每页条数\">\n            {this.pageSizes.map(size => (\n              <option value={size} selected={size === this.internalPageSize}>\n                {size} 条/页\n              </option>\n            ))}\n          </select>\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__prev\"\n          disabled={this.disabled || this.internalCurrent <= 1}\n          onClick={() => this.handlePageClick(this.internalCurrent - 1)}\n          aria-label=\"上一页\"\n        >\n          ‹\n        </button>\n\n        {pages.map(page =>\n          page === '...' ? (\n            <span class=\"hb-pagination__ellipsis\" aria-hidden=\"true\">\n              ...\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              class={{\n                'hb-pagination__btn': true,\n                'hb-pagination__btn--active': page === this.internalCurrent,\n              }}\n              disabled={this.disabled}\n              onClick={() => this.handlePageClick(page as number)}\n              aria-label={`第 ${page} 页`}\n              aria-current={page === this.internalCurrent ? 'page' : undefined}\n            >\n              {page}\n            </button>\n          ),\n        )}\n\n        <button\n          type=\"button\"\n          class=\"hb-pagination__btn hb-pagination__next\"\n          disabled={this.disabled || this.internalCurrent >= this.totalPages}\n          onClick={() => this.handlePageClick(this.internalCurrent + 1)}\n          aria-label=\"下一页\"\n        >\n          ›\n        </button>\n      </nav>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/p-6c8cf248.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["layoutCss","HbLayoutStyle0","Layout","span","offset","push","pull","xs","sm","md","lg","xl","normalizeResponsive","value","undefined","getColClass","classes","this","bps","bp","v","r","join","render","h","key","class"],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 { width: 4.16666667%; }\n.hb-col-2 { width: 8.33333333%; }\n.hb-col-3 { width: 12.5%; }\n.hb-col-4 { width: 16.66666667%; }\n.hb-col-5 { width: 20.83333333%; }\n.hb-col-6 { width: 25%; }\n.hb-col-7 { width: 29.16666667%; }\n.hb-col-8 { width: 33.33333333%; }\n.hb-col-9 { width: 37.5%; }\n.hb-col-10 { width: 41.66666667%; }\n.hb-col-11 { width: 45.83333333%; }\n.hb-col-12 { width: 50%; }\n.hb-col-13 { width: 54.16666667%; }\n.hb-col-14 { width: 58.33333333%; }\n.hb-col-15 { width: 62.5%; }\n.hb-col-16 { width: 66.66666667%; }\n.hb-col-17 { width: 70.83333333%; }\n.hb-col-18 { width: 75%; }\n.hb-col-19 { width: 79.16666667%; }\n.hb-col-20 { width: 83.33333333%; }\n.hb-col-21 { width: 87.5%; }\n.hb-col-22 { width: 91.66666667%; }\n.hb-col-23 { width: 95.83333333%; }\n.hb-col-24 { width: 100%; }\n\n/* Offset classes */\n.hb-col-offset-1 { margin-left: 4.16666667%; }\n.hb-col-offset-2 { margin-left: 8.33333333%; }\n.hb-col-offset-3 { margin-left: 12.5%; }\n.hb-col-offset-4 { margin-left: 16.66666667%; }\n.hb-col-offset-5 { margin-left: 20.83333333%; }\n.hb-col-offset-6 { margin-left: 25%; }\n.hb-col-offset-7 { margin-left: 29.16666667%; }\n.hb-col-offset-8 { margin-left: 33.33333333%; }\n.hb-col-offset-9 { margin-left: 37.5%; }\n.hb-col-offset-10 { margin-left: 41.66666667%; }\n.hb-col-offset-11 { margin-left: 45.83333333%; }\n.hb-col-offset-12 { margin-left: 50%; }\n.hb-col-offset-13 { margin-left: 54.16666667%; }\n.hb-col-offset-14 { margin-left: 58.33333333%; }\n.hb-col-offset-15 { margin-left: 62.5%; }\n.hb-col-offset-16 { margin-left: 66.66666667%; }\n.hb-col-offset-17 { margin-left: 70.83333333%; }\n.hb-col-offset-18 { margin-left: 75%; }\n.hb-col-offset-19 { margin-left: 79.16666667%; }\n.hb-col-offset-20 { margin-left: 83.33333333%; }\n.hb-col-offset-21 { margin-left: 87.5%; }\n.hb-col-offset-22 { margin-left: 91.66666667%; }\n.hb-col-offset-23 { margin-left: 95.83333333%; }\n\n/* Push classes */\n.hb-col-push-1 { left: 4.16666667%; }\n.hb-col-push-2 { left: 8.33333333%; }\n.hb-col-push-3 { left: 12.5%; }\n.hb-col-push-4 { left: 16.66666667%; }\n.hb-col-push-5 { left: 20.83333333%; }\n.hb-col-push-6 { left: 25%; }\n.hb-col-push-7 { left: 29.16666667%; }\n.hb-col-push-8 { left: 33.33333333%; }\n.hb-col-push-9 { left: 37.5%; }\n.hb-col-push-10 { left: 41.66666667%; }\n.hb-col-push-11 { left: 45.83333333%; }\n.hb-col-push-12 { left: 50%; }\n\n/* Pull classes */\n.hb-col-pull-1 { right: 4.16666667%; }\n.hb-col-pull-2 { right: 8.33333333%; }\n.hb-col-pull-3 { right: 12.5%; }\n.hb-col-pull-4 { right: 16.66666667%; }\n.hb-col-pull-5 { right: 20.83333333%; }\n.hb-col-pull-6 { right: 25%; }\n.hb-col-pull-7 { right: 29.16666667%; }\n.hb-col-pull-8 { right: 33.33333333%; }\n.hb-col-pull-9 { right: 37.5%; }\n.hb-col-pull-10 { right: 41.66666667%; }\n.hb-col-pull-11 { right: 45.83333333%; }\n.hb-col-pull-12 { right: 50%; }\n\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 { display: none; }\n.hb-col-xs-1 { width: 4.16666667%; }\n.hb-col-xs-2 { width: 8.33333333%; }\n.hb-col-xs-3 { width: 12.5%; }\n.hb-col-xs-4 { width: 16.66666667%; }\n.hb-col-xs-5 { width: 20.83333333%; }\n.hb-col-xs-6 { width: 25%; }\n.hb-col-xs-7 { width: 29.16666667%; }\n.hb-col-xs-8 { width: 33.33333333%; }\n.hb-col-xs-9 { width: 37.5%; }\n.hb-col-xs-10 { width: 41.66666667%; }\n.hb-col-xs-11 { width: 45.83333333%; }\n.hb-col-xs-12 { width: 50%; }\n.hb-col-xs-13 { width: 54.16666667%; }\n.hb-col-xs-14 { width: 58.33333333%; }\n.hb-col-xs-15 { width: 62.5%; }\n.hb-col-xs-16 { width: 66.66666667%; }\n.hb-col-xs-17 { width: 70.83333333%; }\n.hb-col-xs-18 { width: 75%; }\n.hb-col-xs-19 { width: 79.16666667%; }\n.hb-col-xs-20 { width: 83.33333333%; }\n.hb-col-xs-21 { width: 87.5%; }\n.hb-col-xs-22 { width: 91.66666667%; }\n.hb-col-xs-23 { width: 95.83333333%; }\n.hb-col-xs-24 { width: 100%; }\n.hb-col-xs-offset-0 { margin-left: 0; }\n.hb-col-xs-offset-1 { margin-left: 4.16666667%; }\n.hb-col-xs-offset-2 { margin-left: 8.33333333%; }\n.hb-col-xs-offset-3 { margin-left: 12.5%; }\n.hb-col-xs-offset-4 { margin-left: 16.66666667%; }\n.hb-col-xs-offset-5 { margin-left: 20.83333333%; }\n.hb-col-xs-offset-6 { margin-left: 25%; }\n.hb-col-xs-offset-7 { margin-left: 29.16666667%; }\n.hb-col-xs-offset-8 { margin-left: 33.33333333%; }\n.hb-col-xs-offset-9 { margin-left: 37.5%; }\n.hb-col-xs-offset-10 { margin-left: 41.66666667%; }\n.hb-col-xs-offset-11 { margin-left: 45.83333333%; }\n.hb-col-xs-offset-12 { margin-left: 50%; }\n.hb-col-xs-offset-13 { margin-left: 54.16666667%; }\n.hb-col-xs-offset-14 { margin-left: 58.33333333%; }\n.hb-col-xs-offset-15 { margin-left: 62.5%; }\n.hb-col-xs-offset-16 { margin-left: 66.66666667%; }\n.hb-col-xs-offset-17 { margin-left: 70.83333333%; }\n.hb-col-xs-offset-18 { margin-left: 75%; }\n.hb-col-xs-offset-19 { margin-left: 79.16666667%; }\n.hb-col-xs-offset-20 { margin-left: 83.33333333%; }\n.hb-col-xs-offset-21 { margin-left: 87.5%; }\n.hb-col-xs-offset-22 { margin-left: 91.66666667%; }\n.hb-col-xs-offset-23 { margin-left: 95.83333333%; }\n.hb-col-xs-offset-24 { margin-left: 100%; }\n.hb-col-xs-push-0 { left: 0; }\n.hb-col-xs-push-1 { left: 4.16666667%; }\n.hb-col-xs-push-2 { left: 8.33333333%; }\n.hb-col-xs-push-3 { left: 12.5%; }\n.hb-col-xs-push-4 { left: 16.66666667%; }\n.hb-col-xs-push-5 { left: 20.83333333%; }\n.hb-col-xs-push-6 { left: 25%; }\n.hb-col-xs-push-7 { left: 29.16666667%; }\n.hb-col-xs-push-8 { left: 33.33333333%; }\n.hb-col-xs-push-9 { left: 37.5%; }\n.hb-col-xs-push-10 { left: 41.66666667%; }\n.hb-col-xs-push-11 { left: 45.83333333%; }\n.hb-col-xs-push-12 { left: 50%; }\n.hb-col-xs-push-13 { left: 54.16666667%; }\n.hb-col-xs-push-14 { left: 58.33333333%; }\n.hb-col-xs-push-15 { left: 62.5%; }\n.hb-col-xs-push-16 { left: 66.66666667%; }\n.hb-col-xs-push-17 { left: 70.83333333%; }\n.hb-col-xs-push-18 { left: 75%; }\n.hb-col-xs-push-19 { left: 79.16666667%; }\n.hb-col-xs-push-20 { left: 83.33333333%; }\n.hb-col-xs-push-21 { left: 87.5%; }\n.hb-col-xs-push-22 { left: 91.66666667%; }\n.hb-col-xs-push-23 { left: 95.83333333%; }\n.hb-col-xs-push-24 { left: 100%; }\n.hb-col-xs-pull-0 { right: 0; }\n.hb-col-xs-pull-1 { right: 4.16666667%; }\n.hb-col-xs-pull-2 { right: 8.33333333%; }\n.hb-col-xs-pull-3 { right: 12.5%; }\n.hb-col-xs-pull-4 { right: 16.66666667%; }\n.hb-col-xs-pull-5 { right: 20.83333333%; }\n.hb-col-xs-pull-6 { right: 25%; }\n.hb-col-xs-pull-7 { right: 29.16666667%; }\n.hb-col-xs-pull-8 { right: 33.33333333%; }\n.hb-col-xs-pull-9 { right: 37.5%; }\n.hb-col-xs-pull-10 { right: 41.66666667%; }\n.hb-col-xs-pull-11 { right: 45.83333333%; }\n.hb-col-xs-pull-12 { right: 50%; }\n.hb-col-xs-pull-13 { right: 54.16666667%; }\n.hb-col-xs-pull-14 { right: 58.33333333%; }\n.hb-col-xs-pull-15 { right: 62.5%; }\n.hb-col-xs-pull-16 { right: 66.66666667%; }\n.hb-col-xs-pull-17 { right: 70.83333333%; }\n.hb-col-xs-pull-18 { right: 75%; }\n.hb-col-xs-pull-19 { right: 79.16666667%; }\n.hb-col-xs-pull-20 { right: 83.33333333%; }\n.hb-col-xs-pull-21 { right: 87.5%; }\n.hb-col-xs-pull-22 { right: 91.66666667%; }\n.hb-col-xs-pull-23 { right: 95.83333333%; }\n.hb-col-xs-pull-24 { right: 100%; }\n\n@media (min-width: 576px) {\n\n.hb-col-sm-0 { display: none; }\n.hb-col-sm-1 { width: 4.16666667%; }\n.hb-col-sm-2 { width: 8.33333333%; }\n.hb-col-sm-3 { width: 12.5%; }\n.hb-col-sm-4 { width: 16.66666667%; }\n.hb-col-sm-5 { width: 20.83333333%; }\n.hb-col-sm-6 { width: 25%; }\n.hb-col-sm-7 { width: 29.16666667%; }\n.hb-col-sm-8 { width: 33.33333333%; }\n.hb-col-sm-9 { width: 37.5%; }\n.hb-col-sm-10 { width: 41.66666667%; }\n.hb-col-sm-11 { width: 45.83333333%; }\n.hb-col-sm-12 { width: 50%; }\n.hb-col-sm-13 { width: 54.16666667%; }\n.hb-col-sm-14 { width: 58.33333333%; }\n.hb-col-sm-15 { width: 62.5%; }\n.hb-col-sm-16 { width: 66.66666667%; }\n.hb-col-sm-17 { width: 70.83333333%; }\n.hb-col-sm-18 { width: 75%; }\n.hb-col-sm-19 { width: 79.16666667%; }\n.hb-col-sm-20 { width: 83.33333333%; }\n.hb-col-sm-21 { width: 87.5%; }\n.hb-col-sm-22 { width: 91.66666667%; }\n.hb-col-sm-23 { width: 95.83333333%; }\n.hb-col-sm-24 { width: 100%; }\n.hb-col-sm-offset-0 { margin-left: 0; }\n.hb-col-sm-offset-1 { margin-left: 4.16666667%; }\n.hb-col-sm-offset-2 { margin-left: 8.33333333%; }\n.hb-col-sm-offset-3 { margin-left: 12.5%; }\n.hb-col-sm-offset-4 { margin-left: 16.66666667%; }\n.hb-col-sm-offset-5 { margin-left: 20.83333333%; }\n.hb-col-sm-offset-6 { margin-left: 25%; }\n.hb-col-sm-offset-7 { margin-left: 29.16666667%; }\n.hb-col-sm-offset-8 { margin-left: 33.33333333%; }\n.hb-col-sm-offset-9 { margin-left: 37.5%; }\n.hb-col-sm-offset-10 { margin-left: 41.66666667%; }\n.hb-col-sm-offset-11 { margin-left: 45.83333333%; }\n.hb-col-sm-offset-12 { margin-left: 50%; }\n.hb-col-sm-offset-13 { margin-left: 54.16666667%; }\n.hb-col-sm-offset-14 { margin-left: 58.33333333%; }\n.hb-col-sm-offset-15 { margin-left: 62.5%; }\n.hb-col-sm-offset-16 { margin-left: 66.66666667%; }\n.hb-col-sm-offset-17 { margin-left: 70.83333333%; }\n.hb-col-sm-offset-18 { margin-left: 75%; }\n.hb-col-sm-offset-19 { margin-left: 79.16666667%; }\n.hb-col-sm-offset-20 { margin-left: 83.33333333%; }\n.hb-col-sm-offset-21 { margin-left: 87.5%; }\n.hb-col-sm-offset-22 { margin-left: 91.66666667%; }\n.hb-col-sm-offset-23 { margin-left: 95.83333333%; }\n.hb-col-sm-offset-24 { margin-left: 100%; }\n.hb-col-sm-push-0 { left: 0; }\n.hb-col-sm-push-1 { left: 4.16666667%; }\n.hb-col-sm-push-2 { left: 8.33333333%; }\n.hb-col-sm-push-3 { left: 12.5%; }\n.hb-col-sm-push-4 { left: 16.66666667%; }\n.hb-col-sm-push-5 { left: 20.83333333%; }\n.hb-col-sm-push-6 { left: 25%; }\n.hb-col-sm-push-7 { left: 29.16666667%; }\n.hb-col-sm-push-8 { left: 33.33333333%; }\n.hb-col-sm-push-9 { left: 37.5%; }\n.hb-col-sm-push-10 { left: 41.66666667%; }\n.hb-col-sm-push-11 { left: 45.83333333%; }\n.hb-col-sm-push-12 { left: 50%; }\n.hb-col-sm-push-13 { left: 54.16666667%; }\n.hb-col-sm-push-14 { left: 58.33333333%; }\n.hb-col-sm-push-15 { left: 62.5%; }\n.hb-col-sm-push-16 { left: 66.66666667%; }\n.hb-col-sm-push-17 { left: 70.83333333%; }\n.hb-col-sm-push-18 { left: 75%; }\n.hb-col-sm-push-19 { left: 79.16666667%; }\n.hb-col-sm-push-20 { left: 83.33333333%; }\n.hb-col-sm-push-21 { left: 87.5%; }\n.hb-col-sm-push-22 { left: 91.66666667%; }\n.hb-col-sm-push-23 { left: 95.83333333%; }\n.hb-col-sm-push-24 { left: 100%; }\n.hb-col-sm-pull-0 { right: 0; }\n.hb-col-sm-pull-1 { right: 4.16666667%; }\n.hb-col-sm-pull-2 { right: 8.33333333%; }\n.hb-col-sm-pull-3 { right: 12.5%; }\n.hb-col-sm-pull-4 { right: 16.66666667%; }\n.hb-col-sm-pull-5 { right: 20.83333333%; }\n.hb-col-sm-pull-6 { right: 25%; }\n.hb-col-sm-pull-7 { right: 29.16666667%; }\n.hb-col-sm-pull-8 { right: 33.33333333%; }\n.hb-col-sm-pull-9 { right: 37.5%; }\n.hb-col-sm-pull-10 { right: 41.66666667%; }\n.hb-col-sm-pull-11 { right: 45.83333333%; }\n.hb-col-sm-pull-12 { right: 50%; }\n.hb-col-sm-pull-13 { right: 54.16666667%; }\n.hb-col-sm-pull-14 { right: 58.33333333%; }\n.hb-col-sm-pull-15 { right: 62.5%; }\n.hb-col-sm-pull-16 { right: 66.66666667%; }\n.hb-col-sm-pull-17 { right: 70.83333333%; }\n.hb-col-sm-pull-18 { right: 75%; }\n.hb-col-sm-pull-19 { right: 79.16666667%; }\n.hb-col-sm-pull-20 { right: 83.33333333%; }\n.hb-col-sm-pull-21 { right: 87.5%; }\n.hb-col-sm-pull-22 { right: 91.66666667%; }\n.hb-col-sm-pull-23 { right: 95.83333333%; }\n.hb-col-sm-pull-24 { right: 100%; }\n}\n\n@media (min-width: 768px) {\n\n.hb-col-md-0 { display: none; }\n.hb-col-md-1 { width: 4.16666667%; }\n.hb-col-md-2 { width: 8.33333333%; }\n.hb-col-md-3 { width: 12.5%; }\n.hb-col-md-4 { width: 16.66666667%; }\n.hb-col-md-5 { width: 20.83333333%; }\n.hb-col-md-6 { width: 25%; }\n.hb-col-md-7 { width: 29.16666667%; }\n.hb-col-md-8 { width: 33.33333333%; }\n.hb-col-md-9 { width: 37.5%; }\n.hb-col-md-10 { width: 41.66666667%; }\n.hb-col-md-11 { width: 45.83333333%; }\n.hb-col-md-12 { width: 50%; }\n.hb-col-md-13 { width: 54.16666667%; }\n.hb-col-md-14 { width: 58.33333333%; }\n.hb-col-md-15 { width: 62.5%; }\n.hb-col-md-16 { width: 66.66666667%; }\n.hb-col-md-17 { width: 70.83333333%; }\n.hb-col-md-18 { width: 75%; }\n.hb-col-md-19 { width: 79.16666667%; }\n.hb-col-md-20 { width: 83.33333333%; }\n.hb-col-md-21 { width: 87.5%; }\n.hb-col-md-22 { width: 91.66666667%; }\n.hb-col-md-23 { width: 95.83333333%; }\n.hb-col-md-24 { width: 100%; }\n.hb-col-md-offset-0 { margin-left: 0; }\n.hb-col-md-offset-1 { margin-left: 4.16666667%; }\n.hb-col-md-offset-2 { margin-left: 8.33333333%; }\n.hb-col-md-offset-3 { margin-left: 12.5%; }\n.hb-col-md-offset-4 { margin-left: 16.66666667%; }\n.hb-col-md-offset-5 { margin-left: 20.83333333%; }\n.hb-col-md-offset-6 { margin-left: 25%; }\n.hb-col-md-offset-7 { margin-left: 29.16666667%; }\n.hb-col-md-offset-8 { margin-left: 33.33333333%; }\n.hb-col-md-offset-9 { margin-left: 37.5%; }\n.hb-col-md-offset-10 { margin-left: 41.66666667%; }\n.hb-col-md-offset-11 { margin-left: 45.83333333%; }\n.hb-col-md-offset-12 { margin-left: 50%; }\n.hb-col-md-offset-13 { margin-left: 54.16666667%; }\n.hb-col-md-offset-14 { margin-left: 58.33333333%; }\n.hb-col-md-offset-15 { margin-left: 62.5%; }\n.hb-col-md-offset-16 { margin-left: 66.66666667%; }\n.hb-col-md-offset-17 { margin-left: 70.83333333%; }\n.hb-col-md-offset-18 { margin-left: 75%; }\n.hb-col-md-offset-19 { margin-left: 79.16666667%; }\n.hb-col-md-offset-20 { margin-left: 83.33333333%; }\n.hb-col-md-offset-21 { margin-left: 87.5%; }\n.hb-col-md-offset-22 { margin-left: 91.66666667%; }\n.hb-col-md-offset-23 { margin-left: 95.83333333%; }\n.hb-col-md-offset-24 { margin-left: 100%; }\n.hb-col-md-push-0 { left: 0; }\n.hb-col-md-push-1 { left: 4.16666667%; }\n.hb-col-md-push-2 { left: 8.33333333%; }\n.hb-col-md-push-3 { left: 12.5%; }\n.hb-col-md-push-4 { left: 16.66666667%; }\n.hb-col-md-push-5 { left: 20.83333333%; }\n.hb-col-md-push-6 { left: 25%; }\n.hb-col-md-push-7 { left: 29.16666667%; }\n.hb-col-md-push-8 { left: 33.33333333%; }\n.hb-col-md-push-9 { left: 37.5%; }\n.hb-col-md-push-10 { left: 41.66666667%; }\n.hb-col-md-push-11 { left: 45.83333333%; }\n.hb-col-md-push-12 { left: 50%; }\n.hb-col-md-push-13 { left: 54.16666667%; }\n.hb-col-md-push-14 { left: 58.33333333%; }\n.hb-col-md-push-15 { left: 62.5%; }\n.hb-col-md-push-16 { left: 66.66666667%; }\n.hb-col-md-push-17 { left: 70.83333333%; }\n.hb-col-md-push-18 { left: 75%; }\n.hb-col-md-push-19 { left: 79.16666667%; }\n.hb-col-md-push-20 { left: 83.33333333%; }\n.hb-col-md-push-21 { left: 87.5%; }\n.hb-col-md-push-22 { left: 91.66666667%; }\n.hb-col-md-push-23 { left: 95.83333333%; }\n.hb-col-md-push-24 { left: 100%; }\n.hb-col-md-pull-0 { right: 0; }\n.hb-col-md-pull-1 { right: 4.16666667%; }\n.hb-col-md-pull-2 { right: 8.33333333%; }\n.hb-col-md-pull-3 { right: 12.5%; }\n.hb-col-md-pull-4 { right: 16.66666667%; }\n.hb-col-md-pull-5 { right: 20.83333333%; }\n.hb-col-md-pull-6 { right: 25%; }\n.hb-col-md-pull-7 { right: 29.16666667%; }\n.hb-col-md-pull-8 { right: 33.33333333%; }\n.hb-col-md-pull-9 { right: 37.5%; }\n.hb-col-md-pull-10 { right: 41.66666667%; }\n.hb-col-md-pull-11 { right: 45.83333333%; }\n.hb-col-md-pull-12 { right: 50%; }\n.hb-col-md-pull-13 { right: 54.16666667%; }\n.hb-col-md-pull-14 { right: 58.33333333%; }\n.hb-col-md-pull-15 { right: 62.5%; }\n.hb-col-md-pull-16 { right: 66.66666667%; }\n.hb-col-md-pull-17 { right: 70.83333333%; }\n.hb-col-md-pull-18 { right: 75%; }\n.hb-col-md-pull-19 { right: 79.16666667%; }\n.hb-col-md-pull-20 { right: 83.33333333%; }\n.hb-col-md-pull-21 { right: 87.5%; }\n.hb-col-md-pull-22 { right: 91.66666667%; }\n.hb-col-md-pull-23 { right: 95.83333333%; }\n.hb-col-md-pull-24 { right: 100%; }\n}\n\n@media (min-width: 992px) {\n\n.hb-col-lg-0 { display: none; }\n.hb-col-lg-1 { width: 4.16666667%; }\n.hb-col-lg-2 { width: 8.33333333%; }\n.hb-col-lg-3 { width: 12.5%; }\n.hb-col-lg-4 { width: 16.66666667%; }\n.hb-col-lg-5 { width: 20.83333333%; }\n.hb-col-lg-6 { width: 25%; }\n.hb-col-lg-7 { width: 29.16666667%; }\n.hb-col-lg-8 { width: 33.33333333%; }\n.hb-col-lg-9 { width: 37.5%; }\n.hb-col-lg-10 { width: 41.66666667%; }\n.hb-col-lg-11 { width: 45.83333333%; }\n.hb-col-lg-12 { width: 50%; }\n.hb-col-lg-13 { width: 54.16666667%; }\n.hb-col-lg-14 { width: 58.33333333%; }\n.hb-col-lg-15 { width: 62.5%; }\n.hb-col-lg-16 { width: 66.66666667%; }\n.hb-col-lg-17 { width: 70.83333333%; }\n.hb-col-lg-18 { width: 75%; }\n.hb-col-lg-19 { width: 79.16666667%; }\n.hb-col-lg-20 { width: 83.33333333%; }\n.hb-col-lg-21 { width: 87.5%; }\n.hb-col-lg-22 { width: 91.66666667%; }\n.hb-col-lg-23 { width: 95.83333333%; }\n.hb-col-lg-24 { width: 100%; }\n.hb-col-lg-offset-0 { margin-left: 0; }\n.hb-col-lg-offset-1 { margin-left: 4.16666667%; }\n.hb-col-lg-offset-2 { margin-left: 8.33333333%; }\n.hb-col-lg-offset-3 { margin-left: 12.5%; }\n.hb-col-lg-offset-4 { margin-left: 16.66666667%; }\n.hb-col-lg-offset-5 { margin-left: 20.83333333%; }\n.hb-col-lg-offset-6 { margin-left: 25%; }\n.hb-col-lg-offset-7 { margin-left: 29.16666667%; }\n.hb-col-lg-offset-8 { margin-left: 33.33333333%; }\n.hb-col-lg-offset-9 { margin-left: 37.5%; }\n.hb-col-lg-offset-10 { margin-left: 41.66666667%; }\n.hb-col-lg-offset-11 { margin-left: 45.83333333%; }\n.hb-col-lg-offset-12 { margin-left: 50%; }\n.hb-col-lg-offset-13 { margin-left: 54.16666667%; }\n.hb-col-lg-offset-14 { margin-left: 58.33333333%; }\n.hb-col-lg-offset-15 { margin-left: 62.5%; }\n.hb-col-lg-offset-16 { margin-left: 66.66666667%; }\n.hb-col-lg-offset-17 { margin-left: 70.83333333%; }\n.hb-col-lg-offset-18 { margin-left: 75%; }\n.hb-col-lg-offset-19 { margin-left: 79.16666667%; }\n.hb-col-lg-offset-20 { margin-left: 83.33333333%; }\n.hb-col-lg-offset-21 { margin-left: 87.5%; }\n.hb-col-lg-offset-22 { margin-left: 91.66666667%; }\n.hb-col-lg-offset-23 { margin-left: 95.83333333%; }\n.hb-col-lg-offset-24 { margin-left: 100%; }\n.hb-col-lg-push-0 { left: 0; }\n.hb-col-lg-push-1 { left: 4.16666667%; }\n.hb-col-lg-push-2 { left: 8.33333333%; }\n.hb-col-lg-push-3 { left: 12.5%; }\n.hb-col-lg-push-4 { left: 16.66666667%; }\n.hb-col-lg-push-5 { left: 20.83333333%; }\n.hb-col-lg-push-6 { left: 25%; }\n.hb-col-lg-push-7 { left: 29.16666667%; }\n.hb-col-lg-push-8 { left: 33.33333333%; }\n.hb-col-lg-push-9 { left: 37.5%; }\n.hb-col-lg-push-10 { left: 41.66666667%; }\n.hb-col-lg-push-11 { left: 45.83333333%; }\n.hb-col-lg-push-12 { left: 50%; }\n.hb-col-lg-push-13 { left: 54.16666667%; }\n.hb-col-lg-push-14 { left: 58.33333333%; }\n.hb-col-lg-push-15 { left: 62.5%; }\n.hb-col-lg-push-16 { left: 66.66666667%; }\n.hb-col-lg-push-17 { left: 70.83333333%; }\n.hb-col-lg-push-18 { left: 75%; }\n.hb-col-lg-push-19 { left: 79.16666667%; }\n.hb-col-lg-push-20 { left: 83.33333333%; }\n.hb-col-lg-push-21 { left: 87.5%; }\n.hb-col-lg-push-22 { left: 91.66666667%; }\n.hb-col-lg-push-23 { left: 95.83333333%; }\n.hb-col-lg-push-24 { left: 100%; }\n.hb-col-lg-pull-0 { right: 0; }\n.hb-col-lg-pull-1 { right: 4.16666667%; }\n.hb-col-lg-pull-2 { right: 8.33333333%; }\n.hb-col-lg-pull-3 { right: 12.5%; }\n.hb-col-lg-pull-4 { right: 16.66666667%; }\n.hb-col-lg-pull-5 { right: 20.83333333%; }\n.hb-col-lg-pull-6 { right: 25%; }\n.hb-col-lg-pull-7 { right: 29.16666667%; }\n.hb-col-lg-pull-8 { right: 33.33333333%; }\n.hb-col-lg-pull-9 { right: 37.5%; }\n.hb-col-lg-pull-10 { right: 41.66666667%; }\n.hb-col-lg-pull-11 { right: 45.83333333%; }\n.hb-col-lg-pull-12 { right: 50%; }\n.hb-col-lg-pull-13 { right: 54.16666667%; }\n.hb-col-lg-pull-14 { right: 58.33333333%; }\n.hb-col-lg-pull-15 { right: 62.5%; }\n.hb-col-lg-pull-16 { right: 66.66666667%; }\n.hb-col-lg-pull-17 { right: 70.83333333%; }\n.hb-col-lg-pull-18 { right: 75%; }\n.hb-col-lg-pull-19 { right: 79.16666667%; }\n.hb-col-lg-pull-20 { right: 83.33333333%; }\n.hb-col-lg-pull-21 { right: 87.5%; }\n.hb-col-lg-pull-22 { right: 91.66666667%; }\n.hb-col-lg-pull-23 { right: 95.83333333%; }\n.hb-col-lg-pull-24 { right: 100%; }\n}\n\n@media (min-width: 1200px) {\n\n.hb-col-xl-0 { display: none; }\n.hb-col-xl-1 { width: 4.16666667%; }\n.hb-col-xl-2 { width: 8.33333333%; }\n.hb-col-xl-3 { width: 12.5%; }\n.hb-col-xl-4 { width: 16.66666667%; }\n.hb-col-xl-5 { width: 20.83333333%; }\n.hb-col-xl-6 { width: 25%; }\n.hb-col-xl-7 { width: 29.16666667%; }\n.hb-col-xl-8 { width: 33.33333333%; }\n.hb-col-xl-9 { width: 37.5%; }\n.hb-col-xl-10 { width: 41.66666667%; }\n.hb-col-xl-11 { width: 45.83333333%; }\n.hb-col-xl-12 { width: 50%; }\n.hb-col-xl-13 { width: 54.16666667%; }\n.hb-col-xl-14 { width: 58.33333333%; }\n.hb-col-xl-15 { width: 62.5%; }\n.hb-col-xl-16 { width: 66.66666667%; }\n.hb-col-xl-17 { width: 70.83333333%; }\n.hb-col-xl-18 { width: 75%; }\n.hb-col-xl-19 { width: 79.16666667%; }\n.hb-col-xl-20 { width: 83.33333333%; }\n.hb-col-xl-21 { width: 87.5%; }\n.hb-col-xl-22 { width: 91.66666667%; }\n.hb-col-xl-23 { width: 95.83333333%; }\n.hb-col-xl-24 { width: 100%; }\n.hb-col-xl-offset-0 { margin-left: 0; }\n.hb-col-xl-offset-1 { margin-left: 4.16666667%; }\n.hb-col-xl-offset-2 { margin-left: 8.33333333%; }\n.hb-col-xl-offset-3 { margin-left: 12.5%; }\n.hb-col-xl-offset-4 { margin-left: 16.66666667%; }\n.hb-col-xl-offset-5 { margin-left: 20.83333333%; }\n.hb-col-xl-offset-6 { margin-left: 25%; }\n.hb-col-xl-offset-7 { margin-left: 29.16666667%; }\n.hb-col-xl-offset-8 { margin-left: 33.33333333%; }\n.hb-col-xl-offset-9 { margin-left: 37.5%; }\n.hb-col-xl-offset-10 { margin-left: 41.66666667%; }\n.hb-col-xl-offset-11 { margin-left: 45.83333333%; }\n.hb-col-xl-offset-12 { margin-left: 50%; }\n.hb-col-xl-offset-13 { margin-left: 54.16666667%; }\n.hb-col-xl-offset-14 { margin-left: 58.33333333%; }\n.hb-col-xl-offset-15 { margin-left: 62.5%; }\n.hb-col-xl-offset-16 { margin-left: 66.66666667%; }\n.hb-col-xl-offset-17 { margin-left: 70.83333333%; }\n.hb-col-xl-offset-18 { margin-left: 75%; }\n.hb-col-xl-offset-19 { margin-left: 79.16666667%; }\n.hb-col-xl-offset-20 { margin-left: 83.33333333%; }\n.hb-col-xl-offset-21 { margin-left: 87.5%; }\n.hb-col-xl-offset-22 { margin-left: 91.66666667%; }\n.hb-col-xl-offset-23 { margin-left: 95.83333333%; }\n.hb-col-xl-offset-24 { margin-left: 100%; }\n.hb-col-xl-push-0 { left: 0; }\n.hb-col-xl-push-1 { left: 4.16666667%; }\n.hb-col-xl-push-2 { left: 8.33333333%; }\n.hb-col-xl-push-3 { left: 12.5%; }\n.hb-col-xl-push-4 { left: 16.66666667%; }\n.hb-col-xl-push-5 { left: 20.83333333%; }\n.hb-col-xl-push-6 { left: 25%; }\n.hb-col-xl-push-7 { left: 29.16666667%; }\n.hb-col-xl-push-8 { left: 33.33333333%; }\n.hb-col-xl-push-9 { left: 37.5%; }\n.hb-col-xl-push-10 { left: 41.66666667%; }\n.hb-col-xl-push-11 { left: 45.83333333%; }\n.hb-col-xl-push-12 { left: 50%; }\n.hb-col-xl-push-13 { left: 54.16666667%; }\n.hb-col-xl-push-14 { left: 58.33333333%; }\n.hb-col-xl-push-15 { left: 62.5%; }\n.hb-col-xl-push-16 { left: 66.66666667%; }\n.hb-col-xl-push-17 { left: 70.83333333%; }\n.hb-col-xl-push-18 { left: 75%; }\n.hb-col-xl-push-19 { left: 79.16666667%; }\n.hb-col-xl-push-20 { left: 83.33333333%; }\n.hb-col-xl-push-21 { left: 87.5%; }\n.hb-col-xl-push-22 { left: 91.66666667%; }\n.hb-col-xl-push-23 { left: 95.83333333%; }\n.hb-col-xl-push-24 { left: 100%; }\n.hb-col-xl-pull-0 { right: 0; }\n.hb-col-xl-pull-1 { right: 4.16666667%; }\n.hb-col-xl-pull-2 { right: 8.33333333%; }\n.hb-col-xl-pull-3 { right: 12.5%; }\n.hb-col-xl-pull-4 { right: 16.66666667%; }\n.hb-col-xl-pull-5 { right: 20.83333333%; }\n.hb-col-xl-pull-6 { right: 25%; }\n.hb-col-xl-pull-7 { right: 29.16666667%; }\n.hb-col-xl-pull-8 { right: 33.33333333%; }\n.hb-col-xl-pull-9 { right: 37.5%; }\n.hb-col-xl-pull-10 { right: 41.66666667%; }\n.hb-col-xl-pull-11 { right: 45.83333333%; }\n.hb-col-xl-pull-12 { right: 50%; }\n.hb-col-xl-pull-13 { right: 54.16666667%; }\n.hb-col-xl-pull-14 { right: 58.33333333%; }\n.hb-col-xl-pull-15 { right: 62.5%; }\n.hb-col-xl-pull-16 { right: 66.66666667%; }\n.hb-col-xl-pull-17 { right: 70.83333333%; }\n.hb-col-xl-pull-18 { right: 75%; }\n.hb-col-xl-pull-19 { right: 79.16666667%; }\n.hb-col-xl-pull-20 { right: 83.33333333%; }\n.hb-col-xl-pull-21 { right: 87.5%; }\n.hb-col-xl-pull-22 { right: 91.66666667%; }\n.hb-col-xl-pull-23 { right: 95.83333333%; }\n.hb-col-xl-pull-24 { right: 100%; }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n\n"],"mappings":"2CAAA,MAAMA,EAAY,+wvBAClB,MAAAC,EAAeD,E,MCmBFE,EAAM,M,yBAKTC,KAAe,GAMfC,OAAiB,EAMjBC,KAAe,EAMfC,KAAe,EAKfC,GAKAC,GAKAC,GAKAC,GAKAC,GAGA,mBAAAC,CAAoBC,GAC1B,GAAIA,IAAUC,WAAaD,IAAU,KAAM,MAAO,GAClD,UAAWA,IAAU,SAAU,MAAO,CAAEV,KAAMU,GAC9C,OAAOA,C,CAGD,WAAAE,GACN,MAAMC,EAAoB,CAAC,UAG3B,GAAIC,KAAKd,KAAMa,EAAQX,KAAK,UAAUY,KAAKd,QAC3C,GAAIc,KAAKb,OAAQY,EAAQX,KAAK,iBAAiBY,KAAKb,UACpD,GAAIa,KAAKZ,KAAMW,EAAQX,KAAK,eAAeY,KAAKZ,QAChD,GAAIY,KAAKX,KAAMU,EAAQX,KAAK,eAAeY,KAAKX,QAIhD,MAAMY,EAA+C,CAAC,KAAM,KAAM,KAAM,KAAM,MAC9E,IAAK,MAAMC,KAAMD,EAAK,CACpB,MAAME,EAAIH,KAAKE,GACf,GAAIC,IAAMN,UAAW,SACrB,MAAMO,EAAIJ,KAAKL,oBAAoBQ,GACnC,GAAIC,EAAElB,OAASW,UAAWE,EAAQX,KAAK,UAAUc,KAAME,EAAElB,QACzD,GAAIkB,EAAEjB,SAAWU,UAAWE,EAAQX,KAAK,UAAUc,YAAaE,EAAEjB,UAClE,GAAIiB,EAAEhB,OAASS,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEhB,QAC9D,GAAIgB,EAAEf,OAASQ,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEf,O,CAGhE,OAAOU,EAAQM,KAAK,I,CAGtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOT,KAAKF,eACfS,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["layoutCss","HbLayoutStyle0","Layout","span","offset","push","pull","xs","sm","md","lg","xl","normalizeResponsive","value","undefined","getColClass","classes","this","bps","bp","v","r","join","render","h","key","class"],"sources":["src/components/Layout/layout.css?tag=hb-layout&encapsulation=shadow","src/components/Layout/Layout.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.hb-col {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Generate col classes for span 1-24 */\n.hb-col-1 {\n  width: 4.16666667%;\n}\n.hb-col-2 {\n  width: 8.33333333%;\n}\n.hb-col-3 {\n  width: 12.5%;\n}\n.hb-col-4 {\n  width: 16.66666667%;\n}\n.hb-col-5 {\n  width: 20.83333333%;\n}\n.hb-col-6 {\n  width: 25%;\n}\n.hb-col-7 {\n  width: 29.16666667%;\n}\n.hb-col-8 {\n  width: 33.33333333%;\n}\n.hb-col-9 {\n  width: 37.5%;\n}\n.hb-col-10 {\n  width: 41.66666667%;\n}\n.hb-col-11 {\n  width: 45.83333333%;\n}\n.hb-col-12 {\n  width: 50%;\n}\n.hb-col-13 {\n  width: 54.16666667%;\n}\n.hb-col-14 {\n  width: 58.33333333%;\n}\n.hb-col-15 {\n  width: 62.5%;\n}\n.hb-col-16 {\n  width: 66.66666667%;\n}\n.hb-col-17 {\n  width: 70.83333333%;\n}\n.hb-col-18 {\n  width: 75%;\n}\n.hb-col-19 {\n  width: 79.16666667%;\n}\n.hb-col-20 {\n  width: 83.33333333%;\n}\n.hb-col-21 {\n  width: 87.5%;\n}\n.hb-col-22 {\n  width: 91.66666667%;\n}\n.hb-col-23 {\n  width: 95.83333333%;\n}\n.hb-col-24 {\n  width: 100%;\n}\n\n/* Offset classes */\n.hb-col-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-offset-23 {\n  margin-left: 95.83333333%;\n}\n\n/* Push classes */\n.hb-col-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-push-3 {\n  left: 12.5%;\n}\n.hb-col-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-push-6 {\n  left: 25%;\n}\n.hb-col-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-push-9 {\n  left: 37.5%;\n}\n.hb-col-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-push-12 {\n  left: 50%;\n}\n\n/* Pull classes */\n.hb-col-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-pull-3 {\n  right: 12.5%;\n}\n.hb-col-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-pull-6 {\n  right: 25%;\n}\n.hb-col-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-pull-9 {\n  right: 37.5%;\n}\n.hb-col-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-pull-12 {\n  right: 50%;\n}\n\n/* ============================================================\n * 响应式栅格（xs/sm/md/lg/xl）—— 由 Layout.tsx 输出对应 class，\n * 这里按断点用 @media 应用宽度/偏移/推拉。\n * xs 无 @media（移动端默认）；sm/md/lg/xl 用 min-width 渐进增强。\n * 对齐 antd Grid 断点：576 / 768 / 992 / 1200\n * ============================================================ */\n\n.hb-col-xs-0 {\n  display: none;\n}\n.hb-col-xs-1 {\n  width: 4.16666667%;\n}\n.hb-col-xs-2 {\n  width: 8.33333333%;\n}\n.hb-col-xs-3 {\n  width: 12.5%;\n}\n.hb-col-xs-4 {\n  width: 16.66666667%;\n}\n.hb-col-xs-5 {\n  width: 20.83333333%;\n}\n.hb-col-xs-6 {\n  width: 25%;\n}\n.hb-col-xs-7 {\n  width: 29.16666667%;\n}\n.hb-col-xs-8 {\n  width: 33.33333333%;\n}\n.hb-col-xs-9 {\n  width: 37.5%;\n}\n.hb-col-xs-10 {\n  width: 41.66666667%;\n}\n.hb-col-xs-11 {\n  width: 45.83333333%;\n}\n.hb-col-xs-12 {\n  width: 50%;\n}\n.hb-col-xs-13 {\n  width: 54.16666667%;\n}\n.hb-col-xs-14 {\n  width: 58.33333333%;\n}\n.hb-col-xs-15 {\n  width: 62.5%;\n}\n.hb-col-xs-16 {\n  width: 66.66666667%;\n}\n.hb-col-xs-17 {\n  width: 70.83333333%;\n}\n.hb-col-xs-18 {\n  width: 75%;\n}\n.hb-col-xs-19 {\n  width: 79.16666667%;\n}\n.hb-col-xs-20 {\n  width: 83.33333333%;\n}\n.hb-col-xs-21 {\n  width: 87.5%;\n}\n.hb-col-xs-22 {\n  width: 91.66666667%;\n}\n.hb-col-xs-23 {\n  width: 95.83333333%;\n}\n.hb-col-xs-24 {\n  width: 100%;\n}\n.hb-col-xs-offset-0 {\n  margin-left: 0;\n}\n.hb-col-xs-offset-1 {\n  margin-left: 4.16666667%;\n}\n.hb-col-xs-offset-2 {\n  margin-left: 8.33333333%;\n}\n.hb-col-xs-offset-3 {\n  margin-left: 12.5%;\n}\n.hb-col-xs-offset-4 {\n  margin-left: 16.66666667%;\n}\n.hb-col-xs-offset-5 {\n  margin-left: 20.83333333%;\n}\n.hb-col-xs-offset-6 {\n  margin-left: 25%;\n}\n.hb-col-xs-offset-7 {\n  margin-left: 29.16666667%;\n}\n.hb-col-xs-offset-8 {\n  margin-left: 33.33333333%;\n}\n.hb-col-xs-offset-9 {\n  margin-left: 37.5%;\n}\n.hb-col-xs-offset-10 {\n  margin-left: 41.66666667%;\n}\n.hb-col-xs-offset-11 {\n  margin-left: 45.83333333%;\n}\n.hb-col-xs-offset-12 {\n  margin-left: 50%;\n}\n.hb-col-xs-offset-13 {\n  margin-left: 54.16666667%;\n}\n.hb-col-xs-offset-14 {\n  margin-left: 58.33333333%;\n}\n.hb-col-xs-offset-15 {\n  margin-left: 62.5%;\n}\n.hb-col-xs-offset-16 {\n  margin-left: 66.66666667%;\n}\n.hb-col-xs-offset-17 {\n  margin-left: 70.83333333%;\n}\n.hb-col-xs-offset-18 {\n  margin-left: 75%;\n}\n.hb-col-xs-offset-19 {\n  margin-left: 79.16666667%;\n}\n.hb-col-xs-offset-20 {\n  margin-left: 83.33333333%;\n}\n.hb-col-xs-offset-21 {\n  margin-left: 87.5%;\n}\n.hb-col-xs-offset-22 {\n  margin-left: 91.66666667%;\n}\n.hb-col-xs-offset-23 {\n  margin-left: 95.83333333%;\n}\n.hb-col-xs-offset-24 {\n  margin-left: 100%;\n}\n.hb-col-xs-push-0 {\n  left: 0;\n}\n.hb-col-xs-push-1 {\n  left: 4.16666667%;\n}\n.hb-col-xs-push-2 {\n  left: 8.33333333%;\n}\n.hb-col-xs-push-3 {\n  left: 12.5%;\n}\n.hb-col-xs-push-4 {\n  left: 16.66666667%;\n}\n.hb-col-xs-push-5 {\n  left: 20.83333333%;\n}\n.hb-col-xs-push-6 {\n  left: 25%;\n}\n.hb-col-xs-push-7 {\n  left: 29.16666667%;\n}\n.hb-col-xs-push-8 {\n  left: 33.33333333%;\n}\n.hb-col-xs-push-9 {\n  left: 37.5%;\n}\n.hb-col-xs-push-10 {\n  left: 41.66666667%;\n}\n.hb-col-xs-push-11 {\n  left: 45.83333333%;\n}\n.hb-col-xs-push-12 {\n  left: 50%;\n}\n.hb-col-xs-push-13 {\n  left: 54.16666667%;\n}\n.hb-col-xs-push-14 {\n  left: 58.33333333%;\n}\n.hb-col-xs-push-15 {\n  left: 62.5%;\n}\n.hb-col-xs-push-16 {\n  left: 66.66666667%;\n}\n.hb-col-xs-push-17 {\n  left: 70.83333333%;\n}\n.hb-col-xs-push-18 {\n  left: 75%;\n}\n.hb-col-xs-push-19 {\n  left: 79.16666667%;\n}\n.hb-col-xs-push-20 {\n  left: 83.33333333%;\n}\n.hb-col-xs-push-21 {\n  left: 87.5%;\n}\n.hb-col-xs-push-22 {\n  left: 91.66666667%;\n}\n.hb-col-xs-push-23 {\n  left: 95.83333333%;\n}\n.hb-col-xs-push-24 {\n  left: 100%;\n}\n.hb-col-xs-pull-0 {\n  right: 0;\n}\n.hb-col-xs-pull-1 {\n  right: 4.16666667%;\n}\n.hb-col-xs-pull-2 {\n  right: 8.33333333%;\n}\n.hb-col-xs-pull-3 {\n  right: 12.5%;\n}\n.hb-col-xs-pull-4 {\n  right: 16.66666667%;\n}\n.hb-col-xs-pull-5 {\n  right: 20.83333333%;\n}\n.hb-col-xs-pull-6 {\n  right: 25%;\n}\n.hb-col-xs-pull-7 {\n  right: 29.16666667%;\n}\n.hb-col-xs-pull-8 {\n  right: 33.33333333%;\n}\n.hb-col-xs-pull-9 {\n  right: 37.5%;\n}\n.hb-col-xs-pull-10 {\n  right: 41.66666667%;\n}\n.hb-col-xs-pull-11 {\n  right: 45.83333333%;\n}\n.hb-col-xs-pull-12 {\n  right: 50%;\n}\n.hb-col-xs-pull-13 {\n  right: 54.16666667%;\n}\n.hb-col-xs-pull-14 {\n  right: 58.33333333%;\n}\n.hb-col-xs-pull-15 {\n  right: 62.5%;\n}\n.hb-col-xs-pull-16 {\n  right: 66.66666667%;\n}\n.hb-col-xs-pull-17 {\n  right: 70.83333333%;\n}\n.hb-col-xs-pull-18 {\n  right: 75%;\n}\n.hb-col-xs-pull-19 {\n  right: 79.16666667%;\n}\n.hb-col-xs-pull-20 {\n  right: 83.33333333%;\n}\n.hb-col-xs-pull-21 {\n  right: 87.5%;\n}\n.hb-col-xs-pull-22 {\n  right: 91.66666667%;\n}\n.hb-col-xs-pull-23 {\n  right: 95.83333333%;\n}\n.hb-col-xs-pull-24 {\n  right: 100%;\n}\n\n@media (min-width: 576px) {\n  .hb-col-sm-0 {\n    display: none;\n  }\n  .hb-col-sm-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-sm-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-sm-3 {\n    width: 12.5%;\n  }\n  .hb-col-sm-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-sm-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-sm-6 {\n    width: 25%;\n  }\n  .hb-col-sm-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-sm-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-sm-9 {\n    width: 37.5%;\n  }\n  .hb-col-sm-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-sm-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-sm-12 {\n    width: 50%;\n  }\n  .hb-col-sm-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-sm-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-sm-15 {\n    width: 62.5%;\n  }\n  .hb-col-sm-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-sm-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-sm-18 {\n    width: 75%;\n  }\n  .hb-col-sm-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-sm-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-sm-21 {\n    width: 87.5%;\n  }\n  .hb-col-sm-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-sm-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-sm-24 {\n    width: 100%;\n  }\n  .hb-col-sm-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-sm-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-sm-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-sm-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-sm-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-sm-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-sm-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-sm-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-sm-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-sm-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-sm-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-sm-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-sm-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-sm-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-sm-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-sm-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-sm-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-sm-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-sm-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-sm-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-sm-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-sm-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-sm-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-sm-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-sm-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-sm-push-0 {\n    left: 0;\n  }\n  .hb-col-sm-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-sm-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-sm-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-sm-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-sm-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-sm-push-6 {\n    left: 25%;\n  }\n  .hb-col-sm-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-sm-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-sm-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-sm-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-sm-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-sm-push-12 {\n    left: 50%;\n  }\n  .hb-col-sm-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-sm-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-sm-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-sm-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-sm-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-sm-push-18 {\n    left: 75%;\n  }\n  .hb-col-sm-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-sm-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-sm-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-sm-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-sm-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-sm-push-24 {\n    left: 100%;\n  }\n  .hb-col-sm-pull-0 {\n    right: 0;\n  }\n  .hb-col-sm-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-sm-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-sm-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-sm-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-sm-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-sm-pull-6 {\n    right: 25%;\n  }\n  .hb-col-sm-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-sm-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-sm-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-sm-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-sm-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-sm-pull-12 {\n    right: 50%;\n  }\n  .hb-col-sm-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-sm-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-sm-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-sm-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-sm-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-sm-pull-18 {\n    right: 75%;\n  }\n  .hb-col-sm-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-sm-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-sm-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-sm-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-sm-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-sm-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 768px) {\n  .hb-col-md-0 {\n    display: none;\n  }\n  .hb-col-md-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-md-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-md-3 {\n    width: 12.5%;\n  }\n  .hb-col-md-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-md-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-md-6 {\n    width: 25%;\n  }\n  .hb-col-md-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-md-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-md-9 {\n    width: 37.5%;\n  }\n  .hb-col-md-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-md-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-md-12 {\n    width: 50%;\n  }\n  .hb-col-md-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-md-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-md-15 {\n    width: 62.5%;\n  }\n  .hb-col-md-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-md-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-md-18 {\n    width: 75%;\n  }\n  .hb-col-md-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-md-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-md-21 {\n    width: 87.5%;\n  }\n  .hb-col-md-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-md-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-md-24 {\n    width: 100%;\n  }\n  .hb-col-md-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-md-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-md-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-md-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-md-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-md-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-md-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-md-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-md-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-md-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-md-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-md-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-md-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-md-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-md-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-md-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-md-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-md-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-md-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-md-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-md-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-md-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-md-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-md-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-md-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-md-push-0 {\n    left: 0;\n  }\n  .hb-col-md-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-md-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-md-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-md-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-md-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-md-push-6 {\n    left: 25%;\n  }\n  .hb-col-md-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-md-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-md-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-md-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-md-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-md-push-12 {\n    left: 50%;\n  }\n  .hb-col-md-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-md-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-md-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-md-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-md-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-md-push-18 {\n    left: 75%;\n  }\n  .hb-col-md-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-md-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-md-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-md-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-md-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-md-push-24 {\n    left: 100%;\n  }\n  .hb-col-md-pull-0 {\n    right: 0;\n  }\n  .hb-col-md-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-md-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-md-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-md-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-md-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-md-pull-6 {\n    right: 25%;\n  }\n  .hb-col-md-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-md-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-md-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-md-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-md-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-md-pull-12 {\n    right: 50%;\n  }\n  .hb-col-md-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-md-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-md-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-md-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-md-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-md-pull-18 {\n    right: 75%;\n  }\n  .hb-col-md-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-md-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-md-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-md-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-md-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-md-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 992px) {\n  .hb-col-lg-0 {\n    display: none;\n  }\n  .hb-col-lg-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-lg-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-lg-3 {\n    width: 12.5%;\n  }\n  .hb-col-lg-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-lg-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-lg-6 {\n    width: 25%;\n  }\n  .hb-col-lg-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-lg-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-lg-9 {\n    width: 37.5%;\n  }\n  .hb-col-lg-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-lg-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-lg-12 {\n    width: 50%;\n  }\n  .hb-col-lg-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-lg-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-lg-15 {\n    width: 62.5%;\n  }\n  .hb-col-lg-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-lg-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-lg-18 {\n    width: 75%;\n  }\n  .hb-col-lg-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-lg-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-lg-21 {\n    width: 87.5%;\n  }\n  .hb-col-lg-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-lg-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-lg-24 {\n    width: 100%;\n  }\n  .hb-col-lg-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-lg-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-lg-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-lg-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-lg-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-lg-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-lg-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-lg-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-lg-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-lg-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-lg-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-lg-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-lg-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-lg-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-lg-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-lg-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-lg-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-lg-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-lg-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-lg-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-lg-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-lg-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-lg-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-lg-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-lg-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-lg-push-0 {\n    left: 0;\n  }\n  .hb-col-lg-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-lg-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-lg-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-lg-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-lg-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-lg-push-6 {\n    left: 25%;\n  }\n  .hb-col-lg-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-lg-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-lg-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-lg-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-lg-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-lg-push-12 {\n    left: 50%;\n  }\n  .hb-col-lg-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-lg-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-lg-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-lg-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-lg-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-lg-push-18 {\n    left: 75%;\n  }\n  .hb-col-lg-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-lg-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-lg-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-lg-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-lg-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-lg-push-24 {\n    left: 100%;\n  }\n  .hb-col-lg-pull-0 {\n    right: 0;\n  }\n  .hb-col-lg-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-lg-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-lg-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-lg-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-lg-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-lg-pull-6 {\n    right: 25%;\n  }\n  .hb-col-lg-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-lg-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-lg-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-lg-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-lg-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-lg-pull-12 {\n    right: 50%;\n  }\n  .hb-col-lg-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-lg-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-lg-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-lg-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-lg-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-lg-pull-18 {\n    right: 75%;\n  }\n  .hb-col-lg-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-lg-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-lg-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-lg-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-lg-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-lg-pull-24 {\n    right: 100%;\n  }\n}\n\n@media (min-width: 1200px) {\n  .hb-col-xl-0 {\n    display: none;\n  }\n  .hb-col-xl-1 {\n    width: 4.16666667%;\n  }\n  .hb-col-xl-2 {\n    width: 8.33333333%;\n  }\n  .hb-col-xl-3 {\n    width: 12.5%;\n  }\n  .hb-col-xl-4 {\n    width: 16.66666667%;\n  }\n  .hb-col-xl-5 {\n    width: 20.83333333%;\n  }\n  .hb-col-xl-6 {\n    width: 25%;\n  }\n  .hb-col-xl-7 {\n    width: 29.16666667%;\n  }\n  .hb-col-xl-8 {\n    width: 33.33333333%;\n  }\n  .hb-col-xl-9 {\n    width: 37.5%;\n  }\n  .hb-col-xl-10 {\n    width: 41.66666667%;\n  }\n  .hb-col-xl-11 {\n    width: 45.83333333%;\n  }\n  .hb-col-xl-12 {\n    width: 50%;\n  }\n  .hb-col-xl-13 {\n    width: 54.16666667%;\n  }\n  .hb-col-xl-14 {\n    width: 58.33333333%;\n  }\n  .hb-col-xl-15 {\n    width: 62.5%;\n  }\n  .hb-col-xl-16 {\n    width: 66.66666667%;\n  }\n  .hb-col-xl-17 {\n    width: 70.83333333%;\n  }\n  .hb-col-xl-18 {\n    width: 75%;\n  }\n  .hb-col-xl-19 {\n    width: 79.16666667%;\n  }\n  .hb-col-xl-20 {\n    width: 83.33333333%;\n  }\n  .hb-col-xl-21 {\n    width: 87.5%;\n  }\n  .hb-col-xl-22 {\n    width: 91.66666667%;\n  }\n  .hb-col-xl-23 {\n    width: 95.83333333%;\n  }\n  .hb-col-xl-24 {\n    width: 100%;\n  }\n  .hb-col-xl-offset-0 {\n    margin-left: 0;\n  }\n  .hb-col-xl-offset-1 {\n    margin-left: 4.16666667%;\n  }\n  .hb-col-xl-offset-2 {\n    margin-left: 8.33333333%;\n  }\n  .hb-col-xl-offset-3 {\n    margin-left: 12.5%;\n  }\n  .hb-col-xl-offset-4 {\n    margin-left: 16.66666667%;\n  }\n  .hb-col-xl-offset-5 {\n    margin-left: 20.83333333%;\n  }\n  .hb-col-xl-offset-6 {\n    margin-left: 25%;\n  }\n  .hb-col-xl-offset-7 {\n    margin-left: 29.16666667%;\n  }\n  .hb-col-xl-offset-8 {\n    margin-left: 33.33333333%;\n  }\n  .hb-col-xl-offset-9 {\n    margin-left: 37.5%;\n  }\n  .hb-col-xl-offset-10 {\n    margin-left: 41.66666667%;\n  }\n  .hb-col-xl-offset-11 {\n    margin-left: 45.83333333%;\n  }\n  .hb-col-xl-offset-12 {\n    margin-left: 50%;\n  }\n  .hb-col-xl-offset-13 {\n    margin-left: 54.16666667%;\n  }\n  .hb-col-xl-offset-14 {\n    margin-left: 58.33333333%;\n  }\n  .hb-col-xl-offset-15 {\n    margin-left: 62.5%;\n  }\n  .hb-col-xl-offset-16 {\n    margin-left: 66.66666667%;\n  }\n  .hb-col-xl-offset-17 {\n    margin-left: 70.83333333%;\n  }\n  .hb-col-xl-offset-18 {\n    margin-left: 75%;\n  }\n  .hb-col-xl-offset-19 {\n    margin-left: 79.16666667%;\n  }\n  .hb-col-xl-offset-20 {\n    margin-left: 83.33333333%;\n  }\n  .hb-col-xl-offset-21 {\n    margin-left: 87.5%;\n  }\n  .hb-col-xl-offset-22 {\n    margin-left: 91.66666667%;\n  }\n  .hb-col-xl-offset-23 {\n    margin-left: 95.83333333%;\n  }\n  .hb-col-xl-offset-24 {\n    margin-left: 100%;\n  }\n  .hb-col-xl-push-0 {\n    left: 0;\n  }\n  .hb-col-xl-push-1 {\n    left: 4.16666667%;\n  }\n  .hb-col-xl-push-2 {\n    left: 8.33333333%;\n  }\n  .hb-col-xl-push-3 {\n    left: 12.5%;\n  }\n  .hb-col-xl-push-4 {\n    left: 16.66666667%;\n  }\n  .hb-col-xl-push-5 {\n    left: 20.83333333%;\n  }\n  .hb-col-xl-push-6 {\n    left: 25%;\n  }\n  .hb-col-xl-push-7 {\n    left: 29.16666667%;\n  }\n  .hb-col-xl-push-8 {\n    left: 33.33333333%;\n  }\n  .hb-col-xl-push-9 {\n    left: 37.5%;\n  }\n  .hb-col-xl-push-10 {\n    left: 41.66666667%;\n  }\n  .hb-col-xl-push-11 {\n    left: 45.83333333%;\n  }\n  .hb-col-xl-push-12 {\n    left: 50%;\n  }\n  .hb-col-xl-push-13 {\n    left: 54.16666667%;\n  }\n  .hb-col-xl-push-14 {\n    left: 58.33333333%;\n  }\n  .hb-col-xl-push-15 {\n    left: 62.5%;\n  }\n  .hb-col-xl-push-16 {\n    left: 66.66666667%;\n  }\n  .hb-col-xl-push-17 {\n    left: 70.83333333%;\n  }\n  .hb-col-xl-push-18 {\n    left: 75%;\n  }\n  .hb-col-xl-push-19 {\n    left: 79.16666667%;\n  }\n  .hb-col-xl-push-20 {\n    left: 83.33333333%;\n  }\n  .hb-col-xl-push-21 {\n    left: 87.5%;\n  }\n  .hb-col-xl-push-22 {\n    left: 91.66666667%;\n  }\n  .hb-col-xl-push-23 {\n    left: 95.83333333%;\n  }\n  .hb-col-xl-push-24 {\n    left: 100%;\n  }\n  .hb-col-xl-pull-0 {\n    right: 0;\n  }\n  .hb-col-xl-pull-1 {\n    right: 4.16666667%;\n  }\n  .hb-col-xl-pull-2 {\n    right: 8.33333333%;\n  }\n  .hb-col-xl-pull-3 {\n    right: 12.5%;\n  }\n  .hb-col-xl-pull-4 {\n    right: 16.66666667%;\n  }\n  .hb-col-xl-pull-5 {\n    right: 20.83333333%;\n  }\n  .hb-col-xl-pull-6 {\n    right: 25%;\n  }\n  .hb-col-xl-pull-7 {\n    right: 29.16666667%;\n  }\n  .hb-col-xl-pull-8 {\n    right: 33.33333333%;\n  }\n  .hb-col-xl-pull-9 {\n    right: 37.5%;\n  }\n  .hb-col-xl-pull-10 {\n    right: 41.66666667%;\n  }\n  .hb-col-xl-pull-11 {\n    right: 45.83333333%;\n  }\n  .hb-col-xl-pull-12 {\n    right: 50%;\n  }\n  .hb-col-xl-pull-13 {\n    right: 54.16666667%;\n  }\n  .hb-col-xl-pull-14 {\n    right: 58.33333333%;\n  }\n  .hb-col-xl-pull-15 {\n    right: 62.5%;\n  }\n  .hb-col-xl-pull-16 {\n    right: 66.66666667%;\n  }\n  .hb-col-xl-pull-17 {\n    right: 70.83333333%;\n  }\n  .hb-col-xl-pull-18 {\n    right: 75%;\n  }\n  .hb-col-xl-pull-19 {\n    right: 79.16666667%;\n  }\n  .hb-col-xl-pull-20 {\n    right: 83.33333333%;\n  }\n  .hb-col-xl-pull-21 {\n    right: 87.5%;\n  }\n  .hb-col-xl-pull-22 {\n    right: 91.66666667%;\n  }\n  .hb-col-xl-pull-23 {\n    right: 95.83333333%;\n  }\n  .hb-col-xl-pull-24 {\n    right: 100%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/** 响应式栅格配置（对齐 antd：可传 number 或 {span,offset,push,pull}） */\nexport interface ColResponsive {\n  span?: number;\n  offset?: number;\n  push?: number;\n  pull?: number;\n}\n\n/**\n * Layout 布局组件\n * 通过基础的 24 分栏，迅速简便地创建布局。\n * 支持响应式：xs/sm/md/lg/xl 在对应断点应用各自的 span/offset/push/pull。\n */\n@Component({\n  tag: 'hb-layout',\n  styleUrl: 'layout.css',\n  shadow: true,\n})\nexport class Layout {\n  /**\n   * 栅格占据的列数\n   * @default 24\n   */\n  @Prop() span: number = 24;\n\n  /**\n   * 栅格左侧的间隔格数\n   * @default 0\n   */\n  @Prop() offset: number = 0;\n\n  /**\n   * 栅格向右移动格数\n   * @default 0\n   */\n  @Prop() push: number = 0;\n\n  /**\n   * 栅格向左移动格数\n   * @default 0\n   */\n  @Prop() pull: number = 0;\n\n  /**\n   * <576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xs?: number | ColResponsive;\n\n  /**\n   * ≥576px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() sm?: number | ColResponsive;\n\n  /**\n   * ≥768px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() md?: number | ColResponsive;\n\n  /**\n   * ≥992px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() lg?: number | ColResponsive;\n\n  /**\n   * ≥1200px 响应式栅格数或者栅格属性对象\n   */\n  @Prop() xl?: number | ColResponsive;\n\n  /** 把响应式 prop（number 或对象）规范化为 {span,offset,push,pull} */\n  private normalizeResponsive(value: number | ColResponsive | undefined): ColResponsive {\n    if (value === undefined || value === null) return {};\n    if (typeof value === 'number') return { span: value };\n    return value;\n  }\n\n  private getColClass() {\n    const classes: string[] = ['hb-col'];\n\n    // 基础（无断点）span/offset/push/pull —— 仅在没有 xs 时作为 xs 默认（antd 行为）\n    if (this.span) classes.push(`hb-col-${this.span}`);\n    if (this.offset) classes.push(`hb-col-offset-${this.offset}`);\n    if (this.push) classes.push(`hb-col-push-${this.push}`);\n    if (this.pull) classes.push(`hb-col-pull-${this.pull}`);\n\n    // 响应式断点：生成 hb-col-{bp}-{span} / hb-col-{bp}-offset-{n} 等 class，\n    // CSS 用 @media 在对应断点应用（覆盖基础值）。\n    const bps: Array<'xs' | 'sm' | 'md' | 'lg' | 'xl'> = ['xs', 'sm', 'md', 'lg', 'xl'];\n    for (const bp of bps) {\n      const v = this[bp];\n      if (v === undefined) continue;\n      const r = this.normalizeResponsive(v);\n      if (r.span !== undefined) classes.push(`hb-col-${bp}-${r.span}`);\n      if (r.offset !== undefined) classes.push(`hb-col-${bp}-offset-${r.offset}`);\n      if (r.push !== undefined) classes.push(`hb-col-${bp}-push-${r.push}`);\n      if (r.pull !== undefined) classes.push(`hb-col-${bp}-pull-${r.pull}`);\n    }\n\n    return classes.join(' ');\n  }\n\n  render() {\n    return (\n      <div class={this.getColClass()}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,+wvBAClB,MAAAC,EAAeD,E,MCmBFE,EAAM,M,yBAKTC,KAAe,GAMfC,OAAiB,EAMjBC,KAAe,EAMfC,KAAe,EAKfC,GAKAC,GAKAC,GAKAC,GAKAC,GAGA,mBAAAC,CAAoBC,GAC1B,GAAIA,IAAUC,WAAaD,IAAU,KAAM,MAAO,GAClD,UAAWA,IAAU,SAAU,MAAO,CAAEV,KAAMU,GAC9C,OAAOA,C,CAGD,WAAAE,GACN,MAAMC,EAAoB,CAAC,UAG3B,GAAIC,KAAKd,KAAMa,EAAQX,KAAK,UAAUY,KAAKd,QAC3C,GAAIc,KAAKb,OAAQY,EAAQX,KAAK,iBAAiBY,KAAKb,UACpD,GAAIa,KAAKZ,KAAMW,EAAQX,KAAK,eAAeY,KAAKZ,QAChD,GAAIY,KAAKX,KAAMU,EAAQX,KAAK,eAAeY,KAAKX,QAIhD,MAAMY,EAA+C,CAAC,KAAM,KAAM,KAAM,KAAM,MAC9E,IAAK,MAAMC,KAAMD,EAAK,CACpB,MAAME,EAAIH,KAAKE,GACf,GAAIC,IAAMN,UAAW,SACrB,MAAMO,EAAIJ,KAAKL,oBAAoBQ,GACnC,GAAIC,EAAElB,OAASW,UAAWE,EAAQX,KAAK,UAAUc,KAAME,EAAElB,QACzD,GAAIkB,EAAEjB,SAAWU,UAAWE,EAAQX,KAAK,UAAUc,YAAaE,EAAEjB,UAClE,GAAIiB,EAAEhB,OAASS,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEhB,QAC9D,GAAIgB,EAAEf,OAASQ,UAAWE,EAAQX,KAAK,UAAUc,UAAWE,EAAEf,O,CAGhE,OAAOU,EAAQM,KAAK,I,CAGtB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOT,KAAKF,eACfS,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/huibo-ui/p-6efed295.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as i,h as a}from"./p-e42dfa95.js";import{c as r}from"./p-4ef5a884.js";import{p as o,f as n,a as s,g as l,M as d,W as c}from"./p-e0876aca.js";import{a as h}from"./p-00aa34c8.js";const p='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.grid{display:grid}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-date-picker-font-size:14px;--hb-date-picker-height:32px;--hb-date-picker-border-color:var(--hb-border-color,#dcdfe6);--hb-date-picker-border-color-hover:var(--hb-color-primary);--hb-date-picker-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-date-picker{display:inline-block;position:relative;width:240px}.hb-date-picker__input-wrapper{cursor:pointer;display:inline-block;position:relative;width:100%}.hb-date-picker__input{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:inline-block;font-size:var(--hb-date-picker-font-size);height:var(--hb-date-picker-height);line-height:var(--hb-date-picker-height);outline:none;padding:0 30px 0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-date-picker__input:focus,.hb-date-picker__input:hover:not(:disabled){border-color:var(--hb-date-picker-border-color-hover)}.hb-date-picker__suffix{align-items:center;display:flex;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hb-date-picker__clear{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);cursor:pointer;display:inline-flex;height:14px;justify-content:center;margin-right:8px;transition:color .2s;width:14px}.hb-date-picker__clear svg{height:100%;width:100%}.hb-date-picker__clear:hover{color:var(--hb-color-text-regular,#606266)}.hb-date-picker__icon{align-items:center;color:var(--hb-color-text-placeholder,#c0c4cc);display:inline-flex;height:14px;justify-content:center;width:14px}.hb-date-picker__icon svg{height:100%;width:100%}.hb-date-picker__dropdown{background-color:var(--hb-date-picker-bg-color);border:1px solid var(--hb-date-picker-border-color);border-radius:4px;box-shadow:0 2px 12px #0000001a;left:0;margin-top:4px;min-width:280px;padding:12px;position:absolute;top:100%;z-index:1000}.hb-date-picker__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.hb-date-picker__header-label{color:var(--hb-color-text-regular,#606266);font-size:14px;font-weight:600}.hb-date-picker__next-btn,.hb-date-picker__prev-btn{background:0 0;border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.hb-date-picker__next-btn:hover,.hb-date-picker__prev-btn:hover{color:var(--hb-color-primary)}.hb-date-picker__weekdays{display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.hb-date-picker__weekday{color:var(--hb-color-text-placeholder,#c0c4cc);font-size:12px;font-weight:500;text-align:center}.hb-date-picker__days{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hb-date-picker__day{align-items:center;aspect-ratio:1;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:13px;justify-content:center;transition:all .2s}.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__day--other-month{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:default}.hb-date-picker__day--today{color:var(--hb-color-primary);font-weight:600}.hb-date-picker__day--selected{background-color:var(--hb-color-primary);color:var(--hb-color-white,#fff)}.hb-date-picker__day--disabled{color:var(--hb-color-text-placeholder,#c0c4cc);cursor:not-allowed}.hb-date-picker__day--disabled:hover{background-color:#0000}.hb-date-picker--small{width:200px}.hb-date-picker--small .hb-date-picker__input{font-size:12px;height:24px;line-height:24px;padding:0 25px 0 12px}.hb-date-picker--large{width:280px}.hb-date-picker--large .hb-date-picker__input{font-size:16px;height:40px;line-height:40px;padding:0 35px 0 18px}.hb-date-picker--disabled{cursor:not-allowed}.hb-date-picker--disabled .hb-date-picker__input{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-date-picker-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-date-picker__month-grid,.hb-date-picker__year-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px 12px}.hb-date-picker__month-cell,.hb-date-picker__year-cell{align-items:center;border-radius:4px;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-size:var(--hb-cascader-font-size,14px);height:40px;justify-content:center;transition:background-color .2s,color .2s;-webkit-user-select:none;user-select:none}.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled){background-color:var(--hb-fill-color-light,#f5f7fa)}.hb-date-picker__month-cell--selected,.hb-date-picker__year-cell--selected{background-color:var(--hb-color-primary-bg,#e6f4ff);color:var(--hb-color-primary,#1677ff);font-weight:600}.hb-date-picker__month-cell--disabled,.hb-date-picker__year-cell--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const b=p;const f=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7)}get el(){return i(this)}modelValue;placeholder="请选择日期";disabled=false;size="default";clearable=false;format="YYYY-MM-DD";valueFormat;type="date";disabledDate;name;inputId;isOpen=false;inputValue="";selectedDate;panelViewDate=new Date;hbChange;clickOutside=r({host:null,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});componentDidLoad(){this.clickOutside=r({host:this.el,isOpen:()=>this.isOpen,onClose:()=>{this.isOpen=false}});this.clickOutside.connect();this.updateInputValue()}disconnectedCallback(){this.clickOutside.disconnect()}handleValueChange(){this.updateInputValue()}updateInputValue(){const e=o(this.modelValue);if(!e){this.inputValue="";this.selectedDate=undefined;return}this.selectedDate=e;this.inputValue=n(e,this.format)}handleInputClick=()=>{if(this.disabled)return;this.isOpen=!this.isOpen;if(this.isOpen&&(this.type==="month"||this.type==="year")){this.panelViewDate=this.selectedDate?new Date(this.selectedDate):new Date}};handleClear=e=>{e.stopPropagation();this.modelValue=undefined;this.inputValue="";this.selectedDate=undefined;this.isOpen=false;this.hbChange.emit(undefined)};handleDateSelect=e=>{if(this.disabledDate&&this.disabledDate(e))return;this.selectedDate=e;this.modelValue=this.valueFormat?n(e,this.format):e;this.updateInputValue();this.isOpen=false;this.hbChange.emit(this.modelValue)};handleMonthSelect=e=>{const t=new Date(this.panelViewDate.getFullYear(),e,1);if(this.disabledDate&&this.disabledDate(t))return;this.selectedDate=t;this.panelViewDate=new Date(t);const i=`${t.getFullYear()}-${String(e+1).padStart(2,"0")}`;this.inputValue=i;this.modelValue=i;this.isOpen=false;this.hbChange.emit(i)};handleYearSelect=e=>{const t=new Date(e,0,1);if(this.disabledDate&&this.disabledDate(t))return;this.selectedDate=t;this.panelViewDate=new Date(t);const i=String(e);this.inputValue=i;this.modelValue=i;this.isOpen=false;this.hbChange.emit(i)};changeMonth(e){this.selectedDate=s(this.selectedDate||new Date,e)}changePanelView(e){const t=new Date(this.panelViewDate);if(this.type==="month")t.setFullYear(t.getFullYear()+e);else t.setFullYear(t.getFullYear()+e*12);this.panelViewDate=t}isDateDisabled=e=>!!this.disabledDate&&this.disabledDate(e);render(){const e=l(this.selectedDate||new Date,this.selectedDate);const t=this.selectedDate||new Date;const i=this.panelViewDate||t;const r=this.type==="month"?`${i.getFullYear()} 年`:this.type==="year"?`${Math.floor(i.getFullYear()/12)*12} - ${Math.floor(i.getFullYear()/12)*12+11}`:`${t.getFullYear()}年 ${d[t.getMonth()]}`;return a("div",{key:"0568629a899d16bd00cf0acdc06c8bf12a50b21d",class:{"hb-date-picker":true,"hb-date-picker--open":this.isOpen,"hb-date-picker--disabled":this.disabled,[`hb-date-picker--${this.size}`]:true,[`hb-date-picker--${this.type}`]:true}},a("div",{key:"d37d7631b2c16fb6f52c63aa96ce9752c348ceca",class:"hb-date-picker__input-wrapper",onClick:this.handleInputClick},a("input",{key:"b8c2381f26b88bce3032a58cbb74ae05fdb54b7c",type:"text",id:this.inputId,name:this.name,class:"hb-date-picker__input",placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,readonly:true,role:"combobox","aria-haspopup":"dialog","aria-expanded":this.isOpen?"true":"false","aria-label":this.placeholder}),a("span",{key:"df5059ba445476a946f9efc902da4f965c1f5eca",class:"hb-date-picker__suffix"},this.clearable&&this.modelValue&&a("span",{key:"cab3328768cab68676ccece71bf12161449e52c2",class:"hb-date-picker__clear",role:"button","aria-label":"清空",tabIndex:0,onClick:this.handleClear,onKeyDown:h},a("svg",{key:"e5970e157bf707bb49f39e800274927c73a79a82",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("path",{key:"6fbe208a529abe7c01822d164f90d6ed80e1071d",d:"M6 6l12 12M18 6L6 18"}))),a("span",{key:"ab1db32eccdf2e0c507e29de61cc30deaf0d3b9e",class:"hb-date-picker__icon","aria-hidden":"true"},a("svg",{key:"d3439b59946891a511049d955e0d7362b2cca591",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"},a("rect",{key:"9d6037217b01ff42357346ac092f6bd197414fb7",x:"3",y:"5",width:"18",height:"16",rx:"2"}),a("path",{key:"391e0d2b637622483036325d9c16187e3f2020bd",d:"M3 9h18M8 3v4M16 3v4"}))))),this.isOpen&&a("div",{key:"b4985a01eadf9109127d599697485de875056be7",class:"hb-date-picker__dropdown",role:"dialog","aria-label":this.type==="month"?"选择月份":this.type==="year"?"选择年份":"选择日期"},a("div",{key:"369fae3c69f41c6c23e41598edb728510b41e73e",class:"hb-date-picker__header"},a("button",{key:"9369433f5827e0bfbaa36ce4b3f06e4fc6d644c0",type:"button",class:"hb-date-picker__prev-btn","aria-label":this.type==="date"?"上一月":"上一年",onClick:()=>this.type==="date"?this.changeMonth(-1):this.changePanelView(-1)},"‹"),a("span",{key:"a7f946f76e088387784a8f5e49c38c8e47938c95",class:"hb-date-picker__header-label","aria-live":"polite"},r),a("button",{key:"2f5e2aca8db2fd8b9350334d3b211f4537b60277",type:"button",class:"hb-date-picker__next-btn","aria-label":this.type==="date"?"下一月":"下一年",onClick:()=>this.type==="date"?this.changeMonth(1):this.changePanelView(1)},"›")),this.type==="date"&&a("div",{key:"a8f0c0418770fedced9596685cec4d40c66350d1",class:"hb-date-picker__body",role:"grid"},a("div",{key:"7b9c1d486b30408007024a6036a7813fcff982de",class:"hb-date-picker__weekdays",role:"row"},c.map((e=>a("div",{class:"hb-date-picker__weekday",role:"columnheader","aria-disabled":"true"},e)))),a("div",{key:"63a5f9b115f2c3b2424064843bc36fe7b79d1ca3",class:"hb-date-picker__days",role:"row"},e.map(((e,t)=>{const i=e.isCurrentMonth&&this.isDateDisabled(e.date);return a("div",{key:t,class:{"hb-date-picker__day":true,"hb-date-picker__day--other-month":!e.isCurrentMonth,"hb-date-picker__day--today":e.isToday,"hb-date-picker__day--selected":e.isSelected,"hb-date-picker__day--disabled":i},role:"gridcell","aria-selected":e.isSelected?"true":"false","aria-disabled":!e.isCurrentMonth||i?"true":undefined,"aria-label":n(e.date,this.format),onClick:()=>e.isCurrentMonth&&!i&&this.handleDateSelect(e.date)},e.date.getDate())})))),this.type==="month"&&a("div",{key:"b62f03edcdca73c71ddded45079344778e65abb6",class:"hb-date-picker__body hb-date-picker__month-grid",role:"grid"},d.map(((e,t)=>{const r=new Date(i.getFullYear(),t,1);const o=!!this.disabledDate&&this.disabledDate(r);const n=!!this.selectedDate&&this.selectedDate.getFullYear()===i.getFullYear()&&this.selectedDate.getMonth()===t;return a("div",{class:{"hb-date-picker__month-cell":true,"hb-date-picker__month-cell--selected":n,"hb-date-picker__month-cell--disabled":o},role:"gridcell","aria-selected":n?"true":"false","aria-disabled":o?"true":undefined,onClick:()=>!o&&this.handleMonthSelect(t)},e)}))),this.type==="year"&&a("div",{key:"fb01386b11594c2b1bc14b1eae38f2fd51a5e20b",class:"hb-date-picker__body hb-date-picker__year-grid",role:"grid"},(()=>{const e=Math.floor(i.getFullYear()/12)*12;const t=[];for(let i=0;i<12;i++)t.push(e+i);return t.map((e=>{const t=new Date(e,0,1);const i=!!this.disabledDate&&this.disabledDate(t);const r=!!this.selectedDate&&this.selectedDate.getFullYear()===e;return a("div",{class:{"hb-date-picker__year-cell":true,"hb-date-picker__year-cell--selected":r,"hb-date-picker__year-cell--disabled":i},role:"gridcell","aria-selected":r?"true":"false","aria-disabled":i?"true":undefined,onClick:()=>!i&&this.handleYearSelect(e)},e)}))})())))}static get watchers(){return{modelValue:["handleValueChange"]}}};f.style=b;export{f as hb_date_picker};
+//# sourceMappingURL=p-6efed295.entry.js.map

package/dist/huibo-ui/p-6efed295.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datePickerCss","HbDatePickerStyle0","DatePicker","modelValue","placeholder","disabled","size","clearable","format","valueFormat","type","disabledDate","name","inputId","isOpen","inputValue","selectedDate","panelViewDate","Date","hbChange","clickOutside","createClickOutsideHandler","host","this","onClose","componentDidLoad","el","connect","updateInputValue","disconnectedCallback","disconnect","handleValueChange","date","parseDate","undefined","formatDate","handleInputClick","handleClear","e","stopPropagation","emit","handleDateSelect","handleMonthSelect","monthIndex","next","getFullYear","iso","String","padStart","handleYearSelect","year","changeMonth","delta","addMonths","changePanelView","setFullYear","isDateDisabled","render","days","getCalendarDays","current","panelAnchor","headerLabel","Math","floor","MONTH_NAMES","getMonth","h","key","class","onClick","id","value","readonly","role","tabIndex","onKeyDown","activationClickHandler","viewBox","fill","stroke","d","x","y","width","height","rx","WEEK_DAY_NAMES","map","day","index","dayDisabled","isCurrentMonth","isToday","isSelected","getDate","idx","probe","monthDisabled","startYear","years","i","push","yearDisabled"],"sources":["src/components/DatePicker/date-picker.css?tag=hb-date-picker&encapsulation=shadow","src/components/DatePicker/DatePicker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-date-picker-font-size: 14px;\n  --hb-date-picker-height: 32px;\n  --hb-date-picker-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-date-picker-border-color-hover: var(--hb-color-primary);\n  --hb-date-picker-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker {\n  display: inline-block;\n  position: relative;\n  width: 240px;\n}\n\n.hb-date-picker__input-wrapper {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  cursor: pointer;\n}\n\n.hb-date-picker__input {\n  display: inline-block;\n  width: 100%;\n  height: var(--hb-date-picker-height);\n  line-height: var(--hb-date-picker-height);\n  padding: 0 30px 0 15px;\n  font-size: var(--hb-date-picker-font-size);\n  color: var(--hb-color-text-regular, #606266);\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  cursor: pointer;\n  outline: none;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-date-picker__input:hover:not(:disabled) {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__input:focus {\n  border-color: var(--hb-date-picker-border-color-hover);\n}\n\n.hb-date-picker__suffix {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n.hb-date-picker__clear {\n  margin-right: 8px;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  transition: color 0.2s;\n}\n\n.hb-date-picker__clear svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__clear:hover {\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n}\n\n.hb-date-picker__icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.hb-date-picker__dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  background-color: var(--hb-date-picker-bg-color);\n  border: 1px solid var(--hb-date-picker-border-color);\n  border-radius: 4px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  min-width: 280px;\n  padding: 12px;\n}\n\n.hb-date-picker__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.hb-date-picker__header-label {\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--hb-color-text-regular, #606266);\n}\n\n.hb-date-picker__prev-btn,\n.hb-date-picker__next-btn {\n  background: none;\n  border: none;\n  font-size: 18px;\n  cursor: pointer;\n  color: var(--hb-color-text-regular, #606266);\n  padding: 4px 8px;\n  transition: color 0.2s;\n}\n\n.hb-date-picker__prev-btn:hover,\n.hb-date-picker__next-btn:hover {\n  color: var(--hb-color-primary);\n}\n\n.hb-date-picker__weekdays {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n  margin-bottom: 8px;\n}\n\n.hb-date-picker__weekday {\n  text-align: center;\n  font-size: 12px;\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  font-weight: 500;\n}\n\n.hb-date-picker__days {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 4px;\n}\n\n.hb-date-picker__day {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.hb-date-picker__day:hover:not(.hb-date-picker__day--other-month) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__day--other-month {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: default;\n}\n\n.hb-date-picker__day--today {\n  color: var(--hb-color-primary);\n  font-weight: 600;\n}\n\n.hb-date-picker__day--selected {\n  background-color: var(--hb-color-primary);\n  color: var(--hb-color-white, #ffffff);\n}\n\n.hb-date-picker__day--disabled {\n  color: var(--hb-color-text-placeholder, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-date-picker__day--disabled:hover {\n  background-color: transparent;\n}\n\n.hb-date-picker--small {\n  width: 200px;\n}\n\n.hb-date-picker--small .hb-date-picker__input {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 25px 0 12px;\n}\n\n.hb-date-picker--large {\n  width: 280px;\n}\n\n.hb-date-picker--large .hb-date-picker__input {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 35px 0 18px;\n}\n\n.hb-date-picker--disabled {\n  cursor: not-allowed;\n}\n\n.hb-date-picker--disabled .hb-date-picker__input {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-date-picker-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n/* ---- type=month / type=year 选择网格 ---- */\n.hb-date-picker__month-grid,\n.hb-date-picker__year-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding: 8px 12px;\n}\n\n.hb-date-picker__month-cell,\n.hb-date-picker__year-cell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  font-size: var(--hb-cascader-font-size, 14px);\n  color: var(--hb-color-text-regular, #606266);\n  border-radius: 4px;\n  cursor: pointer;\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n  user-select: none;\n}\n\n.hb-date-picker__month-cell:hover:not(.hb-date-picker__month-cell--disabled),\n.hb-date-picker__year-cell:hover:not(.hb-date-picker__year-cell--disabled) {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-date-picker__month-cell--selected,\n.hb-date-picker__year-cell--selected {\n  color: var(--hb-color-primary, #1677ff);\n  font-weight: 600;\n  background-color: var(--hb-color-primary-bg, #e6f4ff);\n}\n\n.hb-date-picker__month-cell--disabled,\n.hb-date-picker__year-cell--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\nimport { getCalendarDays, formatDate, parseDate, addMonths, MONTH_NAMES, WEEK_DAY_NAMES } from '../../utils/date-helpers';\nimport { activationClickHandler } from '../../utils/a11y';\n\n/**\n * DatePicker 日期选择器组件\n * 用于选择或输入日期\n */\n@Component({\n  tag: 'hb-date-picker',\n  styleUrl: 'date-picker.css',\n  shadow: true,\n})\nexport class DatePicker {\n  @Element() el: HTMLElement;\n\n  /** 绑定值 */\n  @Prop({ mutable: true }) modelValue?: string | Date;\n\n  /** 输入框占位文本 */\n  @Prop() placeholder: string = '请选择日期';\n\n  /** 是否禁用 */\n  @Prop() disabled: boolean = false;\n\n  /** 输入框尺寸 */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /** 是否可清空 */\n  @Prop() clearable: boolean = false;\n\n  /** 日期格式 */\n  @Prop() format: string = 'YYYY-MM-DD';\n\n  /** 显示在输入框中的格式 */\n  @Prop() valueFormat?: string;\n\n  /**\n   * 日期选择器类型：\n   * - 'date'：日选择（默认）\n   * - 'month'：月选择（month 视图网格，emit YYYY-MM）\n   * - 'year'：年选择（year 视图网格，emit YYYY）\n   * 注：'datetime'/'week' 请用独立的 DateTimePicker 组件 / 后续补全。\n   */\n  @Prop() type: 'date' | 'month' | 'year' = 'date';\n\n  /**\n   * 禁用日期判定函数。返回 true 的日期在日历中不可选（加 disabled 态、不可点击、aria-disabled）。\n   * @param date 当前日期格子的 Date 对象\n   */\n  @Prop() disabledDate?: (date: Date) => boolean;\n\n  /** 原生 name 属性 */\n  @Prop() name?: string;\n\n  /** 原生 id 属性 */\n  @Prop() inputId?: string;\n\n  @State() isOpen: boolean = false;\n  @State() inputValue: string = '';\n  @State() selectedDate?: Date;\n  /** month/year 模式的面板锚点（不随选择改变，仅导航用） */\n  @State() panelViewDate: Date = new Date();\n\n  /** 值改变事件 */\n  @Event() hbChange: EventEmitter<string | Date>;\n\n  private clickOutside = createClickOutsideHandler({\n    host: null as any,\n    isOpen: () => this.isOpen,\n    onClose: () => {\n      this.isOpen = false;\n    },\n  });\n\n  componentDidLoad() {\n    this.clickOutside = createClickOutsideHandler({\n      host: this.el,\n      isOpen: () => this.isOpen,\n      onClose: () => {\n        this.isOpen = false;\n      },\n    });\n    this.clickOutside.connect();\n    this.updateInputValue();\n  }\n\n  disconnectedCallback() {\n    this.clickOutside.disconnect();\n  }\n\n  @Watch('modelValue')\n  handleValueChange() {\n    this.updateInputValue();\n  }\n\n  private updateInputValue() {\n    const date = parseDate(this.modelValue);\n    if (!date) {\n      this.inputValue = '';\n      this.selectedDate = undefined;\n      return;\n    }\n    this.selectedDate = date;\n    this.inputValue = formatDate(date, this.format);\n  }\n\n  private handleInputClick = () => {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    // month/year 模式打开时，从已选值或今天初始化面板锚点\n    if (this.isOpen && (this.type === 'month' || this.type === 'year')) {\n      this.panelViewDate = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    }\n  };\n\n  private handleClear = (e: Event) => {\n    e.stopPropagation();\n    this.modelValue = undefined;\n    this.inputValue = '';\n    this.selectedDate = undefined;\n    this.isOpen = false;\n    this.hbChange.emit(undefined);\n  };\n\n  private handleDateSelect = (date: Date) => {\n    // disabledDate 返回 true 的日期不可选\n    if (this.disabledDate && this.disabledDate(date)) return;\n    this.selectedDate = date;\n    this.modelValue = this.valueFormat ? formatDate(date, this.format) : date;\n    this.updateInputValue();\n    this.isOpen = false;\n    this.hbChange.emit(this.modelValue);\n  };\n\n  /** type='month'：选某月 → 锚定到该月 1 号，emit YYYY-MM */\n  private handleMonthSelect = (monthIndex: number) => {\n    const next = new Date(this.panelViewDate.getFullYear(), monthIndex, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = `${next.getFullYear()}-${String(monthIndex + 1).padStart(2, '0')}`;\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  /** type='year'：选某年 → 锚定到该年 1 月 1 日，emit YYYY */\n  private handleYearSelect = (year: number) => {\n    const next = new Date(year, 0, 1);\n    if (this.disabledDate && this.disabledDate(next)) return;\n    this.selectedDate = next;\n    this.panelViewDate = new Date(next);\n    const iso = String(year);\n    this.inputValue = iso;\n    this.modelValue = iso;\n    this.isOpen = false;\n    this.hbChange.emit(iso);\n  };\n\n  private changeMonth(delta: number) {\n    this.selectedDate = addMonths(this.selectedDate || new Date(), delta);\n  }\n\n  /** month/year 面板导航：month ±1 年、year ±12 年 */\n  private changePanelView(delta: number) {\n    const next = new Date(this.panelViewDate);\n    if (this.type === 'month') next.setFullYear(next.getFullYear() + delta);\n    else next.setFullYear(next.getFullYear() + delta * 12);\n    this.panelViewDate = next;\n  }\n\n  /** 判断某日期是否被 disabledDate 禁用 */\n  private isDateDisabled = (date: Date): boolean => {\n    return !!this.disabledDate && this.disabledDate(date);\n  };\n\n  render() {\n    const days = getCalendarDays(this.selectedDate || new Date(), this.selectedDate);\n    const current = this.selectedDate || new Date();\n\n    // month/year 面板锚点：默认用 panelViewDate，未打开时回退到 selectedDate/today\n    const panelAnchor = this.panelViewDate || current;\n    const headerLabel =\n      this.type === 'month'\n        ? `${panelAnchor.getFullYear()} 年`\n        : this.type === 'year'\n          ? `${Math.floor(panelAnchor.getFullYear() / 12) * 12} - ${Math.floor(panelAnchor.getFullYear() / 12) * 12 + 11}`\n          : `${current.getFullYear()}年 ${MONTH_NAMES[current.getMonth()]}`;\n\n    return (\n      <div\n        class={{\n          'hb-date-picker': true,\n          'hb-date-picker--open': this.isOpen,\n          'hb-date-picker--disabled': this.disabled,\n          [`hb-date-picker--${this.size}`]: true,\n          [`hb-date-picker--${this.type}`]: true,\n        }}\n      >\n        <div class=\"hb-date-picker__input-wrapper\" onClick={this.handleInputClick}>\n          <input\n            type=\"text\"\n            id={this.inputId}\n            name={this.name}\n            class=\"hb-date-picker__input\"\n            placeholder={this.placeholder}\n            value={this.inputValue}\n            disabled={this.disabled}\n            readonly\n            role=\"combobox\"\n            aria-haspopup=\"dialog\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.placeholder}\n          />\n          <span class=\"hb-date-picker__suffix\">\n            {this.clearable && this.modelValue && (\n              <span class=\"hb-date-picker__clear\" role=\"button\" aria-label=\"清空\" tabIndex={0} onClick={this.handleClear} onKeyDown={activationClickHandler}>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                  <path d=\"M6 6l12 12M18 6L6 18\" />\n                </svg>\n              </span>\n            )}\n            <span class=\"hb-date-picker__icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" />\n                <path d=\"M3 9h18M8 3v4M16 3v4\" />\n              </svg>\n            </span>\n          </span>\n        </div>\n        {this.isOpen && (\n          <div class=\"hb-date-picker__dropdown\" role=\"dialog\" aria-label={this.type === 'month' ? '选择月份' : this.type === 'year' ? '选择年份' : '选择日期'}>\n            <div class=\"hb-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__prev-btn\"\n                aria-label={this.type === 'date' ? '上一月' : '上一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(-1) : this.changePanelView(-1))}\n              >\n                ‹\n              </button>\n              <span class=\"hb-date-picker__header-label\" aria-live=\"polite\">\n                {headerLabel}\n              </span>\n              <button\n                type=\"button\"\n                class=\"hb-date-picker__next-btn\"\n                aria-label={this.type === 'date' ? '下一月' : '下一年'}\n                onClick={() => (this.type === 'date' ? this.changeMonth(1) : this.changePanelView(1))}\n              >\n                ›\n              </button>\n            </div>\n            {this.type === 'date' && (\n              <div class=\"hb-date-picker__body\" role=\"grid\">\n                <div class=\"hb-date-picker__weekdays\" role=\"row\">\n                  {WEEK_DAY_NAMES.map(day => (\n                    <div class=\"hb-date-picker__weekday\" role=\"columnheader\" aria-disabled=\"true\">\n                      {day}\n                    </div>\n                  ))}\n                </div>\n                <div class=\"hb-date-picker__days\" role=\"row\">\n                  {days.map((day, index) => {\n                    const dayDisabled = day.isCurrentMonth && this.isDateDisabled(day.date);\n                    return (\n                      <div\n                        key={index}\n                        class={{\n                          'hb-date-picker__day': true,\n                          'hb-date-picker__day--other-month': !day.isCurrentMonth,\n                          'hb-date-picker__day--today': day.isToday,\n                          'hb-date-picker__day--selected': day.isSelected,\n                          'hb-date-picker__day--disabled': dayDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={day.isSelected ? 'true' : 'false'}\n                        aria-disabled={!day.isCurrentMonth || dayDisabled ? 'true' : undefined}\n                        aria-label={formatDate(day.date, this.format)}\n                        onClick={() => day.isCurrentMonth && !dayDisabled && this.handleDateSelect(day.date)}\n                      >\n                        {day.date.getDate()}\n                      </div>\n                    );\n                  })}\n                </div>\n              </div>\n            )}\n            {this.type === 'month' && (\n              <div class=\"hb-date-picker__body hb-date-picker__month-grid\" role=\"grid\">\n                {MONTH_NAMES.map((name, idx) => {\n                  const probe = new Date(panelAnchor.getFullYear(), idx, 1);\n                  const monthDisabled = !!this.disabledDate && this.disabledDate(probe);\n                  const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === panelAnchor.getFullYear() && this.selectedDate.getMonth() === idx;\n                  return (\n                    <div\n                      class={{\n                        'hb-date-picker__month-cell': true,\n                        'hb-date-picker__month-cell--selected': isSelected,\n                        'hb-date-picker__month-cell--disabled': monthDisabled,\n                      }}\n                      role=\"gridcell\"\n                      aria-selected={isSelected ? 'true' : 'false'}\n                      aria-disabled={monthDisabled ? 'true' : undefined}\n                      onClick={() => !monthDisabled && this.handleMonthSelect(idx)}\n                    >\n                      {name}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n            {this.type === 'year' && (\n              <div class=\"hb-date-picker__body hb-date-picker__year-grid\" role=\"grid\">\n                {(() => {\n                  const startYear = Math.floor(panelAnchor.getFullYear() / 12) * 12;\n                  const years: number[] = [];\n                  for (let i = 0; i < 12; i++) years.push(startYear + i);\n                  return years.map(y => {\n                    const probe = new Date(y, 0, 1);\n                    const yearDisabled = !!this.disabledDate && this.disabledDate(probe);\n                    const isSelected = !!this.selectedDate && this.selectedDate.getFullYear() === y;\n                    return (\n                      <div\n                        class={{\n                          'hb-date-picker__year-cell': true,\n                          'hb-date-picker__year-cell--selected': isSelected,\n                          'hb-date-picker__year-cell--disabled': yearDisabled,\n                        }}\n                        role=\"gridcell\"\n                        aria-selected={isSelected ? 'true' : 'false'}\n                        aria-disabled={yearDisabled ? 'true' : undefined}\n                        onClick={() => !yearDisabled && this.handleYearSelect(y)}\n                      >\n                        {y}\n                      </div>\n                    );\n                  });\n                })()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-c80f8ace.entry.js → p-79b24b83.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,g as e,h as i}from"./p-e42dfa95.js";const o='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components; /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-steps{display:flex}.hb-steps--vertical,.hb-steps__item{flex-direction:column}.hb-steps__item{align-items:center;display:flex;flex:1;position:relative}.hb-steps--vertical .hb-steps__item{align-items:flex-start;flex-direction:row;gap:var(--hb-spacing-sm);padding-bottom:var(--hb-spacing-md)}.hb-steps__head{align-items:center;display:flex;width:100%}.hb-steps__icon{align-items:center;background:var(--hb-color-fill);border-radius:50%;color:var(--hb-color-text-secondary);display:flex;flex-shrink:0;font-size:var(--hb-font-size-sm);font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.hb-steps__item--finish .hb-steps__icon,.hb-steps__item--process .hb-steps__icon{background:var(--hb-color-primary);color:#fff}.hb-steps__item--error .hb-steps__icon{background:var(--hb-color-danger);color:#fff}.hb-steps__line{background:var(--hb-color-border-secondary);flex:1;height:2px;margin:0 var(--hb-spacing-xs)}.hb-steps__item--finish .hb-steps__line{background:var(--hb-color-primary)}.hb-steps__main{margin-top:var(--hb-spacing-xs);text-align:center}.hb-steps--vertical .hb-steps__main{text-align:left}.hb-steps:not(.hb-steps--align-center) .hb-steps__item{align-items:flex-start}.hb-steps:not(.hb-steps--align-center) .hb-steps__main{text-align:left}.hb-steps__title{font-size:var(--hb-font-size-sm);font-weight:600}.hb-steps__item--process .hb-steps__title{color:var(--hb-color-primary)}.hb-steps__description{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-xs);margin-top:2px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const s=o;const n=class{constructor(e){t(this,e)}get el(){return e(this)}active=0;processStatus="process";alignCenter=false;direction="horizontal";steps=[];componentDidLoad(){const t=this.el.querySelectorAll("hb-step");this.steps=Array.from(t).map((t=>{const e=t;return{title:e.getAttribute("title")||"",description:e.getAttribute("description")||undefined,icon:e.getAttribute("icon")||undefined,status:e.getAttribute("status")||undefined}}))}getStatus(t){const e=this.steps[t];if(e&&e.status)return e.status;if(t<this.active)return"finish";if(t===this.active)return this.processStatus;return"wait"}renderIcon(t){const e=this.steps[t];if(e&&e.icon){return i("hb-icon",{name:e.icon,size:16,"aria-hidden":"true"})}const o=this.getStatus(t);if(o==="finish")return"✓";if(o==="error")return"✕";return String(t+1)}render(){return i("ol",{key:"f69b42d787de6ee114ed9ebef2e8d1a8fae60363",class:{"hb-steps":true,[`hb-steps--${this.direction}`]:true,"hb-steps--align-center":this.alignCenter},role:"list"},this.steps.map(((t,e)=>{const o=this.getStatus(e);return i("li",{class:{"hb-steps__item":true,[`hb-steps__item--${o}`]:true},role:"listitem","aria-current":o==="process"?"step":undefined,"aria-disabled":t.status==="wait"&&e>this.active?"true":undefined},i("div",{class:"hb-steps__head"},i("span",{class:"hb-steps__icon","aria-hidden":"true"},this.renderIcon(e)),e<this.steps.length-1&&i("div",{class:"hb-steps__line"})),i("div",{class:"hb-steps__main"},i("div",{class:"hb-steps__title"},t.title),t.description&&i("div",{class:"hb-steps__description"},t.description)))})))}};n.style=s;export{n as hb_steps};
-//# sourceMappingURL=p-c80f8ace.entry.js.map
+import{r as t,g as e,h as i}from"./p-e42dfa95.js";const o='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components; /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{display:block}.hb-steps{display:flex}.hb-steps--vertical,.hb-steps__item{flex-direction:column}.hb-steps__item{align-items:center;display:flex;flex:1;position:relative}.hb-steps--vertical .hb-steps__item{align-items:flex-start;flex-direction:row;gap:var(--hb-spacing-sm);padding-bottom:var(--hb-spacing-md)}.hb-steps__head{align-items:center;display:flex;width:100%}.hb-steps__icon{align-items:center;background:var(--hb-color-fill);border-radius:50%;color:var(--hb-color-text-secondary);display:flex;flex-shrink:0;font-size:var(--hb-font-size-sm);font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.hb-steps__item--finish .hb-steps__icon,.hb-steps__item--process .hb-steps__icon{background:var(--hb-color-primary);color:#fff}.hb-steps__item--error .hb-steps__icon{background:var(--hb-color-danger);color:#fff}.hb-steps__line{background:var(--hb-color-border-secondary);flex:1;height:2px;margin:0 var(--hb-spacing-xs)}.hb-steps__item--finish .hb-steps__line{background:var(--hb-color-primary)}.hb-steps__main{margin-top:var(--hb-spacing-xs);text-align:center}.hb-steps--vertical .hb-steps__main{text-align:left}.hb-steps:not(.hb-steps--align-center) .hb-steps__item{align-items:flex-start}.hb-steps:not(.hb-steps--align-center) .hb-steps__main{text-align:left}.hb-steps__title{font-size:var(--hb-font-size-sm);font-weight:600}.hb-steps__item--process .hb-steps__title{color:var(--hb-color-primary)}.hb-steps__description{color:var(--hb-color-text-secondary);font-size:var(--hb-font-size-xs);margin-top:2px}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const s=o;const n=class{constructor(e){t(this,e)}get el(){return e(this)}active=0;processStatus="process";alignCenter=false;direction="horizontal";steps=[];componentDidLoad(){const t=this.el.querySelectorAll("hb-step");this.steps=Array.from(t).map((t=>{const e=t;return{title:e.getAttribute("title")||"",description:e.getAttribute("description")||undefined,icon:e.getAttribute("icon")||undefined,status:e.getAttribute("status")||undefined}}))}getStatus(t){const e=this.steps[t];if(e&&e.status)return e.status;if(t<this.active)return"finish";if(t===this.active)return this.processStatus;return"wait"}renderIcon(t){const e=this.steps[t];if(e&&e.icon){return i("hb-icon",{name:e.icon,size:16,"aria-hidden":"true"})}const o=this.getStatus(t);if(o==="finish")return"✓";if(o==="error")return"✕";return String(t+1)}render(){return i("ol",{key:"0d8629001821503f45dfd45399f9e2fad40beae8",class:{"hb-steps":true,[`hb-steps--${this.direction}`]:true,"hb-steps--align-center":this.alignCenter},role:"list"},this.steps.map(((t,e)=>{const o=this.getStatus(e);return i("li",{class:{"hb-steps__item":true,[`hb-steps__item--${o}`]:true},role:"listitem","aria-current":o==="process"?"step":undefined,"aria-disabled":t.status==="wait"&&e>this.active?"true":undefined},i("div",{class:"hb-steps__head"},i("span",{class:"hb-steps__icon","aria-hidden":"true"},this.renderIcon(e)),e<this.steps.length-1&&i("div",{class:"hb-steps__line"})),i("div",{class:"hb-steps__main"},i("div",{class:"hb-steps__title"},t.title),t.description&&i("div",{class:"hb-steps__description"},t.description)))})))}};n.style=s;export{n as hb_steps};
+//# sourceMappingURL=p-79b24b83.entry.js.map

package/dist/huibo-ui/p-79b24b83.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stepsCss","HbStepsStyle0","Steps","active","processStatus","alignCenter","direction","steps","componentDidLoad","items","this","el","querySelectorAll","Array","from","map","item","node","title","getAttribute","description","undefined","icon","status","getStatus","index","meta","renderIcon","h","name","size","String","render","key","class","role","step","i","length"],"sources":["src/components/Steps/steps.css?tag=hb-steps&encapsulation=shadow","src/components/Steps/Steps.tsx"],"sourcesContent":[":host { display: block; }\n.hb-steps { display: flex; }\n.hb-steps--vertical { flex-direction: column; }\n.hb-steps__item { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }\n.hb-steps--vertical .hb-steps__item { flex-direction: row; align-items: flex-start; gap: var(--hb-spacing-sm); padding-bottom: var(--hb-spacing-md); }\n.hb-steps__head { display: flex; align-items: center; width: 100%; }\n.hb-steps__icon {\n  width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  font-size: var(--hb-font-size-sm); font-weight: 600; flex-shrink: 0;\n  background: var(--hb-color-fill); color: var(--hb-color-text-secondary); transition: all 0.3s;\n}\n.hb-steps__item--process .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--finish .hb-steps__icon { background: var(--hb-color-primary); color: #fff; }\n.hb-steps__item--error .hb-steps__icon { background: var(--hb-color-danger); color: #fff; }\n.hb-steps__line { flex: 1; height: 2px; background: var(--hb-color-border-secondary); margin: 0 var(--hb-spacing-xs); }\n.hb-steps__item--finish .hb-steps__line { background: var(--hb-color-primary); }\n.hb-steps__main { text-align: center; margin-top: var(--hb-spacing-xs); }\n.hb-steps--vertical .hb-steps__main { text-align: left; }\n\n/* 对齐方式（alignCenter prop）：默认 false 时图标与文字左对齐，true 时居中 */\n.hb-steps:not(.hb-steps--align-center) .hb-steps__item { align-items: flex-start; }\n.hb-steps:not(.hb-steps--align-center) .hb-steps__main { text-align: left; }\n.hb-steps__title { font-size: var(--hb-font-size-sm); font-weight: 600; }\n.hb-steps__item--process .hb-steps__title { color: var(--hb-color-primary); }\n.hb-steps__description { font-size: var(--hb-font-size-xs); color: var(--hb-color-text-secondary); margin-top: 2px; }\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\nexport type StepStatus = 'wait' | 'process' | 'finish' | 'error';\n\ninterface StepMeta {\n  title: string;\n  description?: string;\n  /** 自定义图标名/标记（'hb-icon' name 或文本）。undefined 表示用默认序号/状态图标 */\n  icon?: string;\n  /** 子项显式状态覆盖（不指定则按 active 自动推导） */\n  status?: StepStatus;\n}\n\n@Component({ tag: 'hb-steps', styleUrl: 'steps.css', shadow: true })\nexport class Steps {\n  @Element() el: HTMLElement;\n  @Prop() active: number = 0;\n  @Prop() processStatus: StepStatus = 'process';\n  @Prop() alignCenter: boolean = false;\n  @Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n  @State() steps: StepMeta[] = [];\n\n  componentDidLoad() {\n    const items = this.el.querySelectorAll('hb-step');\n    this.steps = Array.from(items).map(item => {\n      const node = item as HTMLElement;\n      // 仅用 getAttribute：hb-step 的 @Prop() status 默认值为 'wait'，\n      // 若读 (node as any).status 会拿到默认值，从而错误地覆盖 active 推导。\n      // 用户显式在 HTML 上写 status=\"xxx\" 时 getAttribute 才有值。\n      return {\n        title: node.getAttribute('title') || '',\n        description: node.getAttribute('description') || undefined,\n        icon: node.getAttribute('icon') || undefined,\n        status: (node.getAttribute('status') || undefined) as StepStatus | undefined,\n      };\n    });\n  }\n\n  private getStatus(index: number): StepStatus {\n    const meta = this.steps[index];\n    // 子项显式 status 优先（仅当用户在 HTML 上写了 status 属性）\n    if (meta && meta.status) return meta.status;\n    if (index < this.active) return 'finish';\n    if (index === this.active) return this.processStatus;\n    return 'wait';\n  }\n\n  /** 渲染图标：子项自定义 icon 优先；否则按状态（finish=✓、error=✕、其余=序号） */\n  private renderIcon(index: number): any {\n    const meta = this.steps[index];\n    if (meta && meta.icon) {\n      // 自定义图标名：若与 hb-icon 内置图标同名则渲染 hb-icon，否则按文本渲染\n      return <hb-icon name={meta.icon} size={16} aria-hidden=\"true\" />;\n    }\n    const status = this.getStatus(index);\n    if (status === 'finish') return '✓';\n    if (status === 'error') return '✕';\n    return String(index + 1);\n  }\n\n  render() {\n    return (\n      <ol class={{ 'hb-steps': true, [`hb-steps--${this.direction}`]: true, 'hb-steps--align-center': this.alignCenter }} role=\"list\">\n        {this.steps.map((step, i) => {\n          const status = this.getStatus(i);\n          return (\n            <li\n              class={{ 'hb-steps__item': true, [`hb-steps__item--${status}`]: true }}\n              role=\"listitem\"\n              aria-current={status === 'process' ? 'step' : undefined}\n              aria-disabled={step.status === 'wait' && i > this.active ? 'true' : undefined}\n            >\n              <div class=\"hb-steps__head\">\n                <span class=\"hb-steps__icon\" aria-hidden=\"true\">\n                  {this.renderIcon(i)}\n                </span>\n                {i < this.steps.length - 1 && <div class=\"hb-steps__line\"></div>}\n              </div>\n              <div class=\"hb-steps__main\">\n                <div class=\"hb-steps__title\">{step.title}</div>\n                {step.description && <div class=\"hb-steps__description\">{step.description}</div>}\n              </div>\n            </li>\n          );\n        })}\n      </ol>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,qrOACjB,MAAAC,EAAeD,E,MCaFE,EAAK,M,iDAERC,OAAiB,EACjBC,cAA4B,UAC5BC,YAAuB,MACvBC,UAAuC,aAEtCC,MAAoB,GAE7B,gBAAAC,GACE,MAAMC,EAAQC,KAAKC,GAAGC,iBAAiB,WACvCF,KAAKH,MAAQM,MAAMC,KAAKL,GAAOM,KAAIC,IACjC,MAAMC,EAAOD,EAIb,MAAO,CACLE,MAAOD,EAAKE,aAAa,UAAY,GACrCC,YAAaH,EAAKE,aAAa,gBAAkBE,UACjDC,KAAML,EAAKE,aAAa,SAAWE,UACnCE,OAASN,EAAKE,aAAa,WAAaE,UACzC,G,CAIG,SAAAG,CAAUC,GAChB,MAAMC,EAAOhB,KAAKH,MAAMkB,GAExB,GAAIC,GAAQA,EAAKH,OAAQ,OAAOG,EAAKH,OACrC,GAAIE,EAAQf,KAAKP,OAAQ,MAAO,SAChC,GAAIsB,IAAUf,KAAKP,OAAQ,OAAOO,KAAKN,cACvC,MAAO,M,CAID,UAAAuB,CAAWF,GACjB,MAAMC,EAAOhB,KAAKH,MAAMkB,GACxB,GAAIC,GAAQA,EAAKJ,KAAM,CAErB,OAAOM,EAAA,WAASC,KAAMH,EAAKJ,KAAMQ,KAAM,GAAE,cAAc,Q,CAEzD,MAAMP,EAASb,KAAKc,UAAUC,GAC9B,GAAIF,IAAW,SAAU,MAAO,IAChC,GAAIA,IAAW,QAAS,MAAO,IAC/B,OAAOQ,OAAON,EAAQ,E,CAGxB,MAAAO,GACE,OACEJ,EAAA,MAAAK,IAAA,2CAAIC,MAAO,CAAE,WAAY,KAAM,CAAC,aAAaxB,KAAKJ,aAAc,KAAM,yBAA0BI,KAAKL,aAAe8B,KAAK,QACtHzB,KAAKH,MAAMQ,KAAI,CAACqB,EAAMC,KACrB,MAAMd,EAASb,KAAKc,UAAUa,GAC9B,OACET,EAAA,MACEM,MAAO,CAAE,iBAAkB,KAAM,CAAC,mBAAmBX,KAAW,MAChEY,KAAK,WAAU,eACDZ,IAAW,UAAY,OAASF,UAAS,gBACxCe,EAAKb,SAAW,QAAUc,EAAI3B,KAAKP,OAAS,OAASkB,WAEpEO,EAAA,OAAKM,MAAM,kBACTN,EAAA,QAAMM,MAAM,iBAAgB,cAAa,QACtCxB,KAAKiB,WAAWU,IAElBA,EAAI3B,KAAKH,MAAM+B,OAAS,GAAKV,EAAA,OAAKM,MAAM,oBAE3CN,EAAA,OAAKM,MAAM,kBACTN,EAAA,OAAKM,MAAM,mBAAmBE,EAAKlB,OAClCkB,EAAKhB,aAAeQ,EAAA,OAAKM,MAAM,yBAAyBE,EAAKhB,cAE7D,I","ignoreList":[]}

package/dist/huibo-ui/p-7a38b3e2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i}from"./p-e42dfa95.js";const r='/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;:host{--hb-input-number-font-size:14px;--hb-input-number-height:32px;--hb-input-number-border-color:var(--hb-border-color,#dcdfe6);--hb-input-number-border-color-hover:var(--hb-color-primary);--hb-input-number-bg-color:var(--hb-color-white,#fff);display:inline-block;position:relative}.hb-input-number{display:inline-block;position:relative;width:180px}.hb-input-number,.hb-input-number__inner{line-height:var(--hb-input-number-height)}.hb-input-number__inner{-webkit-appearance:none;background-color:var(--hb-input-number-bg-color);border:1px solid var(--hb-input-number-border-color);border-radius:4px;box-sizing:border-box;color:var(--hb-color-text-regular,#606266);display:block;font-size:inherit;height:var(--hb-input-number-height);outline:none;padding:0 50px 0 15px;text-align:left;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.hb-input-number--without-controls .hb-input-number__inner{padding:0 15px}.hb-input-number--controls-right .hb-input-number__inner{padding:0 15px 0 50px}.hb-input-number__inner:focus,.hb-input-number__inner:hover:not(:disabled){border-color:var(--hb-input-number-border-color-hover)}.hb-input-number__inner:disabled{background-color:var(--hb-fill-color-light,#f5f7fa);border-color:var(--hb-input-number-border-color);color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__decrease,.hb-input-number__increase{align-items:center;background:var(--hb-fill-color-light,#f5f7fa);border:none;color:var(--hb-color-text-regular,#606266);cursor:pointer;display:flex;font-family:inherit;font-size:13px;height:calc(100% - 2px);justify-content:center;line-height:1;padding:0;position:absolute;text-align:center;top:1px;transition:all .2s;-webkit-user-select:none;user-select:none;width:35px;z-index:1}.hb-input-number__decrease:focus-visible,.hb-input-number__increase:focus-visible{outline:2px solid var(--hb-color-primary,#409eff);outline-offset:-2px}.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled),.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled){color:var(--hb-color-primary)}.hb-input-number__decrease--disabled,.hb-input-number__increase--disabled{color:var(--hb-color-text-disabled,#c0c4cc);cursor:not-allowed}.hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number__decrease,.hb-input-number__increase{border-left:1px solid var(--hb-input-number-border-color)}.hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number--controls-right .hb-input-number__increase{border-radius:0 4px 4px 0;right:1px}.hb-input-number--controls-right .hb-input-number__decrease{border-radius:0;right:36px}.hb-input-number__controls{background:var(--hb-fill-color-light,#f5f7fa);border-left:1px solid var(--hb-input-number-border-color);border-radius:0 4px 4px 0;height:calc(100% - 2px);position:absolute;right:1px;top:1px;width:35px}.hb-input-number--controls-right .hb-input-number__controls{border-left:none;border-radius:4px 0 0 4px;border-right:1px solid var(--hb-input-number-border-color);left:1px;right:auto}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase{border:none;border-bottom:1px solid var(--hb-input-number-border-color);border-radius:0;position:static}.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease{border:none;border-radius:0 0 0 4px;position:static}.hb-input-number--small{width:150px}.hb-input-number--small .hb-input-number__inner{font-size:12px;height:24px;line-height:24px;padding:0 40px 0 12px}.hb-input-number--large{width:200px}.hb-input-number--large .hb-input-number__inner{font-size:16px;height:40px;line-height:40px;padding:0 55px 0 18px}.hb-input-number--disabled{cursor:not-allowed}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}';const n=r;const o=class{constructor(i){e(this,i);this.hbChange=t(this,"hbChange",7);this.hbInput=t(this,"hbInput",7)}modelValue=0;size="default";disabled=false;readonly=false;min=-Infinity;max=Infinity;step=1;precision;stepStrictly=false;controls=true;controlsPosition="";name;inputId;placeholder;currentValue=0;hbChange;hbInput;componentDidLoad(){this.currentValue=this.modelValue}handleModelValueChange(){this.currentValue=this.modelValue}formatValue(e){if(this.precision!==undefined){return Number(e.toFixed(this.precision))}return e}clampValue(e){let t=Math.max(this.min,Math.min(this.max,e));if(this.stepStrictly){const e=this.step;t=Math.round(t/e)*e}return this.formatValue(t)}handleInput=e=>{const t=e.target;const i=parseFloat(t.value);if(isNaN(i)){this.currentValue=this.min}else{this.currentValue=this.clampValue(i)}this.modelValue=this.currentValue;this.hbInput.emit(this.currentValue)};handleChange=()=>{this.hbChange.emit(this.currentValue)};increase=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue+this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};decrease=()=>{if(this.disabled||this.readonly)return;const e=this.clampValue(this.currentValue-this.step);this.currentValue=e;this.modelValue=e;this.hbChange.emit(e)};render(){return i("div",{key:"cf809c8e0c9c722a4be473a3455626f58aab40d9",class:{"hb-input-number":true,[`hb-input-number--${this.size}`]:true,"hb-input-number--disabled":this.disabled,"hb-input-number--controls-right":this.controlsPosition==="right","hb-input-number--without-controls":!this.controls}},this.controls&&this.controlsPosition!=="right"&&i("button",{key:"b97e5a774d7747fa61ee59650517ab0f64167dda",type:"button",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},"aria-label":"减少","aria-disabled":this.currentValue<=this.min||this.disabled,disabled:this.currentValue<=this.min||this.disabled,onClick:this.decrease},"−"),i("input",{key:"3b5357639f8b3676bb4de27dd67297288020a97f",type:"number",id:this.inputId,name:this.name,class:"hb-input-number__inner",value:this.currentValue,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,min:this.min,max:this.max,step:this.step,onInput:this.handleInput,onChange:this.handleChange}),this.controls&&this.controlsPosition==="right"&&i("span",{key:"00f8a845f5226999d02914ba6e62a29d24f1a26f",class:"hb-input-number__controls"},i("button",{key:"886db946083adb10bdf8312dc985194b872000c4",type:"button",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},"aria-label":"增加","aria-disabled":this.currentValue>=this.max||this.disabled,disabled:this.currentValue>=this.max||this.disabled,onClick:this.increase},"+"),i("button",{key:"9c9b8d9fa6871e354a38bd5691d0a01b0b87cf9a",type:"button",class:{"hb-input-number__decrease":true,"hb-input-number__decrease--disabled":this.currentValue<=this.min},"aria-label":"减少","aria-disabled":this.currentValue<=this.min||this.disabled,disabled:this.currentValue<=this.min||this.disabled,onClick:this.decrease},"−")),this.controls&&this.controlsPosition!=="right"&&i("button",{key:"c32d05810f4c0d9cd660483f45aac0f0f7ac48a5",type:"button",class:{"hb-input-number__increase":true,"hb-input-number__increase--disabled":this.currentValue>=this.max},"aria-label":"增加","aria-disabled":this.currentValue>=this.max||this.disabled,disabled:this.currentValue>=this.max||this.disabled,onClick:this.increase},"+"))}static get watchers(){return{modelValue:["handleModelValueChange"]}}};o.style=n;export{o as hb_input_number};
+//# sourceMappingURL=p-7a38b3e2.entry.js.map

package/dist/huibo-ui/p-7a38b3e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputNumberCss","HbInputNumberStyle0","InputNumber","modelValue","size","disabled","readonly","min","Infinity","max","step","precision","stepStrictly","controls","controlsPosition","name","inputId","placeholder","currentValue","hbChange","hbInput","componentDidLoad","this","handleModelValueChange","formatValue","value","undefined","Number","toFixed","clampValue","clamped","Math","round","handleInput","e","target","parseFloat","isNaN","emit","handleChange","increase","newValue","decrease","render","h","key","class","type","onClick","id","onInput","onChange"],"sources":["src/components/InputNumber/input-number.css?tag=hb-input-number&encapsulation=shadow","src/components/InputNumber/InputNumber.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n  --hb-input-number-font-size: 14px;\n  --hb-input-number-height: 32px;\n  --hb-input-number-border-color: var(--hb-border-color, #dcdfe6);\n  --hb-input-number-border-color-hover: var(--hb-color-primary);\n  --hb-input-number-bg-color: var(--hb-color-white, #ffffff);\n}\n\n.hb-input-number {\n  position: relative;\n  display: inline-block;\n  width: 180px;\n  line-height: var(--hb-input-number-height);\n}\n\n.hb-input-number__inner {\n  -webkit-appearance: none;\n  background-color: var(--hb-input-number-bg-color);\n  border: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  color: var(--hb-color-text-regular, #606266);\n  display: block;\n  font-size: inherit;\n  height: var(--hb-input-number-height);\n  line-height: var(--hb-input-number-height);\n  outline: none;\n  padding: 0 50px 0 15px;\n  text-align: left;\n  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n  width: 100%;\n}\n\n.hb-input-number--without-controls .hb-input-number__inner {\n  padding: 0 15px;\n}\n\n.hb-input-number--controls-right .hb-input-number__inner {\n  padding: 0 15px 0 50px;\n}\n\n.hb-input-number__inner:hover:not(:disabled) {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:focus {\n  border-color: var(--hb-input-number-border-color-hover);\n}\n\n.hb-input-number__inner:disabled {\n  background-color: var(--hb-fill-color-light, #f5f7fa);\n  border-color: var(--hb-input-number-border-color);\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase,\n.hb-input-number__decrease {\n  position: absolute;\n  z-index: 1;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  text-align: center;\n  background: var(--hb-fill-color-light, #f5f7fa);\n  color: var(--hb-color-text-regular, #606266);\n  cursor: pointer;\n  font-size: 13px;\n  user-select: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s;\n  /* button 默认样式重置（A1：从 span 改为 button 后需要） */\n  padding: 0;\n  border: none;\n  font-family: inherit;\n  line-height: 1;\n}\n\n.hb-input-number__increase:focus-visible,\n.hb-input-number__decrease:focus-visible {\n  outline: 2px solid var(--hb-color-primary, #409eff);\n  outline-offset: -2px;\n}\n\n.hb-input-number__increase:hover:not(.hb-input-number__increase--disabled),\n.hb-input-number__decrease:hover:not(.hb-input-number__decrease--disabled) {\n  color: var(--hb-color-primary);\n}\n\n.hb-input-number__increase--disabled,\n.hb-input-number__decrease--disabled {\n  color: var(--hb-color-text-disabled, #c0c4cc);\n  cursor: not-allowed;\n}\n\n.hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n  border-left: 1px solid var(--hb-input-number-border-color);\n}\n\n.hb-input-number--controls-right .hb-input-number__increase {\n  right: 1px;\n  border-radius: 0 4px 4px 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__decrease {\n  right: 36px;\n  border-radius: 0;\n}\n\n.hb-input-number__controls {\n  position: absolute;\n  right: 1px;\n  top: 1px;\n  width: 35px;\n  height: calc(100% - 2px);\n  border-left: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0 4px 4px 0;\n  background: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-input-number--controls-right .hb-input-number__controls {\n  left: 1px;\n  right: auto;\n  border-left: none;\n  border-right: 1px solid var(--hb-input-number-border-color);\n  border-radius: 4px 0 0 4px;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__increase {\n  position: static;\n  border: none;\n  border-bottom: 1px solid var(--hb-input-number-border-color);\n  border-radius: 0;\n}\n\n.hb-input-number--controls-right .hb-input-number__controls .hb-input-number__decrease {\n  position: static;\n  border: none;\n  border-radius: 0 0 0 4px;\n}\n\n.hb-input-number--small {\n  width: 150px;\n}\n\n.hb-input-number--small .hb-input-number__inner {\n  height: 24px;\n  line-height: 24px;\n  font-size: 12px;\n  padding: 0 40px 0 12px;\n}\n\n.hb-input-number--large {\n  width: 200px;\n}\n\n.hb-input-number--large .hb-input-number__inner {\n  height: 40px;\n  line-height: 40px;\n  font-size: 16px;\n  padding: 0 55px 0 18px;\n}\n\n.hb-input-number--disabled {\n  cursor: not-allowed;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n/**\n * InputNumber 数字输入框组件\n * 仅允许输入标准的数字值，可定义范围\n */\n@Component({\n  tag: 'hb-input-number',\n  styleUrl: 'input-number.css',\n  shadow: true,\n})\nexport class InputNumber {\n  /**\n   * 绑定值\n   */\n  @Prop({ mutable: true }) modelValue: number = 0;\n\n  /**\n   * 计数器尺寸\n   */\n  @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n  /**\n   * 是否禁用\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 是否只读\n   * @default false\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * 最小值\n   * @default -Infinity\n   */\n  @Prop() min: number = -Infinity;\n\n  /**\n   * 最大值\n   * @default Infinity\n   */\n  @Prop() max: number = Infinity;\n\n  /**\n   * 计数器步长\n   * @default 1\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * 精度\n   */\n  @Prop() precision?: number;\n\n  /**\n   * 是否只能输入 step 的倍数\n   * @default false\n   */\n  @Prop() stepStrictly: boolean = false;\n\n  /**\n   * 是否使用控制按钮\n   * @default true\n   */\n  @Prop() controls: boolean = true;\n\n  /**\n   * 控制按钮位置\n   */\n  @Prop() controlsPosition: '' | 'right' = '';\n\n  /**\n   * 原生 name 属性\n   */\n  @Prop() name?: string;\n\n  /**\n   * 原生 id 属性\n   */\n  @Prop() inputId?: string;\n\n  /**\n   * 原生 placeholder 属性\n   */\n  @Prop() placeholder?: string;\n\n  @State() currentValue: number = 0;\n\n  /**\n   * 值改变事件\n   */\n  @Event() hbChange: EventEmitter<number>;\n\n  /**\n   * 输入事件\n   */\n  @Event() hbInput: EventEmitter<number>;\n\n  componentDidLoad() {\n    this.currentValue = this.modelValue;\n  }\n\n  /** 受控模式：外部修改 modelValue 时同步内部 currentValue，保证 UI 与值一致 */\n  @Watch('modelValue')\n  handleModelValueChange() {\n    this.currentValue = this.modelValue;\n  }\n\n  private formatValue(value: number): number {\n    if (this.precision !== undefined) {\n      return Number(value.toFixed(this.precision));\n    }\n    return value;\n  }\n\n  private clampValue(value: number): number {\n    let clamped = Math.max(this.min, Math.min(this.max, value));\n\n    if (this.stepStrictly) {\n      const step = this.step;\n      clamped = Math.round(clamped / step) * step;\n    }\n\n    return this.formatValue(clamped);\n  }\n\n  private handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = parseFloat(target.value);\n\n    if (isNaN(value)) {\n      this.currentValue = this.min;\n    } else {\n      this.currentValue = this.clampValue(value);\n    }\n\n    this.modelValue = this.currentValue;\n    this.hbInput.emit(this.currentValue);\n  };\n\n  private handleChange = () => {\n    this.hbChange.emit(this.currentValue);\n  };\n\n  private increase = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue + this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  private decrease = () => {\n    if (this.disabled || this.readonly) return;\n    const newValue = this.clampValue(this.currentValue - this.step);\n    this.currentValue = newValue;\n    this.modelValue = newValue;\n    this.hbChange.emit(newValue);\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'hb-input-number': true,\n          [`hb-input-number--${this.size}`]: true,\n          'hb-input-number--disabled': this.disabled,\n          'hb-input-number--controls-right': this.controlsPosition === 'right',\n          'hb-input-number--without-controls': !this.controls,\n        }}\n      >\n        {this.controls && this.controlsPosition !== 'right' && (\n          <button\n            type=\"button\"\n            class={{\n              'hb-input-number__decrease': true,\n              'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n            }}\n            aria-label=\"减少\"\n            aria-disabled={this.currentValue <= this.min || this.disabled}\n            disabled={this.currentValue <= this.min || this.disabled}\n            onClick={this.decrease}\n          >\n            −\n          </button>\n        )}\n        <input\n          type=\"number\"\n          id={this.inputId}\n          name={this.name}\n          class=\"hb-input-number__inner\"\n          value={this.currentValue}\n          disabled={this.disabled}\n          readonly={this.readonly}\n          placeholder={this.placeholder}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          onInput={this.handleInput}\n          onChange={this.handleChange}\n        />\n        {this.controls && this.controlsPosition === 'right' && (\n          <span class=\"hb-input-number__controls\">\n            <button\n              type=\"button\"\n              class={{\n                'hb-input-number__increase': true,\n                'hb-input-number__increase--disabled': this.currentValue >= this.max,\n              }}\n              aria-label=\"增加\"\n              aria-disabled={this.currentValue >= this.max || this.disabled}\n              disabled={this.currentValue >= this.max || this.disabled}\n              onClick={this.increase}\n            >\n              +\n            </button>\n            <button\n              type=\"button\"\n              class={{\n                'hb-input-number__decrease': true,\n                'hb-input-number__decrease--disabled': this.currentValue <= this.min,\n              }}\n              aria-label=\"减少\"\n              aria-disabled={this.currentValue <= this.min || this.disabled}\n              disabled={this.currentValue <= this.min || this.disabled}\n              onClick={this.decrease}\n            >\n              −\n            </button>\n          </span>\n        )}\n        {this.controls && this.controlsPosition !== 'right' && (\n          <button\n            type=\"button\"\n            class={{\n              'hb-input-number__increase': true,\n              'hb-input-number__increase--disabled': this.currentValue >= this.max,\n            }}\n            aria-label=\"增加\"\n            aria-disabled={this.currentValue >= this.max || this.disabled}\n            disabled={this.currentValue >= this.max || this.disabled}\n            onClick={this.increase}\n          >\n            +\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/huibo-ui/{p-cad57c2d.entry.js → p-7a682c56.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,g as s,h as a}from"./p-e42dfa95.js";import{i as t}from"./p-cc0aeb50.js";const i=class{constructor(s){e(this,s)}get el(){return s(this)}label="";icon;collapsed=false;isOpen=false;isHover=false;toggle=()=>{if(this.collapsed)return;this.isOpen=!this.isOpen};handleTitleKeydown=e=>{if(t(e.key)){e.preventDefault();this.toggle()}};handleMouseEnter=()=>{if(!this.collapsed)return;this.isHover=true};handleMouseLeave=()=>{if(!this.collapsed)return;this.isHover=false};handleChildrenClick=()=>{if(!this.collapsed)return;this.isHover=false};render(){const e=this.collapsed?this.isHover:this.isOpen;return a("li",{key:"17f9ce57cd6e0ae95a102346ab6950c0c667a763",class:{"hb-sub-menu":true,"hb-sub-menu--open":this.isOpen,"hb-sub-menu--collapsed":this.collapsed},role:"menuitem","aria-haspopup":"menu","aria-expanded":e?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"2ed9eb7a74af1098ff3eb88884a0f4793d4378be",class:"hb-sub-menu__title",role:"button",tabindex:0,"aria-expanded":e?"true":"false",title:this.collapsed?this.label:undefined,onClick:this.toggle,onKeyDown:this.handleTitleKeydown},this.icon&&a("span",{key:"df3c4eadf10aecb92f78c0659c68470f0e0734f7",class:"hb-sub-menu__icon"},this.icon),a("span",{key:"8762056e841533e05f7191850def1d6c9be46ed9",class:"hb-sub-menu__label"},this.label),a("span",{key:"49726c00cdb1242a478c59a3a228570148900c88",class:{"hb-sub-menu__arrow":true,"hb-sub-menu__arrow--open":e}},"▶")),e&&a("ul",{key:"22ce15ebfc88cd24a97d64facf6e7a0a4942c48a",class:{"hb-sub-menu__children":true,"hb-sub-menu__children--popover":this.collapsed},role:"menu",onClick:this.handleChildrenClick},a("slot",{key:"2d79a1770fdc267e618dda2fe5c3975f80a24d78"})))}};export{i as hb_sub_menu};
-//# sourceMappingURL=p-cad57c2d.entry.js.map
+import{r as e,g as s,h as a}from"./p-e42dfa95.js";import{i as t}from"./p-00aa34c8.js";const i=class{constructor(s){e(this,s)}get el(){return s(this)}label="";icon;collapsed=false;isOpen=false;isHover=false;toggle=()=>{if(this.collapsed)return;this.isOpen=!this.isOpen};handleTitleKeydown=e=>{if(t(e.key)){e.preventDefault();this.toggle()}};handleMouseEnter=()=>{if(!this.collapsed)return;this.isHover=true};handleMouseLeave=()=>{if(!this.collapsed)return;this.isHover=false};handleChildrenClick=()=>{if(!this.collapsed)return;this.isHover=false};render(){const e=this.collapsed?this.isHover:this.isOpen;return a("li",{key:"8ffe1d7210cd000e7947b6723048e1b80bc6c8d8",class:{"hb-sub-menu":true,"hb-sub-menu--open":this.isOpen,"hb-sub-menu--collapsed":this.collapsed},role:"menuitem","aria-haspopup":"menu","aria-expanded":e?"true":"false",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},a("div",{key:"f5f84c08e60bd3207d1b3ef9066d4f66ba20f043",class:"hb-sub-menu__title",role:"button",tabindex:0,"aria-expanded":e?"true":"false",title:this.collapsed?this.label:undefined,onClick:this.toggle,onKeyDown:this.handleTitleKeydown},this.icon&&a("span",{key:"a0fbdd43702b3bfd66dc77ccbca6c315f729ac6f",class:"hb-sub-menu__icon"},this.icon),a("span",{key:"ecaeed1a964217d2ee4c01713720a2e1ccc58023",class:"hb-sub-menu__label"},this.label),a("span",{key:"3a354625d91de2598dd4e69cdce41bcee470bbc5",class:{"hb-sub-menu__arrow":true,"hb-sub-menu__arrow--open":e}},"▶")),e&&a("ul",{key:"a7426f5611557c3f8a5bf27fe4a98653d4d59a74",class:{"hb-sub-menu__children":true,"hb-sub-menu__children--popover":this.collapsed},role:"menu",onClick:this.handleChildrenClick},a("slot",{key:"7a891101a285504556914763a08318d54689139e"})))}};export{i as hb_sub_menu};
+//# sourceMappingURL=p-7a682c56.entry.js.map