@brandsync/wc 1.20.0 → 1.20.1

package/dist/components/bs-datepicker.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,c as a,h as i}from"./p-CcAX4o5o.js";import{d as r}from"./p-mxDA3wKn.js";import{d as n}from"./p-CePOtLtZ.js";import{d}from"./p-wd9-vGpQ.js";import{d as o}from"./p-D3XmFqCQ.js";import{d as c}from"./p-CxNNy2m6.js";import{d as b}from"./p-BR7C-aKy.js";import{d as l}from"./p-DaKBSL2O.js";import{d as p}from"./p-D4W5LcEW.js";const h=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=a(this,"bsChange"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";initialStart="";initialEnd="";name;range=!1;value="";start="";end="";min;max;locale="en-GB";firstDayOfWeek=0;startLabel="Start date";endLabel="End date";monthLabel="Month";yearLabel="Year";previousLabel="Previous month";nextLabel="Next month";bsChange;viewDate=m(new Date);focusedIso="";hoverIso="";draft={};openMenu=null;shouldFocusDay=!1;menuToScroll=!1;componentWillLoad(){this.initialValue=this.value,this.initialStart=this.start,this.initialEnd=this.end,this.showSelection(),this.syncFormValue()}componentDidRender(){if(this.menuToScroll){this.menuToScroll=!1;const e=()=>{const e=this.el.shadowRoot?.querySelector(".bs-datepicker__menu"),t=e?.querySelector("[data-current]");e&&t&&(e.scrollTop=t.offsetTop-e.clientHeight/2+t.offsetHeight/2)};requestAnimationFrame((()=>requestAnimationFrame(e)))}if(!this.shouldFocusDay)return;this.shouldFocusDay=!1;const e=this.el.shadowRoot.querySelector(`[data-date="${this.focusedIso}"]`);e?.focus()}onSelectionChange(){this.syncFormValue()}onSelectionJump(){this.showSelection()}formResetCallback(){this.value=this.initialValue,this.start=this.initialStart,this.end=this.initialEnd,this.draft={}}showSelection(){const e=v(this.range?this.start:this.value);e&&(this.viewDate=m(e))}syncFormValue(){if(this.internals?.setFormValue)if(this.range){if(!this.name)return void this.internals.setFormValue(null);const e=new FormData;e.append(this.name+"-start",this.start??""),e.append(this.name+"-end",this.end??""),this.internals.setFormValue(e)}else this.internals.setFormValue(this.value??"")}isDisabled(e){const t=v(this.min),s=v(this.max);return!!t&&e<t||!!s&&e>s}selectDay(e){if(this.isDisabled(e))return;const t=k(e);if(e.getMonth()===this.viewDate.getMonth()&&e.getFullYear()===this.viewDate.getFullYear()||(this.viewDate=m(e)),this.focusedIso=t,!this.range)return this.value=t,void this.bsChange.emit({value:t});!this.start||this.end||t<this.start?(this.start=t,this.end=""):this.end=t,this.hoverIso="",this.draft={},this.bsChange.emit({start:this.start,end:this.end})}commitDraft(e){const t=this.draft[e];if(void 0===t)return;const s=v(t),a={...this.draft};if(delete a[e],this.draft=a,!s||this.isDisabled(s))return;let i="start"===e?k(s):this.start,r="end"===e?k(s):this.end;i&&r&&r<i&&("start"===e?r="":i=""),this.start=i,this.end=r,this.showSelection(),this.bsChange.emit({start:i,end:r})}moveView(e){const t=this.viewDate;this.viewDate=new Date(t.getFullYear(),t.getMonth()+e,1)}onKeyDown=(e,t)=>{const s={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};let a;if(e.key in s)a=f(t,s[e.key]);else if("Home"===e.key||"End"===e.key){const s=(t.getDay()-this.safeFirstDay+7)%7;a=f(t,"Home"===e.key?-s:6-s)}else{if("PageUp"!==e.key&&"PageDown"!==e.key)return;{const s="PageUp"===e.key?-1:1;a=function(e,t){const s=new Date(e.getFullYear(),e.getMonth()+t,1),a=new Date(s.getFullYear(),s.getMonth()+1,0).getDate();return new Date(s.getFullYear(),s.getMonth(),Math.min(e.getDate(),a))}(t,e.shiftKey?12*s:s)}}e.preventDefault(),this.focusedIso=k(a),this.viewDate=m(a),this.shouldFocusDay=!0};get safeFirstDay(){const e=Math.trunc(Number(this.firstDayOfWeek));return Number.isFinite(e)?(e%7+7)%7:0}get fmt(){const e=this.locale||"en-GB";try{return e}catch{return"en-GB"}}formatField(e){const t=v(e);return t?new Intl.DateTimeFormat(this.fmt,{day:"numeric",month:"short",year:"numeric"}).format(t):""}titleText(){const e=this.range?void 0:v(this.value);return e?new Intl.DateTimeFormat(this.fmt,{day:"numeric",month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat(this.fmt,{month:"long",year:"numeric"}).format(this.viewDate)}monthOptions(){const e=new Intl.DateTimeFormat(this.fmt,{month:"long"});return Array.from({length:12},((t,s)=>({label:e.format(new Date(2e3,s,1)),value:s+""})))}yearOptions(){const e=this.viewDate.getFullYear(),t=v(this.min)?.getFullYear()??e-100,s=v(this.max)?.getFullYear()??e+100,a=[];for(let i=Math.min(t,e);i<=Math.max(s,e);i++)a.push({label:i+"",value:i+""});return a}weekdays(){const e=new Intl.DateTimeFormat(this.fmt,{weekday:"short"});return Array.from({length:7},((t,s)=>e.format(new Date(2023,0,1+(this.safeFirstDay+s)%7))))}gridDays(){const e=this.viewDate,t=(e.getDay()-this.safeFirstDay+7)%7,s=f(e,-t);return Array.from({length:42},((e,t)=>f(s,t)))}renderHeader(){if(this.range){const e=(e,t)=>i("bs-input",{label:t,placeholder:"YYYY-MM-DD",value:this.draft[e]??this.formatField(this[e]),onBsInput:t=>this.draft={...this.draft,[e]:t.detail},onBsChange:()=>this.commitDraft(e),onFocusin:()=>{void 0===this.draft[e]&&(this.draft={...this.draft,[e]:this[e]})},onFocusout:()=>this.commitDraft(e)});return i("div",{part:"header",class:"bs-datepicker__header bs-datepicker__header--range"},e("start",this.startLabel),e("end",this.endLabel))}return i("div",{part:"header",class:"bs-datepicker__header"},this.renderDropdown("month",this.monthLabel,this.monthOptions(),this.viewDate.getMonth()+"",(e=>this.viewDate=new Date(this.viewDate.getFullYear(),Number(e),1))),this.renderDropdown("year",this.yearLabel,this.yearOptions(),this.viewDate.getFullYear()+"",(e=>this.viewDate=new Date(Number(e),this.viewDate.getMonth(),1))))}renderDropdown(e,t,s,a,r){const n=this.openMenu===e,d=()=>{this.openMenu=null};return i("div",{class:"bs-datepicker__dropdown",onKeyDown:e=>{"Escape"===e.key&&n&&(d(),e.currentTarget.querySelector("bs-input")?.focus())},onFocusout:e=>{const t=e.relatedTarget;!n||t&&e.currentTarget.contains(t)||d()}},i("bs-input",{type:"dropdown",class:"bs-datepicker__select",label:t,value:s.find((e=>e.value===a))?.label??"",open:n,onBsOpen:()=>{this.menuToScroll=!n,this.openMenu=n?null:e}}),n&&i("bs-menu",{part:"menu",class:"bs-datepicker__menu",role:"listbox"},s.map((e=>i("bs-menu-item",{key:e.value,"data-current":e.value===a?"":void 0,"aria-current":e.value===a?"true":void 0,onBsSelect:()=>{r(e.value),d(),this.el.shadowRoot.querySelector(`.bs-datepicker__dropdown bs-input[label="${t}"]`)?.focus()}},i("span",{class:"bs-datepicker__option"},i("span",null,e.label),e.value===a&&i("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{d:"M5 12.5L10 17.5L19 7.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))))))}render(){const e=this.gridDays(),t=k(new Date),s=this.range?this.start:this.value,a=this.range?this.end:"",r=this.range&&this.start&&!this.end&&this.hoverIso>this.start?this.hoverIso:a,n=e.some((e=>k(e)===this.focusedIso&&e.getMonth()===this.viewDate.getMonth()))?this.focusedIso:this.defaultTabbable(e),d=e=>!!s&&!!r&&e>s&&e<r,o=this.weekdays();return i("bs-card",{key:"92780338a3445e50b007a7cb5e3a1c828b4940fc",part:"container",class:"bs-datepicker",surface:"raised"},i("div",{key:"b10133e7e8118883ceb26f966374c496c69532a2",class:"bs-datepicker__body"},this.renderHeader(),i("div",{key:"63b1c50d661dfef4dc08d74ac8755e987a0df351",part:"nav",class:"bs-datepicker__nav"},i("button",{key:"892a09a63a605846793249823b2665786a861fe8",part:"prev",type:"button",class:"bs-datepicker__nav-button","aria-label":this.previousLabel,onClick:()=>this.moveView(-1)},i("svg",{key:"ceca34bacadf2f85807fcdbb232b1cfc8454596e",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{key:"3e5216c57b9766af6b59d24b5839cfa8ee33ede8",d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"6d3903664523fad5a42d166192ffbbca6859fc8b",part:"title",class:"bs-datepicker__title","aria-live":"polite"},this.titleText()),i("button",{key:"9c0ea361806f4b3bfd41039d3aa67d454f87756f",part:"next",type:"button",class:"bs-datepicker__nav-button","aria-label":this.nextLabel,onClick:()=>this.moveView(1)},i("svg",{key:"f2b4a787273c279c7ddc29be6400d862d4bf7f7f",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{key:"6d9ef54bc661fe49524d0aadb14f5c390f682066",d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),i("div",{key:"92f08374522cdcfcf3becc286e1d6db5b057c0e2",part:"grid",class:"bs-datepicker__grid",role:"grid","aria-label":this.titleText()},i("div",{key:"afe8522de3a56479bd2ca64a4f492564391ede74",class:"bs-datepicker__row",role:"row"},o.map((e=>i("div",{part:"weekday",class:"bs-datepicker__weekday",role:"columnheader"},e)))),Array.from({length:6},((r,o)=>{const c=e.slice(7*o,7*o+7);return i("div",{class:"bs-datepicker__row",role:"row"},c.map(((e,r)=>{const o=k(e),b=e.getMonth()!==this.viewDate.getMonth(),l=o===s||!!a&&o===a,p=d(o),h={"bs-datepicker__cell":!0,"bs-datepicker__cell--in-range":p,"bs-datepicker__cell--band-start":p&&!(r>0&&d(k(c[r-1]))),"bs-datepicker__cell--band-end":p&&!(r<6&&d(k(c[r+1])))},u=["day",l&&"selected",p&&"in-range",b&&"outside",o===t&&"today"].filter(Boolean).join(" ");return i("div",{class:h,role:"gridcell","aria-selected":l||p?"true":"false"},i("button",{part:u,type:"button",class:{"bs-datepicker__day":!0,"bs-datepicker__day--selected":l,"bs-datepicker__day--in-range":p,"bs-datepicker__day--outside":b,"bs-datepicker__day--today":o===t},"data-date":o,tabindex:o===n?0:-1,disabled:this.isDisabled(e),"aria-current":o===t?"date":void 0,"aria-label":new Intl.DateTimeFormat(this.fmt,{weekday:"long",day:"2-digit",month:"long",year:"numeric"}).format(e),onClick:()=>this.selectDay(e),onKeyDown:t=>this.onKeyDown(t,e),onMouseEnter:()=>{this.range&&this.start&&!this.end&&(this.hoverIso=o)}},(e.getDate()+"").padStart(2,"0")))})))})))))}defaultTabbable(e){const t=t=>e.some((e=>k(e)===t&&e.getMonth()===this.viewDate.getMonth())),s=this.range?this.start:this.value;if(s&&t(s))return s;const a=k(new Date);return t(a)?a:k(this.viewDate)}static get formAssociated(){return!0}static get watchers(){return{value:[{onSelectionChange:0},{onSelectionJump:0}],start:[{onSelectionChange:0},{onSelectionJump:0}],end:[{onSelectionChange:0}],range:[{onSelectionChange:0}],name:[{onSelectionChange:0}]}}static get style(){return":host{display:inline-block;--bs-datepicker-width:364px;--bs-datepicker-bg:var(--bs-paper-bg-raised);--bs-datepicker-radius:var(--bs-border-radius-150);--bs-datepicker-padding:var(--bs-spacing-200);--bs-datepicker-gap:var(--bs-spacing-150);--bs-datepicker-shadow:var(--bs-shadow-md);--bs-datepicker-menu-max-height:280px;--bs-datepicker-day-size:var(--bs-spacing-550);--bs-datepicker-day-radius:var(--bs-border-radius-100);--bs-datepicker-day-gap:var(--bs-spacing-50);--bs-datepicker-band-bridge:var(--bs-spacing-50);--bs-datepicker-font-size:var(--bs-font-size-md);--bs-datepicker-line-height:var(--bs-line-height-body-md);--bs-datepicker-weekday-font-size:var(--bs-font-size-sm);--bs-datepicker-weekday-line-height:var(--bs-line-height-body-sm);--bs-datepicker-color:var(--bs-text-default);--bs-datepicker-color-muted:var(--bs-text-muted);--bs-datepicker-color-weekday:var(--bs-text-secondary);--bs-datepicker-color-disabled:var(--bs-text-on-disabled);--bs-datepicker-hover:var(--bs-surface-hover);--bs-datepicker-pressed:var(--bs-surface-pressed);--bs-datepicker-focus-bg:var(--bs-surface-focus);--bs-datepicker-selected-bg:var(--bs-color-primary-default);--bs-datepicker-selected-bg-hover:var(--bs-color-primary-hover);--bs-datepicker-selected-bg-pressed:var(--bs-color-primary-pressed);--bs-datepicker-selected-bg-focus:var(--bs-color-primary-focused);--bs-datepicker-selected-bg-disabled:var(--bs-surface-action-disabled);--bs-datepicker-selected-color:var(--bs-text-on-action);--bs-datepicker-range-bg:var(--bs-color-primary-container);--bs-datepicker-today-border:var(--bs-border-primary);--bs-datepicker-focus-ring-color:var(--bs-border-neutral-focus)}.bs-datepicker{width:var(--bs-datepicker-width);max-width:100%;color:var(--bs-datepicker-color);font-size:var(--bs-datepicker-font-size);--bs-card-bg:var(--bs-datepicker-bg);--bs-card-radius:var(--bs-datepicker-radius);--bs-card-padding:var(--bs-datepicker-padding);--bs-card-shadow:var(--bs-datepicker-shadow);--bs-card-overflow:visible}.bs-datepicker__body{display:flex;flex-direction:column;gap:var(--bs-datepicker-gap)}.bs-datepicker__header{display:flex;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-datepicker__header--range>bs-input{--bs-input-label-font-size:var(--bs-font-size-md);--bs-input-label-font-weight:var(--bs-font-weight-semibold);--bs-input-label-line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-datepicker__header>bs-input{flex:1 1 0;min-width:0}.bs-datepicker__select::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-datepicker__dropdown{position:relative;flex:1 1 0;min-width:0}.bs-datepicker__dropdown bs-input{width:100%}.bs-datepicker__menu{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline:0;z-index:2;max-height:var(--bs-datepicker-menu-max-height);overflow-y:auto;border-radius:var(--bs-border-radius-100);background:var(--bs-surface-raised);box-shadow:var(--bs-shadow-md);--bs-menu-shadow:none}.bs-datepicker__menu bs-menu-item{--bs-menu-item-color:var(--bs-datepicker-color)}.bs-datepicker__menu bs-menu-item::part(label){flex:1;text-align:start}.bs-datepicker__option{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-datepicker__option svg{width:20px;height:20px;flex:none}.bs-datepicker__nav{display:flex;align-items:center;justify-content:space-between}.bs-datepicker__title{font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-datepicker-line-height) * 1px)}.bs-datepicker__nav-button{display:flex;align-items:center;justify-content:center;width:var(--bs-spacing-600);height:var(--bs-spacing-600);padding:0;border:none;border-radius:var(--bs-datepicker-day-radius);background:transparent;color:var(--bs-icon-default);cursor:pointer}.bs-datepicker__nav-button svg{width:24px;height:24px}.bs-datepicker__nav-button:hover{background:var(--bs-datepicker-hover)}.bs-datepicker__grid{display:flex;flex-direction:column;gap:var(--bs-datepicker-day-gap)}.bs-datepicker__row{display:grid;grid-template-columns:repeat(7, var(--bs-datepicker-day-size));justify-content:space-between}.bs-datepicker__weekday{display:flex;align-items:center;justify-content:center;height:var(--bs-datepicker-day-size);color:var(--bs-datepicker-color-weekday);font-size:var(--bs-datepicker-weekday-font-size);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-datepicker-weekday-line-height) * 1px)}.bs-datepicker__cell{display:flex;justify-content:center}.bs-datepicker__cell--in-range{background:var(--bs-datepicker-range-bg);box-shadow:calc(var(--bs-datepicker-band-bridge) + 1px) 0 0 var(--bs-datepicker-range-bg)}.bs-datepicker__cell--band-start{border-start-start-radius:var(--bs-datepicker-day-radius);border-end-start-radius:var(--bs-datepicker-day-radius)}.bs-datepicker__cell--band-end{border-start-end-radius:var(--bs-datepicker-day-radius);border-end-end-radius:var(--bs-datepicker-day-radius);box-shadow:none}.bs-datepicker__day{width:var(--bs-datepicker-day-size);height:var(--bs-datepicker-day-size);padding:0;border:none;border-radius:var(--bs-datepicker-day-radius);background:transparent;color:var(--bs-datepicker-color);font-family:inherit;font-size:var(--bs-datepicker-font-size);line-height:calc(var(--bs-datepicker-line-height) * 1px);cursor:pointer}.bs-datepicker__day--outside{color:var(--bs-datepicker-color-muted)}.bs-datepicker__day--today{box-shadow:inset 0 0 0 1px var(--bs-datepicker-today-border)}.bs-datepicker__day:not(:disabled):hover{background:var(--bs-datepicker-hover)}.bs-datepicker__day:not(:disabled):active{background:var(--bs-datepicker-pressed)}.bs-datepicker__day--in-range:not(:disabled):hover,.bs-datepicker__day--in-range:not(:disabled):active{background:var(--bs-datepicker-range-bg)}.bs-datepicker__day--selected,.bs-datepicker__day--selected.bs-datepicker__day--outside{background:var(--bs-datepicker-selected-bg);color:var(--bs-datepicker-selected-color)}.bs-datepicker__day--selected:not(:disabled):hover{background:var(--bs-datepicker-selected-bg-hover)}.bs-datepicker__day--selected:not(:disabled):active{background:var(--bs-datepicker-selected-bg-pressed)}.bs-datepicker__day:disabled{color:var(--bs-datepicker-color-disabled);cursor:not-allowed}.bs-datepicker__day--selected:disabled{background:var(--bs-datepicker-selected-bg-disabled)}.bs-datepicker__day:focus-visible{background:var(--bs-datepicker-focus-bg);outline:2px solid var(--bs-datepicker-focus-ring-color);outline-offset:0}.bs-datepicker__day--selected:focus-visible{background:var(--bs-datepicker-selected-bg-focus)}.bs-datepicker__nav-button:focus-visible{outline:2px solid var(--bs-datepicker-focus-ring-color);outline-offset:2px}"}},[577,"bs-datepicker",{name:[513],range:[516],value:[1537],start:[1537],end:[1537],min:[1],max:[1],locale:[1],firstDayOfWeek:[2,"first-day-of-week"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],monthLabel:[1,"month-label"],yearLabel:[1,"year-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],viewDate:[32],focusedIso:[32],hoverIso:[32],draft:[32],openMenu:[32]},void 0,{value:[{onSelectionChange:0},{onSelectionJump:0}],start:[{onSelectionChange:0},{onSelectionJump:0}],end:[{onSelectionChange:0}],range:[{onSelectionChange:0}],name:[{onSelectionChange:0}]}]);function u(e){return(e+"").padStart(2,"0")}function k(e){return`${e.getFullYear()}-${u(e.getMonth()+1)}-${u(e.getDate())}`}function v(e){const t=/^(\d{4})-(\d{2})-(\d{2})$/.exec((e??"").trim());if(!t)return;const s=new Date(Number(t[1]),Number(t[2])-1,Number(t[3]));return k(s)===`${t[1]}-${t[2]}-${t[3]}`?s:void 0}function m(e){return new Date(e.getFullYear(),e.getMonth(),1)}function f(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+t)}function g(){"undefined"!=typeof customElements&&["bs-datepicker","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-datepicker":customElements.get(e(t))||customElements.define(e(t),h);break;case"bs-card":customElements.get(e(t))||r();break;case"bs-chip-informative":customElements.get(e(t))||n();break;case"bs-icon-button":customElements.get(e(t))||d();break;case"bs-input":customElements.get(e(t))||o();break;case"bs-menu":customElements.get(e(t))||c();break;case"bs-menu-item":customElements.get(e(t))||b();break;case"bs-ripple":customElements.get(e(t))||l();break;case"bs-spinner":customElements.get(e(t))||p()}}))}g();const _=h,y=g;export{_ as BsDatepicker,y as defineCustomElement}
+import{t as e,p as t,H as s,c as a,h as i}from"./p-CcAX4o5o.js";import{d as r}from"./p-mxDA3wKn.js";import{d as n}from"./p-_zxYDrzi.js";import{d}from"./p-wd9-vGpQ.js";import{d as o}from"./p-B5yjDh8h.js";import{d as c}from"./p-CxNNy2m6.js";import{d as b}from"./p-BR7C-aKy.js";import{d as l}from"./p-DaKBSL2O.js";import{d as p}from"./p-D4W5LcEW.js";const h=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsChange=a(this,"bsChange"),this.internals=this.attachInternals()}get el(){return this}internals;initialValue="";initialStart="";initialEnd="";name;range=!1;value="";start="";end="";min;max;locale="en-GB";firstDayOfWeek=0;startLabel="Start date";endLabel="End date";monthLabel="Month";yearLabel="Year";previousLabel="Previous month";nextLabel="Next month";bsChange;viewDate=m(new Date);focusedIso="";hoverIso="";draft={};openMenu=null;shouldFocusDay=!1;menuToScroll=!1;componentWillLoad(){this.initialValue=this.value,this.initialStart=this.start,this.initialEnd=this.end,this.showSelection(),this.syncFormValue()}componentDidRender(){if(this.menuToScroll){this.menuToScroll=!1;const e=()=>{const e=this.el.shadowRoot?.querySelector(".bs-datepicker__menu"),t=e?.querySelector("[data-current]");e&&t&&(e.scrollTop=t.offsetTop-e.clientHeight/2+t.offsetHeight/2)};requestAnimationFrame((()=>requestAnimationFrame(e)))}if(!this.shouldFocusDay)return;this.shouldFocusDay=!1;const e=this.el.shadowRoot.querySelector(`[data-date="${this.focusedIso}"]`);e?.focus()}onSelectionChange(){this.syncFormValue()}onSelectionJump(){this.showSelection()}formResetCallback(){this.value=this.initialValue,this.start=this.initialStart,this.end=this.initialEnd,this.draft={}}showSelection(){const e=v(this.range?this.start:this.value);e&&(this.viewDate=m(e))}syncFormValue(){if(this.internals?.setFormValue)if(this.range){if(!this.name)return void this.internals.setFormValue(null);const e=new FormData;e.append(this.name+"-start",this.start??""),e.append(this.name+"-end",this.end??""),this.internals.setFormValue(e)}else this.internals.setFormValue(this.value??"")}isDisabled(e){const t=v(this.min),s=v(this.max);return!!t&&e<t||!!s&&e>s}selectDay(e){if(this.isDisabled(e))return;const t=k(e);if(e.getMonth()===this.viewDate.getMonth()&&e.getFullYear()===this.viewDate.getFullYear()||(this.viewDate=m(e)),this.focusedIso=t,!this.range)return this.value=t,void this.bsChange.emit({value:t});!this.start||this.end||t<this.start?(this.start=t,this.end=""):this.end=t,this.hoverIso="",this.draft={},this.bsChange.emit({start:this.start,end:this.end})}commitDraft(e){const t=this.draft[e];if(void 0===t)return;const s=v(t),a={...this.draft};if(delete a[e],this.draft=a,!s||this.isDisabled(s))return;let i="start"===e?k(s):this.start,r="end"===e?k(s):this.end;i&&r&&r<i&&("start"===e?r="":i=""),this.start=i,this.end=r,this.showSelection(),this.bsChange.emit({start:i,end:r})}moveView(e){const t=this.viewDate;this.viewDate=new Date(t.getFullYear(),t.getMonth()+e,1)}onKeyDown=(e,t)=>{const s={ArrowLeft:-1,ArrowRight:1,ArrowUp:-7,ArrowDown:7};let a;if(e.key in s)a=f(t,s[e.key]);else if("Home"===e.key||"End"===e.key){const s=(t.getDay()-this.safeFirstDay+7)%7;a=f(t,"Home"===e.key?-s:6-s)}else{if("PageUp"!==e.key&&"PageDown"!==e.key)return;{const s="PageUp"===e.key?-1:1;a=function(e,t){const s=new Date(e.getFullYear(),e.getMonth()+t,1),a=new Date(s.getFullYear(),s.getMonth()+1,0).getDate();return new Date(s.getFullYear(),s.getMonth(),Math.min(e.getDate(),a))}(t,e.shiftKey?12*s:s)}}e.preventDefault(),this.focusedIso=k(a),this.viewDate=m(a),this.shouldFocusDay=!0};get safeFirstDay(){const e=Math.trunc(Number(this.firstDayOfWeek));return Number.isFinite(e)?(e%7+7)%7:0}get fmt(){const e=this.locale||"en-GB";try{return e}catch{return"en-GB"}}formatField(e){const t=v(e);return t?new Intl.DateTimeFormat(this.fmt,{day:"numeric",month:"short",year:"numeric"}).format(t):""}titleText(){const e=this.range?void 0:v(this.value);return e?new Intl.DateTimeFormat(this.fmt,{day:"numeric",month:"long",year:"numeric"}).format(e):new Intl.DateTimeFormat(this.fmt,{month:"long",year:"numeric"}).format(this.viewDate)}monthOptions(){const e=new Intl.DateTimeFormat(this.fmt,{month:"long"});return Array.from({length:12},((t,s)=>({label:e.format(new Date(2e3,s,1)),value:s+""})))}yearOptions(){const e=this.viewDate.getFullYear(),t=v(this.min)?.getFullYear()??e-100,s=v(this.max)?.getFullYear()??e+100,a=[];for(let i=Math.min(t,e);i<=Math.max(s,e);i++)a.push({label:i+"",value:i+""});return a}weekdays(){const e=new Intl.DateTimeFormat(this.fmt,{weekday:"short"});return Array.from({length:7},((t,s)=>e.format(new Date(2023,0,1+(this.safeFirstDay+s)%7))))}gridDays(){const e=this.viewDate,t=(e.getDay()-this.safeFirstDay+7)%7,s=f(e,-t);return Array.from({length:42},((e,t)=>f(s,t)))}renderHeader(){if(this.range){const e=(e,t)=>i("bs-input",{label:t,placeholder:"YYYY-MM-DD",value:this.draft[e]??this.formatField(this[e]),onBsInput:t=>this.draft={...this.draft,[e]:t.detail},onBsChange:()=>this.commitDraft(e),onFocusin:()=>{void 0===this.draft[e]&&(this.draft={...this.draft,[e]:this[e]})},onFocusout:()=>this.commitDraft(e)});return i("div",{part:"header",class:"bs-datepicker__header bs-datepicker__header--range"},e("start",this.startLabel),e("end",this.endLabel))}return i("div",{part:"header",class:"bs-datepicker__header"},this.renderDropdown("month",this.monthLabel,this.monthOptions(),this.viewDate.getMonth()+"",(e=>this.viewDate=new Date(this.viewDate.getFullYear(),Number(e),1))),this.renderDropdown("year",this.yearLabel,this.yearOptions(),this.viewDate.getFullYear()+"",(e=>this.viewDate=new Date(Number(e),this.viewDate.getMonth(),1))))}renderDropdown(e,t,s,a,r){const n=this.openMenu===e,d=()=>{this.openMenu=null};return i("div",{class:"bs-datepicker__dropdown",onKeyDown:e=>{"Escape"===e.key&&n&&(d(),e.currentTarget.querySelector("bs-input")?.focus())},onFocusout:e=>{const t=e.relatedTarget;!n||t&&e.currentTarget.contains(t)||d()}},i("bs-input",{type:"dropdown",class:"bs-datepicker__select",label:t,value:s.find((e=>e.value===a))?.label??"",open:n,onBsOpen:()=>{this.menuToScroll=!n,this.openMenu=n?null:e}}),n&&i("bs-menu",{part:"menu",class:"bs-datepicker__menu",role:"listbox"},s.map((e=>i("bs-menu-item",{key:e.value,"data-current":e.value===a?"":void 0,"aria-current":e.value===a?"true":void 0,onBsSelect:()=>{r(e.value),d(),this.el.shadowRoot.querySelector(`.bs-datepicker__dropdown bs-input[label="${t}"]`)?.focus()}},i("span",{class:"bs-datepicker__option"},i("span",null,e.label),e.value===a&&i("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{d:"M5 12.5L10 17.5L19 7.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))))))))}render(){const e=this.gridDays(),t=k(new Date),s=this.range?this.start:this.value,a=this.range?this.end:"",r=this.range&&this.start&&!this.end&&this.hoverIso>this.start?this.hoverIso:a,n=e.some((e=>k(e)===this.focusedIso&&e.getMonth()===this.viewDate.getMonth()))?this.focusedIso:this.defaultTabbable(e),d=e=>!!s&&!!r&&e>s&&e<r,o=this.weekdays();return i("bs-card",{key:"92780338a3445e50b007a7cb5e3a1c828b4940fc",part:"container",class:"bs-datepicker",surface:"raised"},i("div",{key:"b10133e7e8118883ceb26f966374c496c69532a2",class:"bs-datepicker__body"},this.renderHeader(),i("div",{key:"63b1c50d661dfef4dc08d74ac8755e987a0df351",part:"nav",class:"bs-datepicker__nav"},i("button",{key:"892a09a63a605846793249823b2665786a861fe8",part:"prev",type:"button",class:"bs-datepicker__nav-button","aria-label":this.previousLabel,onClick:()=>this.moveView(-1)},i("svg",{key:"ceca34bacadf2f85807fcdbb232b1cfc8454596e",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{key:"3e5216c57b9766af6b59d24b5839cfa8ee33ede8",d:"M15 18L9 12L15 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),i("div",{key:"6d3903664523fad5a42d166192ffbbca6859fc8b",part:"title",class:"bs-datepicker__title","aria-live":"polite"},this.titleText()),i("button",{key:"9c0ea361806f4b3bfd41039d3aa67d454f87756f",part:"next",type:"button",class:"bs-datepicker__nav-button","aria-label":this.nextLabel,onClick:()=>this.moveView(1)},i("svg",{key:"f2b4a787273c279c7ddc29be6400d862d4bf7f7f",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},i("path",{key:"6d9ef54bc661fe49524d0aadb14f5c390f682066",d:"M9 18L15 12L9 6",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})))),i("div",{key:"92f08374522cdcfcf3becc286e1d6db5b057c0e2",part:"grid",class:"bs-datepicker__grid",role:"grid","aria-label":this.titleText()},i("div",{key:"afe8522de3a56479bd2ca64a4f492564391ede74",class:"bs-datepicker__row",role:"row"},o.map((e=>i("div",{part:"weekday",class:"bs-datepicker__weekday",role:"columnheader"},e)))),Array.from({length:6},((r,o)=>{const c=e.slice(7*o,7*o+7);return i("div",{class:"bs-datepicker__row",role:"row"},c.map(((e,r)=>{const o=k(e),b=e.getMonth()!==this.viewDate.getMonth(),l=o===s||!!a&&o===a,p=d(o),h={"bs-datepicker__cell":!0,"bs-datepicker__cell--in-range":p,"bs-datepicker__cell--band-start":p&&!(r>0&&d(k(c[r-1]))),"bs-datepicker__cell--band-end":p&&!(r<6&&d(k(c[r+1])))},u=["day",l&&"selected",p&&"in-range",b&&"outside",o===t&&"today"].filter(Boolean).join(" ");return i("div",{class:h,role:"gridcell","aria-selected":l||p?"true":"false"},i("button",{part:u,type:"button",class:{"bs-datepicker__day":!0,"bs-datepicker__day--selected":l,"bs-datepicker__day--in-range":p,"bs-datepicker__day--outside":b,"bs-datepicker__day--today":o===t},"data-date":o,tabindex:o===n?0:-1,disabled:this.isDisabled(e),"aria-current":o===t?"date":void 0,"aria-label":new Intl.DateTimeFormat(this.fmt,{weekday:"long",day:"2-digit",month:"long",year:"numeric"}).format(e),onClick:()=>this.selectDay(e),onKeyDown:t=>this.onKeyDown(t,e),onMouseEnter:()=>{this.range&&this.start&&!this.end&&(this.hoverIso=o)}},(e.getDate()+"").padStart(2,"0")))})))})))))}defaultTabbable(e){const t=t=>e.some((e=>k(e)===t&&e.getMonth()===this.viewDate.getMonth())),s=this.range?this.start:this.value;if(s&&t(s))return s;const a=k(new Date);return t(a)?a:k(this.viewDate)}static get formAssociated(){return!0}static get watchers(){return{value:[{onSelectionChange:0},{onSelectionJump:0}],start:[{onSelectionChange:0},{onSelectionJump:0}],end:[{onSelectionChange:0}],range:[{onSelectionChange:0}],name:[{onSelectionChange:0}]}}static get style(){return":host{display:inline-block;--bs-datepicker-width:364px;--bs-datepicker-bg:var(--bs-paper-bg-raised);--bs-datepicker-radius:var(--bs-border-radius-150);--bs-datepicker-padding:var(--bs-spacing-200);--bs-datepicker-gap:var(--bs-spacing-150);--bs-datepicker-shadow:var(--bs-shadow-md);--bs-datepicker-menu-max-height:280px;--bs-datepicker-day-size:var(--bs-spacing-550);--bs-datepicker-day-radius:var(--bs-border-radius-100);--bs-datepicker-day-gap:var(--bs-spacing-50);--bs-datepicker-band-bridge:var(--bs-spacing-50);--bs-datepicker-font-size:var(--bs-font-size-md);--bs-datepicker-line-height:var(--bs-line-height-body-md);--bs-datepicker-weekday-font-size:var(--bs-font-size-sm);--bs-datepicker-weekday-line-height:var(--bs-line-height-body-sm);--bs-datepicker-color:var(--bs-text-default);--bs-datepicker-color-muted:var(--bs-text-muted);--bs-datepicker-color-weekday:var(--bs-text-secondary);--bs-datepicker-color-disabled:var(--bs-text-on-disabled);--bs-datepicker-hover:var(--bs-surface-hover);--bs-datepicker-pressed:var(--bs-surface-pressed);--bs-datepicker-focus-bg:var(--bs-surface-focus);--bs-datepicker-selected-bg:var(--bs-color-primary-default);--bs-datepicker-selected-bg-hover:var(--bs-color-primary-hover);--bs-datepicker-selected-bg-pressed:var(--bs-color-primary-pressed);--bs-datepicker-selected-bg-focus:var(--bs-color-primary-focused);--bs-datepicker-selected-bg-disabled:var(--bs-surface-action-disabled);--bs-datepicker-selected-color:var(--bs-text-on-action);--bs-datepicker-range-bg:var(--bs-color-primary-container);--bs-datepicker-today-border:var(--bs-border-primary);--bs-datepicker-focus-ring-color:var(--bs-border-neutral-focus)}.bs-datepicker{width:var(--bs-datepicker-width);max-width:100%;color:var(--bs-datepicker-color);font-size:var(--bs-datepicker-font-size);--bs-card-bg:var(--bs-datepicker-bg);--bs-card-radius:var(--bs-datepicker-radius);--bs-card-padding:var(--bs-datepicker-padding);--bs-card-shadow:var(--bs-datepicker-shadow);--bs-card-overflow:visible}.bs-datepicker__body{display:flex;flex-direction:column;gap:var(--bs-datepicker-gap)}.bs-datepicker__header{display:flex;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-datepicker__header--range>bs-input{--bs-input-label-font-size:var(--bs-font-size-md);--bs-input-label-font-weight:var(--bs-font-weight-semibold);--bs-input-label-line-height:calc(var(--bs-line-height-body-md) * 1px)}.bs-datepicker__header>bs-input{flex:1 1 0;min-width:0}.bs-datepicker__select::part(label){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-datepicker__dropdown{position:relative;flex:1 1 0;min-width:0}.bs-datepicker__dropdown bs-input{width:100%}.bs-datepicker__menu{position:absolute;top:calc(100% + var(--bs-spacing-50));inset-inline:0;z-index:2;max-height:var(--bs-datepicker-menu-max-height);overflow-y:auto;border-radius:var(--bs-border-radius-100);background:var(--bs-surface-raised);box-shadow:var(--bs-shadow-md);--bs-menu-shadow:none}.bs-datepicker__menu bs-menu-item{--bs-menu-item-color:var(--bs-datepicker-color)}.bs-datepicker__menu bs-menu-item::part(label){flex:1;text-align:start}.bs-datepicker__option{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-100)}.bs-datepicker__option svg{width:20px;height:20px;flex:none}.bs-datepicker__nav{display:flex;align-items:center;justify-content:space-between}.bs-datepicker__title{font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-datepicker-line-height) * 1px)}.bs-datepicker__nav-button{display:flex;align-items:center;justify-content:center;width:var(--bs-spacing-600);height:var(--bs-spacing-600);padding:0;border:none;border-radius:var(--bs-datepicker-day-radius);background:transparent;color:var(--bs-icon-default);cursor:pointer}.bs-datepicker__nav-button svg{width:24px;height:24px}.bs-datepicker__nav-button:hover{background:var(--bs-datepicker-hover)}.bs-datepicker__grid{display:flex;flex-direction:column;gap:var(--bs-datepicker-day-gap)}.bs-datepicker__row{display:grid;grid-template-columns:repeat(7, var(--bs-datepicker-day-size));justify-content:space-between}.bs-datepicker__weekday{display:flex;align-items:center;justify-content:center;height:var(--bs-datepicker-day-size);color:var(--bs-datepicker-color-weekday);font-size:var(--bs-datepicker-weekday-font-size);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-datepicker-weekday-line-height) * 1px)}.bs-datepicker__cell{display:flex;justify-content:center}.bs-datepicker__cell--in-range{background:var(--bs-datepicker-range-bg);box-shadow:calc(var(--bs-datepicker-band-bridge) + 1px) 0 0 var(--bs-datepicker-range-bg)}.bs-datepicker__cell--band-start{border-start-start-radius:var(--bs-datepicker-day-radius);border-end-start-radius:var(--bs-datepicker-day-radius)}.bs-datepicker__cell--band-end{border-start-end-radius:var(--bs-datepicker-day-radius);border-end-end-radius:var(--bs-datepicker-day-radius);box-shadow:none}.bs-datepicker__day{width:var(--bs-datepicker-day-size);height:var(--bs-datepicker-day-size);padding:0;border:none;border-radius:var(--bs-datepicker-day-radius);background:transparent;color:var(--bs-datepicker-color);font-family:inherit;font-size:var(--bs-datepicker-font-size);line-height:calc(var(--bs-datepicker-line-height) * 1px);cursor:pointer}.bs-datepicker__day--outside{color:var(--bs-datepicker-color-muted)}.bs-datepicker__day--today{box-shadow:inset 0 0 0 1px var(--bs-datepicker-today-border)}.bs-datepicker__day:not(:disabled):hover{background:var(--bs-datepicker-hover)}.bs-datepicker__day:not(:disabled):active{background:var(--bs-datepicker-pressed)}.bs-datepicker__day--in-range:not(:disabled):hover,.bs-datepicker__day--in-range:not(:disabled):active{background:var(--bs-datepicker-range-bg)}.bs-datepicker__day--selected,.bs-datepicker__day--selected.bs-datepicker__day--outside{background:var(--bs-datepicker-selected-bg);color:var(--bs-datepicker-selected-color)}.bs-datepicker__day--selected:not(:disabled):hover{background:var(--bs-datepicker-selected-bg-hover)}.bs-datepicker__day--selected:not(:disabled):active{background:var(--bs-datepicker-selected-bg-pressed)}.bs-datepicker__day:disabled{color:var(--bs-datepicker-color-disabled);cursor:not-allowed}.bs-datepicker__day--selected:disabled{background:var(--bs-datepicker-selected-bg-disabled)}.bs-datepicker__day:focus-visible{background:var(--bs-datepicker-focus-bg);outline:2px solid var(--bs-datepicker-focus-ring-color);outline-offset:0}.bs-datepicker__day--selected:focus-visible{background:var(--bs-datepicker-selected-bg-focus)}.bs-datepicker__nav-button:focus-visible{outline:2px solid var(--bs-datepicker-focus-ring-color);outline-offset:2px}"}},[577,"bs-datepicker",{name:[513],range:[516],value:[1537],start:[1537],end:[1537],min:[1],max:[1],locale:[1],firstDayOfWeek:[2,"first-day-of-week"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],monthLabel:[1,"month-label"],yearLabel:[1,"year-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],viewDate:[32],focusedIso:[32],hoverIso:[32],draft:[32],openMenu:[32]},void 0,{value:[{onSelectionChange:0},{onSelectionJump:0}],start:[{onSelectionChange:0},{onSelectionJump:0}],end:[{onSelectionChange:0}],range:[{onSelectionChange:0}],name:[{onSelectionChange:0}]}]);function u(e){return(e+"").padStart(2,"0")}function k(e){return`${e.getFullYear()}-${u(e.getMonth()+1)}-${u(e.getDate())}`}function v(e){const t=/^(\d{4})-(\d{2})-(\d{2})$/.exec((e??"").trim());if(!t)return;const s=new Date(Number(t[1]),Number(t[2])-1,Number(t[3]));return k(s)===`${t[1]}-${t[2]}-${t[3]}`?s:void 0}function m(e){return new Date(e.getFullYear(),e.getMonth(),1)}function f(e,t){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+t)}function g(){"undefined"!=typeof customElements&&["bs-datepicker","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((t=>{switch(t){case"bs-datepicker":customElements.get(e(t))||customElements.define(e(t),h);break;case"bs-card":customElements.get(e(t))||r();break;case"bs-chip-informative":customElements.get(e(t))||n();break;case"bs-icon-button":customElements.get(e(t))||d();break;case"bs-input":customElements.get(e(t))||o();break;case"bs-menu":customElements.get(e(t))||c();break;case"bs-menu-item":customElements.get(e(t))||b();break;case"bs-ripple":customElements.get(e(t))||l();break;case"bs-spinner":customElements.get(e(t))||p()}}))}g();const _=h,y=g;export{_ as BsDatepicker,y as defineCustomElement}

package/dist/components/bs-dropdown.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,c as o,h as n}from"./p-CcAX4o5o.js";import{d as i}from"./p-CXv8kx8w.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsOpen=o(this,"bsOpen"),this.bsClose=o(this,"bsClose")}get el(){return this}open=!1;placement="bottom-start";bsOpen;bsClose;triggerSlot;focusRun=0;onOpenChange(e){if(this.syncTrigger(),e){this.bsOpen.emit();const e=++this.focusRun,t=this.el.shadowRoot?.querySelector("bs-popover");Promise.resolve(t?.componentOnReady?.()).then((()=>requestAnimationFrame((()=>e===this.focusRun&&this.focusFirstItem()))))}else this.focusRun++,this.bsClose.emit(),this.el.matches(":focus-within")&&this.focusTrigger()}componentDidLoad(){this.syncTrigger(),this.open&&this.onOpenChange(!0)}onItemSelect(){this.open=!1}onKeyDown(e){"Tab"===e.key&&this.open&&(this.focusTrigger(),this.open=!1)}trigger(){return this.triggerSlot?.assignedElements({flatten:!0})[0]}syncTrigger=()=>{const e=this.trigger();if(e)if(e.tagName.startsWith("BS-")){const t=e;t.ariaHasPopup="menu",t.ariaExpanded=this.open+""}else e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded",this.open+"")};focusTrigger(){this.trigger()?.focus()}focusFirstItem(){const e=Array.from(this.el.querySelectorAll("bs-menu-item"));e.find((e=>!e.disabled))?.shadowRoot?.querySelector("button")?.focus()}onPopoverOpenChange=e=>{e.stopPropagation(),this.open=e.detail};render(){return n("bs-popover",{key:"7b5cb4aea4925c40686923285cff718c7f7de32a",part:"popover",open:this.open,placement:this.placement,onBsOpenChange:this.onPopoverOpenChange},n("slot",{key:"3956aee129e6e424508b5b9385d282c2782d44a8",name:"trigger",slot:"trigger",onSlotchange:this.syncTrigger,ref:e=>this.triggerSlot=e}),n("slot",{key:"05d1a35099d008d7ba33334a487f56b3cad3f293"}))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block}"}},[769,"bs-dropdown",{open:[1540],placement:[513]},[[0,"bsSelect","onItemSelect"],[0,"keydown","onKeyDown"]],{open:[{onOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["bs-dropdown","bs-popover"].forEach((t=>{switch(t){case"bs-dropdown":customElements.get(e(t))||customElements.define(e(t),r);break;case"bs-popover":customElements.get(e(t))||i()}}))}h();const a=r,p=h;export{a as BsDropdown,p as defineCustomElement}
+import{t as e,p as t,H as s,c as o,h as n}from"./p-CcAX4o5o.js";import{d as i}from"./p-B81aicKA.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsOpen=o(this,"bsOpen"),this.bsClose=o(this,"bsClose")}get el(){return this}open=!1;placement="bottom-start";bsOpen;bsClose;triggerSlot;focusRun=0;onOpenChange(e){if(this.syncTrigger(),e){this.bsOpen.emit();const e=++this.focusRun,t=this.el.shadowRoot?.querySelector("bs-popover");Promise.resolve(t?.componentOnReady?.()).then((()=>requestAnimationFrame((()=>e===this.focusRun&&this.focusFirstItem()))))}else this.focusRun++,this.bsClose.emit(),this.el.matches(":focus-within")&&this.focusTrigger()}componentDidLoad(){this.syncTrigger(),this.open&&this.onOpenChange(!0)}onItemSelect(){this.open=!1}onKeyDown(e){"Tab"===e.key&&this.open&&(this.focusTrigger(),this.open=!1)}trigger(){return this.triggerSlot?.assignedElements({flatten:!0})[0]}syncTrigger=()=>{const e=this.trigger();if(e)if(e.tagName.startsWith("BS-")){const t=e;t.ariaHasPopup="menu",t.ariaExpanded=this.open+""}else e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded",this.open+"")};focusTrigger(){this.trigger()?.focus()}focusFirstItem(){const e=Array.from(this.el.querySelectorAll("bs-menu-item"));e.find((e=>!e.disabled))?.shadowRoot?.querySelector("button")?.focus()}onPopoverOpenChange=e=>{e.stopPropagation(),this.open=e.detail};render(){return n("bs-popover",{key:"7b5cb4aea4925c40686923285cff718c7f7de32a",part:"popover",open:this.open,placement:this.placement,onBsOpenChange:this.onPopoverOpenChange},n("slot",{key:"3956aee129e6e424508b5b9385d282c2782d44a8",name:"trigger",slot:"trigger",onSlotchange:this.syncTrigger,ref:e=>this.triggerSlot=e}),n("slot",{key:"05d1a35099d008d7ba33334a487f56b3cad3f293"}))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:inline-block}"}},[769,"bs-dropdown",{open:[1540],placement:[513]},[[0,"bsSelect","onItemSelect"],[0,"keydown","onKeyDown"]],{open:[{onOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["bs-dropdown","bs-popover"].forEach((t=>{switch(t){case"bs-dropdown":customElements.get(e(t))||customElements.define(e(t),r);break;case"bs-popover":customElements.get(e(t))||i()}}))}h();const a=r,p=h;export{a as BsDropdown,p as defineCustomElement}

