FileMaster

Edit File: p-42bec0de.entry.js

import{r as e,c as t,h as i,a as s}from"./p-e97fde0a.js";import{a as n,c as a,o,f as r,s as c,b as l}from"./p-8c8c3326.js";import{s as d}from"./p-830ab1a3.js";import{i as h}from"./p-b0d8cd6e.js";const f=":host{display:inline-block;--panel-height:75vh;--panel-width:11rem}.dropdown{position:relative}.dropdown.dropdown--open .dropdown__positioner{visibility:visible;opacity:1;transform:scale(1)}.dropdown__trigger{display:block;cursor:pointer;border-width:0;outline:none;background-color:unset}.dropdown--disabled,.dropdown--disabled .dropdown__trigger{cursor:not-allowed}.dropdown__positioner{position:absolute;right:0;width:100%;z-index:var(--sc-z-index-dropdown);opacity:0;visibility:hidden;transform:scale(0.9);min-width:var(--panel-width)}.dropdown__panel{transform-origin:top left;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:var(--panel-height);font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);color:var(--color);background-color:var(--sc-panel-background-color);border:solid 1px var(--sc-panel-border-color);border-radius:var(--sc-border-radius-medium);box-shadow:var(--sc-shadow-large);overflow:auto;overscroll-behavior:none;transition:var(--sc-transition-fast) opacity, var(--sc-transition-fast) transform;z-index:5}";const m=f;let u=0;let p="";const b=class{constructor(i){e(this,i);this.scShow=t(this,"scShow",7);this.scHide=t(this,"scHide",7);this.clickEl=undefined;this.disabled=undefined;this.open=false;this.position=undefined;this.placement="bottom-start";this.distance=10;this.skidding=0;this.hoist=false;this.closeOnSelect=true;this.isVisible=undefined}handleOpenChange(){this.open?this.show():this.hide()}handleOutsideClick(e){const t=e.composedPath();if(!t.some((e=>e===this.el))){this.open=false}}startPositioner(){this.stopPositioner();this.updatePositioner();this.positionerCleanup=n(this.trigger,this.positioner,this.updatePositioner.bind(this))}updatePositioner(){if(!this.open||!this.trigger||!this.positioner){return}a(this.trigger,this.positioner,{placement:this.placement,middleware:[o({mainAxis:this.distance,crossAxis:this.skidding}),r(),c(),l({apply:({availableWidth:e,availableHeight:t})=>{Object.assign(this.panel.style,{maxWidth:`${e}px`,maxHeight:`${t}px`})},padding:8})],strategy:this.hoist?"fixed":"absolute"}).then((({x:e,y:t,placement:i})=>{this.positioner.setAttribute("data-placement",i);Object.assign(this.positioner.style,{position:this.hoist?"fixed":"absolute",left:`${e}px`,top:`${t}px`,right:"auto"})}))}stopPositioner(){if(this.positionerCleanup){this.positionerCleanup();this.positionerCleanup=undefined;this.positioner.removeAttribute("data-placement")}}show(){d(wp.i18n.__("Menu Selection Dropdown opened. Press Up/Down arrow to toggle between menu items.","surecart"),"assertive");this.scShow.emit();if(this.isVisible){return}this.isVisible=true;this.open=true;this.startPositioner();this.panel.focus()}hide(){d(wp.i18n.__("Menu Selection Dropdown closed.","surecart"),"assertive");this.scHide.emit();if(!this.isVisible){return}this.stopPositioner();this.isVisible=false;this.open=false;const e=this.el.shadowRoot.querySelector('slot[name="trigger"]');const t=e.assignedElements({flatten:true})[0];t.focus()}handleClick(e){if(this.closeOnSelect){const t=e.composedPath();if(t.some((e=>e.classList&&e.classList.contains("menu-item")))){this.open=false}}}componentWillLoad(){document.addEventListener("mousedown",(e=>this.handleOutsideClick(e)))}getMenu(){let e=this.el.shadowRoot.querySelector("slot");return e.assignedNodes().find((e=>e.nodeName==="sc-menu"))}getItems(){return[...this.el.querySelectorAll("sc-menu-item")]}handleHide(){this.open=false;u=0;this.trigger.focus()}handleKeyDown(e){const t=this.getItems();if(e.key==="Tab"){if(this.open){this.handleHide()}return}if(["ArrowDown","ArrowUp"].includes(e.key)){e.preventDefault();e.stopImmediatePropagation();if(!this.open){this.open=true}if(e.key==="ArrowDown"){if(p=="up"){u=u+2}if(u>t.length-1){u=0}t[u].setFocus();p="down";u++;return}if(e.key==="ArrowUp"){if(p=="down"){u=u-2}if(u<0){u=t.length-1}t[u].setFocus();p="up";u--;return}}if(e.key==="Escape"){if(this.open){this.handleHide()}return}if(e.key==="Enter"){if(this.open){this.handleHide()}else{e.stopImmediatePropagation();e.preventDefault();this.open=true}}if(e.ctrlKey||e.metaKey){return}}render(){return i("div",{key:"3dea7e493e11ac1318d9b7b19cf7553748d93684",part:"base",class:{dropdown:true,"dropdown--open":this.open,"dropdown--disabled":this.disabled}},i("span",{key:"abed75deab77bfeb4f3f41d5459cf70510287840",part:"trigger",class:"dropdown__trigger",ref:e=>this.trigger=e,onClick:()=>{if(this.disabled)return;if(this.open){this.hide()}else{setTimeout((()=>{this.show()}),0)}},"aria-expanded":this.open?"true":"false","aria-haspopup":"true"},i("slot",{key:"356c58e3c99c410156dc8b05dc0518ae58d7a7bc",name:"trigger"})),i("div",{key:"946e5ee224af74ce9fa9419bb1ba68ac13553599",class:"dropdown__positioner",ref:e=>this.positioner=e},i("div",{key:"0672633f41fb3a3cf964f0e60f4cce2b6566f9c0",part:"panel",class:{dropdown__panel:true,"position--top-left":this.position==="top-left","position--top-right":this.position==="top-right","position--bottom-left":this.position==="bottom-left","position--bottom-right":this.position==="bottom-right"},"aria-orientation":"vertical",tabindex:"-1",onClick:e=>this.handleClick(e),ref:e=>this.panel=e},i("slot",{key:"8d11701d9361dfe1eb42d8889aea056c37230922"}))))}get el(){return s(this)}static get watchers(){return{open:["handleOpenChange"]}}};b.style=m;const g=":host{display:block}.menu{padding:var(--sc-spacing-x-small) 0}.menu:focus{outline:none}::slotted(sc-input){margin-top:-var(--sc-spacing-x-small)}::slotted(sc-divider){--spacing:var(--sc-spacing-x-small)}";const w=g;const v=class{constructor(i){e(this,i);this.scSelect=t(this,"scSelect",7);this.items=[];this.ariaLabel=undefined}handleClick(e){const t=e.target;const i=t.closest("sc-menu-item");if(i&&!i.disabled){this.scSelect.emit({item:i})}}handleKeyDown(e){if(e.key==="Enter"){const t=this.getCurrentItem();e.preventDefault();if(t){this.scSelect.emit({item:t})}d(wp.i18n.sprintf(wp.i18n.__("Menu %s selected","surecart"),t.textContent),"assertive")}if(e.key===" "){e.preventDefault()}if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){const t=this.getCurrentItem();let i=t?this.items.indexOf(t):0;if(this.items.length){e.preventDefault();if(e.key==="ArrowDown"){i++}else if(e.key==="ArrowUp"){i--}else if(e.key==="Home"){i=0}else if(e.key==="End"){i=this.items.length-1}if(i<0)i=0;if(i>this.items.length-1)i=this.items.length-1;this.setCurrentItem(this.items[i]);return}}}getCurrentItem(){return this.items.find((e=>e.getAttribute("tabindex")==="0"))}async setCurrentItem(e){const t=e.disabled?this.items[0]:e;this.items.forEach((e=>{e.setAttribute("tabindex",e===t?"0":"-1")}))}syncItems(){const e=this.el.shadowRoot.querySelector("slot").assignedElements({flatten:true});this.items=e.filter((e=>e.nodeName==="sc-menu-item"))}handleSlotChange(){this.syncItems()}render(){return i("div",{key:"27ffe82cef0f11d1ce2bf17c39f658dc441c3caa",part:"base",class:"menu",tabindex:"0",onKeyDown:e=>this.handleKeyDown(e)},i("slot",{key:"2a069a8c87c61a4f13a698ade04337bbd1c38f9f",onSlotchange:()=>this.handleSlotChange()}))}get el(){return s(this)}};v.style=w;const x=":host{display:block}.menu-item{position:relative;display:flex;align-items:stretch;font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);line-height:var(--sc-menu-item-line-height, var(--sc-line-height-normal));letter-spacing:var(--sc-letter-spacing-normal);text-align:left;color:var(--sc-menu-item-color, var(--sc-color-gray-700));padding:var(--sc-spacing-xx-small) var(--sc-spacing-x-large);transition:var(--sc-input-transition, var(--sc-transition-medium)) fill, var(--sc-input-transition, var(--sc-transition-medium)) background-color;user-select:none;white-space:var(--sc-menu-item-white-space, nowrap);text-wrap:auto;cursor:pointer;text-decoration:none}.menu-item.menu-item--focused:not(.menu-item--disabled){outline:none;background-color:var(--sc-menu-item-background-focused, var(--sc-color-primary-500));color:var(--sc-color-white)}.menu-item.menu-item--disabled{outline:none;color:var(--sc-color-gray-400);cursor:not-allowed}.menu-item .menu-item__label{flex:1 1 auto}.menu-item .menu-item__prefix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__prefix ::slotted(*){display:inline-flex;margin-right:var(--sc-spacing-small)}.menu-item .menu-item__suffix{flex:0 0 auto;display:flex;align-items:center}.menu-item .menu-item__suffix ::slotted(*){margin-left:var(--sc-spacing-x-small);text-align:right}.menu-item .menu-item__check{display:flex;position:absolute;left:0.5em;top:0.6em;visibility:hidden;align-items:center;font-size:inherit}.menu-item--checked .menu-item__check{visibility:visible}.menu-item--is-rtl.menu-item{text-align:right}.menu-item--is-rtl.menu-item .menu-item__check{left:auto;right:0.5em}";const y=x;const _=class{constructor(t){e(this,t);this.hasFocus=false;this.href=undefined;this.target=undefined;this.checked=false;this.value="";this.disabled=false}async setFocus(e){this.menuItem.focus(e)}async setBlur(){this.menuItem.blur()}handleBlur(){this.hasFocus=false}handleFocus(){this.hasFocus=true}render(){const e=this.href?"a":"div";return i(e,{key:"f89b5d378b16723785f102b97c05769decc195c7",ref:e=>this.menuItem=e,part:"base",class:{"menu-item":true,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--focused":this.hasFocus,"menu-item--is-rtl":h()},href:this.href,role:"menuitem","aria-disabled":this.disabled?"true":"false","aria-checked":this.checked?"true":"false",tabindex:!this.disabled?"0":undefined,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),onMouseEnter:()=>this.handleFocus(),onMouseLeave:()=>this.handleBlur(),onKeyDown:e=>{if(e.key===" "||e.key==="Spacebar"||e.key==="Enter"){this.menuItem.click()}},"aria-label":this.el.innerText,target:this.target},i("span",{key:"d933bc5b9b0f76d393a9f32e846888cd2d182581",part:"checked-icon",class:"menu-item__check"},i("svg",{key:"4246de6473ed54a7de4477505b83e883b4aadc44",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"bi bi-check",viewBox:"0 0 16 16"},i("path",{key:"e9ca638f0d8b480624bb816d2ce1de2b30ccad8d",d:"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"}))),i("span",{key:"8c18ef3d2f522852f471c40c51bea9c963ab1fbc",part:"prefix",class:"menu-item__prefix"},i("slot",{key:"271fdaf85b539bcc4cb078651dcd0c46d9b79f6e",name:"prefix"})),i("span",{key:"861e1a1fca1f9e1246cd1bc1d8de52305be81d8f",part:"label",class:"menu-item__label"},i("slot",{key:"a7a11ccccc1f8cf50e14ad629f80ea1620ba8ca8"})),i("span",{key:"173926dcf01b262fc38e5c7cc4372658221fe78a",part:"suffix",class:"menu-item__suffix"},i("slot",{key:"8fa9848d3432980111a10156be0c8c923636e937",name:"suffix"})))}get el(){return s(this)}};_.style=y;export{b as sc_dropdown,v as sc_menu,_ as sc_menu_item};
//# sourceMappingURL=p-42bec0de.entry.js.map

Back