package/dist/components/bs-global-search.js

@@ -1 +1 @@
-import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as l}from"./p-CePOtLtZ.js";import{d as o}from"./p-BLJL4BVY.js";import{d as c}from"./p-wd9-vGpQ.js";import{d as n}from"./p-Cz38kNDe.js";import{d as b}from"./p-D3XmFqCQ.js";import{d as h}from"./p-BB1HiIxJ.js";import{d as p}from"./p-CxNNy2m6.js";import{d}from"./p-BR7C-aKy.js";import{d as u}from"./p-DaKBSL2O.js";import{d as m}from"./p-D4W5LcEW.js";const g={default:["recent","jump-to"],results:["top-matches","search-in"],empty:[],error:[]},v=["recent","jump-to","top-matches","search-in"];let f=0;const y={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},_=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsInput=a(this,"bsInput"),this.bsSearch=a(this,"bsSearch"),this.bsSelect=a(this,"bsSelect"),this.bsOpenChange=a(this,"bsOpenChange"),this.bsClearRecent=a(this,"bsClearRecent"),this.bsClearSearch=a(this,"bsClearSearch"),this.bsSeeAll=a(this,"bsSeeAll"),this.bsRetry=a(this,"bsRetry")}get el(){return this}id="bs-gs-"+ ++f;itemSeq=0;observer;inputEl;value="";placeholder="Search customers, orders, products…";label;disabled=!1;open=!1;status="default";totalResults;showFooter=!0;listLabel="Search suggestions";recentLabel="Recent searches";jumpToLabel="Jump to";topMatchesLabel="Top matches";searchInLabel="Search in";navigateLabel="Navigate";searchLabel="Search";closeLabel="Close";fullResultsLabel="Full results";clearRecentLabel="Clear recent";seeAllLabel="See all results";emptyHeading="No results";emptyDescription="Try a different search.";clearSearchLabel="Clear search";errorHeading="Search isn’t available right now";errorDescription="We couldn’t reach the server. Your query is kept — try again in a moment.";retryLabel="Try again";filled={recent:!1,"jump-to":!1,"top-matches":!1,"search-in":!1};activeId=null;bsInput;bsSearch;bsSelect;bsOpenChange;bsClearRecent;bsClearSearch;bsSeeAll;bsRetry;resetActive(){this.activeId=null}componentWillLoad(){this.readFilled(),this.prepareItems()}connectedCallback(){document.addEventListener("pointerdown",this.onDocPointerDown,!0),this.observer=new MutationObserver((()=>{this.readFilled(),this.prepareItems(),this.paintActive()})),this.observer.observe(this.el,{childList:!0})}disconnectedCallback(){document.removeEventListener("pointerdown",this.onDocPointerDown,!0),this.observer?.disconnect()}componentDidRender(){this.prepareItems(),this.paintActive()}allItems(){return Array.from(this.el.children).filter((s=>"BS-SEARCH-ITEM"===s.tagName&&v.includes(s.getAttribute("slot"))))}visibleItems(){if(!this.open)return[];const s=this.allItems();return(g[this.status]??[]).flatMap((e=>s.filter((s=>s.getAttribute("slot")===e))))}enabledItems(){return this.visibleItems().filter((s=>!s.disabled))}readFilled(){const s={...this.filled};let e=!1;for(const t of v){const a=Array.from(this.el.children).some((s=>s.getAttribute("slot")===t));s[t]!==a&&(s[t]=a,e=!0)}e&&(this.filled=s)}prepareItems(){for(const s of this.allItems())"option"!==s.selectionRole&&(s.selectionRole="option"),s.id||(s.id=`${this.id}-opt-${++this.itemSeq}`)}paintActive(){for(const s of this.allItems()){const e=!!this.activeId&&s.id===this.activeId;s.active!==e&&(s.active=e)}}setOpen(s){s&&this.disabled||this.open!==s&&(this.open=s,this.bsOpenChange.emit(s))}setActive(s){this.activeId=s?s.id:null,this.paintActive(),s?.scrollIntoView?.({block:"nearest"})}onDocPointerDown=s=>{this.open&&(s.composedPath().includes(this.el)||this.setOpen(!1))};onInput=s=>{s.stopPropagation(),this.value=s.detail,this.activeId=null,this.bsInput.emit(s.detail),this.setOpen(!0)};onKeyDown=s=>{switch(s.key){case"ArrowDown":case"ArrowUp":{if(s.preventDefault(),!this.open)return void this.setOpen(!0);const e=this.enabledItems();if(!e.length)return;const t=e.findIndex((s=>s.id===this.activeId));return void this.setActive(e["ArrowDown"===s.key?(t+1)%e.length:t<=0?e.length-1:t-1])}case"Enter":{const e=this.open?this.enabledItems().find((s=>s.id===this.activeId)):void 0;return void(e?(s.preventDefault(),e.click()):(this.bsSearch.emit(this.value),this.setOpen(!1)))}case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.setOpen(!1)))}};onItemSelect(s){const e=s.target;e&&"BS-SEARCH-ITEM"===e.tagName&&(s.stopPropagation(),this.bsSelect.emit({value:s.detail,section:e.getAttribute("slot")??""}),this.setOpen(!1))}onPanelMouseOver=s=>{const e=s.composedPath().find((s=>"BS-SEARCH-ITEM"===s.tagName));e&&!e.disabled&&e.id!==this.activeId&&this.setActive(e)};clearSearch=()=>{this.value="",this.bsClearSearch.emit(),this.inputEl?.focus()};sectionLabel(s){return{recent:this.recentLabel,"jump-to":this.jumpToLabel,"top-matches":this.topMatchesLabel,"search-in":this.searchInLabel}[s]}renderHint(s,e){return r("span",{part:"hint",class:"bs-global-search__hint"},s,r("span",{class:"bs-global-search__hint-text"},e))}renderFooter(){const s="number"==typeof this.totalResults,e=r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M9 14 4 9l5-5"}),r("path",{d:"M4 9h10.5a5.5 5.5 0 0 1 0 11H11"})));return"results"===this.status?r("div",{part:"footer",class:"bs-global-search__footer"},r("div",{part:"see-all",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.seeAll()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.seeAll()},s?`See all ${this.totalResults} results`:this.seeAllLabel)),r("span",{class:"bs-global-search__spacer"}),this.renderHint([e],this.fullResultsLabel)):r("div",{part:"footer",class:"bs-global-search__footer"},this.renderHint([r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M12 19V5M5 12l7-7 7 7"}))),r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M12 5v14M5 12l7 7 7-7"})))],this.navigateLabel),this.renderHint([e],this.searchLabel),this.renderHint([r("bs-key",{label:"Esc"})],this.closeLabel),r("span",{class:"bs-global-search__spacer"}),this.filled.recent&&r("div",{part:"clear-recent",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.bsClearRecent.emit()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsClearRecent.emit()},this.clearRecentLabel)))}seeAll(){this.bsSeeAll.emit(),this.setOpen(!1)}onActionWrapperClick=s=>e=>{e.target===e.currentTarget&&s()};renderStateBlock(s){const e="empty"===s;return r("slot",{name:s},r("bs-empty-state",{part:"empty",intent:e?"default":"error",heading:e?this.emptyHeading:this.errorHeading,description:e?this.emptyDescription:this.errorDescription},e?r("svg",{slot:"icon",...y},r("circle",{cx:"11",cy:"11",r:"7"}),r("path",{d:"m20 20-3.5-3.5"})):r("svg",{slot:"icon",...y},r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 7.5v5M12 16.2v.1"})),r("bs-button",{slot:"action",variant:"outlined",onClick:()=>e?this.clearSearch():this.bsRetry.emit()},e?this.clearSearchLabel:this.retryLabel)))}announcement(){return this.open?"results"===this.status?"number"==typeof this.totalResults?this.totalResults+" results":"":"empty"===this.status?this.emptyHeading:"error"===this.status?this.errorHeading:"":""}render(){const s=(g[this.status]??[]).filter((s=>this.filled[s])),e=s.length>0,t=this.id+"-listbox",a="default"===this.status||"results"===this.status,i=this.showFooter&&a;return r("div",{key:"2d45d72757ec457f9bb684fd93de4a49a084dfd4",class:"bs-global-search"},r("div",{key:"7b1e136ca729ce6a8aca989b0e45e32de617a095",part:"field",class:"bs-global-search__field",role:"combobox","aria-label":this.label||this.placeholder,"aria-expanded":(this.open&&e)+"","aria-haspopup":"listbox","aria-controls":this.open&&e?t:void 0,"aria-activedescendant":this.open&&this.activeId?this.activeId:void 0,onKeyDown:this.onKeyDown,onFocusin:()=>this.setOpen(!0),onClick:()=>this.setOpen(!0)},r("bs-input",{key:"fe16150d64aad5aa5235a325c5d6d2df47f773d4",ref:s=>this.inputEl=s,type:"search",value:this.value,placeholder:this.placeholder,disabled:this.disabled,onBsInput:this.onInput})),this.open&&r("div",{key:"fe33656e32a9b7753685bc0854c817e310b7fdb9",part:"panel",class:"bs-global-search__panel",onMouseDown:s=>s.preventDefault(),onMouseOver:this.onPanelMouseOver},a&&e&&r("div",{key:"9273862a5cb63825652c187cea8b9aabf78179cc",id:t,class:"bs-global-search__list",role:"listbox","aria-label":this.listLabel},s.map((s=>{const e=`${this.id}-h-${s}`;return r("div",{part:"section",class:"bs-global-search__section",role:"group","aria-labelledby":e},r("div",{part:"section-header",id:e,class:"bs-global-search__section-header"},this.sectionLabel(s)),r("slot",{name:s}))}))),"empty"===this.status&&this.renderStateBlock("empty"),"error"===this.status&&this.renderStateBlock("error"),i&&this.renderFooter()),r("span",{key:"f9f687273bf843a8ee4fcdfcfa196d79c67a5791",class:"bs-global-search__live","aria-live":"polite"},this.announcement()))}static get watchers(){return{status:[{resetActive:0}],open:[{resetActive:0}]}}static get style(){return":host{display:block;position:relative;box-sizing:border-box;width:var(--bs-global-search-width);max-width:100%;--bs-global-search-width:480px;--bs-global-search-panel-radius:var(--bs-border-radius-100);--bs-global-search-panel-padding:var(--bs-spacing-100);--bs-global-search-gap:var(--bs-spacing-100);--bs-global-search-panel-bg:var(--bs-surface-base);--bs-global-search-shadow:0 var(--bs-shadow-position-50) var(--bs-shadow-blur-100) 0 var(--bs-elevation-high);--bs-global-search-z-index:var(--bs-z-index-dropdown);--bs-global-search-divider-color:var(--bs-border-default);--bs-global-search-header-border-color:var(--bs-border-neutral-container);--bs-global-search-header-color:var(--bs-text-muted);--bs-global-search-hint-color:var(--bs-text-secondary)}.bs-global-search{position:relative}.bs-global-search__field bs-input{width:100%}.bs-global-search__panel{position:absolute;top:calc(100% + var(--bs-global-search-gap));left:0;right:0;z-index:var(--bs-global-search-z-index);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-global-search-gap);padding:var(--bs-global-search-panel-padding);overflow:clip;border-radius:var(--bs-global-search-panel-radius);background:var(--bs-global-search-panel-bg);box-shadow:var(--bs-global-search-shadow)}.bs-global-search__list{display:flex;flex-direction:column;gap:var(--bs-global-search-gap)}.bs-global-search__section{display:flex;flex-direction:column}.bs-global-search__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-global-search-header-border-color);color:var(--bs-global-search-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-global-search__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);border-top:1px solid var(--bs-global-search-divider-color)}.bs-global-search__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-global-search-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-global-search__spacer{flex:1 1 0}.bs-global-search__action{display:flex;align-items:center;min-height:44px;cursor:pointer}.bs-global-search__text-button{--bs-button-height-sm:32px;--bs-button-padding-x-sm:var(--bs-spacing-150);--bs-button-radius:var(--bs-border-radius-100);--bs-button-subtle-color:var(--bs-text-default)}.bs-global-search__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}"}},[769,"bs-global-search",{value:[1025],placeholder:[1],label:[1],disabled:[516],open:[1540],status:[513],totalResults:[2,"total-results"],showFooter:[4,"show-footer"],listLabel:[1,"list-label"],recentLabel:[1,"recent-label"],jumpToLabel:[1,"jump-to-label"],topMatchesLabel:[1,"top-matches-label"],searchInLabel:[1,"search-in-label"],navigateLabel:[1,"navigate-label"],searchLabel:[1,"search-label"],closeLabel:[1,"close-label"],fullResultsLabel:[1,"full-results-label"],clearRecentLabel:[1,"clear-recent-label"],seeAllLabel:[1,"see-all-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],clearSearchLabel:[1,"clear-search-label"],errorHeading:[1,"error-heading"],errorDescription:[1,"error-description"],retryLabel:[1,"retry-label"],filled:[32],activeId:[32]},[[0,"bsItemSelect","onItemSelect"]],{status:[{resetActive:0}],open:[{resetActive:0}]}]);function x(){"undefined"!=typeof customElements&&["bs-global-search","bs-button","bs-chip-informative","bs-empty-state","bs-icon-button","bs-icon-tile","bs-input","bs-key","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((e=>{switch(e){case"bs-global-search":customElements.get(s(e))||customElements.define(s(e),_);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-chip-informative":customElements.get(s(e))||l();break;case"bs-empty-state":customElements.get(s(e))||o();break;case"bs-icon-button":customElements.get(s(e))||c();break;case"bs-icon-tile":customElements.get(s(e))||n();break;case"bs-input":customElements.get(s(e))||b();break;case"bs-key":customElements.get(s(e))||h();break;case"bs-menu":customElements.get(s(e))||p();break;case"bs-menu-item":customElements.get(s(e))||d();break;case"bs-ripple":customElements.get(s(e))||u();break;case"bs-spinner":customElements.get(s(e))||m()}}))}x();const w=_,k=x;export{w as BsGlobalSearch,k as defineCustomElement}
+import{t as s,p as e,H as t,c as a,h as r}from"./p-CcAX4o5o.js";import{d as i}from"./p-wscU7FUD.js";import{d as l}from"./p-_zxYDrzi.js";import{d as o}from"./p-BLJL4BVY.js";import{d as c}from"./p-wd9-vGpQ.js";import{d as n}from"./p-Cz38kNDe.js";import{d as b}from"./p-B5yjDh8h.js";import{d as h}from"./p-BB1HiIxJ.js";import{d as p}from"./p-CxNNy2m6.js";import{d}from"./p-BR7C-aKy.js";import{d as u}from"./p-DaKBSL2O.js";import{d as m}from"./p-D4W5LcEW.js";const g={default:["recent","jump-to"],results:["top-matches","search-in"],empty:[],error:[]},v=["recent","jump-to","top-matches","search-in"];let f=0;const y={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},_=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsInput=a(this,"bsInput"),this.bsSearch=a(this,"bsSearch"),this.bsSelect=a(this,"bsSelect"),this.bsOpenChange=a(this,"bsOpenChange"),this.bsClearRecent=a(this,"bsClearRecent"),this.bsClearSearch=a(this,"bsClearSearch"),this.bsSeeAll=a(this,"bsSeeAll"),this.bsRetry=a(this,"bsRetry")}get el(){return this}id="bs-gs-"+ ++f;itemSeq=0;observer;inputEl;value="";placeholder="Search customers, orders, products…";label;disabled=!1;open=!1;status="default";totalResults;showFooter=!0;listLabel="Search suggestions";recentLabel="Recent searches";jumpToLabel="Jump to";topMatchesLabel="Top matches";searchInLabel="Search in";navigateLabel="Navigate";searchLabel="Search";closeLabel="Close";fullResultsLabel="Full results";clearRecentLabel="Clear recent";seeAllLabel="See all results";emptyHeading="No results";emptyDescription="Try a different search.";clearSearchLabel="Clear search";errorHeading="Search isn’t available right now";errorDescription="We couldn’t reach the server. Your query is kept — try again in a moment.";retryLabel="Try again";filled={recent:!1,"jump-to":!1,"top-matches":!1,"search-in":!1};activeId=null;bsInput;bsSearch;bsSelect;bsOpenChange;bsClearRecent;bsClearSearch;bsSeeAll;bsRetry;resetActive(){this.activeId=null}componentWillLoad(){this.readFilled(),this.prepareItems()}connectedCallback(){document.addEventListener("pointerdown",this.onDocPointerDown,!0),this.observer=new MutationObserver((()=>{this.readFilled(),this.prepareItems(),this.paintActive()})),this.observer.observe(this.el,{childList:!0})}disconnectedCallback(){document.removeEventListener("pointerdown",this.onDocPointerDown,!0),this.observer?.disconnect()}componentDidRender(){this.prepareItems(),this.paintActive()}allItems(){return Array.from(this.el.children).filter((s=>"BS-SEARCH-ITEM"===s.tagName&&v.includes(s.getAttribute("slot"))))}visibleItems(){if(!this.open)return[];const s=this.allItems();return(g[this.status]??[]).flatMap((e=>s.filter((s=>s.getAttribute("slot")===e))))}enabledItems(){return this.visibleItems().filter((s=>!s.disabled))}readFilled(){const s={...this.filled};let e=!1;for(const t of v){const a=Array.from(this.el.children).some((s=>s.getAttribute("slot")===t));s[t]!==a&&(s[t]=a,e=!0)}e&&(this.filled=s)}prepareItems(){for(const s of this.allItems())"option"!==s.selectionRole&&(s.selectionRole="option"),s.id||(s.id=`${this.id}-opt-${++this.itemSeq}`)}paintActive(){for(const s of this.allItems()){const e=!!this.activeId&&s.id===this.activeId;s.active!==e&&(s.active=e)}}setOpen(s){s&&this.disabled||this.open!==s&&(this.open=s,this.bsOpenChange.emit(s))}setActive(s){this.activeId=s?s.id:null,this.paintActive(),s?.scrollIntoView?.({block:"nearest"})}onDocPointerDown=s=>{this.open&&(s.composedPath().includes(this.el)||this.setOpen(!1))};onInput=s=>{s.stopPropagation(),this.value=s.detail,this.activeId=null,this.bsInput.emit(s.detail),this.setOpen(!0)};onKeyDown=s=>{switch(s.key){case"ArrowDown":case"ArrowUp":{if(s.preventDefault(),!this.open)return void this.setOpen(!0);const e=this.enabledItems();if(!e.length)return;const t=e.findIndex((s=>s.id===this.activeId));return void this.setActive(e["ArrowDown"===s.key?(t+1)%e.length:t<=0?e.length-1:t-1])}case"Enter":{const e=this.open?this.enabledItems().find((s=>s.id===this.activeId)):void 0;return void(e?(s.preventDefault(),e.click()):(this.bsSearch.emit(this.value),this.setOpen(!1)))}case"Escape":return void(this.open&&(s.preventDefault(),s.stopPropagation(),this.setOpen(!1)))}};onItemSelect(s){const e=s.target;e&&"BS-SEARCH-ITEM"===e.tagName&&(s.stopPropagation(),this.bsSelect.emit({value:s.detail,section:e.getAttribute("slot")??""}),this.setOpen(!1))}onPanelMouseOver=s=>{const e=s.composedPath().find((s=>"BS-SEARCH-ITEM"===s.tagName));e&&!e.disabled&&e.id!==this.activeId&&this.setActive(e)};clearSearch=()=>{this.value="",this.bsClearSearch.emit(),this.inputEl?.focus()};sectionLabel(s){return{recent:this.recentLabel,"jump-to":this.jumpToLabel,"top-matches":this.topMatchesLabel,"search-in":this.searchInLabel}[s]}renderHint(s,e){return r("span",{part:"hint",class:"bs-global-search__hint"},s,r("span",{class:"bs-global-search__hint-text"},e))}renderFooter(){const s="number"==typeof this.totalResults,e=r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M9 14 4 9l5-5"}),r("path",{d:"M4 9h10.5a5.5 5.5 0 0 1 0 11H11"})));return"results"===this.status?r("div",{part:"footer",class:"bs-global-search__footer"},r("div",{part:"see-all",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.seeAll()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.seeAll()},s?`See all ${this.totalResults} results`:this.seeAllLabel)),r("span",{class:"bs-global-search__spacer"}),this.renderHint([e],this.fullResultsLabel)):r("div",{part:"footer",class:"bs-global-search__footer"},this.renderHint([r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M12 19V5M5 12l7-7 7 7"}))),r("bs-key",null,r("svg",{slot:"icon",...y},r("path",{d:"M12 5v14M5 12l7 7 7-7"})))],this.navigateLabel),this.renderHint([e],this.searchLabel),this.renderHint([r("bs-key",{label:"Esc"})],this.closeLabel),r("span",{class:"bs-global-search__spacer"}),this.filled.recent&&r("div",{part:"clear-recent",class:"bs-global-search__action",onClick:this.onActionWrapperClick((()=>this.bsClearRecent.emit()))},r("bs-button",{class:"bs-global-search__text-button",variant:"subtle",size:"sm",onClick:()=>this.bsClearRecent.emit()},this.clearRecentLabel)))}seeAll(){this.bsSeeAll.emit(),this.setOpen(!1)}onActionWrapperClick=s=>e=>{e.target===e.currentTarget&&s()};renderStateBlock(s){const e="empty"===s;return r("slot",{name:s},r("bs-empty-state",{part:"empty",intent:e?"default":"error",heading:e?this.emptyHeading:this.errorHeading,description:e?this.emptyDescription:this.errorDescription},e?r("svg",{slot:"icon",...y},r("circle",{cx:"11",cy:"11",r:"7"}),r("path",{d:"m20 20-3.5-3.5"})):r("svg",{slot:"icon",...y},r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 7.5v5M12 16.2v.1"})),r("bs-button",{slot:"action",variant:"outlined",onClick:()=>e?this.clearSearch():this.bsRetry.emit()},e?this.clearSearchLabel:this.retryLabel)))}announcement(){return this.open?"results"===this.status?"number"==typeof this.totalResults?this.totalResults+" results":"":"empty"===this.status?this.emptyHeading:"error"===this.status?this.errorHeading:"":""}render(){const s=(g[this.status]??[]).filter((s=>this.filled[s])),e=s.length>0,t=this.id+"-listbox",a="default"===this.status||"results"===this.status,i=this.showFooter&&a;return r("div",{key:"2d45d72757ec457f9bb684fd93de4a49a084dfd4",class:"bs-global-search"},r("div",{key:"7b1e136ca729ce6a8aca989b0e45e32de617a095",part:"field",class:"bs-global-search__field",role:"combobox","aria-label":this.label||this.placeholder,"aria-expanded":(this.open&&e)+"","aria-haspopup":"listbox","aria-controls":this.open&&e?t:void 0,"aria-activedescendant":this.open&&this.activeId?this.activeId:void 0,onKeyDown:this.onKeyDown,onFocusin:()=>this.setOpen(!0),onClick:()=>this.setOpen(!0)},r("bs-input",{key:"fe16150d64aad5aa5235a325c5d6d2df47f773d4",ref:s=>this.inputEl=s,type:"search",value:this.value,placeholder:this.placeholder,disabled:this.disabled,onBsInput:this.onInput})),this.open&&r("div",{key:"fe33656e32a9b7753685bc0854c817e310b7fdb9",part:"panel",class:"bs-global-search__panel",onMouseDown:s=>s.preventDefault(),onMouseOver:this.onPanelMouseOver},a&&e&&r("div",{key:"9273862a5cb63825652c187cea8b9aabf78179cc",id:t,class:"bs-global-search__list",role:"listbox","aria-label":this.listLabel},s.map((s=>{const e=`${this.id}-h-${s}`;return r("div",{part:"section",class:"bs-global-search__section",role:"group","aria-labelledby":e},r("div",{part:"section-header",id:e,class:"bs-global-search__section-header"},this.sectionLabel(s)),r("slot",{name:s}))}))),"empty"===this.status&&this.renderStateBlock("empty"),"error"===this.status&&this.renderStateBlock("error"),i&&this.renderFooter()),r("span",{key:"f9f687273bf843a8ee4fcdfcfa196d79c67a5791",class:"bs-global-search__live","aria-live":"polite"},this.announcement()))}static get watchers(){return{status:[{resetActive:0}],open:[{resetActive:0}]}}static get style(){return":host{display:block;position:relative;box-sizing:border-box;width:var(--bs-global-search-width);max-width:100%;--bs-global-search-width:480px;--bs-global-search-panel-radius:var(--bs-border-radius-100);--bs-global-search-panel-padding:var(--bs-spacing-100);--bs-global-search-gap:var(--bs-spacing-100);--bs-global-search-panel-bg:var(--bs-surface-base);--bs-global-search-shadow:0 var(--bs-shadow-position-50) var(--bs-shadow-blur-100) 0 var(--bs-elevation-high);--bs-global-search-z-index:var(--bs-z-index-dropdown);--bs-global-search-divider-color:var(--bs-border-default);--bs-global-search-header-border-color:var(--bs-border-neutral-container);--bs-global-search-header-color:var(--bs-text-muted);--bs-global-search-hint-color:var(--bs-text-secondary)}.bs-global-search{position:relative}.bs-global-search__field bs-input{width:100%}.bs-global-search__panel{position:absolute;top:calc(100% + var(--bs-global-search-gap));left:0;right:0;z-index:var(--bs-global-search-z-index);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--bs-global-search-gap);padding:var(--bs-global-search-panel-padding);overflow:clip;border-radius:var(--bs-global-search-panel-radius);background:var(--bs-global-search-panel-bg);box-shadow:var(--bs-global-search-shadow)}.bs-global-search__list{display:flex;flex-direction:column;gap:var(--bs-global-search-gap)}.bs-global-search__section{display:flex;flex-direction:column}.bs-global-search__section-header{padding:var(--bs-spacing-150) var(--bs-spacing-150) var(--bs-spacing-100);border-bottom:1px solid var(--bs-global-search-header-border-color);color:var(--bs-global-search-header-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-global-search__footer{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-100) var(--bs-spacing-100) var(--bs-spacing-50);border-top:1px solid var(--bs-global-search-divider-color)}.bs-global-search__hint{display:inline-flex;align-items:center;gap:var(--bs-spacing-50);color:var(--bs-global-search-hint-color);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}.bs-global-search__spacer{flex:1 1 0}.bs-global-search__action{display:flex;align-items:center;min-height:44px;cursor:pointer}.bs-global-search__text-button{--bs-button-height-sm:32px;--bs-button-padding-x-sm:var(--bs-spacing-150);--bs-button-radius:var(--bs-border-radius-100);--bs-button-subtle-color:var(--bs-text-default)}.bs-global-search__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}"}},[769,"bs-global-search",{value:[1025],placeholder:[1],label:[1],disabled:[516],open:[1540],status:[513],totalResults:[2,"total-results"],showFooter:[4,"show-footer"],listLabel:[1,"list-label"],recentLabel:[1,"recent-label"],jumpToLabel:[1,"jump-to-label"],topMatchesLabel:[1,"top-matches-label"],searchInLabel:[1,"search-in-label"],navigateLabel:[1,"navigate-label"],searchLabel:[1,"search-label"],closeLabel:[1,"close-label"],fullResultsLabel:[1,"full-results-label"],clearRecentLabel:[1,"clear-recent-label"],seeAllLabel:[1,"see-all-label"],emptyHeading:[1,"empty-heading"],emptyDescription:[1,"empty-description"],clearSearchLabel:[1,"clear-search-label"],errorHeading:[1,"error-heading"],errorDescription:[1,"error-description"],retryLabel:[1,"retry-label"],filled:[32],activeId:[32]},[[0,"bsItemSelect","onItemSelect"]],{status:[{resetActive:0}],open:[{resetActive:0}]}]);function x(){"undefined"!=typeof customElements&&["bs-global-search","bs-button","bs-chip-informative","bs-empty-state","bs-icon-button","bs-icon-tile","bs-input","bs-key","bs-menu","bs-menu-item","bs-ripple","bs-spinner"].forEach((e=>{switch(e){case"bs-global-search":customElements.get(s(e))||customElements.define(s(e),_);break;case"bs-button":customElements.get(s(e))||i();break;case"bs-chip-informative":customElements.get(s(e))||l();break;case"bs-empty-state":customElements.get(s(e))||o();break;case"bs-icon-button":customElements.get(s(e))||c();break;case"bs-icon-tile":customElements.get(s(e))||n();break;case"bs-input":customElements.get(s(e))||b();break;case"bs-key":customElements.get(s(e))||h();break;case"bs-menu":customElements.get(s(e))||p();break;case"bs-menu-item":customElements.get(s(e))||d();break;case"bs-ripple":customElements.get(s(e))||u();break;case"bs-spinner":customElements.get(s(e))||m()}}))}x();const w=_,k=x;export{w as BsGlobalSearch,k as defineCustomElement}

package/dist/components/bs-input.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-D3XmFqCQ.js";const m=o,p=s;export{m as BsInput,p as defineCustomElement}
+import{B as o,d as s}from"./p-B5yjDh8h.js";const p=o,r=s;export{p as BsInput,r as defineCustomElement}

package/dist/components/bs-keyboard-shortcuts.js

@@ -1 +1 @@
-import{t as s,p as e,H as t,c as o,h as a}from"./p-CcAX4o5o.js";import{d as r}from"./p-mxDA3wKn.js";import{d as c}from"./p-CePOtLtZ.js";import{d as i}from"./p-wd9-vGpQ.js";import{d as b}from"./p-D3XmFqCQ.js";import{d}from"./p-BB1HiIxJ.js";import{d as h}from"./p-Ba8J2kHD.js";import{d as n}from"./p-CxNNy2m6.js";import{d as l}from"./p-BR7C-aKy.js";import{d as u}from"./p-DaKBSL2O.js";import{d as p}from"./p-DBgafacj.js";import{d as y}from"./p-D4W5LcEW.js";import{d as f}from"./p-DARbgzSz.js";let k=0;const m=s=>Array.isArray(s)?s.filter((s=>""!==s)):((s??"")+"").split("+").map((s=>s.trim())).filter(Boolean),g=s=>{if(void 0!==s.singleKey)return s.singleKey;const e=m(s.keys);return 1===e.length&&1===e[0].length},v=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsClose=o(this,"bsClose"),this.bsQueryChange=o(this,"bsQueryChange"),this.bsSingleKeyChange=o(this,"bsSingleKeyChange")}id="bs-ks-"+ ++k;groups=[];heading="Keyboard shortcuts";closeLabel="Close";searchPlaceholder="Search for an action";query="";showSingleKeySwitch=!0;singleKeyEnabled=!0;singleKeyLabel="Single-key shortcuts";singleKeyDescription="Turn off if they clash with a screen reader or other tools.";showFooterHint=!0;footerKey="?";footerText="anywhere to open this list. On Mac: Cmd instead of Ctrl.";footerPrefix="Press";noResultsText="No shortcuts match";bsClose;bsQueryChange;bsSingleKeyChange;visibleGroups(){const s=(this.query??"").trim().toLowerCase(),e=this.groups??[];return s?e.map((e=>({...e,shortcuts:(e.shortcuts??[]).filter((e=>e.action.toLowerCase().includes(s)||m(e.keys).join("+").toLowerCase().includes(s)))}))).filter((s=>s.shortcuts.length)):e.filter((s=>s.shortcuts?.length))}columns(s){const e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=[[],[]];let o=0;for(const a of s)t[o+a.shortcuts.length/2<=e/2?0:1].push(a),o+=a.shortcuts.length;return t[1].length?t:[t[0]]}onKeyDown=s=>{"Escape"===s.key&&this.bsClose.emit()};onInput=s=>{this.query=s.detail,this.bsQueryChange.emit(s.detail)};onSwitch=s=>{this.singleKeyEnabled=s.detail,this.bsSingleKeyChange.emit(s.detail)};render(){const s=this.visibleGroups(),e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=this.columns(s),o=this.id+"-heading",r=0===e&&""!==(this.query??"").trim();let c=0;return a("bs-card",{key:"4adbaa6128cadae5243d72c7664cc96bb8763170",part:"container",class:"bs-keyboard-shortcuts",surface:"base",role:"region","aria-labelledby":o,onKeyDown:this.onKeyDown},a("div",{key:"ced6be76eb5edf1f2ed715538ace0a90f1899088",class:"bs-keyboard-shortcuts__body"},a("div",{key:"63396fd9922f5fd22dfd8a6f7703e732423d0406",part:"head",class:"bs-keyboard-shortcuts__head"},a("svg",{key:"2b48b0537ad8c49966a33c15d3bd7642c61afaa1",class:"bs-keyboard-shortcuts__icon",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("rect",{key:"d1575e1a4caadd811d7738a97590b33772d09a3e",x:"2",y:"5",width:"20",height:"14",rx:"2"}),a("path",{key:"8396b0c4a04aa05015745191f5fffb8c9171b624",d:"M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6"})),a("h4",{key:"edc9090eeec79b8f9c4a732bcc307a3d64598180",part:"heading",id:o,class:"bs-keyboard-shortcuts__heading"},a("slot",{key:"845c9ee4429df39222cb4dc384bfa4d67f9fb32d",name:"heading"},this.heading)),a("bs-icon-button",{key:"a9920ff3ebdf761fcbcff5437883a0aa018b0515",part:"close",variant:"subtle",size:"md","aria-label":this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"1ba14bac88cb1e0b71c26920606926e04647b3f3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"a5bf2da4c4e046fbf47fcabfc9a359cc2f9e8af5",d:"M6 6l12 12M18 6 6 18"})))),a("bs-input",{key:"1494c19d015297481024fb24880129def85a5bf4",part:"search",type:"search",placeholder:this.searchPlaceholder,value:this.query,onBsInput:this.onInput}),this.showSingleKeySwitch&&a("div",{key:"021639f4a4aabd1a1e93bfa74005e748f10af296",part:"switch",class:"bs-keyboard-shortcuts__switch"},a("div",{key:"7038f274d674816a895538f29ed49893dfe73d71",class:"bs-keyboard-shortcuts__switch-text"},a("span",{key:"c478c63c210bf77c9b579d8be475e40807a3f794",class:"bs-keyboard-shortcuts__switch-title"},this.singleKeyLabel),a("span",{key:"0be8befdcf52d17e267ad00cc21582a470f3355b",class:"bs-keyboard-shortcuts__switch-caption"},this.singleKeyDescription)),a("bs-switch",{key:"413e6394239c8ae95db6dda07f3239dc371271dc",ariaLabel:this.singleKeyLabel,checked:this.singleKeyEnabled,onBsChange:this.onSwitch})),a("span",{key:"49ebad833d4086b6e9063cca321183050294974e",class:"bs-keyboard-shortcuts__live","aria-live":"polite"},`${e} shortcut${1===e?"":"s"}`),r?a("p",{part:"empty",class:"bs-keyboard-shortcuts__empty",role:"status"},this.noResultsText):a("div",{part:"groups",class:"bs-keyboard-shortcuts__groups"},t.map((s=>a("div",{class:"bs-keyboard-shortcuts__column"},s.map((s=>{const e=`${this.id}-g${c++}`;return a("div",{part:"group",class:"bs-keyboard-shortcuts__group",role:"group","aria-labelledby":e},a("div",{part:"group-title",id:e,class:"bs-keyboard-shortcuts__group-title"},s.title),a("div",{class:"bs-keyboard-shortcuts__rows",role:"list"},s.shortcuts.map((s=>a("bs-shortcut-row",{part:"row",action:s.action,keys:s.keys,selectionRole:"listitem",disabled:!!s.disabled||!this.singleKeyEnabled&&g(s)})))))})))))),this.showFooterHint&&a("div",{key:"c4664361e37fe30fedb7ad4fe70d563158f1b8b4",part:"footer",class:"bs-keyboard-shortcuts__footer"},a("slot",{key:"b3e9725588c19ed229c4b0ef41d5af770b9a254f",name:"footer"},a("span",{key:"4777b862d716e32dbaf52648b1657888a2edf469"},this.footerPrefix),a("bs-key",{key:"2181a463c533548e1248ac29935f44324f730aae",label:this.footerKey}),a("span",{key:"a768e533df52cca4e6576e9ec6824a9fc80bb3f3"},this.footerText)))))}static get style(){return":host{display:block;width:var(--bs-keyboard-shortcuts-width);min-width:var(--bs-keyboard-shortcuts-width);box-sizing:border-box;--bs-keyboard-shortcuts-width:720px;--bs-keyboard-shortcuts-bg:var(--bs-surface-base);--bs-keyboard-shortcuts-radius:var(--bs-border-radius-150);--bs-keyboard-shortcuts-padding:var(--bs-spacing-200);--bs-keyboard-shortcuts-gap:var(--bs-spacing-200);--bs-keyboard-shortcuts-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-100) 0 var(--bs-elevation-higher);--bs-keyboard-shortcuts-column-gap:var(--bs-spacing-600);--bs-keyboard-shortcuts-color:var(--bs-text-default);--bs-keyboard-shortcuts-color-secondary:var(--bs-text-secondary)}.bs-keyboard-shortcuts{display:block;--bs-card-bg:var(--bs-keyboard-shortcuts-bg);--bs-card-radius:var(--bs-keyboard-shortcuts-radius);--bs-card-padding:var(--bs-keyboard-shortcuts-padding);--bs-card-shadow:var(--bs-keyboard-shortcuts-shadow);--bs-card-overflow:visible;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__body{display:flex;flex-direction:column;gap:var(--bs-keyboard-shortcuts-gap)}.bs-keyboard-shortcuts__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-keyboard-shortcuts__icon{flex-shrink:0;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__heading{flex:1;margin:0;color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-keyboard-shortcuts__switch{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-keyboard-shortcuts__switch-text{flex:1;display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__switch-title{color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__switch-caption{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-keyboard-shortcuts__groups{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--bs-keyboard-shortcuts-column-gap);align-items:start}.bs-keyboard-shortcuts__column{display:flex;flex-direction:column;gap:var(--bs-spacing-200);min-width:0}.bs-keyboard-shortcuts__group{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__group-title{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__rows{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__empty{margin:0;color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__footer{display:flex;align-items:center;gap:var(--bs-spacing-75);color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);white-space:nowrap}"}},[769,"bs-keyboard-shortcuts",{groups:[16],heading:[1],closeLabel:[1,"close-label"],searchPlaceholder:[1,"search-placeholder"],query:[1025],showSingleKeySwitch:[4,"show-single-key-switch"],singleKeyEnabled:[1540,"single-key-enabled"],singleKeyLabel:[1,"single-key-label"],singleKeyDescription:[1,"single-key-description"],showFooterHint:[4,"show-footer-hint"],footerKey:[1,"footer-key"],footerText:[1,"footer-text"],footerPrefix:[1,"footer-prefix"],noResultsText:[1,"no-results-text"]}]);function w(){"undefined"!=typeof customElements&&["bs-keyboard-shortcuts","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-key","bs-key-caps","bs-menu","bs-menu-item","bs-ripple","bs-shortcut-row","bs-spinner","bs-switch"].forEach((e=>{switch(e){case"bs-keyboard-shortcuts":customElements.get(s(e))||customElements.define(s(e),v);break;case"bs-card":customElements.get(s(e))||r();break;case"bs-chip-informative":customElements.get(s(e))||c();break;case"bs-icon-button":customElements.get(s(e))||i();break;case"bs-input":customElements.get(s(e))||b();break;case"bs-key":customElements.get(s(e))||d();break;case"bs-key-caps":customElements.get(s(e))||h();break;case"bs-menu":customElements.get(s(e))||n();break;case"bs-menu-item":customElements.get(s(e))||l();break;case"bs-ripple":customElements.get(s(e))||u();break;case"bs-shortcut-row":customElements.get(s(e))||p();break;case"bs-spinner":customElements.get(s(e))||y();break;case"bs-switch":customElements.get(s(e))||f()}}))}w();const _=v,x=w;export{_ as BsKeyboardShortcuts,x as defineCustomElement}
+import{t as s,p as e,H as t,c as o,h as a}from"./p-CcAX4o5o.js";import{d as r}from"./p-mxDA3wKn.js";import{d as c}from"./p-_zxYDrzi.js";import{d as i}from"./p-wd9-vGpQ.js";import{d as b}from"./p-B5yjDh8h.js";import{d}from"./p-BB1HiIxJ.js";import{d as h}from"./p-Ba8J2kHD.js";import{d as n}from"./p-CxNNy2m6.js";import{d as l}from"./p-BR7C-aKy.js";import{d as u}from"./p-DaKBSL2O.js";import{d as p}from"./p-DUV80kt-.js";import{d as y}from"./p-D4W5LcEW.js";import{d as f}from"./p-DARbgzSz.js";let k=0;const m=s=>Array.isArray(s)?s.filter((s=>""!==s)):((s??"")+"").split("+").map((s=>s.trim())).filter(Boolean),g=s=>{if(void 0!==s.singleKey)return s.singleKey;const e=m(s.keys);return 1===e.length&&1===e[0].length},v=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsClose=o(this,"bsClose"),this.bsQueryChange=o(this,"bsQueryChange"),this.bsSingleKeyChange=o(this,"bsSingleKeyChange")}id="bs-ks-"+ ++k;groups=[];heading="Keyboard shortcuts";closeLabel="Close";searchPlaceholder="Search for an action";query="";showSingleKeySwitch=!0;singleKeyEnabled=!0;singleKeyLabel="Single-key shortcuts";singleKeyDescription="Turn off if they clash with a screen reader or other tools.";showFooterHint=!0;footerKey="?";footerText="anywhere to open this list. On Mac: Cmd instead of Ctrl.";footerPrefix="Press";noResultsText="No shortcuts match";bsClose;bsQueryChange;bsSingleKeyChange;visibleGroups(){const s=(this.query??"").trim().toLowerCase(),e=this.groups??[];return s?e.map((e=>({...e,shortcuts:(e.shortcuts??[]).filter((e=>e.action.toLowerCase().includes(s)||m(e.keys).join("+").toLowerCase().includes(s)))}))).filter((s=>s.shortcuts.length)):e.filter((s=>s.shortcuts?.length))}columns(s){const e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=[[],[]];let o=0;for(const a of s)t[o+a.shortcuts.length/2<=e/2?0:1].push(a),o+=a.shortcuts.length;return t[1].length?t:[t[0]]}onKeyDown=s=>{"Escape"===s.key&&this.bsClose.emit()};onInput=s=>{this.query=s.detail,this.bsQueryChange.emit(s.detail)};onSwitch=s=>{this.singleKeyEnabled=s.detail,this.bsSingleKeyChange.emit(s.detail)};render(){const s=this.visibleGroups(),e=s.reduce(((s,e)=>s+e.shortcuts.length),0),t=this.columns(s),o=this.id+"-heading",r=0===e&&""!==(this.query??"").trim();let c=0;return a("bs-card",{key:"4adbaa6128cadae5243d72c7664cc96bb8763170",part:"container",class:"bs-keyboard-shortcuts",surface:"base",role:"region","aria-labelledby":o,onKeyDown:this.onKeyDown},a("div",{key:"ced6be76eb5edf1f2ed715538ace0a90f1899088",class:"bs-keyboard-shortcuts__body"},a("div",{key:"63396fd9922f5fd22dfd8a6f7703e732423d0406",part:"head",class:"bs-keyboard-shortcuts__head"},a("svg",{key:"2b48b0537ad8c49966a33c15d3bd7642c61afaa1",class:"bs-keyboard-shortcuts__icon",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("rect",{key:"d1575e1a4caadd811d7738a97590b33772d09a3e",x:"2",y:"5",width:"20",height:"14",rx:"2"}),a("path",{key:"8396b0c4a04aa05015745191f5fffb8c9171b624",d:"M6 9h.01M10 9h.01M14 9h.01M18 9h.01M6 13h.01M18 13h.01M9 15.5h6"})),a("h4",{key:"edc9090eeec79b8f9c4a732bcc307a3d64598180",part:"heading",id:o,class:"bs-keyboard-shortcuts__heading"},a("slot",{key:"845c9ee4429df39222cb4dc384bfa4d67f9fb32d",name:"heading"},this.heading)),a("bs-icon-button",{key:"a9920ff3ebdf761fcbcff5437883a0aa018b0515",part:"close",variant:"subtle",size:"md","aria-label":this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"1ba14bac88cb1e0b71c26920606926e04647b3f3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"a5bf2da4c4e046fbf47fcabfc9a359cc2f9e8af5",d:"M6 6l12 12M18 6 6 18"})))),a("bs-input",{key:"1494c19d015297481024fb24880129def85a5bf4",part:"search",type:"search",placeholder:this.searchPlaceholder,value:this.query,onBsInput:this.onInput}),this.showSingleKeySwitch&&a("div",{key:"021639f4a4aabd1a1e93bfa74005e748f10af296",part:"switch",class:"bs-keyboard-shortcuts__switch"},a("div",{key:"7038f274d674816a895538f29ed49893dfe73d71",class:"bs-keyboard-shortcuts__switch-text"},a("span",{key:"c478c63c210bf77c9b579d8be475e40807a3f794",class:"bs-keyboard-shortcuts__switch-title"},this.singleKeyLabel),a("span",{key:"0be8befdcf52d17e267ad00cc21582a470f3355b",class:"bs-keyboard-shortcuts__switch-caption"},this.singleKeyDescription)),a("bs-switch",{key:"413e6394239c8ae95db6dda07f3239dc371271dc",ariaLabel:this.singleKeyLabel,checked:this.singleKeyEnabled,onBsChange:this.onSwitch})),a("span",{key:"49ebad833d4086b6e9063cca321183050294974e",class:"bs-keyboard-shortcuts__live","aria-live":"polite"},`${e} shortcut${1===e?"":"s"}`),r?a("p",{part:"empty",class:"bs-keyboard-shortcuts__empty",role:"status"},this.noResultsText):a("div",{part:"groups",class:"bs-keyboard-shortcuts__groups"},t.map((s=>a("div",{class:"bs-keyboard-shortcuts__column"},s.map((s=>{const e=`${this.id}-g${c++}`;return a("div",{part:"group",class:"bs-keyboard-shortcuts__group",role:"group","aria-labelledby":e},a("div",{part:"group-title",id:e,class:"bs-keyboard-shortcuts__group-title"},s.title),a("div",{class:"bs-keyboard-shortcuts__rows",role:"list"},s.shortcuts.map((s=>a("bs-shortcut-row",{part:"row",action:s.action,keys:s.keys,selectionRole:"listitem",disabled:!!s.disabled||!this.singleKeyEnabled&&g(s)})))))})))))),this.showFooterHint&&a("div",{key:"c4664361e37fe30fedb7ad4fe70d563158f1b8b4",part:"footer",class:"bs-keyboard-shortcuts__footer"},a("slot",{key:"b3e9725588c19ed229c4b0ef41d5af770b9a254f",name:"footer"},a("span",{key:"4777b862d716e32dbaf52648b1657888a2edf469"},this.footerPrefix),a("bs-key",{key:"2181a463c533548e1248ac29935f44324f730aae",label:this.footerKey}),a("span",{key:"a768e533df52cca4e6576e9ec6824a9fc80bb3f3"},this.footerText)))))}static get style(){return":host{display:block;width:var(--bs-keyboard-shortcuts-width);min-width:var(--bs-keyboard-shortcuts-width);box-sizing:border-box;--bs-keyboard-shortcuts-width:720px;--bs-keyboard-shortcuts-bg:var(--bs-surface-base);--bs-keyboard-shortcuts-radius:var(--bs-border-radius-150);--bs-keyboard-shortcuts-padding:var(--bs-spacing-200);--bs-keyboard-shortcuts-gap:var(--bs-spacing-200);--bs-keyboard-shortcuts-shadow:0 var(--bs-shadow-position-100) var(--bs-shadow-blur-100) 0 var(--bs-elevation-higher);--bs-keyboard-shortcuts-column-gap:var(--bs-spacing-600);--bs-keyboard-shortcuts-color:var(--bs-text-default);--bs-keyboard-shortcuts-color-secondary:var(--bs-text-secondary)}.bs-keyboard-shortcuts{display:block;--bs-card-bg:var(--bs-keyboard-shortcuts-bg);--bs-card-radius:var(--bs-keyboard-shortcuts-radius);--bs-card-padding:var(--bs-keyboard-shortcuts-padding);--bs-card-shadow:var(--bs-keyboard-shortcuts-shadow);--bs-card-overflow:visible;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__body{display:flex;flex-direction:column;gap:var(--bs-keyboard-shortcuts-gap)}.bs-keyboard-shortcuts__head{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-keyboard-shortcuts__icon{flex-shrink:0;color:var(--bs-keyboard-shortcuts-color)}.bs-keyboard-shortcuts__heading{flex:1;margin:0;color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-heading-h4) * 1px)}.bs-keyboard-shortcuts__switch{display:flex;align-items:center;gap:var(--bs-spacing-200)}.bs-keyboard-shortcuts__switch-text{flex:1;display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__switch-title{color:var(--bs-keyboard-shortcuts-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__switch-caption{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bs-keyboard-shortcuts__groups{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:var(--bs-keyboard-shortcuts-column-gap);align-items:start}.bs-keyboard-shortcuts__column{display:flex;flex-direction:column;gap:var(--bs-spacing-200);min-width:0}.bs-keyboard-shortcuts__group{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__group-title{color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-keyboard-shortcuts__rows{display:flex;flex-direction:column;gap:var(--bs-spacing-25)}.bs-keyboard-shortcuts__empty{margin:0;color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-sm);line-height:calc(var(--bs-line-height-body-sm) * 1px)}.bs-keyboard-shortcuts__footer{display:flex;align-items:center;gap:var(--bs-spacing-75);color:var(--bs-keyboard-shortcuts-color-secondary);font-size:var(--bs-font-size-xs);line-height:calc(var(--bs-line-height-caption-sm) * 1px);white-space:nowrap}"}},[769,"bs-keyboard-shortcuts",{groups:[16],heading:[1],closeLabel:[1,"close-label"],searchPlaceholder:[1,"search-placeholder"],query:[1025],showSingleKeySwitch:[4,"show-single-key-switch"],singleKeyEnabled:[1540,"single-key-enabled"],singleKeyLabel:[1,"single-key-label"],singleKeyDescription:[1,"single-key-description"],showFooterHint:[4,"show-footer-hint"],footerKey:[1,"footer-key"],footerText:[1,"footer-text"],footerPrefix:[1,"footer-prefix"],noResultsText:[1,"no-results-text"]}]);function w(){"undefined"!=typeof customElements&&["bs-keyboard-shortcuts","bs-card","bs-chip-informative","bs-icon-button","bs-input","bs-key","bs-key-caps","bs-menu","bs-menu-item","bs-ripple","bs-shortcut-row","bs-spinner","bs-switch"].forEach((e=>{switch(e){case"bs-keyboard-shortcuts":customElements.get(s(e))||customElements.define(s(e),v);break;case"bs-card":customElements.get(s(e))||r();break;case"bs-chip-informative":customElements.get(s(e))||c();break;case"bs-icon-button":customElements.get(s(e))||i();break;case"bs-input":customElements.get(s(e))||b();break;case"bs-key":customElements.get(s(e))||d();break;case"bs-key-caps":customElements.get(s(e))||h();break;case"bs-menu":customElements.get(s(e))||n();break;case"bs-menu-item":customElements.get(s(e))||l();break;case"bs-ripple":customElements.get(s(e))||u();break;case"bs-shortcut-row":customElements.get(s(e))||p();break;case"bs-spinner":customElements.get(s(e))||y();break;case"bs-switch":customElements.get(s(e))||f()}}))}w();const _=v,x=w;export{_ as BsKeyboardShortcuts,x as defineCustomElement}

package/dist/components/bs-mega-menu.js

@@ -1 +1 @@
-import{t as e,p as s,H as a,c as t,h as n,d as i}from"./p-CcAX4o5o.js";import{c as r,r as o,p as c}from"./p-BSt9HeTa.js";import{d as m}from"./p-mxDA3wKn.js";import{d as b}from"./p-CePOtLtZ.js";import{d}from"./p-DMp5CvEJ.js";import{d as l}from"./p-DL9HtG41.js";import{d as u}from"./p-Cz38kNDe.js";import{d as p}from"./p-BB1HiIxJ.js";import{d as g}from"./p-Ba8J2kHD.js";import{d as h}from"./p-DztU3DwY.js";let f=0;const v=s(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsMenuSelect=t(this,"bsMenuSelect"),this.bsClose=t(this,"bsClose")}get el(){return this}id="bs-mm-"+ ++f;type="columns";open;columns=[];featured;recent=[];label="Menu";recentLabel="Recently used:";shortcutLabel="Can’t find it? Press";shortcutKeys="Ctrl+K";shortcutKeysLabel;bsMenuSelect;bsClose;closing=!1;panelEl;enterPending=!1;exitPending=!1;motionRun=0;onOpenChange(e,s){this.motionRun++,r(this.panelEl),this.closing=!1,!0===e?this.enterPending=!0:!1===e&&!0===s&&!this.el.hidden&&o(this.el,"bs-mega-menu").ms>0&&(this.closing=!0,this.exitPending=!0)}componentDidRender(){if(this.exitPending&&(this.exitPending=!1,this.closing&&!1===this.open)){const{ms:e,easing:s,distance:a}=o(this.el,"bs-mega-menu"),t=++this.motionRun;c(this.panelEl,[{opacity:1,transform:"none"},{opacity:0,transform:`translateY(${-a}px)`}],e,s,"forwards").then((()=>{t===this.motionRun&&(this.closing=!1)}))}if(this.enterPending){this.enterPending=!1;const{ms:e,easing:s,distance:a}=o(this.el,"bs-mega-menu");e>0&&!0===this.open&&c(this.panelEl,[{opacity:0,transform:`translateY(${-a}px)`},{opacity:1,transform:"none"}],e,s)}}select(e,s){this.bsMenuSelect.emit(e).defaultPrevented&&s.preventDefault()}onKeyDown=e=>{"Escape"===e.key&&this.bsClose.emit()};renderItem(e){const s=s=>this.select(e,s);return n("li",null,"compact"===this.type?n("bs-compact-menu-block",{part:"block",name:e.label,onClick:s}):n("bs-menu-block",{part:"block",name:e.label,description:e.description,icon:e.icon,badge:e.badge,onClick:s}))}renderColumn(e){const s=`${this.id}-h-${e.id}`;return n("div",{part:"column",class:"bs-mega-menu__column",role:"group","aria-labelledby":s},n("div",{part:"heading",id:s,class:"bs-mega-menu__heading"},e.label),n("ul",{part:"list",role:"list",class:"bs-mega-menu__list"},e.items.map((e=>this.renderItem(e)))))}renderFeatured(){const e=this.id+"-featured";return n("div",{part:"featured",class:"bs-mega-menu__featured",role:"group","aria-labelledby":this.featured?e:void 0},n("slot",{name:"featured"},this.featured&&[n("p",{part:"featured-title",id:e,class:"bs-mega-menu__featured-title"},this.featured.title),this.featured.description&&n("p",{part:"featured-description",class:"bs-mega-menu__featured-description"},this.featured.description)]))}render(){const e=!!this.featured||!!this.el.querySelector(':scope > [slot="featured"]');return n(i,{key:"4e1ca5f61433cf2bb6c19b4ba62c6b936932401e","data-closed":!1!==this.open||this.closing?void 0:""},n("bs-card",{key:"4858dba5bafae10221a4acbaa03b0ebe6a2bdc1a",part:"panel",class:"bs-mega-menu",surface:"base",role:"navigation","aria-label":this.label,onKeyDown:this.onKeyDown,inert:this.closing,ref:e=>this.panelEl=e},n("div",{key:"ccecfe4344c62e17e987a3d9d12ac3d2444bcbd6",part:"columns",class:"bs-mega-menu__columns",style:{"--bs-mega-menu-tracks":Math.max(this.columns.length+(e?1:0),1)+""}},this.columns.map((e=>this.renderColumn(e))),e&&this.renderFeatured()),n("bs-divider",{key:"ce7d19d9bf5c5a8afaae6be8a28cc80ff91644a3",decorative:!0}),n("div",{key:"1dfb2400b86b11b6fd2bdd0deb856d3610d13e13",part:"footer",class:"bs-mega-menu__footer"},n("span",{key:"ab18853838c0e412b3f5e6d7d146e61150355569",class:"bs-mega-menu__footer-start"},n("slot",{key:"7edae96d3388a26b2c6d52a1a0e2719a816d1a47",name:"footer-start"},this.recent.length>0&&`${this.recentLabel} ${this.recent.join(", ")}`)),n("span",{key:"f67686ddb8f5eac6c58ba7ab5d9386c38b306ae1",class:"bs-mega-menu__footer-end"},n("slot",{key:"d3ec0812f016f8fc1639013212e4f804d050a591",name:"footer-end"},n("span",{key:"58235b6c41e41c541b79c55108fa7f0f24c40cdf",class:"bs-mega-menu__shortcut"},this.shortcutLabel,n("bs-key-caps",{key:"1d2d4a53a33ac046af88b78b59bc83e7b925ad56",part:"shortcut",keys:this.shortcutKeys,label:this.shortcutKeysLabel})))))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:block;box-sizing:border-box;container-type:inline-size;width:var(--bs-mega-menu-width);max-width:100%;--bs-mega-menu-width:1100px;--bs-mega-menu-radius:var(--bs-border-radius-150);--bs-mega-menu-bg:var(--bs-surface-base);--bs-mega-menu-border-color:var(--bs-border-default);--bs-mega-menu-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-50) var(--bs-shadow-blur-100) var(--bs-elevation-high);--bs-mega-menu-padding:var(--bs-spacing-300) calc(var(--bs-spacing-300) + var(--bs-spacing-50));--bs-mega-menu-gap:var(--bs-spacing-300);--bs-mega-menu-heading-color:var(--bs-text-muted);--bs-mega-menu-text-color:var(--bs-text-default);--bs-mega-menu-muted-color:var(--bs-text-secondary);--bs-mega-menu-duration:var(--bs-duration-default);--bs-mega-menu-easing:var(--bs-easing-standard);--bs-mega-menu-distance:var(--bs-spacing-100)}:host([hidden]),:host([data-closed]){display:none}.bs-mega-menu{display:block;--bs-card-bg:var(--bs-mega-menu-bg);--bs-card-radius:var(--bs-mega-menu-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-mega-menu-border-color);--bs-card-shadow:var(--bs-mega-menu-shadow);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-mega-menu__columns{display:grid;grid-template-columns:repeat(var(--bs-mega-menu-tracks), minmax(0, 1fr));gap:var(--bs-mega-menu-gap);padding:var(--bs-mega-menu-padding);padding-bottom:var(--bs-spacing-100)}.bs-mega-menu__heading{margin:0 0 var(--bs-spacing-50);color:var(--bs-mega-menu-heading-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__list{display:block;margin:0;padding:0;list-style:none}.bs-mega-menu__featured{padding-top:var(--bs-spacing-300)}.bs-mega-menu__featured-title,.bs-mega-menu__featured-description{margin:0}.bs-mega-menu__featured-title{color:var(--bs-mega-menu-text-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__featured-description{margin-top:var(--bs-spacing-100);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer-end{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}@container (max-width: 599px){.bs-mega-menu__columns{grid-template-columns:minmax(0, 1fr);padding:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}bs-menu-block{--bs-menu-block-white-space:normal;min-height:var(--bs-scale-550)}bs-compact-menu-block{--bs-compact-menu-block-padding:var(--bs-spacing-150) var(--bs-spacing-100);min-height:var(--bs-scale-550)}.bs-mega-menu__featured{padding-top:var(--bs-spacing-100)}.bs-mega-menu__footer{flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:none}}"}},[769,"bs-mega-menu",{type:[513],open:[516],columns:[16],featured:[16],recent:[16],label:[1],recentLabel:[1,"recent-label"],shortcutLabel:[1,"shortcut-label"],shortcutKeys:[1,"shortcut-keys"],shortcutKeysLabel:[1,"shortcut-keys-label"],closing:[32]},void 0,{open:[{onOpenChange:0}]}]);function y(){"undefined"!=typeof customElements&&["bs-mega-menu","bs-card","bs-chip-informative","bs-compact-menu-block","bs-divider","bs-icon-tile","bs-key","bs-key-caps","bs-menu-block"].forEach((s=>{switch(s){case"bs-mega-menu":customElements.get(e(s))||customElements.define(e(s),v);break;case"bs-card":customElements.get(e(s))||m();break;case"bs-chip-informative":customElements.get(e(s))||b();break;case"bs-compact-menu-block":customElements.get(e(s))||d();break;case"bs-divider":customElements.get(e(s))||l();break;case"bs-icon-tile":customElements.get(e(s))||u();break;case"bs-key":customElements.get(e(s))||p();break;case"bs-key-caps":customElements.get(e(s))||g();break;case"bs-menu-block":customElements.get(e(s))||h()}}))}y();const _=v,k=y;export{_ as BsMegaMenu,k as defineCustomElement}
+import{t as e,p as s,H as a,c as t,h as n,d as i}from"./p-CcAX4o5o.js";import{c as r,r as o,p as c}from"./p-BSt9HeTa.js";import{d as m}from"./p-mxDA3wKn.js";import{d as b}from"./p-_zxYDrzi.js";import{d}from"./p-DMp5CvEJ.js";import{d as l}from"./p-DL9HtG41.js";import{d as u}from"./p-Cz38kNDe.js";import{d as p}from"./p-BB1HiIxJ.js";import{d as g}from"./p-Ba8J2kHD.js";import{d as h}from"./p-CKTbatgt.js";let f=0;const v=s(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsMenuSelect=t(this,"bsMenuSelect"),this.bsClose=t(this,"bsClose")}get el(){return this}id="bs-mm-"+ ++f;type="columns";open;columns=[];featured;recent=[];label="Menu";recentLabel="Recently used:";shortcutLabel="Can’t find it? Press";shortcutKeys="Ctrl+K";shortcutKeysLabel;bsMenuSelect;bsClose;closing=!1;panelEl;enterPending=!1;exitPending=!1;motionRun=0;onOpenChange(e,s){this.motionRun++,r(this.panelEl),this.closing=!1,!0===e?this.enterPending=!0:!1===e&&!0===s&&!this.el.hidden&&o(this.el,"bs-mega-menu").ms>0&&(this.closing=!0,this.exitPending=!0)}componentDidRender(){if(this.exitPending&&(this.exitPending=!1,this.closing&&!1===this.open)){const{ms:e,easing:s,distance:a}=o(this.el,"bs-mega-menu"),t=++this.motionRun;c(this.panelEl,[{opacity:1,transform:"none"},{opacity:0,transform:`translateY(${-a}px)`}],e,s,"forwards").then((()=>{t===this.motionRun&&(this.closing=!1)}))}if(this.enterPending){this.enterPending=!1;const{ms:e,easing:s,distance:a}=o(this.el,"bs-mega-menu");e>0&&!0===this.open&&c(this.panelEl,[{opacity:0,transform:`translateY(${-a}px)`},{opacity:1,transform:"none"}],e,s)}}select(e,s){this.bsMenuSelect.emit(e).defaultPrevented&&s.preventDefault()}onKeyDown=e=>{"Escape"===e.key&&this.bsClose.emit()};renderItem(e){const s=s=>this.select(e,s);return n("li",null,"compact"===this.type?n("bs-compact-menu-block",{part:"block",name:e.label,onClick:s}):n("bs-menu-block",{part:"block",name:e.label,description:e.description,icon:e.icon,badge:e.badge,onClick:s}))}renderColumn(e){const s=`${this.id}-h-${e.id}`;return n("div",{part:"column",class:"bs-mega-menu__column",role:"group","aria-labelledby":s},n("div",{part:"heading",id:s,class:"bs-mega-menu__heading"},e.label),n("ul",{part:"list",role:"list",class:"bs-mega-menu__list"},e.items.map((e=>this.renderItem(e)))))}renderFeatured(){const e=this.id+"-featured";return n("div",{part:"featured",class:"bs-mega-menu__featured",role:"group","aria-labelledby":this.featured?e:void 0},n("slot",{name:"featured"},this.featured&&[n("p",{part:"featured-title",id:e,class:"bs-mega-menu__featured-title"},this.featured.title),this.featured.description&&n("p",{part:"featured-description",class:"bs-mega-menu__featured-description"},this.featured.description)]))}render(){const e=!!this.featured||!!this.el.querySelector(':scope > [slot="featured"]');return n(i,{key:"4e1ca5f61433cf2bb6c19b4ba62c6b936932401e","data-closed":!1!==this.open||this.closing?void 0:""},n("bs-card",{key:"4858dba5bafae10221a4acbaa03b0ebe6a2bdc1a",part:"panel",class:"bs-mega-menu",surface:"base",role:"navigation","aria-label":this.label,onKeyDown:this.onKeyDown,inert:this.closing,ref:e=>this.panelEl=e},n("div",{key:"ccecfe4344c62e17e987a3d9d12ac3d2444bcbd6",part:"columns",class:"bs-mega-menu__columns",style:{"--bs-mega-menu-tracks":Math.max(this.columns.length+(e?1:0),1)+""}},this.columns.map((e=>this.renderColumn(e))),e&&this.renderFeatured()),n("bs-divider",{key:"ce7d19d9bf5c5a8afaae6be8a28cc80ff91644a3",decorative:!0}),n("div",{key:"1dfb2400b86b11b6fd2bdd0deb856d3610d13e13",part:"footer",class:"bs-mega-menu__footer"},n("span",{key:"ab18853838c0e412b3f5e6d7d146e61150355569",class:"bs-mega-menu__footer-start"},n("slot",{key:"7edae96d3388a26b2c6d52a1a0e2719a816d1a47",name:"footer-start"},this.recent.length>0&&`${this.recentLabel} ${this.recent.join(", ")}`)),n("span",{key:"f67686ddb8f5eac6c58ba7ab5d9386c38b306ae1",class:"bs-mega-menu__footer-end"},n("slot",{key:"d3ec0812f016f8fc1639013212e4f804d050a591",name:"footer-end"},n("span",{key:"58235b6c41e41c541b79c55108fa7f0f24c40cdf",class:"bs-mega-menu__shortcut"},this.shortcutLabel,n("bs-key-caps",{key:"1d2d4a53a33ac046af88b78b59bc83e7b925ad56",part:"shortcut",keys:this.shortcutKeys,label:this.shortcutKeysLabel})))))))}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:block;box-sizing:border-box;container-type:inline-size;width:var(--bs-mega-menu-width);max-width:100%;--bs-mega-menu-width:1100px;--bs-mega-menu-radius:var(--bs-border-radius-150);--bs-mega-menu-bg:var(--bs-surface-base);--bs-mega-menu-border-color:var(--bs-border-default);--bs-mega-menu-shadow:var(--bs-shadow-position-0) var(--bs-shadow-position-50) var(--bs-shadow-blur-100) var(--bs-elevation-high);--bs-mega-menu-padding:var(--bs-spacing-300) calc(var(--bs-spacing-300) + var(--bs-spacing-50));--bs-mega-menu-gap:var(--bs-spacing-300);--bs-mega-menu-heading-color:var(--bs-text-muted);--bs-mega-menu-text-color:var(--bs-text-default);--bs-mega-menu-muted-color:var(--bs-text-secondary);--bs-mega-menu-duration:var(--bs-duration-default);--bs-mega-menu-easing:var(--bs-easing-standard);--bs-mega-menu-distance:var(--bs-spacing-100)}:host([hidden]),:host([data-closed]){display:none}.bs-mega-menu{display:block;--bs-card-bg:var(--bs-mega-menu-bg);--bs-card-radius:var(--bs-mega-menu-radius);--bs-card-padding:0px;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-mega-menu-border-color);--bs-card-shadow:var(--bs-mega-menu-shadow);font-family:var(--bs-typography-font-family-body, Roboto), sans-serif}.bs-mega-menu__columns{display:grid;grid-template-columns:repeat(var(--bs-mega-menu-tracks), minmax(0, 1fr));gap:var(--bs-mega-menu-gap);padding:var(--bs-mega-menu-padding);padding-bottom:var(--bs-spacing-100)}.bs-mega-menu__heading{margin:0 0 var(--bs-spacing-50);color:var(--bs-mega-menu-heading-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-semibold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__list{display:block;margin:0;padding:0;list-style:none}.bs-mega-menu__featured{padding-top:var(--bs-spacing-300)}.bs-mega-menu__featured-title,.bs-mega-menu__featured-description{margin:0}.bs-mega-menu__featured-title{color:var(--bs-mega-menu-text-color);font-size:var(--bs-fontsize-caption-sm);font-weight:var(--bs-font-weight-bold);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__featured-description{margin-top:var(--bs-spacing-100);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);color:var(--bs-mega-menu-muted-color);font-size:var(--bs-fontsize-caption-sm);line-height:calc(var(--bs-line-height-caption-sm) * 1px)}.bs-mega-menu__footer-end{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:inline-flex;align-items:center;gap:var(--bs-spacing-100)}@container (max-width: 599px){.bs-mega-menu__columns{grid-template-columns:minmax(0, 1fr);padding:var(--bs-spacing-200);padding-bottom:var(--bs-spacing-100)}bs-menu-block{--bs-menu-block-white-space:normal;min-height:var(--bs-scale-550)}bs-compact-menu-block{--bs-compact-menu-block-padding:var(--bs-spacing-150) var(--bs-spacing-100);min-height:var(--bs-scale-550)}.bs-mega-menu__featured{padding-top:var(--bs-spacing-100)}.bs-mega-menu__footer{flex-direction:column;align-items:flex-start;gap:var(--bs-spacing-100)}.bs-mega-menu__shortcut{display:none}}"}},[769,"bs-mega-menu",{type:[513],open:[516],columns:[16],featured:[16],recent:[16],label:[1],recentLabel:[1,"recent-label"],shortcutLabel:[1,"shortcut-label"],shortcutKeys:[1,"shortcut-keys"],shortcutKeysLabel:[1,"shortcut-keys-label"],closing:[32]},void 0,{open:[{onOpenChange:0}]}]);function y(){"undefined"!=typeof customElements&&["bs-mega-menu","bs-card","bs-chip-informative","bs-compact-menu-block","bs-divider","bs-icon-tile","bs-key","bs-key-caps","bs-menu-block"].forEach((s=>{switch(s){case"bs-mega-menu":customElements.get(e(s))||customElements.define(e(s),v);break;case"bs-card":customElements.get(e(s))||m();break;case"bs-chip-informative":customElements.get(e(s))||b();break;case"bs-compact-menu-block":customElements.get(e(s))||d();break;case"bs-divider":customElements.get(e(s))||l();break;case"bs-icon-tile":customElements.get(e(s))||u();break;case"bs-key":customElements.get(e(s))||p();break;case"bs-key-caps":customElements.get(e(s))||g();break;case"bs-menu-block":customElements.get(e(s))||h()}}))}y();const _=v,k=y;export{_ as BsMegaMenu,k as defineCustomElement}

package/dist/components/bs-menu-block.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-DztU3DwY.js";const t=o,p=s;export{t as BsMenuBlock,p as defineCustomElement}
+import{B as t,d as o}from"./p-CKTbatgt.js";const s=t,a=o;export{s as BsMenuBlock,a as defineCustomElement}

package/dist/components/bs-popover.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-CXv8kx8w.js";const p=o,r=s;export{p as BsPopover,r as defineCustomElement}
+import{B as o,d as s}from"./p-B81aicKA.js";const a=o,p=s;export{a as BsPopover,p as defineCustomElement}

package/dist/components/bs-qr-code.js

@@ -1 +1 @@
-import{t as e,p as o,H as s,c as r,h as a}from"./p-CcAX4o5o.js";import{d as t}from"./p-wscU7FUD.js";import{d}from"./p-mxDA3wKn.js";import{d as i}from"./p-CePOtLtZ.js";import{d as c}from"./p-wd9-vGpQ.js";import{d as b}from"./p-DLNoxNuW.js";import{d as n}from"./p-DaKBSL2O.js";const l=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(q,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(q,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"9dcc08a36b53be095268fa035cd353e9b7c41c99",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"a21cc673270c2c62b45d940f64c0bb699015aea6",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"041c7fa3a28984132b902790be6eb39a705d3264",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"98674de35512104169431e97649bc3c96503e0f8",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"7a23d1ca31ca4783e1dbd38b104d9b03b9005a22",class:"bs-qr-code__body"},a("div",{key:"6dd6d0b87236d6014a0139cde0eb4f1c49f58b6f",part:"head",class:"bs-qr-code__head"},a("p",{key:"daceb6bc02f5222d57d2927646eaf070b7bd2eb8",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"093646862310a7c1e1e69d50ce2fbb3e4a314b4c",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"1f72b15e61abefa109b2df0fbce25ca2361dc7ad",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"734ed44250b1c83b06cebadb1a79c4fdab8bd08a",part:"code",class:"bs-qr-code__code"},a("slot",{key:"c2387e32896dcff0b40cf6120c9a87288d473e2d",name:"code"},this.renderMatrix()),a("div",{key:"2201211627ac42a11c353d436133cc130d69fafd",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"f9951a31812036669bf4a478964b3ebfab6d1de6",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"13f499cb0d56c35f86dfd068e576d61ea2e7780f",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"ac7fa6ac5d9367812f679c8d43a5abdb65b07bbb",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"93d93733c7fa87f8def870f000b713347b0c991c",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"6ba70952dc39ec3feb3e1e93bcdbddad1ae0502d",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"9a010954e75bee6c336aa252497309774d99b186",part:"expiry",size:"md"},a(v,{key:"b8e4be04e71c93ce27c0ce62e33414d83a710d45",slot:"icon"}),this.expiry),s&&a("div",{key:"6f3c1a0894ddf3dad11981fae385fd5f8e8c1c22",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"6fcc1e9e93b22ce2a71195e471fc0283eba308ae",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(h,{key:"c8f881995f35bba01785f8c170625857c24c1a62",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"d0277646f40e5703dafa7d526d873c1f68506396",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(u,{key:"e4e0c6bd298beba16a1f60c11a0cbecff494a972",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),p={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},h=e=>a("svg",{...p,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),u=e=>a("svg",{...p,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),q=e=>a("svg",{...p,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),v=e=>a("svg",{...p,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function _(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress","bs-ripple"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),l);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||i();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b();break;case"bs-ripple":customElements.get(e(o))||n()}}))}_();const f=l,g=_;export{f as BsQrCode,g as defineCustomElement}
+import{t as e,p as o,H as s,c as r,h as a}from"./p-CcAX4o5o.js";import{d as t}from"./p-wscU7FUD.js";import{d}from"./p-mxDA3wKn.js";import{d as i}from"./p-_zxYDrzi.js";import{d as c}from"./p-wd9-vGpQ.js";import{d as b}from"./p-DLNoxNuW.js";import{d as n}from"./p-DaKBSL2O.js";const l=o(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsDownload=r(this,"bsDownload"),this.bsCopy=r(this,"bsCopy"),this.bsRetry=r(this,"bsRetry"),this.bsRefresh=r(this,"bsRefresh"),this.bsClose=r(this,"bsClose")}type="default";size="md";state="default";heading="Share the order";description;url;amount;amountLabel="Total";expiry;matrix;codeLabel="QR code";closable=!1;hideActions=!1;hideDownload=!1;hideCopy=!1;downloadLabel="Download PNG";copyLabel="Copy link";retryLabel="Retry";refreshLabel="Refresh";loadingLabel="Generating code";errorLabel="Couldn't load code";expiredLabel="Code expired";scannedLabel;closeLabel="Close";bsDownload;bsCopy;bsRetry;bsRefresh;bsClose;hasLogo=!1;onCopy=async()=>{if(this.url)try{await(navigator.clipboard?.writeText(this.url))}catch{}this.bsCopy.emit({url:this.url})};renderMatrix(){const e=this.matrix;if(!e||!e.length)return null;const o=e.length;let s="";for(let r=0;r<o;r++){let a=0;for(;a<o;){if(!e[r][a]){a++;continue}const t=a;for(;a<o&&e[r][a];)a++;s+=`M${t} ${r}h${a-t}v1h-${a-t}z`}}return a("svg",{class:"bs-qr-code__matrix",viewBox:`0 0 ${o} ${o}`,"shape-rendering":"crispEdges",role:"img","aria-label":this.codeLabel},a("path",{d:s,fill:"currentColor"}))}renderOverlay(){const{state:e}=this;return"default"===e?null:"loading"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--loading",role:"status"},a("bs-progress",{type:"indeterminate",size:"medium",ariaLabel:this.loadingLabel}),a("p",{class:"bs-qr-code__overlay-caption"},this.loadingLabel)):"error"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--error",role:"alert"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--error",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7.5V12.5"}),a("path",{d:"M12 16.2V16.3"})),a("p",{class:"bs-qr-code__overlay-text"},this.errorLabel),a("bs-button",{variant:"outlined",onClick:()=>this.bsRetry.emit()},a(q,{slot:"icon"}),this.retryLabel)):"expired"===e?a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--expired",role:"status"},a("svg",{class:"bs-qr-code__status-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M12 7V12L15 14"})),a("p",{class:"bs-qr-code__overlay-text"},this.expiredLabel),a("bs-button",{variant:"primary",onClick:()=>this.bsRefresh.emit()},a(q,{slot:"icon"}),this.refreshLabel)):a("div",{part:"overlay",class:"bs-qr-code__overlay bs-qr-code__overlay--scanned",role:"status"},a("svg",{class:"bs-qr-code__status-icon bs-qr-code__status-icon--scanned",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},a("circle",{cx:"12",cy:"12",r:"9"}),a("path",{d:"M8 12.5L10.8 15.3L16 9.5"})),a("p",{class:"bs-qr-code__overlay-text bs-qr-code__overlay-text--strong"},this.scannedLabel??("payment"===this.type?"Payment received":"Scanned")))}render(){const{state:e}=this,o="default"===e,s=!this.hideActions&&"scanned"!==e,r="sm"===this.size?"sm":"md";return a("bs-card",{key:"9dcc08a36b53be095268fa035cd353e9b7c41c99",part:"container",class:"bs-qr-code",surface:"base"},this.closable&&a("bs-icon-button",{key:"a21cc673270c2c62b45d940f64c0bb699015aea6",part:"close",class:"bs-qr-code__close",variant:"subtle",size:"sm",ariaLabel:this.closeLabel,onClick:()=>this.bsClose.emit()},a("svg",{key:"041c7fa3a28984132b902790be6eb39a705d3264",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor","stroke-width":"1.6","stroke-linecap":"round","aria-hidden":"true"},a("path",{key:"98674de35512104169431e97649bc3c96503e0f8",d:"M5 5L15 15M15 5L5 15"}))),a("div",{key:"7a23d1ca31ca4783e1dbd38b104d9b03b9005a22",class:"bs-qr-code__body"},a("div",{key:"6dd6d0b87236d6014a0139cde0eb4f1c49f58b6f",part:"head",class:"bs-qr-code__head"},a("p",{key:"daceb6bc02f5222d57d2927646eaf070b7bd2eb8",part:"title",class:"bs-qr-code__title"},this.heading),this.description&&a("p",{key:"093646862310a7c1e1e69d50ce2fbb3e4a314b4c",part:"description",class:"bs-qr-code__description"},this.description)),a("div",{key:"1f72b15e61abefa109b2df0fbce25ca2361dc7ad",part:"qr",class:"bs-qr-code__qr"},a("div",{key:"734ed44250b1c83b06cebadb1a79c4fdab8bd08a",part:"code",class:"bs-qr-code__code"},a("slot",{key:"c2387e32896dcff0b40cf6120c9a87288d473e2d",name:"code"},this.renderMatrix()),a("div",{key:"2201211627ac42a11c353d436133cc130d69fafd",part:"logo",class:{"bs-qr-code__logo":!0,"bs-qr-code__logo--visible":this.hasLogo}},a("slot",{key:"f9951a31812036669bf4a478964b3ebfab6d1de6",name:"logo",onSlotchange:e=>this.hasLogo=e.target.assignedNodes().length>0}))),this.renderOverlay()),"payment"===this.type&&this.amount&&a("div",{key:"13f499cb0d56c35f86dfd068e576d61ea2e7780f",part:"amount",class:"bs-qr-code__amount"},this.amountLabel&&a("p",{key:"ac7fa6ac5d9367812f679c8d43a5abdb65b07bbb",class:"bs-qr-code__amount-label"},this.amountLabel),a("p",{key:"93d93733c7fa87f8def870f000b713347b0c991c",class:"bs-qr-code__amount-value"},this.amount)),"default"===this.type&&this.url&&a("div",{key:"6ba70952dc39ec3feb3e1e93bcdbddad1ae0502d",part:"url",class:"bs-qr-code__url"},this.url),this.expiry&&a("bs-chip-informative",{key:"9a010954e75bee6c336aa252497309774d99b186",part:"expiry",size:"md"},a(v,{key:"b8e4be04e71c93ce27c0ce62e33414d83a710d45",slot:"icon"}),this.expiry),s&&a("div",{key:"6f3c1a0894ddf3dad11981fae385fd5f8e8c1c22",part:"actions",class:"bs-qr-code__actions"},!this.hideDownload&&a("bs-button",{key:"6fcc1e9e93b22ce2a71195e471fc0283eba308ae",part:"download",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.bsDownload.emit()},a(h,{key:"c8f881995f35bba01785f8c170625857c24c1a62",slot:"icon"}),this.downloadLabel),!this.hideCopy&&a("bs-button",{key:"d0277646f40e5703dafa7d526d873c1f68506396",part:"copy",variant:o?"outlined":"primary",size:r,disabled:!o,onClick:()=>o&&this.onCopy()},a(u,{key:"e4e0c6bd298beba16a1f60c11a0cbecff494a972",slot:"icon"}),this.copyLabel))))}static get style(){return":host{display:inline-block;max-width:100%;--bs-qr-code-bg:var(--bs-paper-bg-base);--bs-qr-code-border:var(--bs-border-default);--bs-qr-code-radius:var(--bs-border-radius-150);--bs-qr-code-quiet-zone-bg:var(--bs-text-static-white);--bs-qr-code-module-color:var(--bs-text-static-black);--bs-qr-code-qr-border:var(--bs-border-default);--bs-qr-code-qr-radius:var(--bs-border-radius-100);--bs-qr-code-color:var(--bs-text-default);--bs-qr-code-color-secondary:var(--bs-text-secondary);--bs-qr-code-url-bg:var(--bs-surface-container);--bs-qr-code-url-radius:6px;--bs-qr-code-logo-size:20%;--bs-qr-code-padding:var(--bs-spacing-300);--bs-qr-code-gap:var(--bs-spacing-200);--bs-qr-code-code-size:200px;--bs-qr-code-quiet-zone:var(--bs-spacing-150);--bs-qr-code-amount-size:var(--bs-font-size-2xl);--bs-qr-code-amount-line-height:32px;--bs-qr-code-download-min-width:168px;--bs-qr-code-copy-min-width:126px}:host([size='sm']){--bs-qr-code-padding:var(--bs-spacing-200);--bs-qr-code-gap:var(--bs-spacing-150);--bs-qr-code-code-size:128px;--bs-qr-code-quiet-zone:var(--bs-spacing-100);--bs-qr-code-amount-size:var(--bs-font-size-xl);--bs-qr-code-amount-line-height:24px;--bs-qr-code-download-min-width:139px;--bs-qr-code-copy-min-width:102px}:host([size='lg']){--bs-qr-code-padding:var(--bs-spacing-400);--bs-qr-code-gap:var(--bs-spacing-250);--bs-qr-code-code-size:288px;--bs-qr-code-amount-size:32px;--bs-qr-code-amount-line-height:40px}.bs-qr-code{position:relative;width:fit-content;max-width:100%;color:var(--bs-qr-code-color);--bs-card-bg:var(--bs-qr-code-bg);--bs-card-radius:var(--bs-qr-code-radius);--bs-card-padding:var(--bs-qr-code-padding);--bs-card-border-width:1px;--bs-card-border-color:var(--bs-qr-code-border);--bs-card-shadow:none}.bs-qr-code__body{display:flex;flex-direction:column;align-items:center;gap:var(--bs-qr-code-gap)}.bs-qr-code__close{position:absolute;top:var(--bs-spacing-100);inset-inline-end:var(--bs-spacing-100)}.bs-qr-code__close svg{width:20px;height:20px}.bs-qr-code__head{display:flex;flex-direction:column;align-items:center;gap:2px;width:272px;max-width:100%;text-align:center}.bs-qr-code__head p,.bs-qr-code__amount p,.bs-qr-code__overlay p{margin:0}.bs-qr-code__title{font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-qr-code__description{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-qr-code__qr{position:relative;box-sizing:border-box;flex:none;padding:var(--bs-qr-code-quiet-zone);border:1px solid var(--bs-qr-code-qr-border);border-radius:var(--bs-qr-code-qr-radius);background:var(--bs-qr-code-quiet-zone-bg);overflow:hidden}.bs-qr-code__code{position:relative;width:var(--bs-qr-code-code-size);height:var(--bs-qr-code-code-size);background:var(--bs-qr-code-quiet-zone-bg);color:var(--bs-qr-code-module-color)}.bs-qr-code__matrix,::slotted([slot='code']){display:block;width:100%;height:100%}.bs-qr-code__logo{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--bs-qr-code-logo-size);height:var(--bs-qr-code-logo-size);padding:4px;border-radius:var(--bs-border-radius-50);background:var(--bs-qr-code-quiet-zone-bg);transform:translate(-50%, -50%)}.bs-qr-code__logo{display:none}.bs-qr-code__logo--visible{display:flex}::slotted([slot='logo']){width:100%;height:100%;object-fit:contain}.bs-qr-code__overlay{position:absolute;inset:-1px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bs-spacing-100);padding:var(--bs-spacing-150);overflow:hidden;text-align:center;white-space:nowrap}.bs-qr-code__overlay--loading{background:var(--bs-color-neutral-container)}.bs-qr-code__overlay--error{background:var(--bs-surface-container)}.bs-qr-code__overlay--expired,.bs-qr-code__overlay--scanned{background:var(--bs-surface-base)}.bs-qr-code__overlay-caption{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__overlay-text{color:var(--bs-qr-code-color);font-size:var(--bs-font-size-sm);font-weight:var(--bs-font-weight-medium);line-height:20px}.bs-qr-code__overlay-text--strong{font-weight:var(--bs-font-weight-semibold)}.bs-qr-code__status-icon{width:32px;height:32px;color:var(--bs-qr-code-color-secondary)}.bs-qr-code__status-icon--error{color:var(--bs-icon-error)}.bs-qr-code__status-icon--scanned{width:44px;height:44px;color:var(--bs-icon-success)}.bs-qr-code__overlay bs-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-qr-code__amount{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.bs-qr-code__amount-label{color:var(--bs-qr-code-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-qr-code__amount-value{font-size:var(--bs-qr-code-amount-size);font-weight:var(--bs-font-weight-bold);line-height:var(--bs-qr-code-amount-line-height)}.bs-qr-code__url{padding:4px 10px;border-radius:var(--bs-qr-code-url-radius);background:var(--bs-qr-code-url-bg);font-size:var(--bs-font-size-xs);line-height:16px;text-align:center;white-space:nowrap}.bs-qr-code__actions{display:flex;align-items:center;gap:var(--bs-spacing-100)}.bs-qr-code__actions bs-button{display:inline-flex}.bs-qr-code__actions bs-button::part(button){width:100%}.bs-qr-code__actions bs-button[part='download']{min-width:var(--bs-qr-code-download-min-width)}.bs-qr-code__actions bs-button[part='copy']{min-width:var(--bs-qr-code-copy-min-width)}:host([size='sm']) .bs-qr-code__actions bs-button{--bs-button-height-sm:var(--bs-spacing-400)}"}},[769,"bs-qr-code",{type:[513],size:[513],state:[513],heading:[1],description:[1],url:[1],amount:[1],amountLabel:[1,"amount-label"],expiry:[1],matrix:[16],codeLabel:[1,"code-label"],closable:[4],hideActions:[4,"hide-actions"],hideDownload:[4,"hide-download"],hideCopy:[4,"hide-copy"],downloadLabel:[1,"download-label"],copyLabel:[1,"copy-label"],retryLabel:[1,"retry-label"],refreshLabel:[1,"refresh-label"],loadingLabel:[1,"loading-label"],errorLabel:[1,"error-label"],expiredLabel:[1,"expired-label"],scannedLabel:[1,"scanned-label"],closeLabel:[1,"close-label"],hasLogo:[32]}]),p={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},h=e=>a("svg",{...p,...e},a("path",{d:"M12 4V15"}),a("path",{d:"M7.5 11L12 15.5L16.5 11"}),a("path",{d:"M4.5 19.5H19.5"})),u=e=>a("svg",{...p,...e},a("rect",{x:"8",y:"8",width:"11.5",height:"11.5",rx:"1.5"}),a("path",{d:"M16 8V5.5A1.5 1.5 0 0 0 14.5 4H5.5A1.5 1.5 0 0 0 4 5.5V14.5A1.5 1.5 0 0 0 5.5 16H8"})),q=e=>a("svg",{...p,...e},a("path",{d:"M19.5 12A7.5 7.5 0 1 1 17.3 6.7"}),a("path",{d:"M19.5 4.5V8.5H15.5"})),v=e=>a("svg",{...p,...e},a("circle",{cx:"12",cy:"13.5",r:"7"}),a("path",{d:"M12 10V13.5L14 15"}),a("path",{d:"M9.5 3.5H14.5"}));function _(){"undefined"!=typeof customElements&&["bs-qr-code","bs-button","bs-card","bs-chip-informative","bs-icon-button","bs-progress","bs-ripple"].forEach((o=>{switch(o){case"bs-qr-code":customElements.get(e(o))||customElements.define(e(o),l);break;case"bs-button":customElements.get(e(o))||t();break;case"bs-card":customElements.get(e(o))||d();break;case"bs-chip-informative":customElements.get(e(o))||i();break;case"bs-icon-button":customElements.get(e(o))||c();break;case"bs-progress":customElements.get(e(o))||b();break;case"bs-ripple":customElements.get(e(o))||n()}}))}_();const f=l,g=_;export{f as BsQrCode,g as defineCustomElement}

package/dist/components/bs-search-item.js

@@ -1 +1 @@
-import{t as e,p as s,H as i,c as t,h as a}from"./p-CcAX4o5o.js";import{d as r}from"./p-DaKBSL2O.js";const c=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsItemSelect=t(this,"bsItemSelect")}get el(){return this}value;active=!1;disabled=!1;trailing;selectionRole=null;hasIcon=!1;hasDescription=!1;hasTrailingSlot=!1;bsItemSelect;componentWillLoad(){const e=e=>Array.from(this.el.children).some((s=>s.getAttribute("slot")===e));this.hasIcon=e("icon"),this.hasDescription=e("description"),this.hasTrailingSlot=e("trailing")}onClick(){this.disabled||this.bsItemSelect.emit(this.value)}slotFilled=e=>s=>e(s.target.assignedNodes().length>0);render(){const e=this.selectionRole??void 0;return a("div",{key:"4e02263a2d377be0989f3469555f19f9b4933840",part:"container",class:"bs-search-item",role:e,"aria-selected":e?this.active+"":void 0,"aria-disabled":e&&this.disabled?"true":void 0},!this.disabled&&a("bs-ripple",{key:"00523f734a7d994cf448df045a73d4588da1c00c",part:"ripple"}),a("span",{key:"2d030afeec12e555c72d1659f0ac7d2ecb4df70a",part:"icon",class:{"bs-search-item__icon":!0,"bs-search-item__icon--hidden":!this.hasIcon}},a("slot",{key:"ab14918cfcb5425b33c1489232ea18bf940dc49d",name:"icon",onSlotchange:this.slotFilled((e=>this.hasIcon=e))})),a("span",{key:"eee1f17e15fa4195f3a65fa7bc7f3ad12d839b7c",part:"content",class:"bs-search-item__content"},a("span",{key:"75cd5ada24d085dce96331782c4e71317d0d8ed4",part:"label",class:"bs-search-item__label"},a("slot",{key:"47fbf5d269d2a23eb824ba32084886efdad2aa96"})),a("span",{key:"b2e4154147a02059d08505bc9f452931bbcff2bf",part:"description",class:{"bs-search-item__description":!0,"bs-search-item__description--hidden":!this.hasDescription}},a("slot",{key:"8b72f89b59fa15c21c0d02b3db88b3e291d72f81",name:"description",onSlotchange:this.slotFilled((e=>this.hasDescription=e))}))),a("span",{key:"e0b5675b2d71fe5e740fd90ff2aea5eecca2f9eb",part:"trailing",class:{"bs-search-item__trailing":!0,"bs-search-item__trailing--hidden":!this.hasTrailingSlot&&!this.trailing}},a("slot",{key:"c0dc999d7b4da6b670690b72071f5b844b86b35b",name:"trailing",onSlotchange:this.slotFilled((e=>this.hasTrailingSlot=e))},this.trailing)))}static get style(){return":host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}"}},[769,"bs-search-item",{value:[1],active:[516],disabled:[516],trailing:[1],selectionRole:[1,"selection-role"],hasIcon:[32],hasDescription:[32],hasTrailingSlot:[32]},[[0,"click","onClick"]]]);function o(){"undefined"!=typeof customElements&&["bs-search-item","bs-ripple"].forEach((s=>{switch(s){case"bs-search-item":customElements.get(e(s))||customElements.define(e(s),c);break;case"bs-ripple":customElements.get(e(s))||r()}}))}o();const b=c,n=o;export{b as BsSearchItem,n as defineCustomElement}
+import{t as e,p as s,H as i,c as t,h as a}from"./p-CcAX4o5o.js";import{d as r}from"./p-DaKBSL2O.js";const c=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bsItemSelect=t(this,"bsItemSelect")}get el(){return this}value;active=!1;disabled=!1;trailing;selectionRole=null;hasIcon=!1;hasDescription=!1;hasTrailingSlot=!1;bsItemSelect;componentWillLoad(){const e=e=>Array.from(this.el.children).some((s=>s.getAttribute("slot")===e));this.hasIcon=e("icon"),this.hasDescription=e("description"),this.hasTrailingSlot=e("trailing")}onClick(){this.disabled||this.bsItemSelect.emit(this.value)}slotFilled=e=>s=>e(s.target.assignedNodes().length>0);render(){const e=this.selectionRole??void 0;return a("div",{key:"d06ef043c3fa15df8d3adf3ff62b105dcef5dc1d",part:"container",class:"bs-search-item",role:e,"aria-selected":e?this.active+"":void 0,"aria-disabled":this.disabled?"true":void 0},!this.disabled&&a("bs-ripple",{key:"a9dbae40775340f256d9ac2dd54c43f7144dda41",part:"ripple"}),a("span",{key:"2b80eb34ad0901c6e179770807cca6cd306acd25",part:"icon",class:{"bs-search-item__icon":!0,"bs-search-item__icon--hidden":!this.hasIcon}},a("slot",{key:"7fc3bef2ba29179b425b2f470c61b6c70dae01a2",name:"icon",onSlotchange:this.slotFilled((e=>this.hasIcon=e))})),a("span",{key:"67481270ed566846d87cf12325db53d44f2230d1",part:"content",class:"bs-search-item__content"},a("span",{key:"e5993e5796e55fcf03def1d33787fe43a8b652f6",part:"label",class:"bs-search-item__label"},a("slot",{key:"8aab4906967341b2938a5ec5ecab5794139a4acf"})),a("span",{key:"8a9453d5303e6b89c3abef8864e536726cea9906",part:"description",class:{"bs-search-item__description":!0,"bs-search-item__description--hidden":!this.hasDescription}},a("slot",{key:"7f2ef31966d836fbef03d5e4610263081cab87b5",name:"description",onSlotchange:this.slotFilled((e=>this.hasDescription=e))}))),a("span",{key:"fcac22f41850199ef148124f9ddbdb3b687418a9",part:"trailing",class:{"bs-search-item__trailing":!0,"bs-search-item__trailing--hidden":!this.hasTrailingSlot&&!this.trailing}},a("slot",{key:"19167fcf2502d2a16f36f3620f3257a3cd5f5cf3",name:"trailing",onSlotchange:this.slotFilled((e=>this.hasTrailingSlot=e))},this.trailing)))}static get style(){return":host{display:block;width:100%;box-sizing:border-box;--bs-search-item-min-height:var(--bs-spacing-600);--bs-search-item-padding-y:var(--bs-spacing-100);--bs-search-item-padding-x:var(--bs-spacing-150);--bs-search-item-gap:var(--bs-spacing-100);--bs-search-item-radius:var(--bs-border-radius-100);--bs-search-item-bg:transparent;--bs-search-item-bg-active:var(--bs-surface-hover);--bs-search-item-bg-pressed:var(--bs-surface-pressed);--bs-search-item-color:var(--bs-text-default);--bs-search-item-color-muted:var(--bs-text-muted);--bs-search-item-color-disabled:var(--bs-text-on-disabled);--bs-search-item-icon-color:var(--bs-icon-default)}.bs-search-item{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--bs-search-item-gap);width:100%;min-height:var(--bs-search-item-min-height);padding:var(--bs-search-item-padding-y) var(--bs-search-item-padding-x);border-radius:var(--bs-search-item-radius);background:var(--bs-search-item-bg);color:var(--bs-search-item-color);font-family:inherit;cursor:pointer;transition:background-color 120ms ease}:host([active]) .bs-search-item,.bs-search-item:hover{background:var(--bs-search-item-bg-active)}.bs-search-item:active{background:var(--bs-search-item-bg-pressed)}:host([disabled]) .bs-search-item{background:var(--bs-search-item-bg);color:var(--bs-search-item-color-disabled);cursor:default}.bs-search-item__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--bs-search-item-icon-color)}.bs-search-item__icon--hidden,.bs-search-item__description--hidden,.bs-search-item__trailing--hidden{display:none}.bs-search-item__icon ::slotted(svg){width:24px;height:24px}.bs-search-item__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.bs-search-item__label{font-size:var(--bs-font-size-md);font-weight:var(--bs-font-weight-regular);line-height:24px}.bs-search-item__label ::slotted(b),.bs-search-item__label ::slotted(strong){font-weight:var(--bs-font-weight-semibold)}.bs-search-item__description{color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px}.bs-search-item__trailing{flex:0 0 auto;color:var(--bs-search-item-color-muted);font-size:var(--bs-font-size-sm);line-height:20px;white-space:nowrap}:host([disabled]) .bs-search-item__description,:host([disabled]) .bs-search-item__trailing{color:var(--bs-search-item-color-disabled)}@media (prefers-reduced-motion: reduce){.bs-search-item{transition:none}}"}},[769,"bs-search-item",{value:[1],active:[516],disabled:[516],trailing:[1],selectionRole:[1,"selection-role"],hasIcon:[32],hasDescription:[32],hasTrailingSlot:[32]},[[0,"click","onClick"]]]);function o(){"undefined"!=typeof customElements&&["bs-search-item","bs-ripple"].forEach((s=>{switch(s){case"bs-search-item":customElements.get(e(s))||customElements.define(e(s),c);break;case"bs-ripple":customElements.get(e(s))||r()}}))}o();const n=c,b=o;export{n as BsSearchItem,b as defineCustomElement}

package/dist/components/bs-session-timeout.js

@@ -1 +1 @@
-import{h as s,t as e,p as t,H as i,c as o}from"./p-CcAX4o5o.js";import{d as n}from"./p-CALH_mHQ.js";import{d as a}from"./p-wscU7FUD.js";import{d as r}from"./p-mxDA3wKn.js";import{d as c}from"./p-CePOtLtZ.js";import{d as b}from"./p-DHZ_DStJ.js";import{d as l}from"./p-wd9-vGpQ.js";import{d}from"./p-Cz38kNDe.js";import{d as u}from"./p-D3XmFqCQ.js";import{d as m}from"./p-CxNNy2m6.js";import{d as p}from"./p-BR7C-aKy.js";import{d as h}from"./p-DOW-YekD.js";import{d as g}from"./p-DaKBSL2O.js";import{d as f}from"./p-D4W5LcEW.js";const v=t(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=o(this,"bsPrimary"),this.bsSecondary=o(this,"bsSecondary"),this.bsAlternative=o(this,"bsAlternative"),this.bsCancel=o(this,"bsCancel"),this.bsExpire=o(this,"bsExpire")}get el(){return this}type="warning";heading;headingLevel=2;description;hideIcon=!1;primaryLabel;secondaryLabel;secondsLeft=0;totalSeconds=0;countdown=!1;timeLeftLabel="minutes left";secondsLeftLabel="seconds left";savedMessage;accountName;accountEmail;accountInitials;passwordLabel="Password";passwordError;dividerLabel="or";alternatives=[{id:"passkey",label:"Use passkey",icon:"fingerprint"},{id:"bankid",label:"Use BankID",icon:"key"}];cancelLabel="Cancel";bsPrimary;bsSecondary;bsAlternative;bsCancel;bsExpire;password="";announcement="";initialTotal=0;timer;componentWillLoad(){this.initialTotal=this.secondsLeft}componentDidLoad(){this.syncTimer()}disconnectedCallback(){this.stopTimer()}connectedCallback(){void 0===this.timer&&this.el.isConnected&&this.syncTimer()}onTimerInputsChange(){this.syncTimer()}stopTimer(){void 0!==this.timer&&clearInterval(this.timer),this.timer=void 0}syncTimer(){this.stopTimer(),!this.countdown||"warning"!==this.type||this.secondsLeft<=0||(this.timer=setInterval((()=>this.tick()),1e3))}tick(){this.secondsLeft<=0||(this.secondsLeft=this.secondsLeft-1,[60,30,10].includes(this.secondsLeft)&&(this.announcement=`${_(this.secondsLeft)} ${this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel}`),this.secondsLeft<=0&&(this.stopTimer(),this.bsExpire.emit()))}get defaults(){return E[this.type]??E.warning}renderHeading(e,t){const i=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("div",{class:"bs-session-timeout__heading-group"},s("h"+i,{part:"heading",id:"heading",class:{"bs-session-timeout__heading":!0}},e),t&&s("p",{part:"description",class:"bs-session-timeout__description"},t))}renderWarning(){const e=this.totalSeconds>0?this.totalSeconds:this.initialTotal||this.secondsLeft,t=e>0?Math.max(0,Math.min(100,this.secondsLeft/e*100)):0,i=this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel;return s("div",{part:"countdown",class:"bs-session-timeout__countdown"},s("div",{class:"bs-session-timeout__time-row"},s("span",{part:"time",class:"bs-session-timeout__time",role:"timer"},_(this.secondsLeft)),s("span",{class:"bs-session-timeout__unit"},i)),s("bs-progress-linear",{type:"determinate",size:"large",value:t,showLabel:!1,ariaLabel:`${_(this.secondsLeft)} ${i}`}))}renderAccount(){const e=this.accountName??"",t=this.accountInitials??e.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join("");return e||this.accountEmail?s("div",{part:"account",class:"bs-session-timeout__account"},s("bs-avatar",{type:"initials",size:"lg",initials:t,ariaLabel:e||this.accountEmail}),s("div",{class:"bs-session-timeout__account-text"},e&&s("span",{class:"bs-session-timeout__account-name"},e),this.accountEmail&&s("span",{class:"bs-session-timeout__account-email"},this.accountEmail))):null}renderConfirm(){const e=this.alternatives??[];return[s("bs-input",{part:"password",class:"bs-session-timeout__password",type:"password",label:this.passwordLabel,value:this.password,error:this.passwordError,onBsInput:s=>this.password=s.detail,onBsChange:s=>this.password=s.detail}),s("bs-button",{part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit({password:this.password})},this.primaryLabel??this.defaults.primary),e.length>0&&s("div",{part:"divider",class:"bs-session-timeout__divider",role:"separator"},s("span",{class:"bs-session-timeout__rule"}),s("span",{class:"bs-session-timeout__divider-label"},this.dividerLabel),s("span",{class:"bs-session-timeout__rule"})),e.length>0&&s("div",{part:"alternatives",class:"bs-session-timeout__alternatives"},e.map((e=>s("bs-button",{key:e.id,variant:"outlined",onClick:()=>this.bsAlternative.emit({id:e.id})},s("key"===e.icon?C:k,{slot:"icon"}),e.label)))),this.cancelLabel&&s("bs-button",{part:"cancel",class:"bs-session-timeout__block-button bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsCancel.emit()},this.cancelLabel)]}render(){const e=this.defaults,t=this.heading??e.heading,i=this.description??e.description,o=this.primaryLabel??e.primary,n=this.secondaryLabel??e.secondary;return s("bs-card",{key:"62d189825b91f610d76413f186aa5cd46f535553",part:"container",class:"bs-session-timeout",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{key:"658dcf88fb5e6b46184d2bd1d7211f2f3b70cedc",class:"bs-session-timeout__body"},!this.hideIcon&&s("bs-icon-tile",{key:"5355eb08e32eeb42edcccd0e078bdae383aba564",part:"art",intent:e.intent,size:"lg"},s("slot",{key:"cf1169b6f28504292026bd99189fae658001c76b",name:"icon"},e.glyph())),this.renderHeading(t,i),"warning"===this.type&&this.renderWarning(),"warning"===this.type&&this.savedMessage&&s("p",{key:"c5327542b3737b79fc986aed5103db57d699d92b",part:"saved",class:"bs-session-timeout__saved"},s(L,{key:"faa674e2a70d71591efbe4fd7eb94b39851f315d"}),s("span",{key:"399c78c01aafe8d79ec69b28e5451e2a06fba836"},this.savedMessage)),"signed-out"===this.type&&this.renderAccount(),"confirm-identity"===this.type&&this.renderConfirm(),"warning"===this.type&&(o||n)&&s("div",{key:"42987f730c2767ef88b57ae3e28c08db804085de",part:"actions",class:"bs-session-timeout__actions"},n&&s("bs-button",{key:"f758266373ef8f94edd5d53de97397b6498af3ac",part:"secondary",variant:"outlined",onClick:()=>this.bsSecondary.emit()},n),o&&s("bs-button",{key:"eaced5b60ea1a15398c3beea9d8d1522fc60792e",part:"primary",variant:"primary",onClick:()=>this.bsPrimary.emit()},o)),"signed-out"===this.type&&(o||n)&&s("div",{key:"9e731177eb48665ef99c64a564be0ba8340b79f3",part:"actions",class:"bs-session-timeout__actions bs-session-timeout__actions--stacked"},o&&s("bs-button",{key:"f7bfa81c52bc83c0d9e4009c4aecb2584632b95d",part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit()},o),n&&s("bs-button",{key:"6fe76eeaefdd48288e2c4821991f12ee12bbe358",part:"secondary",class:"bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsSecondary.emit()},n)),s("div",{key:"77bd8a11863bccceaae1ab0103ef81771ca9f1f1",class:"bs-session-timeout__sr-only",role:"status","aria-live":"polite"},this.announcement)))}static get watchers(){return{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}}static get style(){return":host{display:block;width:var(--bs-session-timeout-width);min-width:var(--bs-session-timeout-min-width);max-width:var(--bs-session-timeout-max-width);--bs-session-timeout-width:440px;--bs-session-timeout-min-width:380px;--bs-session-timeout-max-width:560px;--bs-session-timeout-bg:var(--bs-paper-bg-base);--bs-session-timeout-radius:var(--bs-border-radius-150);--bs-session-timeout-padding:var(--bs-spacing-200);--bs-session-timeout-gap:var(--bs-spacing-150);--bs-session-timeout-shadow:0 8px 8px var(--bs-elevation-higher);--bs-session-timeout-color:var(--bs-text-default);--bs-session-timeout-color-secondary:var(--bs-text-secondary);--bs-session-timeout-countdown-bg:var(--bs-surface-container);--bs-session-timeout-countdown-fill:var(--bs-color-warning-default);--bs-session-timeout-countdown-track:var(--bs-surface-hover);--bs-session-timeout-rule:var(--bs-border-default)}.bs-session-timeout{--bs-card-bg:var(--bs-session-timeout-bg);--bs-card-radius:var(--bs-session-timeout-radius);--bs-card-padding:var(--bs-session-timeout-padding);--bs-card-shadow:var(--bs-session-timeout-shadow);color:var(--bs-session-timeout-color)}.bs-session-timeout__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--bs-session-timeout-gap)}bs-icon-tile{align-self:flex-start}.bs-session-timeout__glyph,::slotted([slot='icon']){width:24px;height:24px}.bs-session-timeout__heading-group{display:flex;flex-direction:column;gap:6px}.bs-session-timeout__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-session-timeout__description{margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-session-timeout__countdown{display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-session-timeout-countdown-bg)}.bs-session-timeout__countdown bs-progress-linear{--bs-progress-linear-fill:var(--bs-session-timeout-countdown-fill);--bs-progress-linear-track:var(--bs-session-timeout-countdown-track)}.bs-session-timeout__time-row{display:flex;align-items:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__time{font-size:var(--bs-font-size-3xl);font-weight:var(--bs-font-weight-bold);line-height:40px;font-variant-numeric:tabular-nums}.bs-session-timeout__unit{padding-bottom:6px;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved{display:flex;align-items:center;gap:var(--bs-spacing-100);margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved-icon{flex:none;width:16px;height:16px}.bs-session-timeout__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__actions bs-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__block-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-session-timeout__account{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);border:1px solid var(--bs-session-timeout-rule);border-radius:var(--bs-border-radius-100)}.bs-session-timeout__account-text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);min-width:0;line-height:24px}.bs-session-timeout__account-name{font-weight:var(--bs-font-weight-semibold)}.bs-session-timeout__account-email{overflow-wrap:anywhere}.bs-session-timeout__actions--stacked{flex-direction:column;align-items:stretch;justify-content:flex-start}.bs-session-timeout__block-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__actions--stacked bs-button{--bs-button-width:100%}.bs-session-timeout__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-lg:var(--bs-spacing-600)}.bs-session-timeout__password{display:block;--bs-input-label-font-size:var(--bs-font-size-md);--bs-input-label-font-weight:var(--bs-font-weight-semibold);--bs-input-label-line-height:calc(var(--bs-line-height-body-md) * 1px);margin-bottom:calc(var(--bs-spacing-200) - var(--bs-session-timeout-gap))}.bs-session-timeout__divider{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:center;width:320px;max-width:100%;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-session-timeout__rule{flex:1 1 0;height:1px;background:var(--bs-session-timeout-rule)}.bs-session-timeout__alternatives{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-session-timeout__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}"}},[769,"bs-session-timeout",{type:[513],heading:[1],headingLevel:[2,"heading-level"],description:[1],hideIcon:[4,"hide-icon"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],secondsLeft:[1026,"seconds-left"],totalSeconds:[2,"total-seconds"],countdown:[4],timeLeftLabel:[1,"time-left-label"],secondsLeftLabel:[1,"seconds-left-label"],savedMessage:[1,"saved-message"],accountName:[1,"account-name"],accountEmail:[1,"account-email"],accountInitials:[1,"account-initials"],passwordLabel:[1,"password-label"],passwordError:[1,"password-error"],dividerLabel:[1,"divider-label"],alternatives:[16],cancelLabel:[1,"cancel-label"],password:[32],announcement:[32],initialTotal:[32]},void 0,{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}]);function _(s){const e=Math.max(0,Math.trunc(Number(s))||0);return`${Math.floor(e/60)}:${function(s){return(s+"").padStart(2,"0")}(e%60)}`}const y=e=>t=>s("svg",{class:"bs-session-timeout__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...t},e),w=y(s("g",null,s("circle",{cx:"12",cy:"13.5",r:"7"}),s("path",{d:"M12 10V13.5L14 15"}),s("path",{d:"M9.5 3.5H14.5"}))),x=y(s("g",null,s("rect",{x:"5",y:"10.5",width:"14",height:"9.5",rx:"1.5"}),s("path",{d:"M8.5 10.5V8A3.5 3.5 0 0 1 15.5 8V10.5"}))),k=y(s("g",null,s("path",{d:"M6 10A6 6 0 0 1 18 10"}),s("path",{d:"M9 20C10 18 10 16 10 13A2 2 0 0 1 14 13C14 16 13.5 18.5 12.5 20.5"}),s("path",{d:"M6 13C6 15.5 5.5 17.5 4.5 19.5"}),s("path",{d:"M18 13C18 15.5 17.5 18 16.5 20"}),s("path",{d:"M12 13C12 15 11.5 17 10.8 18.5"}))),C=y(s("g",null,s("circle",{cx:"8",cy:"15",r:"4"}),s("path",{d:"M11 12L19.5 3.5"}),s("path",{d:"M16 7L19 10"}))),L=()=>s("svg",{class:"bs-session-timeout__saved-icon",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","aria-hidden":"true"},s("circle",{cx:"8",cy:"8",r:"6.2"}),s("path",{d:"M8 7.2V11"}),s("path",{d:"M8 5V5.1"})),E={warning:{intent:"warning",heading:"You’ll be signed out soon",description:"For your security, we sign you out after a period without activity.",primary:"Stay signed in",secondary:"Sign out now",glyph:()=>s(w,null)},"signed-out":{intent:"default",heading:"You’ve been signed out",description:"You were inactive for a while. Your work was saved and will be there when you sign in.",primary:"Sign in again",secondary:"Use a different account",glyph:()=>s(x,null)},"confirm-identity":{intent:"default",heading:"Confirm it’s you",description:"This action needs a fresh sign-in.",primary:"Confirm",secondary:"",glyph:()=>s(k,null)}};function M(){"undefined"!=typeof customElements&&["bs-session-timeout","bs-avatar","bs-button","bs-card","bs-chip-informative","bs-icon","bs-icon-button","bs-icon-tile","bs-input","bs-menu","bs-menu-item","bs-progress-linear","bs-ripple","bs-spinner"].forEach((s=>{switch(s){case"bs-session-timeout":customElements.get(e(s))||customElements.define(e(s),v);break;case"bs-avatar":customElements.get(e(s))||n();break;case"bs-button":customElements.get(e(s))||a();break;case"bs-card":customElements.get(e(s))||r();break;case"bs-chip-informative":customElements.get(e(s))||c();break;case"bs-icon":customElements.get(e(s))||b();break;case"bs-icon-button":customElements.get(e(s))||l();break;case"bs-icon-tile":customElements.get(e(s))||d();break;case"bs-input":customElements.get(e(s))||u();break;case"bs-menu":customElements.get(e(s))||m();break;case"bs-menu-item":customElements.get(e(s))||p();break;case"bs-progress-linear":customElements.get(e(s))||h();break;case"bs-ripple":customElements.get(e(s))||g();break;case"bs-spinner":customElements.get(e(s))||f()}}))}M();const z=v,j=M;export{z as BsSessionTimeout,j as defineCustomElement}
+import{h as s,t as e,p as t,H as i,c as o}from"./p-CcAX4o5o.js";import{d as n}from"./p-CALH_mHQ.js";import{d as a}from"./p-wscU7FUD.js";import{d as r}from"./p-mxDA3wKn.js";import{d as c}from"./p-_zxYDrzi.js";import{d as b}from"./p-DHZ_DStJ.js";import{d as l}from"./p-wd9-vGpQ.js";import{d}from"./p-Cz38kNDe.js";import{d as u}from"./p-B5yjDh8h.js";import{d as m}from"./p-CxNNy2m6.js";import{d as p}from"./p-BR7C-aKy.js";import{d as h}from"./p-DOW-YekD.js";import{d as g}from"./p-DaKBSL2O.js";import{d as f}from"./p-D4W5LcEW.js";const v=t(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.bsPrimary=o(this,"bsPrimary"),this.bsSecondary=o(this,"bsSecondary"),this.bsAlternative=o(this,"bsAlternative"),this.bsCancel=o(this,"bsCancel"),this.bsExpire=o(this,"bsExpire")}get el(){return this}type="warning";heading;headingLevel=2;description;hideIcon=!1;primaryLabel;secondaryLabel;secondsLeft=0;totalSeconds=0;countdown=!1;timeLeftLabel="minutes left";secondsLeftLabel="seconds left";savedMessage;accountName;accountEmail;accountInitials;passwordLabel="Password";passwordError;dividerLabel="or";alternatives=[{id:"passkey",label:"Use passkey",icon:"fingerprint"},{id:"bankid",label:"Use BankID",icon:"key"}];cancelLabel="Cancel";bsPrimary;bsSecondary;bsAlternative;bsCancel;bsExpire;password="";announcement="";initialTotal=0;timer;componentWillLoad(){this.initialTotal=this.secondsLeft}componentDidLoad(){this.syncTimer()}disconnectedCallback(){this.stopTimer()}connectedCallback(){void 0===this.timer&&this.el.isConnected&&this.syncTimer()}onTimerInputsChange(){this.syncTimer()}stopTimer(){void 0!==this.timer&&clearInterval(this.timer),this.timer=void 0}syncTimer(){this.stopTimer(),!this.countdown||"warning"!==this.type||this.secondsLeft<=0||(this.timer=setInterval((()=>this.tick()),1e3))}tick(){this.secondsLeft<=0||(this.secondsLeft=this.secondsLeft-1,[60,30,10].includes(this.secondsLeft)&&(this.announcement=`${_(this.secondsLeft)} ${this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel}`),this.secondsLeft<=0&&(this.stopTimer(),this.bsExpire.emit()))}get defaults(){return E[this.type]??E.warning}renderHeading(e,t){const i=Math.min(6,Math.max(1,Math.trunc(Number(this.headingLevel))||2));return s("div",{class:"bs-session-timeout__heading-group"},s("h"+i,{part:"heading",id:"heading",class:{"bs-session-timeout__heading":!0}},e),t&&s("p",{part:"description",class:"bs-session-timeout__description"},t))}renderWarning(){const e=this.totalSeconds>0?this.totalSeconds:this.initialTotal||this.secondsLeft,t=e>0?Math.max(0,Math.min(100,this.secondsLeft/e*100)):0,i=this.secondsLeft>=60?this.timeLeftLabel:this.secondsLeftLabel;return s("div",{part:"countdown",class:"bs-session-timeout__countdown"},s("div",{class:"bs-session-timeout__time-row"},s("span",{part:"time",class:"bs-session-timeout__time",role:"timer"},_(this.secondsLeft)),s("span",{class:"bs-session-timeout__unit"},i)),s("bs-progress-linear",{type:"determinate",size:"large",value:t,showLabel:!1,ariaLabel:`${_(this.secondsLeft)} ${i}`}))}renderAccount(){const e=this.accountName??"",t=this.accountInitials??e.split(/\s+/).filter(Boolean).slice(0,2).map((s=>s[0].toUpperCase())).join("");return e||this.accountEmail?s("div",{part:"account",class:"bs-session-timeout__account"},s("bs-avatar",{type:"initials",size:"lg",initials:t,ariaLabel:e||this.accountEmail}),s("div",{class:"bs-session-timeout__account-text"},e&&s("span",{class:"bs-session-timeout__account-name"},e),this.accountEmail&&s("span",{class:"bs-session-timeout__account-email"},this.accountEmail))):null}renderConfirm(){const e=this.alternatives??[];return[s("bs-input",{part:"password",class:"bs-session-timeout__password",type:"password",label:this.passwordLabel,value:this.password,error:this.passwordError,onBsInput:s=>this.password=s.detail,onBsChange:s=>this.password=s.detail}),s("bs-button",{part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit({password:this.password})},this.primaryLabel??this.defaults.primary),e.length>0&&s("div",{part:"divider",class:"bs-session-timeout__divider",role:"separator"},s("span",{class:"bs-session-timeout__rule"}),s("span",{class:"bs-session-timeout__divider-label"},this.dividerLabel),s("span",{class:"bs-session-timeout__rule"})),e.length>0&&s("div",{part:"alternatives",class:"bs-session-timeout__alternatives"},e.map((e=>s("bs-button",{key:e.id,variant:"outlined",onClick:()=>this.bsAlternative.emit({id:e.id})},s("key"===e.icon?C:k,{slot:"icon"}),e.label)))),this.cancelLabel&&s("bs-button",{part:"cancel",class:"bs-session-timeout__block-button bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsCancel.emit()},this.cancelLabel)]}render(){const e=this.defaults,t=this.heading??e.heading,i=this.description??e.description,o=this.primaryLabel??e.primary,n=this.secondaryLabel??e.secondary;return s("bs-card",{key:"62d189825b91f610d76413f186aa5cd46f535553",part:"container",class:"bs-session-timeout",surface:"base",role:"region","aria-labelledby":"heading"},s("div",{key:"658dcf88fb5e6b46184d2bd1d7211f2f3b70cedc",class:"bs-session-timeout__body"},!this.hideIcon&&s("bs-icon-tile",{key:"5355eb08e32eeb42edcccd0e078bdae383aba564",part:"art",intent:e.intent,size:"lg"},s("slot",{key:"cf1169b6f28504292026bd99189fae658001c76b",name:"icon"},e.glyph())),this.renderHeading(t,i),"warning"===this.type&&this.renderWarning(),"warning"===this.type&&this.savedMessage&&s("p",{key:"c5327542b3737b79fc986aed5103db57d699d92b",part:"saved",class:"bs-session-timeout__saved"},s(L,{key:"faa674e2a70d71591efbe4fd7eb94b39851f315d"}),s("span",{key:"399c78c01aafe8d79ec69b28e5451e2a06fba836"},this.savedMessage)),"signed-out"===this.type&&this.renderAccount(),"confirm-identity"===this.type&&this.renderConfirm(),"warning"===this.type&&(o||n)&&s("div",{key:"42987f730c2767ef88b57ae3e28c08db804085de",part:"actions",class:"bs-session-timeout__actions"},n&&s("bs-button",{key:"f758266373ef8f94edd5d53de97397b6498af3ac",part:"secondary",variant:"outlined",onClick:()=>this.bsSecondary.emit()},n),o&&s("bs-button",{key:"eaced5b60ea1a15398c3beea9d8d1522fc60792e",part:"primary",variant:"primary",onClick:()=>this.bsPrimary.emit()},o)),"signed-out"===this.type&&(o||n)&&s("div",{key:"9e731177eb48665ef99c64a564be0ba8340b79f3",part:"actions",class:"bs-session-timeout__actions bs-session-timeout__actions--stacked"},o&&s("bs-button",{key:"f7bfa81c52bc83c0d9e4009c4aecb2584632b95d",part:"primary",class:"bs-session-timeout__block-button",variant:"primary",onClick:()=>this.bsPrimary.emit()},o),n&&s("bs-button",{key:"6fe76eeaefdd48288e2c4821991f12ee12bbe358",part:"secondary",class:"bs-session-timeout__text-button",variant:"subtle",size:"lg",onClick:()=>this.bsSecondary.emit()},n)),s("div",{key:"77bd8a11863bccceaae1ab0103ef81771ca9f1f1",class:"bs-session-timeout__sr-only",role:"status","aria-live":"polite"},this.announcement)))}static get watchers(){return{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}}static get style(){return":host{display:block;width:var(--bs-session-timeout-width);min-width:var(--bs-session-timeout-min-width);max-width:var(--bs-session-timeout-max-width);--bs-session-timeout-width:440px;--bs-session-timeout-min-width:380px;--bs-session-timeout-max-width:560px;--bs-session-timeout-bg:var(--bs-paper-bg-base);--bs-session-timeout-radius:var(--bs-border-radius-150);--bs-session-timeout-padding:var(--bs-spacing-200);--bs-session-timeout-gap:var(--bs-spacing-150);--bs-session-timeout-shadow:0 8px 8px var(--bs-elevation-higher);--bs-session-timeout-color:var(--bs-text-default);--bs-session-timeout-color-secondary:var(--bs-text-secondary);--bs-session-timeout-countdown-bg:var(--bs-surface-container);--bs-session-timeout-countdown-fill:var(--bs-color-warning-default);--bs-session-timeout-countdown-track:var(--bs-surface-hover);--bs-session-timeout-rule:var(--bs-border-default)}.bs-session-timeout{--bs-card-bg:var(--bs-session-timeout-bg);--bs-card-radius:var(--bs-session-timeout-radius);--bs-card-padding:var(--bs-session-timeout-padding);--bs-card-shadow:var(--bs-session-timeout-shadow);color:var(--bs-session-timeout-color)}.bs-session-timeout__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--bs-session-timeout-gap)}bs-icon-tile{align-self:flex-start}.bs-session-timeout__glyph,::slotted([slot='icon']){width:24px;height:24px}.bs-session-timeout__heading-group{display:flex;flex-direction:column;gap:6px}.bs-session-timeout__heading{margin:0;font-size:var(--bs-font-size-2xl);font-weight:var(--bs-font-weight-bold);line-height:32px}.bs-session-timeout__description{margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-md);line-height:24px}.bs-session-timeout__countdown{display:flex;flex-direction:column;gap:var(--bs-spacing-100);padding:var(--bs-spacing-200);border-radius:var(--bs-border-radius-100);background:var(--bs-session-timeout-countdown-bg)}.bs-session-timeout__countdown bs-progress-linear{--bs-progress-linear-fill:var(--bs-session-timeout-countdown-fill);--bs-progress-linear-track:var(--bs-session-timeout-countdown-track)}.bs-session-timeout__time-row{display:flex;align-items:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__time{font-size:var(--bs-font-size-3xl);font-weight:var(--bs-font-weight-bold);line-height:40px;font-variant-numeric:tabular-nums}.bs-session-timeout__unit{padding-bottom:6px;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved{display:flex;align-items:center;gap:var(--bs-spacing-100);margin:0;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-sm);line-height:20px}.bs-session-timeout__saved-icon{flex:none;width:16px;height:16px}.bs-session-timeout__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--bs-spacing-100)}.bs-session-timeout__actions bs-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__block-button{--bs-button-height-md:var(--bs-spacing-550)}.bs-session-timeout__account{display:flex;align-items:center;gap:var(--bs-spacing-200);padding:var(--bs-spacing-150) var(--bs-spacing-200);border:1px solid var(--bs-session-timeout-rule);border-radius:var(--bs-border-radius-100)}.bs-session-timeout__account-text{display:flex;flex-direction:column;gap:var(--bs-spacing-25);min-width:0;line-height:24px}.bs-session-timeout__account-name{font-weight:var(--bs-font-weight-semibold)}.bs-session-timeout__account-email{overflow-wrap:anywhere}.bs-session-timeout__actions--stacked{flex-direction:column;align-items:stretch;justify-content:flex-start}.bs-session-timeout__block-button,.bs-session-timeout__alternatives bs-button,.bs-session-timeout__actions--stacked bs-button{--bs-button-width:100%}.bs-session-timeout__text-button{--bs-button-subtle-color:var(--bs-text-action);--bs-button-height-lg:var(--bs-spacing-600)}.bs-session-timeout__password{display:block;--bs-input-label-font-size:var(--bs-font-size-md);--bs-input-label-font-weight:var(--bs-font-weight-semibold);--bs-input-label-line-height:calc(var(--bs-line-height-body-md) * 1px);margin-bottom:calc(var(--bs-spacing-200) - var(--bs-session-timeout-gap))}.bs-session-timeout__divider{display:flex;align-items:center;gap:var(--bs-spacing-100);align-self:center;width:320px;max-width:100%;color:var(--bs-session-timeout-color-secondary);font-size:var(--bs-font-size-xs);line-height:16px}.bs-session-timeout__rule{flex:1 1 0;height:1px;background:var(--bs-session-timeout-rule)}.bs-session-timeout__alternatives{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:var(--bs-spacing-100)}.bs-session-timeout__sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}"}},[769,"bs-session-timeout",{type:[513],heading:[1],headingLevel:[2,"heading-level"],description:[1],hideIcon:[4,"hide-icon"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],secondsLeft:[1026,"seconds-left"],totalSeconds:[2,"total-seconds"],countdown:[4],timeLeftLabel:[1,"time-left-label"],secondsLeftLabel:[1,"seconds-left-label"],savedMessage:[1,"saved-message"],accountName:[1,"account-name"],accountEmail:[1,"account-email"],accountInitials:[1,"account-initials"],passwordLabel:[1,"password-label"],passwordError:[1,"password-error"],dividerLabel:[1,"divider-label"],alternatives:[16],cancelLabel:[1,"cancel-label"],password:[32],announcement:[32],initialTotal:[32]},void 0,{countdown:[{onTimerInputsChange:0}],type:[{onTimerInputsChange:0}]}]);function _(s){const e=Math.max(0,Math.trunc(Number(s))||0);return`${Math.floor(e/60)}:${function(s){return(s+"").padStart(2,"0")}(e%60)}`}const y=e=>t=>s("svg",{class:"bs-session-timeout__glyph",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true",...t},e),w=y(s("g",null,s("circle",{cx:"12",cy:"13.5",r:"7"}),s("path",{d:"M12 10V13.5L14 15"}),s("path",{d:"M9.5 3.5H14.5"}))),x=y(s("g",null,s("rect",{x:"5",y:"10.5",width:"14",height:"9.5",rx:"1.5"}),s("path",{d:"M8.5 10.5V8A3.5 3.5 0 0 1 15.5 8V10.5"}))),k=y(s("g",null,s("path",{d:"M6 10A6 6 0 0 1 18 10"}),s("path",{d:"M9 20C10 18 10 16 10 13A2 2 0 0 1 14 13C14 16 13.5 18.5 12.5 20.5"}),s("path",{d:"M6 13C6 15.5 5.5 17.5 4.5 19.5"}),s("path",{d:"M18 13C18 15.5 17.5 18 16.5 20"}),s("path",{d:"M12 13C12 15 11.5 17 10.8 18.5"}))),C=y(s("g",null,s("circle",{cx:"8",cy:"15",r:"4"}),s("path",{d:"M11 12L19.5 3.5"}),s("path",{d:"M16 7L19 10"}))),L=()=>s("svg",{class:"bs-session-timeout__saved-icon",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"1.3","stroke-linecap":"round","aria-hidden":"true"},s("circle",{cx:"8",cy:"8",r:"6.2"}),s("path",{d:"M8 7.2V11"}),s("path",{d:"M8 5V5.1"})),E={warning:{intent:"warning",heading:"You’ll be signed out soon",description:"For your security, we sign you out after a period without activity.",primary:"Stay signed in",secondary:"Sign out now",glyph:()=>s(w,null)},"signed-out":{intent:"default",heading:"You’ve been signed out",description:"You were inactive for a while. Your work was saved and will be there when you sign in.",primary:"Sign in again",secondary:"Use a different account",glyph:()=>s(x,null)},"confirm-identity":{intent:"default",heading:"Confirm it’s you",description:"This action needs a fresh sign-in.",primary:"Confirm",secondary:"",glyph:()=>s(k,null)}};function z(){"undefined"!=typeof customElements&&["bs-session-timeout","bs-avatar","bs-button","bs-card","bs-chip-informative","bs-icon","bs-icon-button","bs-icon-tile","bs-input","bs-menu","bs-menu-item","bs-progress-linear","bs-ripple","bs-spinner"].forEach((s=>{switch(s){case"bs-session-timeout":customElements.get(e(s))||customElements.define(e(s),v);break;case"bs-avatar":customElements.get(e(s))||n();break;case"bs-button":customElements.get(e(s))||a();break;case"bs-card":customElements.get(e(s))||r();break;case"bs-chip-informative":customElements.get(e(s))||c();break;case"bs-icon":customElements.get(e(s))||b();break;case"bs-icon-button":customElements.get(e(s))||l();break;case"bs-icon-tile":customElements.get(e(s))||d();break;case"bs-input":customElements.get(e(s))||u();break;case"bs-menu":customElements.get(e(s))||m();break;case"bs-menu-item":customElements.get(e(s))||p();break;case"bs-progress-linear":customElements.get(e(s))||h();break;case"bs-ripple":customElements.get(e(s))||g();break;case"bs-spinner":customElements.get(e(s))||f()}}))}z();const M=v,j=z;export{M as BsSessionTimeout,j as defineCustomElement}

package/dist/components/bs-shortcut-row.js

@@ -1 +1 @@
-import{B as a,d as o}from"./p-DBgafacj.js";const s=a,p=o;export{s as BsShortcutRow,p as defineCustomElement}
+import{B as o,d as s}from"./p-DUV80kt-.js";const t=o,p=s;export{t as BsShortcutRow,p as defineCustomElement}