@pine-ds/core 4.11.0 → 4.12.0

package/components/pds-popover.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,Host as h,transformTag as o}from"@stencil/core/internal/client";import{p as n,a as r,c as l,o as a,f as d,s as p}from"./floating-ui.dom.js";import{a as c,c as u}from"./closest.js";import{r as v}from"./reflected-attribute-default.js";import{s as m}from"./attributes.js";import{l as f}from"./keep-hydrated.js";import{t as g}from"./tabbable.js";const b=t=>{const i=t+"",s=i.length,e=i.charCodeAt(0);let h="";for(let t=0;t<s;t++){const o=i.charCodeAt(t);h+=0!==o?o>=1&&o<=31||127===o||0===t&&o>=48&&o<=57||1===t&&o>=48&&o<=57&&45===e?`\\${o.toString(16)} `:0===t&&1===s&&45===o||!(o>=128||45===o||95===o||o>=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122)?"\\"+i.charAt(t):i.charAt(t):"�"}return h},w=[],y=Object.assign(Object.assign({},n),{getOffsetParent:()=>window});function k(){var t;let i=document.activeElement;for(;null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.activeElement;)i=i.shadowRoot.activeElement;return i}function T(t,i){let s=t;for(;s.getRootNode()!==i.getRootNode()&&s.getRootNode()instanceof ShadowRoot;)s=s.getRootNode().host;return s}const x=new WeakMap,P=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsPopoverOpen=s(this,"pdsPopoverOpen",7),this.pdsPopoverClose=s(this,"pdsPopoverClose",7),this.active=!1,this.isComponentMounted=!0,this.hasLoaded=!1,this.generatedPortalId=null,this.triggerEl=null,this.triggerObserver=null,this.portalEl=null,this.stopAutoUpdate=null,this.positioningRun=0,this.positioning=Promise.resolve(),this.openEventPending=!1,this.movedNodes=[],this.openTimestamp=0,this.hoverOpened=!1,this.closeWhenFocusLeaves=!1,this.panelDistance=1/0,this.tabGuardEl=null,this.leavingPanel=!1,this.tabDirection=null,this.popoverTargetAction="show",this.openOn="click",this.popoverType="auto",this.maxWidth=352,this.padding="md",this.placement="right",this.handleTriggerSlotChange=t=>{const i=t.target.assignedElements();null!=this.triggerEl&&(this.triggerEl.removeEventListener("click",this.handleTriggerClick),this.stopListeningForHover(this.triggerEl)),i.length>0?(this.triggerEl=i[0],this.linkTriggerToPortal(),this.triggerEl.addEventListener("click",this.handleTriggerClick),this.listenForHover(this.triggerEl)):this.triggerEl=null,this.active&&this.addScrollAndResizeListeners(),this.observeTrigger()},this.handleContentSlotChange=()=>{this.active&&this.updatePortalContent()},this.handleTriggerClick=t=>{if(t.composedPath().find((t=>t instanceof HTMLAnchorElement&&t.href))||t.preventDefault(),"hover"===this.openOn&&"hide"!==this.popoverTargetAction){const t=this.hoverOpened;if(this.pin(),t)return}switch(this.popoverTargetAction){case"show":this.show();break;case"hide":this.hide();break;default:this.toggle()}},this.handleHoverEnter=t=>{"touch"!==t.pointerType&&(this.clearHoverTimers(),this.active||(this.hoverOpenTimer=setTimeout((()=>{this.hoverOpenTimer=void 0,this.active||null==this.portalEl||(this.hoverOpened=!0,this.show())}),120)))},this.handleHoverLeave=t=>{"touch"!==t.pointerType&&(this.clearHoverTimers(),this.hoverOpened&&(this.hoverCloseTimer=setTimeout(this.closeFromHover,200),t.currentTarget===this.triggerEl&&(this.panelDistance=this.distanceToPanel(t),document.addEventListener("pointermove",this.handleMoveTowardPanel))))},this.handleMoveTowardPanel=t=>{const i=this.distanceToPanel(t);i<this.panelDistance&&(clearTimeout(this.hoverCloseTimer),this.hoverCloseTimer=setTimeout(this.closeFromHover,200)),this.panelDistance=i},this.handleHoverFocusOut=t=>{this.closeWhenFocusLeaves&&!c(this.portalEl,t.relatedTarget)&&(this.closeWhenFocusLeaves=!1,this.hoverCloseTimer=setTimeout(this.closeFromHover,200))},this.closeFromHover=()=>{this.clearHoverTimers(),this.hoverOpened&&(c(this.portalEl,k())?this.closeWhenFocusLeaves=!0:this.hide())},this.shadowFocusStyle=null,this.watchedDialog=null,this.onDialogClose=()=>{this.hide()},this.handleSubmitFromPanel=t=>{this.portalEl&&c(t.target,this.portalEl)&&(c(this.portalEl,t.submitter)||c(this.portalEl,k()))&&(t.preventDefault(),t.stopPropagation())},this.syncTabGuard=t=>{if("Tab"!==t.key)return;this.releasePanel(),this.tabDirection=t.shiftKey?"backward":"forward",setTimeout(this.endTabKey);const i=this.guardedTabbables().length>0;null!=this.tabGuardEl&&(this.tabGuardEl.tabIndex=i?0:-1);const s=k();!i||c(this.portalEl,s)||u(".pds-popover, .pds-datepicker-calendar-portal, .pds-combobox-dropdown-portal",null!=s?s:document)||(this.portalEl.inert=!0)},this.endTabKey=()=>{this.tabDirection=null,this.releasePanel()},this.handleTabGuardFocus=t=>{if(this.leavingPanel)return;this.releasePanel();const i=this.guardedTabbables(),s=t.relatedTarget,e=(null!=this.tabDirection?"backward"===this.tabDirection:null!=s&&this.isAfterPopover(s))?i[i.length-1]:i[0];null==e?this.returnFocusToTrigger():e.focus()},this.handleTabFromPanel=t=>{if("Tab"!==t.key||t.defaultPrevented||null==this.tabGuardEl)return;const i=this.guardedTabbables(),s=t.shiftKey?i[0]:i[i.length-1];null!=s&&k()===s&&this.leavePanel(s,t.shiftKey)},this.releasePanel=()=>{null!=this.portalEl&&(this.portalEl.inert=!1)}}openOnChanged(){this.pin(),this.stopListeningForHover(this.triggerEl),this.stopListeningForHover(this.portalEl),this.isComponentMounted&&(this.listenForHover(this.triggerEl),this.listenForHover(this.portalEl))}applyPadding(){null!=this.portalEl&&(this.portalEl.style.padding=this.paddingToken())}paddingToken(){switch(this.padding){case"none":return"var(--pine-dimension-none)";case"xs":return"var(--pine-dimension-xs)";case"sm":return"var(--pine-dimension-sm)";default:return"var(--pine-dimension-md)"}}restorePlacementDefault(t){this.placement=v(this.el,"placement",t,"right")}componentDidLoad(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this),this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this),this.createPortal(),this.hasLoaded=!0;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="trigger"]');if(i&&null==this.triggerEl){const t=new("undefined"!=typeof window?window.Event:global.Event)("slotchange");Object.defineProperty(t,"target",{value:i,enumerable:!0}),this.handleTriggerSlotChange(t)}else this.linkTriggerToPortal()}observeTrigger(){var t;null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,null!=this.triggerEl&&"undefined"!=typeof MutationObserver&&(this.triggerObserver=new MutationObserver(f((()=>this.linkTriggerToPortal()),"pds-popover: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the popover opens or closes.",this.triggerEl)),this.triggerObserver.observe(this.triggerEl,{attributes:!0,attributeFilter:["aria-expanded","aria-controls"]}))}linkTriggerToPortal(){return null!=this.triggerEl&&null!=this.portalEl&&m(this.triggerEl,{"aria-expanded":this.active+"","aria-controls":this.portalEl.id})}listenForHover(t){"hover"===this.openOn&&null!=t&&(t.addEventListener("pointerenter",this.handleHoverEnter),t.addEventListener("pointerleave",this.handleHoverLeave),t.addEventListener("focusout",this.handleHoverFocusOut))}stopListeningForHover(t){null!=t&&(t.removeEventListener("pointerenter",this.handleHoverEnter),t.removeEventListener("pointerleave",this.handleHoverLeave),t.removeEventListener("focusout",this.handleHoverFocusOut))}distanceToPanel({clientX:t,clientY:i}){const s=this.portalEl.getBoundingClientRect();return Math.hypot(Math.max(s.left-t,0,t-s.right),Math.max(s.top-i,0,i-s.bottom))}pin(){var t;this.clearHoverTimers(),this.hoverOpened&&(this.hoverOpened=!1,"auto"!==this.popoverType&&(this.forgetOpen(),null===(t=this.portalEl)||void 0===t||t.removeAttribute("data-pds-popover-open"),document.removeEventListener("keydown",this.boundEscapeKeyHandler)))}clearHoverTimers(){clearTimeout(this.hoverOpenTimer),clearTimeout(this.hoverCloseTimer),this.hoverOpenTimer=void 0,this.hoverCloseTimer=void 0,this.closeWhenFocusLeaves=!1,document.removeEventListener("pointermove",this.handleMoveTowardPanel)}connectedCallback(){var t;this.hasLoaded&&(this.isComponentMounted=!0,this.createPortal(),null===(t=this.triggerEl)||void 0===t||t.addEventListener("click",this.handleTriggerClick),this.listenForHover(this.triggerEl),this.observeTrigger(),this.linkTriggerToPortal(),this.active&&(this.placePortal(),this.addScrollAndResizeListeners()))}disconnectedCallback(){var t,i;this.el.isConnected||(this.isComponentMounted=!1,this.unwatchDialogClose(),this.forgetOpen(),this.active&&(this.restorePortalContent(),this.active=!1,this.linkTriggerToPortal(),this.emitOpenEvent(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})),null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),this.stopListeningForHover(this.triggerEl),null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),document.removeEventListener("submit",this.handleSubmitFromPanel,!0),document.removeEventListener("keydown",this.syncTabGuard,!0),null===(i=this.tabGuardEl)||void 0===i||i.removeAttribute("tabindex"),this.clearHoverTimers(),this.hoverOpened=!1,this.removePortal())}createPortal(){var i;null===this.portalEl&&(this.portalEl=document.createElement("div"),this.portalEl.className="pds-popover",x.set(this.portalEl,this),this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-raised)",this.portalEl.style.maxWidth=this.maxWidth+"px",this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)",this.portalEl.style.borderRadius="var(--pine-dimension-125)",this.portalEl.style.boxShadow="var(--pine-box-shadow-200)",this.portalEl.style.margin="var(--pine-dimension-none)",this.portalEl.style.padding=this.paddingToken(),this.componentId?this.portalEl.id=this.componentId+"-portal":(null!==(i=this.generatedPortalId)&&void 0!==i||(this.generatedPortalId="pds-popover-portal-"+t.instanceCounter++),this.portalEl.id=this.generatedPortalId),document.body.appendChild(this.portalEl),this.addPortalFocusStyles(),this.listenForHover(this.portalEl),this.portalEl.addEventListener("keydown",this.handleTabFromPanel))}addPortalFocusStyles(){if(!this.portalEl)return;const t=this.portalEl.id,i=b(t);if(document.querySelector(`style[data-pds-popover-focus="${i}"]`))return;const s=document.createElement("style");s.setAttribute("data-pds-popover-focus",t),s.textContent=`\n      #${i}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${i}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #${i} {\n        border: var(--pine-border);\n      }\n    `,document.head.appendChild(s)}updatePortalContent(){var t;if(!this.portalEl)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-popover__content-slot-wrapper"),s=null==i?void 0:i.querySelector("slot");s&&s.assignedNodes().forEach((t=>{var i;const s=t.parentNode===this.portalEl,e=this.movedNodes.some((i=>i.node===t));if(s||e)return;const h=document.createComment("pds-popover-placeholder");null===(i=t.parentNode)||void 0===i||i.insertBefore(h,t),this.portalEl.appendChild(t),this.movedNodes.push({node:t,placeholder:h})}))}restorePortalContent(){this.movedNodes.forEach((({node:t,placeholder:i})=>{i.parentNode&&(i.parentNode.insertBefore(t,i),i.parentNode.removeChild(i))})),this.movedNodes=[]}copyFocusStylesInto(t){var i,s,e;if(!(t instanceof ShadowRoot))return null===(i=this.shadowFocusStyle)||void 0===i||i.remove(),void(this.shadowFocusStyle=null);if((null===(s=this.shadowFocusStyle)||void 0===s?void 0:s.parentNode)===t||!this.portalEl)return;const h=document.querySelector(`style[data-pds-popover-focus="${b(this.portalEl.id)}"]`);h&&(null===(e=this.shadowFocusStyle)||void 0===e||e.remove(),this.shadowFocusStyle=h.cloneNode(!0),t.appendChild(this.shadowFocusStyle))}removePortal(){var t;if(null===(t=this.shadowFocusStyle)||void 0===t||t.remove(),this.shadowFocusStyle=null,this.portalEl){this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl);const t=document.querySelector(`style[data-pds-popover-focus="${b(this.portalEl.id)}"]`);t&&t.parentNode&&t.parentNode.removeChild(t)}this.portalEl=null}async show(){if(this.active||!this.portalEl)return;let t;this.active=!0,this.openTimestamp=Date.now(),this.linkTriggerToPortal(),this.placePortal(),this.updatePortalContent(),("auto"===this.popoverType||this.hoverOpened)&&this.portalEl.setAttribute("data-pds-popover-open",""),this.portalEl.style.display="block",this.portalEl.style.opacity="1",this.portalEl.style.visibility="visible",this.addScrollAndResizeListeners(),document.addEventListener("submit",this.handleSubmitFromPanel,!0),document.addEventListener("keydown",this.syncTabGuard,!0),"auto"===this.popoverType?(w.push(this),this.addLightDismissListeners()):this.hoverOpened&&(w.push(this),document.addEventListener("keydown",this.boundEscapeKeyHandler)),this.openEventPending=!0;do{t=this.positioning,await t}while(t!==this.positioning);this.emitOpenEvent()}emitOpenEvent(){this.openEventPending&&(this.openEventPending=!1,this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType}))}async hide(){var t;if(this.clearHoverTimers(),!this.active||!this.portalEl)return;this.active=!1,this.hoverOpened=!1,this.unwatchDialogClose();const i=c(this.portalEl,k());this.linkTriggerToPortal(),this.restorePortalContent(),this.portalEl.style.border="",this.portalEl.removeAttribute("data-pds-popover-open"),this.portalEl.removeAttribute("data-pds-popover-placement"),this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",i&&this.returnFocusToTrigger(),this.forgetOpen(),this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),document.removeEventListener("submit",this.handleSubmitFromPanel,!0),document.removeEventListener("keydown",this.syncTabGuard,!0),null===(t=this.tabGuardEl)||void 0===t||t.removeAttribute("tabindex"),this.releasePanel(),this.emitOpenEvent(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}async toggle(){this.active?await this.hide():await this.show()}placePortal(){var t,i;if(!this.portalEl)return;const s=u("dialog[open]",this.el);if(!s)return this.unwatchDialogClose(),this.portalEl.style.border="",this.portalEl.parentElement!==document.body&&document.body.appendChild(this.portalEl),void this.copyFocusStylesInto(document);const e=u("form",this.el);(null===(t=this.el.parentElement)||void 0===t?void 0:t.shadowRoot)||e&&c(s,e)?this.portalEl.parentNode!==s&&s.appendChild(this.portalEl):this.el.nextElementSibling!==this.portalEl&&(null===(i=this.el.parentNode)||void 0===i||i.insertBefore(this.portalEl,this.el.nextSibling)),this.watchDialogClose(s);const h=this.portalEl.getRootNode();this.copyFocusStylesInto(h),this.portalEl.style.border=h instanceof ShadowRoot&&u('[data-theme="dark"]',this.el)?"var(--pine-border)":""}forgetOpen(){const t=w.indexOf(this);t>=0&&w.splice(t,1)}takesEscapeFrom(t){var i,s;const e=null!==(s=null===(i=t.composedPath)||void 0===i?void 0:i.call(t)[0])&&void 0!==s?s:t.target,h=u("dialog[open]",e);return!(h&&!c(h,this.portalEl)&&(h.classList.contains("pds-modal__backdrop")||h.matches(":modal")))}addLightDismissListeners(){document.addEventListener("click",this.boundClickOutsideHandler,!0),document.addEventListener("keydown",this.boundEscapeKeyHandler)}watchDialogClose(t){this.watchedDialog!==t&&(this.unwatchDialogClose(),this.watchedDialog=t,t.addEventListener("close",this.onDialogClose))}unwatchDialogClose(){var t;null===(t=this.watchedDialog)||void 0===t||t.removeEventListener("close",this.onDialogClose),this.watchedDialog=null}removeLightDismissListeners(){document.removeEventListener("click",this.boundClickOutsideHandler,!0),document.removeEventListener("keydown",this.boundEscapeKeyHandler)}guardedTabbables(){return null==this.portalEl||this.el.nextElementSibling===this.portalEl?[]:g(this.portalEl)}isAfterPopover(t){return!c(this.el,t)&&((t,i)=>!(t&Node.DOCUMENT_POSITION_DISCONNECTED||!(t&i)))(function(t,i){const s=T(i,t);return T(t,s).compareDocumentPosition(s)}(this.el,t),Node.DOCUMENT_POSITION_FOLLOWING)}leavePanel(t,i){var s,e;this.leavingPanel=!0,null===(s=this.tabGuardEl)||void 0===s||s.focus(),this.leavingPanel=!1,this.portalEl.inert=!0,setTimeout((()=>this.finishLeavingPanel(t)));const h=x.get(u(".pds-popover",this.el)),o=null!==(e=null==h?void 0:h.guardedTabbables())&&void 0!==e?e:[];i||o[o.length-1]!==this.tabGuardEl||h.leavePanel(t,!1)}finishLeavingPanel(t){var i;this.releasePanel(),this.active&&(null===(i=this.el.shadowRoot)||void 0===i?void 0:i.activeElement)===this.tabGuardEl&&t.focus()}addScrollAndResizeListeners(){this.removeScrollAndResizeListeners(),null!=this.triggerEl&&null!=this.portalEl&&(this.stopAutoUpdate=r(this.triggerEl,this.portalEl,(()=>{this.positioning=this.handlePopoverPositioning().catch((t=>console.warn("pds-popover: failed to position the panel",t)))})))}removeScrollAndResizeListeners(){var t;null===(t=this.stopAutoUpdate)||void 0===t||t.call(this),this.stopAutoUpdate=null}handleClickOutside(t){var i,s;if((t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now())<=this.openTimestamp)return;const e=null!==(s=null===(i=t.composedPath)||void 0===i?void 0:i.call(t)[0])&&void 0!==s?s:t.target,h=u(".pds-datepicker-calendar-portal",e),o=null==h?void 0:h.pdsDatepicker;if(o&&(c(this.portalEl,o)||c(this.triggerEl,o)))return;const n=c(this.portalEl,e),r=c(this.triggerEl,e);n||r||this.hide()}returnFocusToTrigger(){this.triggerEl&&this.triggerEl.focus({preventScroll:!0})}handleEscapeKey(t){"Escape"!==t.key||t.defaultPrevented||[...w].reverse().find((i=>i.takesEscapeFrom(t)))===this&&(t.preventDefault(),t.stopPropagation(),this.hide())}async handlePopoverPositioning(){const t=++this.positioningRun;if(null==this.triggerEl||null==this.portalEl)return;const i=this.triggerEl.getBoundingClientRect();if(0===i.width||0===i.height)return;const s=this.portalEl,{x:e,y:h,placement:o}=await l(this.triggerEl,s,{placement:this.placement,strategy:"fixed",middleware:[a(8),d({fallbackStrategy:"initialPlacement"}),p({padding:8})],platform:y});if(!this.active||t!==this.positioningRun||s!==this.portalEl)return;s.setAttribute("data-pds-popover-placement",o);const n=(t=>{var i;const s=document.createElement("div");s.style.cssText="all: initial; position: fixed; top: 0; left: 0;",null===(i=t.parentNode)||void 0===i||i.insertBefore(s,t);const{top:e,left:h}=s.getBoundingClientRect();return s.remove(),{top:e,left:h}})(s);s.style.top=h-n.top+"px",s.style.left=e-n.left+"px"}render(){return e(h,{key:"85422eb7544a4795ce78b51684b7224a5d856a4e",id:this.componentId},e("span",{key:"6fe9c827ed4d46ca723d6013f296faf80ba31366",class:"pds-popover__trigger-wrapper"},e("slot",{key:"970d1974d2be1451e670a36e7d2ccdc5979595bb",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),e("span",{key:"0c76f76286a30d8e6e948bd0abab3317b3673aa6",class:"pds-popover__tab-guard",ref:t=>this.tabGuardEl=null!=t?t:null,onFocus:this.handleTabGuardFocus}),e("div",{key:"692c45e93899e74a3d5970f3a3625f6115ab63b0",class:"pds-popover__content-slot-wrapper"},e("slot",{key:"f1566e0eb1eb08626f2a8285447702ce96b09f4d",onSlotchange:this.handleContentSlotChange})))}get el(){return this}static get watchers(){return{openOn:[{openOnChanged:0}],padding:[{applyPadding:0}],placement:[{restorePlacementDefault:0}]}}static get style(){return":host{--sizing-max-width-default:352px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__tab-guard{opacity:0;outline:none;pointer-events:none;position:fixed}:host .pds-popover__content-slot-wrapper{display:none}"}},[257,"pds-popover",{popoverTargetAction:[1,"popover-target-action"],openOn:[1,"open-on"],popoverType:[1,"popover-type"],componentId:[1,"component-id"],maxWidth:[2,"max-width"],padding:[1],placement:[1537],active:[32],show:[64],hide:[64],toggle:[64]},void 0,{openOn:[{openOnChanged:0}],padding:[{applyPadding:0}],placement:[{restorePlacementDefault:0}]}]);P.instanceCounter=0;const O=P,_=function(){"undefined"!=typeof customElements&&["pds-popover"].forEach((t=>{"pds-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),P))}))};export{O as PdsPopover,_ as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,Host as h,transformTag as o}from"@stencil/core/internal/client";import{p as n,a as r,c as l,o as a,f as d,s as p}from"./floating-ui.dom.js";import{a as c,c as u}from"./closest.js";import{r as v}from"./reflected-attribute-default.js";import{s as m}from"./attributes.js";import{l as f}from"./keep-hydrated.js";import{t as g}from"./tabbable.js";const b=t=>{const i=t+"",s=i.length,e=i.charCodeAt(0);let h="";for(let t=0;t<s;t++){const o=i.charCodeAt(t);h+=0!==o?o>=1&&o<=31||127===o||0===t&&o>=48&&o<=57||1===t&&o>=48&&o<=57&&45===e?`\\${o.toString(16)} `:0===t&&1===s&&45===o||!(o>=128||45===o||95===o||o>=48&&o<=57||o>=65&&o<=90||o>=97&&o<=122)?"\\"+i.charAt(t):i.charAt(t):"�"}return h},w=[],y=Object.assign(Object.assign({},n),{getOffsetParent:()=>window});function k(){var t;let i=document.activeElement;for(;null===(t=null==i?void 0:i.shadowRoot)||void 0===t?void 0:t.activeElement;)i=i.shadowRoot.activeElement;return i}function x(t,i){let s=t;for(;s.getRootNode()!==i.getRootNode()&&s.getRootNode()instanceof ShadowRoot;)s=s.getRootNode().host;return s}const T=new WeakMap,P=t(class t extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsPopoverOpen=s(this,"pdsPopoverOpen",7),this.pdsPopoverClose=s(this,"pdsPopoverClose",7),this.active=!1,this.isComponentMounted=!0,this.hasLoaded=!1,this.generatedPortalId=null,this.triggerEl=null,this.triggerObserver=null,this.portalEl=null,this.stopAutoUpdate=null,this.positioningRun=0,this.positioning=Promise.resolve(),this.openEventPending=!1,this.movedNodes=[],this.openTimestamp=0,this.hoverOpened=!1,this.closeWhenFocusLeaves=!1,this.panelDistance=1/0,this.tabGuardEl=null,this.leavingPanel=!1,this.tabDirection=null,this.popoverTargetAction="show",this.openOn="click",this.popoverType="auto",this.maxWidth=400,this.padding="md",this.placement="right",this.handleTriggerSlotChange=t=>{const i=t.target.assignedElements();null!=this.triggerEl&&(this.triggerEl.removeEventListener("click",this.handleTriggerClick),this.stopListeningForHover(this.triggerEl)),i.length>0?(this.triggerEl=i[0],this.linkTriggerToPortal(),this.triggerEl.addEventListener("click",this.handleTriggerClick),this.listenForHover(this.triggerEl)):this.triggerEl=null,this.active&&this.addScrollAndResizeListeners(),this.observeTrigger()},this.handleContentSlotChange=()=>{this.active&&this.updatePortalContent()},this.handleTriggerClick=t=>{if(t.composedPath().find((t=>t instanceof HTMLAnchorElement&&t.href))||t.preventDefault(),"hover"===this.openOn&&"hide"!==this.popoverTargetAction){const t=this.hoverOpened;if(this.pin(),t)return}switch(this.popoverTargetAction){case"show":this.show();break;case"hide":this.hide();break;default:this.toggle()}},this.handleHoverEnter=t=>{"touch"!==t.pointerType&&(this.clearHoverTimers(),this.active||(this.hoverOpenTimer=setTimeout((()=>{this.hoverOpenTimer=void 0,this.active||null==this.portalEl||(this.hoverOpened=!0,this.show())}),120)))},this.handleHoverLeave=t=>{"touch"!==t.pointerType&&(this.clearHoverTimers(),this.hoverOpened&&(this.hoverCloseTimer=setTimeout(this.closeFromHover,200),t.currentTarget===this.triggerEl&&(this.panelDistance=this.distanceToPanel(t),document.addEventListener("pointermove",this.handleMoveTowardPanel))))},this.handleMoveTowardPanel=t=>{const i=this.distanceToPanel(t);i<this.panelDistance&&(clearTimeout(this.hoverCloseTimer),this.hoverCloseTimer=setTimeout(this.closeFromHover,200)),this.panelDistance=i},this.handleHoverFocusOut=t=>{this.closeWhenFocusLeaves&&!c(this.portalEl,t.relatedTarget)&&(this.closeWhenFocusLeaves=!1,this.hoverCloseTimer=setTimeout(this.closeFromHover,200))},this.closeFromHover=()=>{this.clearHoverTimers(),this.hoverOpened&&(c(this.portalEl,k())?this.closeWhenFocusLeaves=!0:this.hide())},this.shadowFocusStyle=null,this.watchedDialog=null,this.onDialogClose=()=>{this.hide()},this.handleSubmitFromPanel=t=>{this.portalEl&&c(t.target,this.portalEl)&&(c(this.portalEl,t.submitter)||c(this.portalEl,k()))&&(t.preventDefault(),t.stopPropagation())},this.syncTabGuard=t=>{if("Tab"!==t.key)return;this.releasePanel(),this.tabDirection=t.shiftKey?"backward":"forward",setTimeout(this.endTabKey);const i=this.guardedTabbables().length>0;null!=this.tabGuardEl&&(this.tabGuardEl.tabIndex=i?0:-1);const s=k();!i||c(this.portalEl,s)||u(".pds-popover, .pds-datepicker-calendar-portal, .pds-combobox-dropdown-portal",null!=s?s:document)||(this.portalEl.inert=!0)},this.endTabKey=()=>{this.tabDirection=null,this.releasePanel()},this.handleTabGuardFocus=t=>{if(this.leavingPanel)return;this.releasePanel();const i=this.guardedTabbables(),s=t.relatedTarget,e=(null!=this.tabDirection?"backward"===this.tabDirection:null!=s&&this.isAfterPopover(s))?i[i.length-1]:i[0];null==e?this.returnFocusToTrigger():e.focus()},this.handleTabFromPanel=t=>{if("Tab"!==t.key||t.defaultPrevented||null==this.tabGuardEl)return;const i=this.guardedTabbables(),s=t.shiftKey?i[0]:i[i.length-1];null!=s&&k()===s&&this.leavePanel(s,t.shiftKey)},this.releasePanel=()=>{null!=this.portalEl&&(this.portalEl.inert=!1)}}openOnChanged(){this.pin(),this.stopListeningForHover(this.triggerEl),this.stopListeningForHover(this.portalEl),this.isComponentMounted&&(this.listenForHover(this.triggerEl),this.listenForHover(this.portalEl))}applyPadding(){null!=this.portalEl&&(this.portalEl.style.padding=this.paddingToken())}paddingToken(){switch(this.padding){case"none":return"var(--pine-dimension-none)";case"xs":return"var(--pine-dimension-xs)";case"sm":return"var(--pine-dimension-sm)";default:return"var(--pine-dimension-md)"}}restorePlacementDefault(t){this.placement=v(this.el,"placement",t,"right")}componentDidLoad(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this),this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this),this.createPortal(),this.hasLoaded=!0;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="trigger"]');if(i&&null==this.triggerEl){const t=new("undefined"!=typeof window?window.Event:global.Event)("slotchange");Object.defineProperty(t,"target",{value:i,enumerable:!0}),this.handleTriggerSlotChange(t)}else this.linkTriggerToPortal()}observeTrigger(){var t;null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,null!=this.triggerEl&&"undefined"!=typeof MutationObserver&&(this.triggerObserver=new MutationObserver(f((()=>this.linkTriggerToPortal()),"pds-popover: stopped restoring its trigger ARIA, as another script keeps changing it. It may be wrong until the popover opens or closes.",this.triggerEl)),this.triggerObserver.observe(this.triggerEl,{attributes:!0,attributeFilter:["aria-expanded","aria-controls"]}))}linkTriggerToPortal(){return null!=this.triggerEl&&null!=this.portalEl&&m(this.triggerEl,{"aria-expanded":this.active+"","aria-controls":this.portalEl.id})}listenForHover(t){"hover"===this.openOn&&null!=t&&(t.addEventListener("pointerenter",this.handleHoverEnter),t.addEventListener("pointerleave",this.handleHoverLeave),t.addEventListener("focusout",this.handleHoverFocusOut))}stopListeningForHover(t){null!=t&&(t.removeEventListener("pointerenter",this.handleHoverEnter),t.removeEventListener("pointerleave",this.handleHoverLeave),t.removeEventListener("focusout",this.handleHoverFocusOut))}distanceToPanel({clientX:t,clientY:i}){const s=this.portalEl.getBoundingClientRect();return Math.hypot(Math.max(s.left-t,0,t-s.right),Math.max(s.top-i,0,i-s.bottom))}pin(){var t;this.clearHoverTimers(),this.hoverOpened&&(this.hoverOpened=!1,"auto"!==this.popoverType&&(this.forgetOpen(),null===(t=this.portalEl)||void 0===t||t.removeAttribute("data-pds-popover-open"),document.removeEventListener("keydown",this.boundEscapeKeyHandler)))}clearHoverTimers(){clearTimeout(this.hoverOpenTimer),clearTimeout(this.hoverCloseTimer),this.hoverOpenTimer=void 0,this.hoverCloseTimer=void 0,this.closeWhenFocusLeaves=!1,document.removeEventListener("pointermove",this.handleMoveTowardPanel)}connectedCallback(){var t;this.hasLoaded&&(this.isComponentMounted=!0,this.createPortal(),null===(t=this.triggerEl)||void 0===t||t.addEventListener("click",this.handleTriggerClick),this.listenForHover(this.triggerEl),this.observeTrigger(),this.linkTriggerToPortal(),this.active&&(this.placePortal(),this.addScrollAndResizeListeners()))}disconnectedCallback(){var t,i;this.el.isConnected||(this.isComponentMounted=!1,this.unwatchDialogClose(),this.forgetOpen(),this.active&&(this.restorePortalContent(),this.active=!1,this.linkTriggerToPortal(),this.emitOpenEvent(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})),null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),this.stopListeningForHover(this.triggerEl),null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),document.removeEventListener("submit",this.handleSubmitFromPanel,!0),document.removeEventListener("keydown",this.syncTabGuard,!0),null===(i=this.tabGuardEl)||void 0===i||i.removeAttribute("tabindex"),this.clearHoverTimers(),this.hoverOpened=!1,this.removePortal())}createPortal(){var i;null===this.portalEl&&(this.portalEl=document.createElement("div"),this.portalEl.className="pds-popover",T.set(this.portalEl,this),this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-raised)",this.portalEl.style.maxWidth=this.maxWidth+"px",this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",this.portalEl.style.backgroundColor="var(--pine-color-background-overlay)",this.portalEl.style.borderRadius="var(--pine-dimension-125)",this.portalEl.style.boxShadow="var(--pine-box-shadow-200)",this.portalEl.style.boxSizing="border-box",this.portalEl.style.margin="var(--pine-dimension-none)",this.portalEl.style.padding=this.paddingToken(),this.componentId?this.portalEl.id=this.componentId+"-portal":(null!==(i=this.generatedPortalId)&&void 0!==i||(this.generatedPortalId="pds-popover-portal-"+t.instanceCounter++),this.portalEl.id=this.generatedPortalId),document.body.appendChild(this.portalEl),this.addPortalFocusStyles(),this.listenForHover(this.portalEl),this.portalEl.addEventListener("keydown",this.handleTabFromPanel))}addPortalFocusStyles(){if(!this.portalEl)return;const t=this.portalEl.id,i=b(t);if(document.querySelector(`style[data-pds-popover-focus="${i}"]`))return;const s=document.createElement("style");s.setAttribute("data-pds-popover-focus",t),s.textContent=`\n      #${i}:focus {\n        outline: var(--pine-outline-focus, 2px solid var(--pine-color-focus-ring, #6366f1)) !important;\n        outline-offset: var(--pine-border-width, 1px);\n      }\n      #${i}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #${i} {\n        border: var(--pine-border);\n      }\n    `,document.head.appendChild(s)}updatePortalContent(){var t;if(!this.portalEl)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-popover__content-slot-wrapper"),s=null==i?void 0:i.querySelector("slot");s&&s.assignedNodes().forEach((t=>{var i;const s=t.parentNode===this.portalEl,e=this.movedNodes.some((i=>i.node===t));if(s||e)return;const h=document.createComment("pds-popover-placeholder");null===(i=t.parentNode)||void 0===i||i.insertBefore(h,t),this.portalEl.appendChild(t),this.movedNodes.push({node:t,placeholder:h})}))}restorePortalContent(){this.movedNodes.forEach((({node:t,placeholder:i})=>{i.parentNode&&(i.parentNode.insertBefore(t,i),i.parentNode.removeChild(i))})),this.movedNodes=[]}copyFocusStylesInto(t){var i,s,e;if(!(t instanceof ShadowRoot))return null===(i=this.shadowFocusStyle)||void 0===i||i.remove(),void(this.shadowFocusStyle=null);if((null===(s=this.shadowFocusStyle)||void 0===s?void 0:s.parentNode)===t||!this.portalEl)return;const h=document.querySelector(`style[data-pds-popover-focus="${b(this.portalEl.id)}"]`);h&&(null===(e=this.shadowFocusStyle)||void 0===e||e.remove(),this.shadowFocusStyle=h.cloneNode(!0),t.appendChild(this.shadowFocusStyle))}removePortal(){var t;if(null===(t=this.shadowFocusStyle)||void 0===t||t.remove(),this.shadowFocusStyle=null,this.portalEl){this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl);const t=document.querySelector(`style[data-pds-popover-focus="${b(this.portalEl.id)}"]`);t&&t.parentNode&&t.parentNode.removeChild(t)}this.portalEl=null}async show(){if(this.active||!this.portalEl)return;let t;this.active=!0,this.openTimestamp=Date.now(),this.linkTriggerToPortal(),this.placePortal(),this.updatePortalContent(),("auto"===this.popoverType||this.hoverOpened)&&this.portalEl.setAttribute("data-pds-popover-open",""),this.portalEl.style.display="block",this.portalEl.style.opacity="1",this.portalEl.style.visibility="visible",this.addScrollAndResizeListeners(),document.addEventListener("submit",this.handleSubmitFromPanel,!0),document.addEventListener("keydown",this.syncTabGuard,!0),"auto"===this.popoverType?(w.push(this),this.addLightDismissListeners()):this.hoverOpened&&(w.push(this),document.addEventListener("keydown",this.boundEscapeKeyHandler)),this.openEventPending=!0;do{t=this.positioning,await t}while(t!==this.positioning);this.emitOpenEvent()}emitOpenEvent(){this.openEventPending&&(this.openEventPending=!1,this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType}))}async hide(){var t;if(this.clearHoverTimers(),!this.active||!this.portalEl)return;this.active=!1,this.hoverOpened=!1,this.unwatchDialogClose();const i=c(this.portalEl,k());this.linkTriggerToPortal(),this.restorePortalContent(),this.portalEl.style.border="",this.portalEl.removeAttribute("data-pds-popover-open"),this.portalEl.removeAttribute("data-pds-popover-placement"),this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",i&&this.returnFocusToTrigger(),this.forgetOpen(),this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),document.removeEventListener("submit",this.handleSubmitFromPanel,!0),document.removeEventListener("keydown",this.syncTabGuard,!0),null===(t=this.tabGuardEl)||void 0===t||t.removeAttribute("tabindex"),this.releasePanel(),this.emitOpenEvent(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}async toggle(){this.active?await this.hide():await this.show()}placePortal(){var t,i;if(!this.portalEl)return;const s=u("dialog[open]",this.el);if(!s)return this.unwatchDialogClose(),this.portalEl.style.border="",this.portalEl.parentElement!==document.body&&document.body.appendChild(this.portalEl),void this.copyFocusStylesInto(document);const e=u("form",this.el);(null===(t=this.el.parentElement)||void 0===t?void 0:t.shadowRoot)||e&&c(s,e)?this.portalEl.parentNode!==s&&s.appendChild(this.portalEl):this.el.nextElementSibling!==this.portalEl&&(null===(i=this.el.parentNode)||void 0===i||i.insertBefore(this.portalEl,this.el.nextSibling)),this.watchDialogClose(s);const h=this.portalEl.getRootNode();this.copyFocusStylesInto(h),this.portalEl.style.border=h instanceof ShadowRoot&&u('[data-theme="dark"]',this.el)?"var(--pine-border)":""}forgetOpen(){const t=w.indexOf(this);t>=0&&w.splice(t,1)}takesEscapeFrom(t){var i,s;const e=null!==(s=null===(i=t.composedPath)||void 0===i?void 0:i.call(t)[0])&&void 0!==s?s:t.target,h=u("dialog[open]",e);return!(h&&!c(h,this.portalEl)&&(h.classList.contains("pds-modal__backdrop")||h.matches(":modal")))}addLightDismissListeners(){document.addEventListener("click",this.boundClickOutsideHandler,!0),document.addEventListener("keydown",this.boundEscapeKeyHandler)}watchDialogClose(t){this.watchedDialog!==t&&(this.unwatchDialogClose(),this.watchedDialog=t,t.addEventListener("close",this.onDialogClose))}unwatchDialogClose(){var t;null===(t=this.watchedDialog)||void 0===t||t.removeEventListener("close",this.onDialogClose),this.watchedDialog=null}removeLightDismissListeners(){document.removeEventListener("click",this.boundClickOutsideHandler,!0),document.removeEventListener("keydown",this.boundEscapeKeyHandler)}guardedTabbables(){return null==this.portalEl||this.el.nextElementSibling===this.portalEl?[]:g(this.portalEl)}isAfterPopover(t){return!c(this.el,t)&&((t,i)=>!(t&Node.DOCUMENT_POSITION_DISCONNECTED||!(t&i)))(function(t,i){const s=x(i,t);return x(t,s).compareDocumentPosition(s)}(this.el,t),Node.DOCUMENT_POSITION_FOLLOWING)}leavePanel(t,i){var s,e;this.leavingPanel=!0,null===(s=this.tabGuardEl)||void 0===s||s.focus(),this.leavingPanel=!1,this.portalEl.inert=!0,setTimeout((()=>this.finishLeavingPanel(t)));const h=T.get(u(".pds-popover",this.el)),o=null!==(e=null==h?void 0:h.guardedTabbables())&&void 0!==e?e:[];i||o[o.length-1]!==this.tabGuardEl||h.leavePanel(t,!1)}finishLeavingPanel(t){var i;this.releasePanel(),this.active&&(null===(i=this.el.shadowRoot)||void 0===i?void 0:i.activeElement)===this.tabGuardEl&&t.focus()}addScrollAndResizeListeners(){this.removeScrollAndResizeListeners(),null!=this.triggerEl&&null!=this.portalEl&&(this.stopAutoUpdate=r(this.triggerEl,this.portalEl,(()=>{this.positioning=this.handlePopoverPositioning().catch((t=>console.warn("pds-popover: failed to position the panel",t)))})))}removeScrollAndResizeListeners(){var t;null===(t=this.stopAutoUpdate)||void 0===t||t.call(this),this.stopAutoUpdate=null}handleClickOutside(t){var i,s;if((t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now())<=this.openTimestamp)return;const e=null!==(s=null===(i=t.composedPath)||void 0===i?void 0:i.call(t)[0])&&void 0!==s?s:t.target,h=u(".pds-datepicker-calendar-portal",e),o=null==h?void 0:h.pdsDatepicker;if(o&&(c(this.portalEl,o)||c(this.triggerEl,o)))return;const n=c(this.portalEl,e),r=c(this.triggerEl,e);n||r||this.hide()}returnFocusToTrigger(){this.triggerEl&&this.triggerEl.focus({preventScroll:!0})}handleEscapeKey(t){"Escape"!==t.key||t.defaultPrevented||[...w].reverse().find((i=>i.takesEscapeFrom(t)))===this&&(t.preventDefault(),t.stopPropagation(),this.hide())}async handlePopoverPositioning(){const t=++this.positioningRun;if(null==this.triggerEl||null==this.portalEl)return;const i=this.triggerEl.getBoundingClientRect();if(0===i.width||0===i.height)return;const s=this.portalEl,{x:e,y:h,placement:o}=await l(this.triggerEl,s,{placement:this.placement,strategy:"fixed",middleware:[a(8),d({fallbackStrategy:"initialPlacement"}),p({padding:8})],platform:y});if(!this.active||t!==this.positioningRun||s!==this.portalEl)return;s.setAttribute("data-pds-popover-placement",o);const n=(t=>{var i;const s=document.createElement("div");s.style.cssText="all: initial; position: fixed; top: 0; left: 0;",null===(i=t.parentNode)||void 0===i||i.insertBefore(s,t);const{top:e,left:h}=s.getBoundingClientRect();return s.remove(),{top:e,left:h}})(s);s.style.top=h-n.top+"px",s.style.left=e-n.left+"px"}render(){return e(h,{key:"c76e121eb82b0d4f89f49bc83ff592ccf5774d57",id:this.componentId},e("span",{key:"01061721f373e6f83729624d19f0beac0d6f093e",class:"pds-popover__trigger-wrapper"},e("slot",{key:"e68a2bd22ee6657e534da3d097bdaf3189815262",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),e("span",{key:"d48301ebb6a9e0729083829a0587a0a285faedda",class:"pds-popover__tab-guard",ref:t=>this.tabGuardEl=null!=t?t:null,onFocus:this.handleTabGuardFocus}),e("div",{key:"c7d2e348545adaa7566da7c4f6b13a7ee78d1322",class:"pds-popover__content-slot-wrapper"},e("slot",{key:"312f54fa917c135adc2f2a5ccbbb3159a980df24",onSlotchange:this.handleContentSlotChange})))}get el(){return this}static get watchers(){return{openOn:[{openOnChanged:0}],padding:[{applyPadding:0}],placement:[{restorePlacementDefault:0}]}}static get style(){return":host{--sizing-max-width-default:400px;display:inline-block}:host .pds-popover__trigger-wrapper{display:inline-block}:host .pds-popover__tab-guard{opacity:0;outline:none;pointer-events:none;position:fixed}:host .pds-popover__content-slot-wrapper{display:none}"}},[257,"pds-popover",{popoverTargetAction:[1,"popover-target-action"],openOn:[1,"open-on"],popoverType:[1,"popover-type"],componentId:[1,"component-id"],maxWidth:[2,"max-width"],padding:[1],placement:[1537],active:[32],show:[64],hide:[64],toggle:[64]},void 0,{openOn:[{openOnChanged:0}],padding:[{applyPadding:0}],placement:[{restorePlacementDefault:0}]}]);P.instanceCounter=0;const O=P,_=function(){"undefined"!=typeof customElements&&["pds-popover"].forEach((t=>{"pds-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),P))}))};export{O as PdsPopover,_ as defineCustomElement}

package/components/pds-progress.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{H as t}from"./attributes.js";import{n as a}from"./utils.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new t,this.animated=!1,this.percent=0,this.showPercent=!1}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}render(){const e=a(this.fillColor),r=this.animated?{"is-animated":this.animated}:"";return this.hostKeeper.record(r),s(i,{key:"6d2151cdd1f65b33a7478e5ac12df711d8252d1f",class:r},s("div",{key:"4a902c6c7d51fe8e8a778e1fa24bdbf95d625b1f",class:"pds-progress"},s("label",{key:"c50955234a7eee05cdf47531e25b4413f206e416",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"c54ad90f7b3fcf3368afca4c5618949f1a370114",id:this.componentId,max:"100",style:e?{"--color-progress-fill":e}:{},value:this.percent})),this.showPercent&&s("div",{key:"6b3e3f42f04a516ef7992d1f8bc967be432f55bb",class:"pds-progress__percentage"},this.percent,"%"))}get el(){return this}static get style(){return":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}"}},[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]),d=n,l=function(){"undefined"!=typeof customElements&&["pds-progress"].forEach((e=>{"pds-progress"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{d as PdsProgress,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{H as t}from"./attributes.js";import{n as a}from"./utils.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new t,this.animated=!1,this.percent=0,this.showPercent=!1}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}render(){const e=a(this.fillColor),r=this.animated?{"is-animated":this.animated}:"";return this.hostKeeper.record(r),s(i,{key:"494b5fcb8cbfbb54570e05bf5cb3e122f281b0aa",class:r},s("div",{key:"9b1d956ac587add8d7bf46d258a04043484d65bb",class:"pds-progress"},s("label",{key:"20f7a7e3107ee1f87eb7ebcd74baf484aefeaa15",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"3eb27fc07b60196b9528b200db990faf3c8f1293",id:this.componentId,max:"100",style:e?{"--color-progress-fill":e}:{},value:this.percent})),this.showPercent&&s("div",{key:"68ec67c4e415eaee29cc1eb66786f356768ed585",class:"pds-progress__percentage"},this.percent,"%"))}get el(){return this}static get style(){return":host{--color-progress-fill:var(--pine-color-primary);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-muted);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background:var(--color-progress-fill, var(--pine-color-primary));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}"}},[1,"pds-progress",{animated:[4],componentId:[1,"component-id"],fillColor:[1,"fill-color"],label:[1],percent:[2],showPercent:[4,"show-percent"]}]),d=n,l=function(){"undefined"!=typeof customElements&&["pds-progress"].forEach((e=>{"pds-progress"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{d as PdsProgress,l as defineCustomElement}

package/components/pds-radio-group.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as s,forceUpdate as r,h as a,Host as o,transformTag as d}from"@stencil/core/internal/client";import{H as t}from"./attributes.js";import{m as n}from"./form.js";import{h as p}from"./index2.js";import{d as l}from"./pds-icon2.js";const h=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.pdsRadioGroupChange=s(this,"pdsRadioGroupChange",7),this.direction="column",this.gap="xs",this.disabled=!1,this.invalid=!1,this.required=!1,this.hostKeeper=new t}handlePropsChange(){this.updateChildRadios()}handleRadioChange(i){const e=i.target;if("radio"===e.type&&e.checked){const i=e.closest("pds-radio");i&&this.pdsRadioGroupChange.emit({checked:!0,value:i.value,componentId:i.componentId})}}updateChildRadios(){this.el.querySelectorAll("pds-radio").forEach((i=>{this.name?i.setAttribute("name",this.name):i.removeAttribute("name"),this.disabled?i.setAttribute("disabled","true"):i.removeAttribute("disabled"),this.invalid?i.setAttribute("invalid","true"):i.removeAttribute("invalid"),this.required?i.setAttribute("required","true"):i.removeAttribute("required")}))}connectedCallback(){this.hostKeeper.connect(this.el),this.syncName(),"undefined"!=typeof MutationObserver&&(this.hostAriaObserver=new MutationObserver((()=>this.syncName())),this.hostAriaObserver.observe(this.el,{attributeFilter:["aria-label","aria-labelledby"]}))}disconnectedCallback(){var i;this.hostKeeper.disconnect(),null===(i=this.hostAriaObserver)||void 0===i||i.disconnect(),this.hostAriaObserver=void 0}syncName(){void 0!==this._groupId&&this.getAriaLabelledBy()!==this.renderedLabelledBy&&r(this)}componentWillLoad(){if(this.componentId)this._groupId=this.componentId;else{const i="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId="radio-group-"+i}const i=this.el.getAttribute("id");i&&i!==this._groupId&&["aria-labelledby","aria-describedby"].forEach((e=>{var s,r;(null!==(r=null===(s=this.el.getAttribute(e))||void 0===s?void 0:s.split(/\s+/))&&void 0!==r?r:[]).some((e=>e.startsWith(i+"__")))&&this.el.removeAttribute(e)}))}componentDidLoad(){this.name||console.warn("pds-radio-group: name prop is required for proper radio group functionality"),this.updateChildRadios()}componentDidRender(){const i=this.el.querySelector(".pds-radio-group__radios");if(null===i)return;const e=()=>Array.from(i.children).find((i=>i.matches(".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message")));let s=e();for(;void 0!==s;)s.matches(".pds-radio-group__radios")&&Array.from(s.childNodes).forEach((e=>i.insertBefore(e,s))),s.remove(),s=e()}classNames(){const i=[];return this.invalid&&i.push("is-invalid"),i.join(" ")}getGapValue(){const i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};return i[this.gap]?i[this.gap]:`var(--pine-dimension-${this.gap})`}get labelId(){return this._groupId+"__label"}getAriaLabelledBy(){var i;const e=this.el.getAttribute("aria-labelledby");return(null==e?void 0:e.trim())&&e!==this.labelId?e:(null===(i=this.el.getAttribute("aria-label"))||void 0===i?void 0:i.trim())?void 0:this.groupLabel?this.labelId:void 0}getAriaDescribedBy(){const i=[];return this.errorMessage&&i.push(n(this._groupId,"error")),this.helperMessage&&i.push(n(this._groupId,"helper")),i.length>0?i.join(" "):void 0}render(){const i=this.getGapValue(),e=this.getAriaDescribedBy(),s=this.getAriaLabelledBy(),r=this.classNames();return this.renderedLabelledBy=s,this.hostKeeper.record(r,{"--pds-radio-group-gap":i},{role:"radiogroup","aria-describedby":e,"aria-labelledby":s===this.labelId?s:void 0}),a(o,{key:"0fe381f99dddae0aeb9189a13b0e2195f1c79886",class:r,id:this._groupId,role:"radiogroup","aria-labelledby":s,"aria-describedby":e,style:{"--pds-radio-group-gap":i}},this.groupLabel&&a("div",{key:"4967dc22fa0265dbfbabf94a49b182b8c06d0bd5",class:"pds-radio-group__label",id:this.labelId},this.groupLabel),a("div",{key:"7a782a6920de7eda76ab0060c7512f093671ad41",class:{"pds-radio-group__radios":!0,"pds-radio-group__radios--row":"row"===this.direction,"pds-radio-group__radios--column":"column"===this.direction}},a("slot",{key:"48a8d2d74961a402e3a1b053b2f0314e74b4b289",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&a("div",{key:"58db96d62b8d89f03ab245990d2d6bbd3b1b5f85",class:"pds-radio-group__message",id:n(this._groupId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"ad3aafe5f7ed45853c36b537525a8fff68452f55",class:"pds-radio-group__message pds-radio-group__message--error",id:n(this._groupId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"80ce92868703c5e01434e7e83a7668e320bcbee1","aria-hidden":"true",icon:p,size:"small"}),this.errorMessage))}get el(){return this}static get watchers(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}}static get style(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"}},[262,"pds-radio-group",{componentId:[1,"component-id"],direction:[1],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],gap:[1],disabled:[4],invalid:[4],groupLabel:[1,"group-label"],name:[1],required:[4]},[[0,"change","handleRadioChange"]],{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}]),c=h,g=function(){"undefined"!=typeof customElements&&["pds-radio-group","pds-icon"].forEach((i=>{switch(i){case"pds-radio-group":customElements.get(d(i))||customElements.define(d(i),h);break;case"pds-icon":customElements.get(d(i))||l()}}))};export{c as PdsRadioGroup,g as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as s,forceUpdate as r,h as a,Host as o,transformTag as d}from"@stencil/core/internal/client";import{H as t}from"./attributes.js";import{m as n}from"./form.js";import{h as p}from"./index2.js";import{d as l}from"./pds-icon2.js";const h=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.pdsRadioGroupChange=s(this,"pdsRadioGroupChange",7),this.direction="column",this.gap="xs",this.disabled=!1,this.invalid=!1,this.required=!1,this.hostKeeper=new t}handlePropsChange(){this.updateChildRadios()}handleRadioChange(i){const e=i.target;if("radio"===e.type&&e.checked){const i=e.closest("pds-radio");i&&this.pdsRadioGroupChange.emit({checked:!0,value:i.value,componentId:i.componentId})}}updateChildRadios(){this.el.querySelectorAll("pds-radio").forEach((i=>{this.name?i.setAttribute("name",this.name):i.removeAttribute("name"),this.disabled?i.setAttribute("disabled","true"):i.removeAttribute("disabled"),this.invalid?i.setAttribute("invalid","true"):i.removeAttribute("invalid"),this.required?i.setAttribute("required","true"):i.removeAttribute("required")}))}connectedCallback(){this.hostKeeper.connect(this.el),this.syncName(),"undefined"!=typeof MutationObserver&&(this.hostAriaObserver=new MutationObserver((()=>this.syncName())),this.hostAriaObserver.observe(this.el,{attributeFilter:["aria-label","aria-labelledby"]}))}disconnectedCallback(){var i;this.hostKeeper.disconnect(),null===(i=this.hostAriaObserver)||void 0===i||i.disconnect(),this.hostAriaObserver=void 0}syncName(){void 0!==this._groupId&&this.getAriaLabelledBy()!==this.renderedLabelledBy&&r(this)}componentWillLoad(){if(this.componentId)this._groupId=this.componentId;else{const i="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId="radio-group-"+i}const i=this.el.getAttribute("id");i&&i!==this._groupId&&["aria-labelledby","aria-describedby"].forEach((e=>{var s,r;(null!==(r=null===(s=this.el.getAttribute(e))||void 0===s?void 0:s.split(/\s+/))&&void 0!==r?r:[]).some((e=>e.startsWith(i+"__")))&&this.el.removeAttribute(e)}))}componentDidLoad(){this.name||console.warn("pds-radio-group: name prop is required for proper radio group functionality"),this.updateChildRadios()}componentDidRender(){const i=this.el.querySelector(".pds-radio-group__radios");if(null===i)return;const e=()=>Array.from(i.children).find((i=>i.matches(".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message")));let s=e();for(;void 0!==s;)s.matches(".pds-radio-group__radios")&&Array.from(s.childNodes).forEach((e=>i.insertBefore(e,s))),s.remove(),s=e()}classNames(){const i=[];return this.invalid&&i.push("is-invalid"),i.join(" ")}getGapValue(){const i={none:"0",xxs:"var(--pine-dimension-xxs)",xs:"var(--pine-dimension-xs)",sm:"var(--pine-dimension-sm)",md:"var(--pine-dimension-md)",lg:"var(--pine-dimension-lg)",xl:"var(--pine-dimension-xl)",xxl:"var(--pine-dimension-xxl)"};return i[this.gap]?i[this.gap]:`var(--pine-dimension-${this.gap})`}get labelId(){return this._groupId+"__label"}getAriaLabelledBy(){var i;const e=this.el.getAttribute("aria-labelledby");return(null==e?void 0:e.trim())&&e!==this.labelId?e:(null===(i=this.el.getAttribute("aria-label"))||void 0===i?void 0:i.trim())?void 0:this.groupLabel?this.labelId:void 0}getAriaDescribedBy(){const i=[];return this.errorMessage&&i.push(n(this._groupId,"error")),this.helperMessage&&i.push(n(this._groupId,"helper")),i.length>0?i.join(" "):void 0}render(){const i=this.getGapValue(),e=this.getAriaDescribedBy(),s=this.getAriaLabelledBy(),r=this.classNames();return this.renderedLabelledBy=s,this.hostKeeper.record(r,{"--pds-radio-group-gap":i},{role:"radiogroup","aria-describedby":e,"aria-labelledby":s===this.labelId?s:void 0}),a(o,{key:"c0d30ada4c215a2a316e55e0c564eb2d74f811be",class:r,id:this._groupId,role:"radiogroup","aria-labelledby":s,"aria-describedby":e,style:{"--pds-radio-group-gap":i}},this.groupLabel&&a("div",{key:"c237d7907b458131fd248b50b36f45df3c49f084",class:"pds-radio-group__label",id:this.labelId},this.groupLabel),a("div",{key:"d31f36e69c4ee2fc9f9c86f0a25d56a4a5272372",class:{"pds-radio-group__radios":!0,"pds-radio-group__radios--row":"row"===this.direction,"pds-radio-group__radios--column":"column"===this.direction}},a("slot",{key:"20153277b51dfe816596d7c4d7d1d12eaf08362a",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&a("div",{key:"1d48f78e3c3c56c949868a868bf9d73bdff81beb",class:"pds-radio-group__message",id:n(this._groupId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:"c2d0d3f60b9a598d60b372945852f0a7e512abbf",class:"pds-radio-group__message pds-radio-group__message--error",id:n(this._groupId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"2f187a2fea00871f9980cc0fe799c758723174fe","aria-hidden":"true",icon:p,size:"small"}),this.errorMessage))}get el(){return this}static get watchers(){return{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}}static get style(){return".sc-pds-radio-group-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-dimension-sm)}.is-invalid.sc-pds-radio-group-h .pds-radio-group__message--error.sc-pds-radio-group{color:var(--pine-color-text-message-danger)}.pds-radio-group__label.sc-pds-radio-group{color:var(--pine-color-text-label);font:var(--pine-typography-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-radio-group__radios.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pds-radio-group-gap, var(--pine-dimension-xs))}.pds-radio-group__radios--row.sc-pds-radio-group{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-radio-group__radios--column.sc-pds-radio-group{-ms-flex-direction:column;flex-direction:column}.pds-radio-group__message.sc-pds-radio-group{color:var(--pine-color-text-message);font:var(--pine-typography-body);width:100%}.pds-radio-group__message--error.sc-pds-radio-group{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio-group__message--error.sc-pds-radio-group pds-icon.sc-pds-radio-group{-webkit-margin-before:var(--pine-dimension-050);margin-block-start:var(--pine-dimension-050)}"}},[262,"pds-radio-group",{componentId:[1,"component-id"],direction:[1],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],gap:[1],disabled:[4],invalid:[4],groupLabel:[1,"group-label"],name:[1],required:[4]},[[0,"change","handleRadioChange"]],{name:[{handlePropsChange:0}],disabled:[{handlePropsChange:0}],invalid:[{handlePropsChange:0}],required:[{handlePropsChange:0}]}]),c=h,g=function(){"undefined"!=typeof customElements&&["pds-radio-group","pds-icon"].forEach((i=>{switch(i){case"pds-radio-group":customElements.get(d(i))||customElements.define(d(i),h);break;case"pds-icon":customElements.get(d(i))||l()}}))};export{c as PdsRadioGroup,g as defineCustomElement}

package/components/pds-radio.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{H as d}from"./attributes.js";import{e as n,a as t,m as l}from"./form.js";import{h as p}from"./index2.js";import{d as c}from"./pds-icon2.js";const h=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.pdsRadioChange=r(this,"pdsRadioChange",7),this._type="radio",this.hostKeeper=new d,this._hasImage=!1,this.checked=!1,this.disabled=!1,this.hasBorder=!1,this.invalid=!1,this.required=!1,this.variant="default",this.handleRadioChange=i=>{if(this.disabled)return;const e=i.target.checked;this.el.closest("pds-radio-group")||this.pdsRadioChange.emit(e)}}hasImageSlot(){return!!this.el.querySelector('[slot="image"]')}hasImage(){return this._hasImage}isPill(){return"pill"===this.variant}classNames(){const i=[];return this.invalid&&i.push("is-invalid"),this.disabled&&i.push("is-disabled"),this.hasBorder&&!this.isPill()&&i.push("has-border"),this.isPill()&&i.push("pds-radio--pill"),this.hasImage()&&!this.isPill()&&i.push("has-image"),i.join(" ")}componentWillLoad(){this._hasImage=this.hasImageSlot()}connectedCallback(){this.hostKeeper.connect(this.el),n(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){const i=this.el.querySelector(".pds-radio__image-container:not([hidden])");Array.from(this.el.querySelectorAll(".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]")).forEach((e=>{const r=e.querySelector('[slot="image"]');null!==r&&null!==i&&i.appendChild(r),e.remove()}))}render(){const i=()=>[a("label",{htmlFor:this.componentId,key:this.componentId+"-label"},a("input",{key:"fdd83248666907fa25c5406cdedcd0e6f8d45f50","aria-describedby":t(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange,class:this.hasImage()||this.isPill()?"visually-hidden":""}),a("span",{key:"73166ffd57cdb1f3b9e2b61fe880216b23a6510b",class:this.hideLabel&&!this.isPill()?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:this.componentId+"-helper",class:"pds-radio__message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:this.componentId+"-error",class:"pds-radio__message pds-radio__message--error",id:l(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"e5bca81578382181b6fce61fa6830fd60e54234a","aria-hidden":"true",icon:p,size:"small"}),this.errorMessage)],e=this.classNames();this.hostKeeper.record(e);const r=this.hasImage()&&!this.isPill();return a(o,{key:"4cf39a988cc7642234ff62e7fa2f0d08b09e7d25",class:e},r&&a("div",{key:"7a88d32f896ad4696ea46b13f9ef01e7df0a1c3e",class:"pds-radio__image-container",part:"image-container"},a("slot",{key:"eb8399263443d36ab91c0875602d0dc31f036058",name:"image",onSlotchange:()=>this._hasImage=this.hasImageSlot()})),r?a("div",{class:"pds-radio__content-wrapper"},i()):i())}get el(){return this}static get style(){return'.sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__content-wrapper.sc-pds-radio{-ms-flex:1;flex:1;min-width:0;overflow-wrap:anywhere}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-active);cursor:pointer;font:var(--pine-typography-body);min-block-size:var(--pine-dimension-xl);padding:0 var(--pine-dimension-sm);-webkit-transition:border-color var(--pine-motion-duration-fast) ease;transition:border-color var(--pine-motion-duration-fast) ease}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio span.sc-pds-radio{min-width:0;overflow-wrap:anywhere}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:hover{border-color:var(--pine-color-text)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:checked){border-color:var(--pine-color-text-active);-webkit-box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-active);box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-active)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:focus-visible){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-label-disabled);cursor:not-allowed}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled:checked){border-color:var(--pine-color-text-label-disabled);-webkit-box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-label-disabled);box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-label-disabled)}@media (forced-colors: active){.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled){border-color:GrayText}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:checked){border-color:Highlight;border-width:var(--pine-border-width-thick);padding-inline:calc(var(--pine-dimension-sm) - (var(--pine-border-width-thick) - var(--pine-border-width)))}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled:checked){border-color:GrayText;border-width:var(--pine-border-width-thick);padding-inline:calc(var(--pine-dimension-sm) - (var(--pine-border-width-thick) - var(--pine-border-width)))}}.pds-radio--pill.sc-pds-radio-h .pds-radio__message.sc-pds-radio{-webkit-margin-start:0;margin-inline-start:0}'}},[262,"pds-radio",{checked:[4],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],hasBorder:[4,"has-border"],invalid:[4],label:[1],hideLabel:[4,"hide-label"],name:[1],required:[4],value:[1],variant:[1],_hasImage:[32]}]),b=h,m=function(){"undefined"!=typeof customElements&&["pds-radio","pds-icon"].forEach((i=>{switch(i){case"pds-radio":customElements.get(s(i))||customElements.define(s(i),h);break;case"pds-icon":customElements.get(s(i))||c()}}))};export{b as PdsRadio,m as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{H as d}from"./attributes.js";import{e as n,a as t,m as l}from"./form.js";import{h as p}from"./index2.js";import{d as c}from"./pds-icon2.js";const h=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.pdsRadioChange=r(this,"pdsRadioChange",7),this._type="radio",this.hostKeeper=new d,this._hasImage=!1,this.checked=!1,this.disabled=!1,this.hasBorder=!1,this.invalid=!1,this.required=!1,this.variant="default",this.handleRadioChange=i=>{if(this.disabled)return;const e=i.target.checked;this.el.closest("pds-radio-group")||this.pdsRadioChange.emit(e)}}hasImageSlot(){return!!this.el.querySelector('[slot="image"]')}hasImage(){return this._hasImage}isPill(){return"pill"===this.variant}classNames(){const i=[];return this.invalid&&i.push("is-invalid"),this.disabled&&i.push("is-disabled"),this.hasBorder&&!this.isPill()&&i.push("has-border"),this.isPill()&&i.push("pds-radio--pill"),this.hasImage()&&!this.isPill()&&i.push("has-image"),i.join(" ")}componentWillLoad(){this._hasImage=this.hasImageSlot()}connectedCallback(){this.hostKeeper.connect(this.el),n(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){const i=this.el.querySelector(".pds-radio__image-container:not([hidden])");Array.from(this.el.querySelectorAll(".pds-radio__image-container[hidden], .pds-radio__content-wrapper[hidden], label[hidden], .pds-radio__message[hidden]")).forEach((e=>{const r=e.querySelector('[slot="image"]');null!==r&&null!==i&&i.appendChild(r),e.remove()}))}render(){const i=()=>[a("label",{htmlFor:this.componentId,key:this.componentId+"-label"},a("input",{key:"245464683e5944a26a94509f487deb10ed4e8f05","aria-describedby":t(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange,class:this.hasImage()||this.isPill()?"visually-hidden":""}),a("span",{key:"4d21fa0984501adc8ffc5fd7328b5dbd9cdfb98a",class:this.hideLabel&&!this.isPill()?"visually-hidden":""},this.label)),this.helperMessage&&a("div",{key:this.componentId+"-helper",class:"pds-radio__message",id:l(this.componentId,"helper")},this.helperMessage),this.errorMessage&&a("div",{key:this.componentId+"-error",class:"pds-radio__message pds-radio__message--error",id:l(this.componentId,"error"),"aria-live":"assertive"},a("pds-icon",{key:"ed7bc193c25165d38a227887acda90675fe318f2","aria-hidden":"true",icon:p,size:"small"}),this.errorMessage)],e=this.classNames();this.hostKeeper.record(e);const r=this.hasImage()&&!this.isPill();return a(o,{key:"b8d059bab47b36b7e7b89172e54c57b8df4ce9c7",class:e},r&&a("div",{key:"bea622fc1afdaacd91f2e89aa7529e54c22c88da",class:"pds-radio__image-container",part:"image-container"},a("slot",{key:"3eca85a2457b25fa51509b28543ba897e3d99ab6",name:"image",onSlotchange:()=>this._hasImage=this.hasImageSlot()})),r?a("div",{class:"pds-radio__content-wrapper"},i()):i())}get el(){return this}static get style(){return'.sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.has-border.sc-pds-radio-h{-ms-flex-align:start;align-items:flex-start;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-border.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-border.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-border.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 2px var(--pine-color-primary-hover);box-shadow:0 0 0 2px var(--pine-color-primary-hover)}.has-border.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);font-weight:var(--pine-font-weight-semi-bold)}.has-border.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-border.sc-pds-radio-h:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-border.sc-pds-radio-h:has(input:disabled) label.sc-pds-radio::after{cursor:not-allowed}.has-border.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-text-primary);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}label.sc-pds-radio:has(input:disabled){color:var(--pine-color-text-label-disabled);cursor:not-allowed}.sc-pds-radio-h:has(input:disabled) .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-ms-flex-preferred-size:100%;flex-basis:100%;font:var(--pine-typography-body);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.has-image.sc-pds-radio-h{-ms-flex-align:center;align-items:center;border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-column-gap:var(--pine-dimension-xs);-moz-column-gap:var(--pine-dimension-xs);column-gap:var(--pine-dimension-xs);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--pine-dimension-md)}@media (max-width: 767px){.has-image.sc-pds-radio-h{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;min-width:0}}.has-image.sc-pds-radio-h:hover{border:var(--pine-border-hover)}.has-image.sc-pds-radio-h:has(input:checked){-webkit-box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-primary-hover);box-shadow:0 0 0 var(--pine-border-width-thick) var(--pine-color-primary-hover)}.has-image.sc-pds-radio-h:has(input:focus-visible){outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width-thick) + var(--pine-border-width))}.has-image.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text);display:-ms-flexbox;display:flex;font-weight:var(--pine-font-weight-semi-bold);gap:var(--pine-dimension-xs)}.has-image.sc-pds-radio-h label.sc-pds-radio::after{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{-ms-flex-align:center;align-items:center;align-self:center;border:var(--pine-border);border-radius:var(--pine-border-radius-full);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;grid-area:image;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;-webkit-transition:all var(--pine-motion-duration-base) ease;transition:all var(--pine-motion-duration-base) ease}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-hover)}.has-image.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio .pds-radio__image.sc-pds-radio{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.has-image.sc-pds-radio-h .pds-radio__content-wrapper.sc-pds-radio{-ms-flex:1;flex:1;min-width:0;overflow-wrap:anywhere}.has-image.sc-pds-radio-h .pds-radio__message.sc-pds-radio{grid-area:message;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-start:0;margin-inline-start:0}.has-image.is-disabled.sc-pds-radio-h{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio{border-color:var(--pine-color-border-disabled);cursor:not-allowed;opacity:0.5}.has-image.is-disabled.sc-pds-radio-h .pds-radio__image-container.sc-pds-radio:hover{border-color:var(--pine-color-border-disabled)}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled);cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h label.sc-pds-radio::after{cursor:not-allowed}.has-image.is-disabled.sc-pds-radio-h .pds-radio__message.sc-pds-radio{color:var(--pine-color-text-label-disabled)}.has-image.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio{-ms-flex-align:center;align-items:center;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-active);cursor:pointer;font:var(--pine-typography-body);min-block-size:var(--pine-dimension-xl);padding:0 var(--pine-dimension-sm);-webkit-transition:border-color var(--pine-motion-duration-fast) ease;transition:border-color var(--pine-motion-duration-fast) ease}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio span.sc-pds-radio{min-width:0;overflow-wrap:anywhere}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:hover{border-color:var(--pine-color-text)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:checked){border-color:var(--pine-color-text-active);-webkit-box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-active);box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-active)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:focus-visible){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width-thick)}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled){background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-label-disabled);cursor:not-allowed}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled:checked){border-color:var(--pine-color-text-label-disabled);-webkit-box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-label-disabled);box-shadow:inset 0 0 0 var(--pine-border-width) var(--pine-color-text-label-disabled)}@media (forced-colors: active){.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled){border-color:GrayText}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:checked){border-color:Highlight;border-width:var(--pine-border-width-thick);padding-inline:calc(var(--pine-dimension-sm) - (var(--pine-border-width-thick) - var(--pine-border-width)))}.pds-radio--pill.sc-pds-radio-h label.sc-pds-radio:has(input:disabled:checked){border-color:GrayText;border-width:var(--pine-border-width-thick);padding-inline:calc(var(--pine-dimension-sm) - (var(--pine-border-width-thick) - var(--pine-border-width)))}}.pds-radio--pill.sc-pds-radio-h .pds-radio__message.sc-pds-radio{-webkit-margin-start:0;margin-inline-start:0}'}},[262,"pds-radio",{checked:[4],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],helperMessage:[1,"helper-message"],hasBorder:[4,"has-border"],invalid:[4],label:[1],hideLabel:[4,"hide-label"],name:[1],required:[4],value:[1],variant:[1],_hasImage:[32]}]),b=h,m=function(){"undefined"!=typeof customElements&&["pds-radio","pds-icon"].forEach((i=>{switch(i){case"pds-radio":customElements.get(s(i))||customElements.define(s(i),h);break;case"pds-icon":customElements.get(s(i))||c()}}))};export{b as PdsRadio,m as defineCustomElement}

package/components/pds-select.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{H as o}from"./attributes.js";import{e as n,m as l,i as d,a as c}from"./form.js";import{h,g as p}from"./index2.js";import{d as b}from"./pds-icon2.js";const m=e=>e.map((e=>e.tagName+("OPTGROUP"===e.tagName?`(${m(Array.from(e.children))})`:""))).join(),u=(e,s)=>{Array.from(e.attributes).forEach((({name:i})=>{s.hasAttribute(i)||e.removeAttribute(i)})),Array.from(s.attributes).forEach((({name:s,value:i})=>{e.getAttribute(s)!==i&&e.setAttribute(s,i)})),"OPTGROUP"===s.tagName?Array.from(s.children).forEach(((s,i)=>u(e.children[i],s))):e.textContent!==s.textContent&&(e.textContent=s.textContent)},g=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSelectChange=i(this,"pdsSelectChange",7),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this._type="select-one",this.optionObserver=null,this.optionSyncFrame=null,this.hasHadOptions=!1,this.hostKeeper=new o,this.disabled=!1,this.multiple=!1,this.required=!1,this.touchesOption=({target:e})=>{const s=e.nodeType===Node.ELEMENT_NODE?e:e.parentElement;return e!==this.el&&null!=(null==s?void 0:s.closest("option, optgroup"))},this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{var e;const s=null===(e=this.slotContainer)||void 0===e?void 0:e.querySelector("slot");if(null==s||void 0===this.selectEl)return;const i=s.assignedElements({flatten:!0}).filter((e=>["OPTION","OPTGROUP"].includes(e.tagName))).map((e=>e.cloneNode(!0))),t=Array.from(this.selectEl.children),r=this.hasHadOptions;i.length>0&&(this.hasHadOptions=!0);const a=e=>e.map((e=>e.outerHTML)).join("");a(i)!==a(t)&&(m(i)===m(t)?i.forEach(((e,s)=>u(t[s],e))):(this.selectEl.innerHTML="",i.forEach((e=>this.selectEl.appendChild(e)))),this.updateSelectedOption(),r&&this.showNoSelectionWithoutMatch(),this.updateFormValue())}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type)),void 0!==this.selectEl&&(this.startOptionSync(),this.scheduleOptionSync())}disconnectedCallback(){this.hostKeeper.disconnect(),this.stopOptionSync()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue(),this.startOptionSync(),this.scheduleOptionSync()}startOptionSync(){null===this.optionObserver&&"undefined"!=typeof MutationObserver&&this.el.isConnected&&(this.optionObserver=new MutationObserver((e=>{e.some(this.touchesOption)&&this.scheduleOptionSync()})),this.optionObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}scheduleOptionSync(){null===this.optionSyncFrame&&(this.optionSyncFrame=requestAnimationFrame((()=>{this.optionSyncFrame=null,this.handleSlotChange()})))}stopOptionSync(){var e;null===(e=this.optionObserver)||void 0===e||e.disconnect(),this.optionObserver=null,null!==this.optionSyncFrame&&(cancelAnimationFrame(this.optionSyncFrame),this.optionSyncFrame=null)}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}showNoSelectionWithoutMatch(){var e;const s=[].concat(null!==(e=this.value)&&void 0!==e?e:[]).filter((e=>""!==e)),i=Array.from(this.selectEl.options);s.length>0&&!i.some((e=>s.includes(e.value)))&&(this.selectEl.selectedIndex=-1)}getHelperMessage(){return this.helperMessage&&t("p",{class:"pds-select__helper-message",id:l(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&t("p",{class:"pds-select__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{"aria-hidden":"true",icon:h,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?t("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return!!this.invalid||!!this.errorMessage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join("  ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-select__action",part:"action"},t("slot",{name:"action"})):null}updateFormValue(){if(!d()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]'),s=this.classNames(),i={"aria-disabled":this.disabled?"true":null,"has-action":e&&!this.hideLabel?"true":null};return this.hostKeeper.record(s,{},i),t(r,Object.assign({key:"37c2c3b72c13c3c4e3d81da29ddddc86a7300d70",class:s},i),t("div",{key:"ff1c311dca6fc25813e5473d0e8daff4dc12e807",class:"pds-select"},!this.hideLabel&&t("div",{key:"77db17b0beb1fefabb26ffe1df0e5f03a0515996",class:"pds-select__label-wrapper"},t("label",{key:"c4dcba3bc148aada4a3afcca0a30c64a630e441f",htmlFor:this.componentId},t("span",{key:"0fc3424ec1961d3b216c0fabb80cb8acee37f1a2",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"ff343a6653ccd081021cb669a428c780d0162e8b","aria-describedby":c(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),t("div",{key:"86fed1916c3b13d079492581a7c6bb621012a4a5","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"abe06eeef5be13b716573c8a806d6b7795edc65f",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"68c958666828f77114f2edeedb667070106046fa","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}static get style(){return':host{--pine-select-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'}},[321,"pds-select",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],multiple:[4],name:[1],required:[4],highlight:[516],value:[1025]},void 0,{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}]),v=g,f=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),g);break;case"pds-icon":customElements.get(a(e))||b()}}))};export{v as PdsSelect,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{H as o}from"./attributes.js";import{e as n,m as l,i as d,a as c}from"./form.js";import{h,g as p}from"./index2.js";import{d as b}from"./pds-icon2.js";const m=e=>e.map((e=>e.tagName+("OPTGROUP"===e.tagName?`(${m(Array.from(e.children))})`:""))).join(),u=(e,s)=>{Array.from(e.attributes).forEach((({name:i})=>{s.hasAttribute(i)||e.removeAttribute(i)})),Array.from(s.attributes).forEach((({name:s,value:i})=>{e.getAttribute(s)!==i&&e.setAttribute(s,i)})),"OPTGROUP"===s.tagName?Array.from(s.children).forEach(((s,i)=>u(e.children[i],s))):e.textContent!==s.textContent&&(e.textContent=s.textContent)},g=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSelectChange=i(this,"pdsSelectChange",7),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this._type="select-one",this.optionObserver=null,this.optionSyncFrame=null,this.hasHadOptions=!1,this.hostKeeper=new o,this.disabled=!1,this.multiple=!1,this.required=!1,this.touchesOption=({target:e})=>{const s=e.nodeType===Node.ELEMENT_NODE?e:e.parentElement;return e!==this.el&&null!=(null==s?void 0:s.closest("option, optgroup"))},this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{var e;const s=null===(e=this.slotContainer)||void 0===e?void 0:e.querySelector("slot");if(null==s||void 0===this.selectEl)return;const i=s.assignedElements({flatten:!0}).filter((e=>["OPTION","OPTGROUP"].includes(e.tagName))).map((e=>e.cloneNode(!0))),t=Array.from(this.selectEl.children),r=this.hasHadOptions;i.length>0&&(this.hasHadOptions=!0);const a=e=>e.map((e=>e.outerHTML)).join("");a(i)!==a(t)&&(m(i)===m(t)?i.forEach(((e,s)=>u(t[s],e))):(this.selectEl.innerHTML="",i.forEach((e=>this.selectEl.appendChild(e)))),this.updateSelectedOption(),r&&this.showNoSelectionWithoutMatch(),this.updateFormValue())}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type)),void 0!==this.selectEl&&(this.startOptionSync(),this.scheduleOptionSync())}disconnectedCallback(){this.hostKeeper.disconnect(),this.stopOptionSync()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue(),this.startOptionSync(),this.scheduleOptionSync()}startOptionSync(){null===this.optionObserver&&"undefined"!=typeof MutationObserver&&this.el.isConnected&&(this.optionObserver=new MutationObserver((e=>{e.some(this.touchesOption)&&this.scheduleOptionSync()})),this.optionObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}scheduleOptionSync(){null===this.optionSyncFrame&&(this.optionSyncFrame=requestAnimationFrame((()=>{this.optionSyncFrame=null,this.handleSlotChange()})))}stopOptionSync(){var e;null===(e=this.optionObserver)||void 0===e||e.disconnect(),this.optionObserver=null,null!==this.optionSyncFrame&&(cancelAnimationFrame(this.optionSyncFrame),this.optionSyncFrame=null)}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}showNoSelectionWithoutMatch(){var e;const s=[].concat(null!==(e=this.value)&&void 0!==e?e:[]).filter((e=>""!==e)),i=Array.from(this.selectEl.options);s.length>0&&!i.some((e=>s.includes(e.value)))&&(this.selectEl.selectedIndex=-1)}getHelperMessage(){return this.helperMessage&&t("p",{class:"pds-select__helper-message",id:l(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&t("p",{class:"pds-select__error-message",id:l(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{"aria-hidden":"true",icon:h,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?t("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return!!this.invalid||!!this.errorMessage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join("  ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-select__action",part:"action"},t("slot",{name:"action"})):null}updateFormValue(){if(!d()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]'),s=this.classNames(),i={"aria-disabled":this.disabled?"true":null,"has-action":e&&!this.hideLabel?"true":null};return this.hostKeeper.record(s,{},i),t(r,Object.assign({key:"6ffb35c5166a0759fbe7b3daa0b674c5f10458fa",class:s},i),t("div",{key:"1e2d73b3a65189c29a34c1ce4473cce190f052c0",class:"pds-select"},!this.hideLabel&&t("div",{key:"467c75d7232e4667975419a0dcad28231ca240a1",class:"pds-select__label-wrapper"},t("label",{key:"9dd08c5c71a23c762f9d38fcec525a05ced7d48b",htmlFor:this.componentId},t("span",{key:"94e5f054aa6e75e458f24c02ba9a6cda81f112d7",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"18c626e10851041042ab4d6dfe700d49a9b3312b","aria-describedby":c(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),t("div",{key:"08c6cee6b009d22b0ed70cc8231d3c2c8637099d","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"2ebcb906f8816e3bf26d5e4f82f8ea2d9ca2256a",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"191f489efb78fc7066fc0b5a1f5da1f7cda446e8","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}static get style(){return':host{--pine-select-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'}},[321,"pds-select",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],multiple:[4],name:[1],required:[4],highlight:[516],value:[1025]},void 0,{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}]),v=g,f=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),g);break;case"pds-icon":customElements.get(a(e))||b()}}))};export{v as PdsSelect,f as defineCustomElement}

package/components/pds-sortable-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as r,transformTag as d}from"@stencil/core/internal/client";import{H as a}from"./attributes.js";import{i}from"./index2.js";import{d as o}from"./pds-icon2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new a,this.enableActions=!1,this.showHandle=!1}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__handle"))).slice(1).forEach((e=>e.remove()));const e=Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__actions"))),s=e[e.length-1];e.slice(0,-1).forEach((e=>{void 0!==s&&Array.from(e.children).forEach((e=>s.appendChild(e))),e.remove()}))}componentWillRender(){this.sortableRef=this.el.closest("pds-sortable"),this.sortableRef&&"handle"===this.sortableRef.handleType&&(this.showHandle=!0)}render(){return this.hostKeeper.record("pds-sortable-item"),t(r,{key:"c6b5402a54179d4e7caed3cc81874977d2d6c677",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"cd2d85286bcb3e47f76e4571d609d91f932b717b",class:"pds-sortable-item__handle"},t("pds-icon",{key:"97e2e155283d86921f40198637abf596d6cc86e0","aria-hidden":"true",icon:i})),t("slot",{key:"99743c8e5be45ca76f276b47688843a621c8ded5"}),this.enableActions&&t("div",{key:"7cb1a8b99658d72067ccae036b2bc0276b8cf02e",class:"pds-sortable-item__actions"},t("slot",{key:"f9b3b7d1cc10ac077f65ec2cafac7a372deae511",name:"sortable-item-actions"})))}get el(){return this}static get style(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"}},[262,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"]}]),l=n,b=function(){"undefined"!=typeof customElements&&["pds-sortable-item","pds-icon"].forEach((e=>{switch(e){case"pds-sortable-item":customElements.get(d(e))||customElements.define(d(e),n);break;case"pds-icon":customElements.get(d(e))||o()}}))};export{l as PdsSortableItem,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{H as r}from"./attributes.js";import{f as a}from"./i18n-format.js";import{s as d}from"./sortable-label.js";import{i as n}from"./index2.js";import{d as l}from"./pds-icon2.js";const b="pds-sortable-item--grabbed",p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new r,this.enableActions=!1,this.showHandle=!1}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__handle"))).slice(1).forEach((e=>e.remove()));const e=Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__actions"))),s=e[e.length-1];e.slice(0,-1).forEach((e=>{void 0!==s&&Array.from(e.children).forEach((e=>s.appendChild(e))),e.remove()}))}componentWillRender(){this.sortableRef=this.el.closest("pds-sortable"),this.sortableRef&&"handle"===this.sortableRef.handleType&&(this.showHandle=!0)}render(){const e=this.sortableRef,s="string"==typeof(null==e?void 0:e.handleLabel)&&!e.disabled,o=this.el.classList.contains(b),r={"pds-sortable-item":!0,[b]:o};this.hostKeeper.record(r);const l=this.el.querySelector(".pds-sortable-item__handle"),p="true"===(null==l?void 0:l.getAttribute("aria-pressed"));return t(i,{key:"5fdef76101ce86c7769bb49bff9869246c3bdb32",class:r,id:this.componentId},(this.showHandle||s)&&t("div",{key:"e54b5a0006b395dc67ff78c6a115e4e498cae096",class:{"pds-sortable-item__handle":!0,"pds-sortable-item__handle--hidden":!this.showHandle},role:s?"button":void 0,tabindex:s?"0":void 0,"aria-label":s?a(e.handleLabel,{item:d(this.el)}):void 0,"aria-pressed":s?p+"":void 0},t("pds-icon",{key:"e7099e03ea68c9f48c50d20868835081c4fdbc75","aria-hidden":"true",icon:n})),t("slot",{key:"c75d20569c150da8d0698657db787aa6d27e3408"}),this.enableActions&&t("div",{key:"14281b2eaedfa57ff90342fb1dcbff48cd656242",class:"pds-sortable-item__actions"},t("slot",{key:"ec1f75b331d136a00fc39db9ab2cadd86a416e8d",name:"sortable-item-actions"})))}get el(){return this}static get style(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md);position:relative;-webkit-transition:-webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:-webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out);transition:box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out), -webkit-box-shadow var(--pine-motion-duration-fast) var(--pine-motion-easing-out)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{border-radius:var(--pine-border-radius-sm);line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle--hidden.sc-pds-sortable-item{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle--hidden.sc-pds-sortable-item:focus-visible{outline:0}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item.sc-pds-sortable-item-h:has(>.pds-sortable-item__handle--hidden:focus-visible){outline:var(--pine-outline-focus);outline-offset:calc(var(--pine-border-width-thick) * -1)}.pds-sortable-item--grabbed.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);-webkit-box-shadow:var(--pine-box-shadow-400), inset 0 0 0 var(--pine-border-width-thick) var(--pine-color-border-active);box-shadow:var(--pine-box-shadow-400), inset 0 0 0 var(--pine-border-width-thick) var(--pine-color-border-active);position:relative;z-index:1}@media (forced-colors: active){.pds-sortable-item--grabbed.sc-pds-sortable-item-h{border:var(--pine-border-width-thick) solid Highlight;padding-block:calc(var(--pine-dimension-xs) - var(--pine-border-width-thick));padding-inline:calc(var(--pine-dimension-md) - var(--pine-border-width-thick))}}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"}},[262,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"],itemLabel:[1,"item-label"]}]),c=p,m=function(){"undefined"!=typeof customElements&&["pds-sortable-item","pds-icon"].forEach((e=>{switch(e){case"pds-sortable-item":customElements.get(o(e))||customElements.define(o(e),p);break;case"pds-icon":customElements.get(o(e))||l()}}))};export{c as PdsSortableItem,m as defineCustomElement}

package/components/pds-sortable.js

@@ -1,7 +1,7 @@
-import{proxyCustomElement as t,HTMLElement as n,createEvent as e,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{H as a}from"./attributes.js";
+import{proxyCustomElement as t,HTMLElement as n,createEvent as i,forceUpdate as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{s as a}from"./sortable-label.js";import{H as l}from"./attributes.js";import{f as u}from"./i18n-format.js";
 /**!
  * Sortable 1.15.7
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function s(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,n);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function u(){return u=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)({}).hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},u.apply(null,arguments)}function l(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function c(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?l(Object(e),!0).forEach((function(n){s(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function f(t){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},f(t)}function h(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var d=h(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),v=h(/Edge/i),m=h(/firefox/i),p=h(/safari/i)&&!h(/chrome/i)&&!h(/android/i),b=h(/iP(ad|od|hone)/i),g=h(/chrome/i)&&h(/android/i),w={capture:!1,passive:!1};function y(t,n,e){t.addEventListener(n,e,!d&&w)}function E(t,n,e){t.removeEventListener(n,e,!d&&w)}function S(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function x(t){return t.host&&t!==document&&t.host.nodeType&&t.host!==t?t.host:t.parentNode}function T(t,n,e,i){if(t){e=e||document;do{if(null!=n&&(">"===n[0]?t.parentNode===e&&S(t,n):S(t,n))||i&&t===e)return t;if(t===e)break}while(t=x(t))}return null}var M,I=/\s+/g;function O(t,n,e){if(t&&n)if(t.classList)t.classList[e?"add":"remove"](n);else{var i=(" "+t.className+" ").replace(I," ").replace(" "+n+" "," ");t.className=(i+(e?" "+n:"")).replace(I," ")}}function D(t,n,e){var i=t&&t.style;if(i){if(void 0===e)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(e=t.currentStyle),void 0===n?e:e[n];n in i||-1!==n.indexOf("webkit")||(n="-webkit-"+n),i[n]=e+("string"==typeof e?"":"px")}}function C(t,n){var e="";if("string"==typeof t)e=t;else do{var i=D(t,"transform");i&&"none"!==i&&(e=i+" "+e)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(e)}function _(t,n,e){if(t){var i=t.getElementsByTagName(n),o=0,r=i.length;if(e)for(;o<r;o++)e(i[o],o);return i}return[]}function k(){return document.scrollingElement||document.documentElement}function j(t,n,e,i,o){if(t.getBoundingClientRect||t===window){var r,a,s,u,l,c,f;if(t!==window&&t.parentNode&&t!==k()?(a=(r=t.getBoundingClientRect()).top,s=r.left,u=r.bottom,l=r.right,c=r.height,f=r.width):(a=0,s=0,u=window.innerHeight,l=window.innerWidth,c=window.innerHeight,f=window.innerWidth),(n||e)&&t!==window&&(o=o||t.parentNode,!d))do{if(o&&o.getBoundingClientRect&&("none"!==D(o,"transform")||e&&"static"!==D(o,"position"))){var h=o.getBoundingClientRect();a-=h.top+parseInt(D(o,"border-top-width")),s-=h.left+parseInt(D(o,"border-left-width")),u=a+r.height,l=s+r.width;break}}while(o=o.parentNode);if(i&&t!==window){var v=C(o||t),m=v&&v.a,p=v&&v.d;v&&(u=(a/=p)+(c/=p),l=(s/=m)+(f/=m))}return{top:a,left:s,bottom:u,right:l,width:f,height:c}}}function A(t,n,e){for(var i=H(t,!0),o=j(t)[n];i;){if(!(o>=j(i)[e]))return i;if(i===k())break;i=H(i,!1)}return!1}function z(t,n,e,i){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Lt.ghost&&(i||a[r]!==Lt.dragged)&&T(a[r],e.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function N(t,n){for(var e=t.lastElementChild;e&&(e===Lt.ghost||"none"===D(e,"display")||n&&!S(e,n));)e=e.previousElementSibling;return e||null}function P(t,n){var e=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Lt.clone||n&&!S(t,n)||e++;return e}function F(t){var n=0,e=0,i=k();if(t)do{var o=C(t);n+=t.scrollLeft*o.a,e+=t.scrollTop*o.d}while(t!==i&&(t=t.parentNode));return[n,e]}function H(t,n){if(!t||!t.getBoundingClientRect)return k();var e=t,i=!1;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var o=D(e);if(e.clientWidth<e.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||e.clientHeight<e.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!e.getBoundingClientRect||e===document.body)return k();if(i||n)return e;i=!0}}}while(e=e.parentNode);return k()}function B(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function G(t,n){return function(){if(!M){var e=arguments;1===e.length?t.call(this,e[0]):t.apply(this,e),M=setTimeout((function(){M=void 0}),n)}}}function L(t,n,e){t.scrollLeft+=n,t.scrollTop+=e}function R(t){var n=window.Polymer,e=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):e?e(t).clone(!0)[0]:t.cloneNode(!0)}function W(t,n,e){var i={};return Array.from(t.children).forEach((function(o){var r,a,s,u;if(T(o,n.draggable,t,!1)&&!o.animated&&o!==e){var l=j(o);i.left=Math.min(null!==(r=i.left)&&void 0!==r?r:1/0,l.left),i.top=Math.min(null!==(a=i.top)&&void 0!==a?a:1/0,l.top),i.right=Math.max(null!==(s=i.right)&&void 0!==s?s:-1/0,l.right),i.bottom=Math.max(null!==(u=i.bottom)&&void 0!==u?u:-1/0,l.bottom)}})),i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}var X="Sortable"+(new Date).getTime();var Y=[],U={initializeByDefault:!0},V={mount:function(t){for(var n in U)U.hasOwnProperty(n)&&!(n in t)&&(t[n]=U[n]);Y.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),Y.push(t)},pluginEvent:function(t,n,e){var i=this;this.eventCanceled=!1,e.cancel=function(){i.eventCanceled=!0};var o=t+"Global";Y.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][o]&&n[i.pluginName][o](c({sortable:n},e)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](c({sortable:n},e)))}))},initializePlugins:function(t,n,e){for(var i in Y.forEach((function(i){var o=i.pluginName;if(t.options[o]||i.initializeByDefault){var r=new i(t,n,t.options);r.sortable=t,r.options=t.options,t[o]=r,u(e,r.defaults)}})),t.options)if(t.options.hasOwnProperty(i)){var o=this.modifyOption(t,i,t.options[i]);void 0!==o&&(t.options[i]=o)}},getEventProperties:function(t,n){var e={};return Y.forEach((function(i){"function"==typeof i.eventProperties&&u(e,i.eventProperties.call(n[i.pluginName],t))})),e},modifyOption:function(t,n,e){var i;return Y.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(i=o.optionListeners[n].call(t[o.pluginName],e))})),i}},Z=["evt"],$=function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.evt,o=function(t,n){if(null==t)return{};var e,i,o=function(t,n){if(null==t)return{};var e={};for(var i in t)if({}.hasOwnProperty.call(t,i)){if(-1!==n.indexOf(i))continue;e[i]=t[i]}return e}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)-1===n.indexOf(e=r[i])&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}(e,Z);V.pluginEvent.bind(Lt)(t,n,c({dragEl:J,parentEl:K,ghostEl:Q,rootEl:tt,nextEl:nt,lastDownEl:et,cloneEl:it,cloneHidden:ot,dragStarted:bt,putSortable:ct,activeSortable:Lt.active,originalEvent:i,oldIndex:rt,oldDraggableIndex:st,newIndex:at,newDraggableIndex:ut,hideGhostForTarget:Ft,unhideGhostForTarget:Ht,cloneNowHidden:function(){ot=!0},cloneNowShown:function(){ot=!1},dispatchSortableEvent:function(t){q({sortable:n,name:t,originalEvent:i})}},o))};function q(t){!function(t){var n=t.sortable,e=t.rootEl,i=t.name,o=t.targetEl,r=t.cloneEl,a=t.toEl,s=t.fromEl,u=t.oldIndex,l=t.newIndex,f=t.oldDraggableIndex,h=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,b=t.extraEventProperties;if(n=n||e&&e[X]){var g,w=n.options,y="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||d||v?(g=document.createEvent("Event")).initEvent(i,!0,!0):g=new CustomEvent(i,{bubbles:!0,cancelable:!0}),g.to=a||e,g.from=s||e,g.item=o||e,g.clone=r,g.oldIndex=u,g.newIndex=l,g.oldDraggableIndex=f,g.newDraggableIndex=h,g.originalEvent=m,g.pullMode=p?p.lastPutMode:void 0;var E=c(c({},b),V.getEventProperties(i,n));for(var S in E)g[S]=E[S];e&&e.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(c({putSortable:ct,cloneEl:it,targetEl:J,rootEl:tt,oldIndex:rt,oldDraggableIndex:st,newIndex:at,newDraggableIndex:ut},t))}var J,K,Q,tt,nt,et,it,ot,rt,at,st,ut,lt,ct,ft,ht,dt,vt,mt,pt,bt,gt,wt,yt,Et,St=!1,xt=!1,Tt=[],Mt=!1,It=!1,Ot=[],Dt=!1,Ct=[],_t="undefined"!=typeof document,kt=b,jt=v||d?"cssFloat":"float",At=_t&&!g&&!b&&"draggable"in document.createElement("div"),zt=function(){if(_t){if(d)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Nt=function(t,n){var e=D(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),o=z(t,0,n),r=z(t,1,n),a=o&&D(o),s=r&&D(r),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+j(o).width,l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+j(r).width;return"flex"===e.display?"column"===e.flexDirection||"column-reverse"===e.flexDirection?"vertical":"horizontal":"grid"===e.display?e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&a.float&&"none"!==a.float?!r||"both"!==s.clear&&s.clear!==("left"===a.float?"left":"right")?"horizontal":"vertical":o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||u>=i&&"none"===e[jt]||r&&"none"===e[jt]&&u+l>i)?"vertical":"horizontal"},Pt=function(t){function n(t,e){return function(i,o,r,a){if(null==t&&(e||i.options.group.name&&o.options.group.name&&i.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(e&&"clone"===t)return t;if("function"==typeof t)return n(t(i,o,r,a),e)(i,o,r,a);var s=(e?i:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var e={},i=t.group;i&&"object"==f(i)||(i={name:i}),e.name=i.name,e.checkPull=n(i.pull,!0),e.checkPut=n(i.put),e.revertClone=i.revertClone,t.group=e},Ft=function(){!zt&&Q&&D(Q,"display","none")},Ht=function(){!zt&&Q&&D(Q,"display","")};_t&&!g&&document.addEventListener("click",(function(t){if(xt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),xt=!1,!1}),!0);var Bt=function(t){if(J){var n=function(t,n){var e;return Tt.some((function(i){var o=i[X].options.emptyInsertThreshold;if(o&&!N(i)){var r=j(i);return t>=r.left-o&&t<=r.right+o&&n>=r.top-o&&n<=r.bottom+o?e=i:void 0}})),e}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(n){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.target=e.rootEl=n,e.preventDefault=void 0,e.stopPropagation=void 0,n[X]._onDragOver(e)}}},Gt=function(t){J&&J.parentNode[X]._isOutsideThisEl(t.target)};function Lt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=u({},n),t[X]=this;var e={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Nt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Lt.supportPointer&&"PointerEvent"in window&&(!p||b),emptyInsertThreshold:5};for(var i in V.initializePlugins(this,t,e),e)!(i in n)&&(n[i]=e[i]);for(var o in Pt(n),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!n.forceFallback&&At,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?y(t,"pointerdown",this._onTapStart):(y(t,"mousedown",this._onTapStart),y(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(y(t,"dragover",this),y(t,"dragenter",this)),Tt.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),u(this,function(){var t,n=[];return{captureAnimationState:function(){n=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==D(t,"display")&&t!==Lt.ghost){n.push({target:t,rect:j(t)});var e=c({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=C(t,!0);i&&(e.top-=i.f,e.left-=i.e)}t.fromRect=e}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,n){for(var e in t)if(t.hasOwnProperty(e))for(var i in n)if(n.hasOwnProperty(i)&&n[i]===t[e][i])return Number(e);return-1}(n,{target:t}),1)},animateAll:function(e){var i=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var o=!1,r=0;n.forEach((function(t){var n=0,e=t.target,a=e.fromRect,s=j(e),u=e.prevFromRect,l=e.prevToRect,c=t.rect,f=C(e,!0);f&&(s.top-=f.f,s.left-=f.e),e.toRect=s,e.thisAnimationDuration&&B(u,s)&&!B(a,s)&&(c.top-s.top)/(c.left-s.left)==(a.top-s.top)/(a.left-s.left)&&(n=function(t,n,e,i){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-e.top,2)+Math.pow(n.left-e.left,2))*i.animation}(c,u,l,i.options)),B(s,a)||(e.prevFromRect=a,e.prevToRect=s,n||(n=i.options.animation),i.animate(e,c,s,n)),n&&(o=!0,r=Math.max(r,n),clearTimeout(e.animationResetTimer),e.animationResetTimer=setTimeout((function(){e.animationTime=0,e.prevFromRect=null,e.fromRect=null,e.prevToRect=null,e.thisAnimationDuration=null}),n),e.thisAnimationDuration=n)})),clearTimeout(t),o?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,n,e,i){if(i){D(t,"transition",""),D(t,"transform","");var o=C(this.el),r=(n.left-e.left)/(o&&o.a||1),a=(n.top-e.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!a,D(t,"transform","translate3d("+r+"px,"+a+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),D(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:"")),D(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){D(t,"transition",""),D(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),i)}}}}())}function Rt(t,n,e,i,o,r,a,s){var u,l,c=t[X],f=c.options.onMove;return!window.CustomEvent||d||v?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=n,u.from=t,u.dragged=e,u.draggedRect=i,u.related=o||n,u.relatedRect=r||j(n),u.willInsertAfter=s,u.originalEvent=a,t.dispatchEvent(u),f&&(l=f.call(c,u,a)),l}function Wt(t){t.draggable=!1}function Xt(){Dt=!1}function Yt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,e=n.length,i=0;e--;)i+=n.charCodeAt(e);return i.toString(36)}function Ut(t){return setTimeout(t,0)}function Vt(t){return clearTimeout(t)}Lt.prototype={constructor:Lt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(gt=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,J):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,e=this.el,i=this.options,o=i.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,s=(a||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||s,l=i.filter;if(function(t){Ct.length=0;for(var n=t.getElementsByTagName("input"),e=n.length;e--;){var i=n[e];i.checked&&Ct.push(i)}}(e),!J&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||i.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!p||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=T(s,i.draggable,e,!1))&&s.animated||et===s)){if(rt=P(s),st=P(s,i.draggable),"function"==typeof l){if(l.call(this,t,s,this))return q({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:e,fromEl:e}),$("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(i){if(i=T(u,i.trim(),e,!1))return q({sortable:n,rootEl:i,name:"filter",targetEl:s,fromEl:e,toEl:e}),$("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());i.handle&&!T(u,i.handle,e,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,e){var i,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(e&&!J&&e.parentNode===r){var u=j(e);if(tt=r,K=(J=e).parentNode,nt=J.nextSibling,et=e,lt=a.group,Lt.dragged=J,mt=(ft={target:J,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-u.left,pt=ft.clientY-u.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,J.style["will-change"]="all",i=function(){$("delayEnded",o,{evt:t}),Lt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!m&&o.nativeDraggable&&(J.draggable=!0),o._triggerDragStart(t,n),q({sortable:o,name:"choose",originalEvent:t}),O(J,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){_(J,t.trim(),Wt)})),y(s,"dragover",Bt),y(s,"mousemove",Bt),y(s,"touchmove",Bt),a.supportPointer?(y(s,"pointerup",o._onDrop),!this.nativeDraggable&&y(s,"pointercancel",o._onDrop)):(y(s,"mouseup",o._onDrop),y(s,"touchend",o._onDrop),y(s,"touchcancel",o._onDrop)),m&&this.nativeDraggable&&(this.options.touchStartThreshold=4,J.draggable=!0),$("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!n||this.nativeDraggable&&(v||d))i();else{if(Lt.eventCanceled)return void this._onDrop();a.supportPointer?(y(s,"pointerup",o._disableDelayedDrag),y(s,"pointercancel",o._disableDelayedDrag)):(y(s,"mouseup",o._disableDelayedDrag),y(s,"touchend",o._disableDelayedDrag),y(s,"touchcancel",o._disableDelayedDrag)),y(s,"mousemove",o._delayedDragTouchMoveHandler),y(s,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&y(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){J&&Wt(J),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;E(t,"mouseup",this._disableDelayedDrag),E(t,"touchend",this._disableDelayedDrag),E(t,"touchcancel",this._disableDelayedDrag),E(t,"pointerup",this._disableDelayedDrag),E(t,"pointercancel",this._disableDelayedDrag),E(t,"mousemove",this._delayedDragTouchMoveHandler),E(t,"touchmove",this._delayedDragTouchMoveHandler),E(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?y(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(y(J,"dragend",this),y(tt,"dragstart",this._onDragStart));try{document.selection?Ut((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(St=!1,tt&&J){$("dragStarted",this,{evt:n}),this.nativeDraggable&&y(document,"dragover",Gt);var e=this.options;!t&&O(J,e.dragClass,!1),O(J,e.ghostClass,!0),Lt.active=this,t&&this._appendGhost(),q({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(ht){this._lastX=ht.clientX,this._lastY=ht.clientY,Ft();for(var t=document.elementFromPoint(ht.clientX,ht.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(ht.clientX,ht.clientY))!==n;)n=t;if(J.parentNode[X]._isOutsideThisEl(t),n)do{if(n[X]&&n[X]._onDragOver({clientX:ht.clientX,clientY:ht.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=x(n));Ht()}},_onTouchMove:function(t){if(ft){var n=this.options,e=n.fallbackTolerance,i=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=Q&&C(Q,!0),a=Q&&r&&r.a,s=Q&&r&&r.d,u=kt&&Et&&F(Et),l=(o.clientX-ft.clientX+i.x)/(a||1)+(u?u[0]-Ot[0]:0)/(a||1),c=(o.clientY-ft.clientY+i.y)/(s||1)+(u?u[1]-Ot[1]:0)/(s||1);if(!Lt.active&&!St){if(e&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<e)return;this._onDragStart(t,!0)}if(Q){r?(r.e+=l-(dt||0),r.f+=c-(vt||0)):r={a:1,b:0,c:0,d:1,e:l,f:c};var f="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");D(Q,"webkitTransform",f),D(Q,"mozTransform",f),D(Q,"msTransform",f),D(Q,"transform",f),dt=l,vt=c,ht=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!Q){var t=this.options.fallbackOnBody?document.body:tt,n=j(J,!0,kt,!0,t),e=this.options;if(kt){for(Et=t;"static"===D(Et,"position")&&"none"===D(Et,"transform")&&Et!==document;)Et=Et.parentNode;Et!==document.body&&Et!==document.documentElement?(Et===document&&(Et=k()),n.top+=Et.scrollTop,n.left+=Et.scrollLeft):Et=k(),Ot=F(Et)}O(Q=J.cloneNode(!0),e.ghostClass,!1),O(Q,e.fallbackClass,!0),O(Q,e.dragClass,!0),D(Q,"transition",""),D(Q,"transform",""),D(Q,"box-sizing","border-box"),D(Q,"margin",0),D(Q,"top",n.top),D(Q,"left",n.left),D(Q,"width",n.width),D(Q,"height",n.height),D(Q,"opacity","0.8"),D(Q,"position",kt?"absolute":"fixed"),D(Q,"zIndex","100000"),D(Q,"pointerEvents","none"),Lt.ghost=Q,t.appendChild(Q),D(Q,"transform-origin",mt/parseInt(Q.style.width)*100+"% "+pt/parseInt(Q.style.height)*100+"%")}},_onDragStart:function(t,n){var e=this,i=t.dataTransfer,o=e.options;$("dragStart",this,{evt:t}),Lt.eventCanceled?this._onDrop():($("setupClone",this),Lt.eventCanceled||((it=R(J)).removeAttribute("id"),it.draggable=!1,it.style["will-change"]="",this._hideClone(),O(it,this.options.chosenClass,!1),Lt.clone=it),e.cloneId=Ut((function(){$("clone",e),Lt.eventCanceled||(e.options.removeCloneOnHide||tt.insertBefore(it,J),e._hideClone(),q({sortable:e,name:"clone"}))})),!n&&O(J,o.dragClass,!0),n?(xt=!0,e._loopId=setInterval(e._emulateDragOver,50)):(E(document,"mouseup",e._onDrop),E(document,"touchend",e._onDrop),E(document,"touchcancel",e._onDrop),i&&(i.effectAllowed="move",o.setData&&o.setData.call(e,i,J)),y(document,"drop",e),D(J,"transform","translateZ(0)")),St=!0,e._dragStartId=Ut(e._dragStarted.bind(e,n,t)),y(document,"selectstart",e),bt=!0,window.getSelection().removeAllRanges(),p&&D(document.body,"user-select","none"))},_onDragOver:function(t){var n,e,i,o,r=this.el,a=t.target,s=this.options,u=s.group,l=Lt.active,f=lt===u,h=s.sort,d=ct||l,v=this,m=!1;if(!Dt){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),a=T(a,s.draggable,r,!0),H("dragOver"),Lt.eventCanceled)return m;if(J.contains(t.target)||a.animated&&a.animatingX&&a.animatingY||v._ignoreWhileAnimating===a)return G(!1);if(xt=!1,l&&!s.disabled&&(f?h||(i=K!==tt):ct===this||(this.lastPutMode=lt.checkPull(this,l,J,t))&&u.checkPut(this,l,J,t))){if(o="vertical"===this._getDirection(t,a),n=j(J),H("dragOverValid"),Lt.eventCanceled)return m;if(i)return K=tt,B(),this._hideClone(),H("revert"),Lt.eventCanceled||(nt?tt.insertBefore(J,nt):tt.appendChild(J)),G(!0);var p=N(r,s.draggable);if(!p||function(t,n,e){var i=j(N(e.el,e.options.draggable)),o=W(e.el,e.options,Q);return n?t.clientX>o.right+10||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>o.bottom+10||t.clientX>i.right&&t.clientY>i.top}(t,o,this)&&!p.animated){if(p===J)return G(!1);if(p&&r===t.target&&(a=p),a&&(e=j(a)),!1!==Rt(tt,r,J,n,a,e,t,!!a))return B(),p&&p.nextSibling?r.insertBefore(J,p.nextSibling):r.appendChild(J),K=r,R(),G(!0)}else if(p&&function(t,n,e){var i=j(z(e.el,0,e.options,!0)),o=W(e.el,e.options,Q);return n?t.clientX<o.left-10||t.clientY<i.top&&t.clientX<i.right:t.clientY<o.top-10||t.clientY<i.bottom&&t.clientX<i.left}(t,o,this)){var b=z(r,0,s,!0);if(b===J)return G(!1);if(e=j(a=b),!1!==Rt(tt,r,J,n,a,e,t,!1))return B(),r.insertBefore(J,b),K=r,R(),G(!0)}else if(a.parentNode===r){e=j(a);var g,w,y,E=J.parentNode!==r,S=!function(t,n,e){var i=e?t.left:t.top,o=e?n.left:n.top;return i===o||(e?t.right:t.bottom)===(e?n.right:n.bottom)||i+(e?t.width:t.height)/2===o+(e?n.width:n.height)/2}(J.animated&&J.toRect||n,a.animated&&a.toRect||e,o),x=o?"top":"left",M=A(a,"top","top")||A(J,"top","top"),I=M?M.scrollTop:void 0;if(gt!==a&&(w=e[x],Mt=!1,It=!S&&s.invertSwap||E),g=function(t,n,e,i,o,r,a,s){var u=i?t.clientY:t.clientX,l=i?e.height:e.width,c=i?e.top:e.left,f=i?e.bottom:e.right,h=!1;if(!a)if(s&&yt<l*o){if(!Mt&&(1===wt?u>c+l*r/2:u<f-l*r/2)&&(Mt=!0),Mt)h=!0;else if(1===wt?u<c+yt:u>f-yt)return-wt}else if(u>c+l*(1-o)/2&&u<f-l*(1-o)/2)return function(t){return P(J)<P(t)?1:-1}(n);return(h=h||a)&&(u<c+l*r/2||u>f-l*r/2)?u>c+l/2?1:-1:0}(t,a,e,o,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,It,gt===a),0!==g){var C=P(J);do{y=K.children[C-=g]}while(y&&("none"===D(y,"display")||y===Q))}if(0===g||y===a)return G(!1);gt=a,wt=g;var _=a.nextElementSibling,k=!1,F=Rt(tt,r,J,n,a,e,t,k=1===g);if(!1!==F)return 1!==F&&-1!==F||(k=1===F),Dt=!0,setTimeout(Xt,30),B(),k&&!_?r.appendChild(J):a.parentNode.insertBefore(J,k?_:a),M&&L(M,0,I-M.scrollTop),K=J.parentNode,void 0===w||It||(yt=Math.abs(w-j(a)[x])),R(),G(!0)}if(r.contains(J))return G(!1)}return!1}function H(s,u){$(s,v,c({evt:t,isOwner:f,axis:o?"vertical":"horizontal",revert:i,dragRect:n,targetRect:e,canSort:h,fromSortable:d,target:a,completed:G,onMove:function(e,i){return Rt(tt,r,J,n,e,j(e),t,i)},changed:R},u))}function B(){H("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function G(n){return H("dragOverCompleted",{insertion:n}),n&&(f?l._hideClone():l._showClone(v),v!==d&&(O(J,ct?ct.options.ghostClass:l.options.ghostClass,!1),O(J,s.ghostClass,!0)),ct!==v&&v!==Lt.active?ct=v:v===Lt.active&&ct&&(ct=null),d===v&&(v._ignoreWhileAnimating=a),v.animateAll((function(){H("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(a===J&&!J.animated||a===r&&!a.animated)&&(gt=null),s.dragoverBubble||t.rootEl||a===document||(J.parentNode[X]._isOutsideThisEl(t.target),!n&&Bt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function R(){at=P(J),ut=P(J,s.draggable),q({sortable:v,name:"change",toEl:r,newIndex:at,newDraggableIndex:ut,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){E(document,"mousemove",this._onTouchMove),E(document,"touchmove",this._onTouchMove),E(document,"pointermove",this._onTouchMove),E(document,"dragover",Bt),E(document,"mousemove",Bt),E(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;E(t,"mouseup",this._onDrop),E(t,"touchend",this._onDrop),E(t,"pointerup",this._onDrop),E(t,"pointercancel",this._onDrop),E(t,"touchcancel",this._onDrop),E(document,"selectstart",this)},_onDrop:function(t){var n=this.el,e=this.options;at=P(J),ut=P(J,e.draggable),$("drop",this,{evt:t}),K=J&&J.parentNode,at=P(J),ut=P(J,e.draggable),Lt.eventCanceled||(St=!1,It=!1,Mt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Vt(this.cloneId),Vt(this._dragStartId),this.nativeDraggable&&(E(document,"drop",this),E(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),p&&D(document.body,"user-select",""),D(J,"transform",""),t&&(bt&&(t.cancelable&&t.preventDefault(),!e.dropBubble&&t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(tt===K||ct&&"clone"!==ct.lastPutMode)&&it&&it.parentNode&&it.parentNode.removeChild(it),J&&(this.nativeDraggable&&E(J,"dragend",this),Wt(J),J.style["will-change"]="",bt&&!St&&O(J,ct?ct.options.ghostClass:this.options.ghostClass,!1),O(J,this.options.chosenClass,!1),q({sortable:this,name:"unchoose",toEl:K,newIndex:null,newDraggableIndex:null,originalEvent:t}),tt!==K?(at>=0&&(q({rootEl:K,name:"add",toEl:K,fromEl:tt,originalEvent:t}),q({sortable:this,name:"remove",toEl:K,originalEvent:t}),q({rootEl:K,name:"sort",toEl:K,fromEl:tt,originalEvent:t}),q({sortable:this,name:"sort",toEl:K,originalEvent:t})),ct&&ct.save()):at!==rt&&at>=0&&(q({sortable:this,name:"update",toEl:K,originalEvent:t}),q({sortable:this,name:"sort",toEl:K,originalEvent:t})),Lt.active&&(null!=at&&-1!==at||(at=rt,ut=st),q({sortable:this,name:"end",toEl:K,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){$("nulling",this),tt=J=K=Q=nt=it=et=ot=ft=ht=bt=at=ut=rt=st=gt=wt=ct=lt=Lt.dragged=Lt.ghost=Lt.clone=Lt.active=null;var t=this.el;Ct.forEach((function(n){t.contains(n)&&(n.checked=!0)})),Ct.length=dt=vt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":J&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],e=this.el.children,i=0,o=e.length,r=this.options;i<o;i++)T(t=e[i],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Yt(t));return n},sort:function(t,n){var e={},i=this.el;this.toArray().forEach((function(t,n){var o=i.children[n];T(o,this.options.draggable,i,!1)&&(e[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){e[t]&&(i.removeChild(e[t]),i.appendChild(e[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return T(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var e=this.options;if(void 0===n)return e[t];var i=V.modifyOption(this,t,n);e[t]=void 0!==i?i:n,"group"===t&&Pt(e)},destroy:function(){$("destroy",this);var t=this.el;t[X]=null,E(t,"mousedown",this._onTapStart),E(t,"touchstart",this._onTapStart),E(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(E(t,"dragover",this),E(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),Tt.splice(Tt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!ot){if($("hideClone",this),Lt.eventCanceled)return;D(it,"display","none"),this.options.removeCloneOnHide&&it.parentNode&&it.parentNode.removeChild(it),ot=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(ot){if($("showClone",this),Lt.eventCanceled)return;J.parentNode!=tt||this.options.group.revertClone?nt?tt.insertBefore(it,nt):tt.appendChild(it):tt.insertBefore(it,J),this.options.group.revertClone&&this.animate(J,it),D(it,"display",""),ot=!1}}else this._hideClone()}},_t&&y(document,"touchmove",(function(t){(Lt.active||St)&&t.cancelable&&t.preventDefault()})),Lt.utils={on:y,off:E,css:D,find:_,is:function(t,n){return!!T(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e]);return t},throttle:G,closest:T,toggleClass:O,clone:R,index:P,nextTick:Ut,cancelNextTick:Vt,detectDirection:Nt,getChild:z,expando:X},Lt.get=function(t){return t[X]},Lt.mount=function(){for(var t=arguments.length,n=Array(t),e=0;e<t;e++)n[e]=arguments[e];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Lt.utils=c(c({},Lt.utils),t.utils)),V.mount(t)}))},Lt.create=function(t,n){return new Lt(t,n)},Lt.version="1.15.7";var Zt,$t,qt,Jt,Kt,Qt,tn=[],nn=!1;function en(){tn.forEach((function(t){clearInterval(t.pid)})),tn=[]}function on(){clearInterval(Qt)}var rn=G((function(t,n,e,i){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,s=n.scrollSensitivity,u=n.scrollSpeed,l=k(),c=!1;$t!==e&&($t=e,en(),o=n.scrollFn,!0===(Zt=n.scroll)&&(Zt=H(e,!0)));var f=0,h=Zt;do{var d=h,v=j(d),m=v.top,p=v.bottom,b=v.left,g=v.right,w=v.width,y=v.height,E=void 0,S=void 0,x=d.scrollWidth,T=d.scrollHeight,M=D(d),I=d.scrollLeft,O=d.scrollTop;d===l?(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX||"visible"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY||"visible"===M.overflowY)):(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY));var C=E&&(Math.abs(g-r)<=s&&I+w<x)-(Math.abs(b-r)<=s&&!!I),_=S&&(Math.abs(p-a)<=s&&O+y<T)-(Math.abs(m-a)<=s&&!!O);if(!tn[f])for(var A=0;A<=f;A++)tn[A]||(tn[A]={});tn[f].vx==C&&tn[f].vy==_&&tn[f].el===d||(tn[f].el=d,tn[f].vx=C,tn[f].vy=_,clearInterval(tn[f].pid),0==C&&0==_||(c=!0,tn[f].pid=setInterval(function(){i&&0===this.layer&&Lt.active._onTouchMove(Kt);var n=tn[this.layer].vy?tn[this.layer].vy*u:0,e=tn[this.layer].vx?tn[this.layer].vx*u:0;"function"==typeof o&&"continue"!==o.call(Lt.dragged.parentNode[X],e,n,t,Kt,tn[this.layer].el)||L(tn[this.layer].el,e,n)}.bind({layer:f}),24))),f++}while(n.bubbleScroll&&h!==l&&(h=H(h,!1)));nn=c}}),30),an=function(t){var n=t.originalEvent,e=t.putSortable,i=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=e||t.activeSortable;(0,t.hideGhostForTarget)();var s=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,u=document.elementFromPoint(s.clientX,s.clientY);r(),a&&!a.el.contains(u)&&(o("spill"),this.onSpill({dragEl:i,putSortable:e}))}};function sn(){}function un(){}sn.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,e=t.putSortable;this.sortable.captureAnimationState(),e&&e.captureAnimationState();var i=z(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(n,i):this.sortable.el.appendChild(n),this.sortable.animateAll(),e&&e.animateAll()},drop:an},u(sn,{pluginName:"revertOnSpill"}),un.prototype={onSpill:function(t){var n=t.dragEl,e=t.putSortable||this.sortable;e.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),e.animateAll()},drop:an},u(un,{pluginName:"removeOnSpill"}),Lt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?y(document,"dragover",this._handleAutoScroll):y(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?E(document,"dragover",this._handleAutoScroll):(E(document,"pointermove",this._handleFallbackAutoScroll),E(document,"touchmove",this._handleFallbackAutoScroll),E(document,"mousemove",this._handleFallbackAutoScroll)),on(),en(),clearTimeout(M),M=void 0},nulling:function(){Kt=$t=Zt=nn=Qt=qt=Jt=null,tn.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var e=this,i=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(i,o);if(Kt=t,n||this.options.forceAutoScrollFallback||v||d||p){rn(t,this.options,r,n);var a=H(r,!0);!nn||Qt&&i===qt&&o===Jt||(Qt&&on(),Qt=setInterval((function(){var r=H(document.elementFromPoint(i,o),!0);r!==a&&(a=r,en()),rn(t,e.options,r,n)}),10),qt=i,Jt=o)}else{if(!this.options.bubbleScroll||H(r,!0)===k())return void en();rn(t,this.options,H(r,!1),!1)}}},u(t,{pluginName:"scroll",initializeByDefault:!0})}),Lt.mount(un,sn);const ln=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsSortableItemMoved=e(this,"pdsSortableItemMoved",7),this.border=!1,this.disabled=!1,this.dividers=!1,this.handleType="row",this.hostKeeper=new a}handleDisabledChange(){var t;null===(t=this.sortableInstance)||void 0===t||t.option("disabled",this.disabled)}classNames(){const t=["pds-sortable"];return this.border&&t.push("pds-sortable--bordered"),this.disabled&&t.push("pds-sortable--disabled"),this.dividers&&t.push("pds-sortable--divided"),void 0!==this.handleType&&t.push("pds-sortable--handle-type-"+this.handleType),t.join("  ")}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidLoad(){let t={animation:150,disabled:this.disabled,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:t=>{this.pdsSortableItemMoved.emit(t)}};"handle"===this.handleType&&(t=Object.assign(Object.assign({},t),{handle:".pds-sortable-item__handle"})),this.sortableInstance=Lt.create(this.el,t)}render(){const t=this.classNames();return this.hostKeeper.record(t),i(o,{key:"6e9e7b769f57ebfd81541fbecbe17b3fb4ad3e47",class:t,id:this.componentId},i("slot",{key:"c9466a216862c0a3e578f3fcfc1ac1e26146722b"}))}get el(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}]}}static get style(){return".pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}"}},[262,"pds-sortable",{border:[516],disabled:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]},void 0,{disabled:[{handleDisabledChange:0}]}]),cn=ln,fn=function(){"undefined"!=typeof customElements&&["pds-sortable"].forEach((t=>{"pds-sortable"===t&&(customElements.get(r(t))||customElements.define(r(t),ln))}))};export{cn as PdsSortable,fn as defineCustomElement}
+ */function h(t,n,i){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var e=i.call(t,n);if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[n]=i,t}function c(){return c=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var e in i)({}).hasOwnProperty.call(i,e)&&(t[e]=i[e])}return t},c.apply(null,arguments)}function d(t,n){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),i.push.apply(i,e)}return i}function f(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?d(Object(i),!0).forEach((function(n){h(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):d(Object(i)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(i,n))}))}return t}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function m(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var p=m(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),b=m(/Edge/i),g=m(/firefox/i),w=m(/safari/i)&&!m(/chrome/i)&&!m(/android/i),y=m(/iP(ad|od|hone)/i),E=m(/chrome/i)&&m(/android/i),x={capture:!1,passive:!1};function I(t,n,i){t.addEventListener(n,i,!p&&x)}function S(t,n,i){t.removeEventListener(n,i,!p&&x)}function T(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function M(t){return t.host&&t!==document&&t.host.nodeType&&t.host!==t?t.host:t.parentNode}function O(t,n,i,e){if(t){i=i||document;do{if(null!=n&&(">"===n[0]?t.parentNode===i&&T(t,n):T(t,n))||e&&t===i)return t;if(t===i)break}while(t=M(t))}return null}var D,k=/\s+/g;function C(t,n,i){if(t&&n)if(t.classList)t.classList[i?"add":"remove"](n);else{var e=(" "+t.className+" ").replace(k," ").replace(" "+n+" "," ");t.className=(e+(i?" "+n:"")).replace(k," ")}}function _(t,n,i){var e=t&&t.style;if(e){if(void 0===i)return document.defaultView&&document.defaultView.getComputedStyle?i=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(i=t.currentStyle),void 0===n?i:i[n];n in e||-1!==n.indexOf("webkit")||(n="-webkit-"+n),e[n]=i+("string"==typeof i?"":"px")}}function j(t,n){var i="";if("string"==typeof t)i=t;else do{var e=_(t,"transform");e&&"none"!==e&&(i=e+" "+i)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(i)}function A(t,n,i){if(t){var e=t.getElementsByTagName(n),o=0,r=e.length;if(i)for(;o<r;o++)i(e[o],o);return e}return[]}function P(){return document.scrollingElement||document.documentElement}function L(t,n,i,e,o){if(t.getBoundingClientRect||t===window){var r,s,a,l,u,h,c;if(t!==window&&t.parentNode&&t!==P()?(s=(r=t.getBoundingClientRect()).top,a=r.left,l=r.bottom,u=r.right,h=r.height,c=r.width):(s=0,a=0,l=window.innerHeight,u=window.innerWidth,h=window.innerHeight,c=window.innerWidth),(n||i)&&t!==window&&(o=o||t.parentNode,!p))do{if(o&&o.getBoundingClientRect&&("none"!==_(o,"transform")||i&&"static"!==_(o,"position"))){var d=o.getBoundingClientRect();s-=d.top+parseInt(_(o,"border-top-width")),a-=d.left+parseInt(_(o,"border-left-width")),l=s+r.height,u=a+r.width;break}}while(o=o.parentNode);if(e&&t!==window){var f=j(o||t),v=f&&f.a,m=f&&f.d;f&&(l=(s/=m)+(h/=m),u=(a/=v)+(c/=v))}return{top:s,left:a,bottom:l,right:u,width:c,height:h}}}function z(t,n,i){for(var e=R(t,!0),o=L(t)[n];e;){if(!(o>=L(e)[i]))return e;if(e===P())break;e=R(e,!1)}return!1}function H(t,n,i,e){for(var o=0,r=0,s=t.children;r<s.length;){if("none"!==s[r].style.display&&s[r]!==Wt.ghost&&(e||s[r]!==Wt.dragged)&&O(s[r],i.draggable,t,!1)){if(o===n)return s[r];o++}r++}return null}function N(t,n){for(var i=t.lastElementChild;i&&(i===Wt.ghost||"none"===_(i,"display")||n&&!T(i,n));)i=i.previousElementSibling;return i||null}function F(t,n){var i=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Wt.clone||n&&!T(t,n)||i++;return i}function B(t){var n=0,i=0,e=P();if(t)do{var o=j(t);n+=t.scrollLeft*o.a,i+=t.scrollTop*o.d}while(t!==e&&(t=t.parentNode));return[n,i]}function R(t,n){if(!t||!t.getBoundingClientRect)return P();var i=t,e=!1;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){var o=_(i);if(i.clientWidth<i.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||i.clientHeight<i.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!i.getBoundingClientRect||i===document.body)return P();if(e||n)return i;e=!0}}}while(i=i.parentNode);return P()}function G(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function U(t,n){return function(){if(!D){var i=arguments;1===i.length?t.call(this,i[0]):t.apply(this,i),D=setTimeout((function(){D=void 0}),n)}}}function W(t,n,i){t.scrollLeft+=n,t.scrollTop+=i}function X(t){var n=window.Polymer,i=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):i?i(t).clone(!0)[0]:t.cloneNode(!0)}function Y(t,n,i){var e={};return Array.from(t.children).forEach((function(o){var r,s,a,l;if(O(o,n.draggable,t,!1)&&!o.animated&&o!==i){var u=L(o);e.left=Math.min(null!==(r=e.left)&&void 0!==r?r:1/0,u.left),e.top=Math.min(null!==(s=e.top)&&void 0!==s?s:1/0,u.top),e.right=Math.max(null!==(a=e.right)&&void 0!==a?a:-1/0,u.right),e.bottom=Math.max(null!==(l=e.bottom)&&void 0!==l?l:-1/0,u.bottom)}})),e.width=e.right-e.left,e.height=e.bottom-e.top,e.x=e.left,e.y=e.top,e}var K="Sortable"+(new Date).getTime();var V=[],Z={initializeByDefault:!0},$={mount:function(t){for(var n in Z)Z.hasOwnProperty(n)&&!(n in t)&&(t[n]=Z[n]);V.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),V.push(t)},pluginEvent:function(t,n,i){var e=this;this.eventCanceled=!1,i.cancel=function(){e.eventCanceled=!0};var o=t+"Global";V.forEach((function(e){n[e.pluginName]&&(n[e.pluginName][o]&&n[e.pluginName][o](f({sortable:n},i)),n.options[e.pluginName]&&n[e.pluginName][t]&&n[e.pluginName][t](f({sortable:n},i)))}))},initializePlugins:function(t,n,i){for(var e in V.forEach((function(e){var o=e.pluginName;if(t.options[o]||e.initializeByDefault){var r=new e(t,n,t.options);r.sortable=t,r.options=t.options,t[o]=r,c(i,r.defaults)}})),t.options)if(t.options.hasOwnProperty(e)){var o=this.modifyOption(t,e,t.options[e]);void 0!==o&&(t.options[e]=o)}},getEventProperties:function(t,n){var i={};return V.forEach((function(e){"function"==typeof e.eventProperties&&c(i,e.eventProperties.call(n[e.pluginName],t))})),i},modifyOption:function(t,n,i){var e;return V.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(e=o.optionListeners[n].call(t[o.pluginName],i))})),e}},q=["evt"],J=function(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},e=i.evt,o=function(t,n){if(null==t)return{};var i,e,o=function(t,n){if(null==t)return{};var i={};for(var e in t)if({}.hasOwnProperty.call(t,e)){if(-1!==n.indexOf(e))continue;i[e]=t[e]}return i}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(e=0;e<r.length;e++)-1===n.indexOf(i=r[e])&&{}.propertyIsEnumerable.call(t,i)&&(o[i]=t[i])}return o}(i,q);$.pluginEvent.bind(Wt)(t,n,f({dragEl:tt,parentEl:nt,ghostEl:it,rootEl:et,nextEl:ot,lastDownEl:rt,cloneEl:st,cloneHidden:at,dragStarted:yt,putSortable:ft,activeSortable:Wt.active,originalEvent:e,oldIndex:lt,oldDraggableIndex:ht,newIndex:ut,newDraggableIndex:ct,hideGhostForTarget:Bt,unhideGhostForTarget:Rt,cloneNowHidden:function(){at=!0},cloneNowShown:function(){at=!1},dispatchSortableEvent:function(t){Q({sortable:n,name:t,originalEvent:e})}},o))};function Q(t){!function(t){var n=t.sortable,i=t.rootEl,e=t.name,o=t.targetEl,r=t.cloneEl,s=t.toEl,a=t.fromEl,l=t.oldIndex,u=t.newIndex,h=t.oldDraggableIndex,c=t.newDraggableIndex,d=t.originalEvent,v=t.putSortable,m=t.extraEventProperties;if(n=n||i&&i[K]){var g,w=n.options,y="on"+e.charAt(0).toUpperCase()+e.substr(1);!window.CustomEvent||p||b?(g=document.createEvent("Event")).initEvent(e,!0,!0):g=new CustomEvent(e,{bubbles:!0,cancelable:!0}),g.to=s||i,g.from=a||i,g.item=o||i,g.clone=r,g.oldIndex=l,g.newIndex=u,g.oldDraggableIndex=h,g.newDraggableIndex=c,g.originalEvent=d,g.pullMode=v?v.lastPutMode:void 0;var E=f(f({},m),$.getEventProperties(e,n));for(var x in E)g[x]=E[x];i&&i.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(f({putSortable:ft,cloneEl:st,targetEl:tt,rootEl:et,oldIndex:lt,oldDraggableIndex:ht,newIndex:ut,newDraggableIndex:ct},t))}var tt,nt,it,et,ot,rt,st,at,lt,ut,ht,ct,dt,ft,vt,mt,pt,bt,gt,wt,yt,Et,xt,It,St,Tt=!1,Mt=!1,Ot=[],Dt=!1,kt=!1,Ct=[],_t=!1,jt=[],At="undefined"!=typeof document,Pt=y,Lt=b||p?"cssFloat":"float",zt=At&&!E&&!y&&"draggable"in document.createElement("div"),Ht=function(){if(At){if(p)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),Nt=function(t,n){var i=_(t),e=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.borderRightWidth),o=H(t,0,n),r=H(t,1,n),s=o&&_(o),a=r&&_(r),l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+L(o).width,u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+L(r).width;return"flex"===i.display?"column"===i.flexDirection||"column-reverse"===i.flexDirection?"vertical":"horizontal":"grid"===i.display?i.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&s.float&&"none"!==s.float?!r||"both"!==a.clear&&a.clear!==("left"===s.float?"left":"right")?"horizontal":"vertical":o&&("block"===s.display||"flex"===s.display||"table"===s.display||"grid"===s.display||l>=e&&"none"===i[Lt]||r&&"none"===i[Lt]&&l+u>e)?"vertical":"horizontal"},Ft=function(t){function n(t,i){return function(e,o,r,s){if(null==t&&(i||e.options.group.name&&o.options.group.name&&e.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(i&&"clone"===t)return t;if("function"==typeof t)return n(t(e,o,r,s),i)(e,o,r,s);var a=(i?e:o).options.group.name;return!0===t||"string"==typeof t&&t===a||t.join&&t.indexOf(a)>-1}}var i={},e=t.group;e&&"object"==v(e)||(e={name:e}),i.name=e.name,i.checkPull=n(e.pull,!0),i.checkPut=n(e.put),i.revertClone=e.revertClone,t.group=i},Bt=function(){!Ht&&it&&_(it,"display","none")},Rt=function(){!Ht&&it&&_(it,"display","")};At&&!E&&document.addEventListener("click",(function(t){if(Mt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),Mt=!1,!1}),!0);var Gt=function(t){if(tt){var n=function(t,n){var i;return Ot.some((function(e){var o=e[K].options.emptyInsertThreshold;if(o&&!N(e)){var r=L(e);return t>=r.left-o&&t<=r.right+o&&n>=r.top-o&&n<=r.bottom+o?i=e:void 0}})),i}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(n){var i={};for(var e in t)t.hasOwnProperty(e)&&(i[e]=t[e]);i.target=i.rootEl=n,i.preventDefault=void 0,i.stopPropagation=void 0,n[K]._onDragOver(i)}}},Ut=function(t){tt&&tt.parentNode[K]._isOutsideThisEl(t.target)};function Wt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=c({},n),t[K]=this;var i={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return Nt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Wt.supportPointer&&"PointerEvent"in window&&(!w||y),emptyInsertThreshold:5};for(var e in $.initializePlugins(this,t,i),i)!(e in n)&&(n[e]=i[e]);for(var o in Ft(n),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!n.forceFallback&&zt,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?I(t,"pointerdown",this._onTapStart):(I(t,"mousedown",this._onTapStart),I(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(I(t,"dragover",this),I(t,"dragenter",this)),Ot.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),c(this,function(){var t,n=[];return{captureAnimationState:function(){n=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==_(t,"display")&&t!==Wt.ghost){n.push({target:t,rect:L(t)});var i=f({},n[n.length-1].rect);if(t.thisAnimationDuration){var e=j(t,!0);e&&(i.top-=e.f,i.left-=e.e)}t.fromRect=i}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,n){for(var i in t)if(t.hasOwnProperty(i))for(var e in n)if(n.hasOwnProperty(e)&&n[e]===t[i][e])return Number(i);return-1}(n,{target:t}),1)},animateAll:function(i){var e=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof i&&i());var o=!1,r=0;n.forEach((function(t){var n=0,i=t.target,s=i.fromRect,a=L(i),l=i.prevFromRect,u=i.prevToRect,h=t.rect,c=j(i,!0);c&&(a.top-=c.f,a.left-=c.e),i.toRect=a,i.thisAnimationDuration&&G(l,a)&&!G(s,a)&&(h.top-a.top)/(h.left-a.left)==(s.top-a.top)/(s.left-a.left)&&(n=function(t,n,i,e){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-i.top,2)+Math.pow(n.left-i.left,2))*e.animation}(h,l,u,e.options)),G(a,s)||(i.prevFromRect=s,i.prevToRect=a,n||(n=e.options.animation),e.animate(i,h,a,n)),n&&(o=!0,r=Math.max(r,n),clearTimeout(i.animationResetTimer),i.animationResetTimer=setTimeout((function(){i.animationTime=0,i.prevFromRect=null,i.fromRect=null,i.prevToRect=null,i.thisAnimationDuration=null}),n),i.thisAnimationDuration=n)})),clearTimeout(t),o?t=setTimeout((function(){"function"==typeof i&&i()}),r):"function"==typeof i&&i(),n=[]},animate:function(t,n,i,e){if(e){_(t,"transition",""),_(t,"transform","");var o=j(this.el),r=(n.left-i.left)/(o&&o.a||1),s=(n.top-i.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!s,_(t,"transform","translate3d("+r+"px,"+s+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),_(t,"transition","transform "+e+"ms"+(this.options.easing?" "+this.options.easing:"")),_(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){_(t,"transition",""),_(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),e)}}}}())}function Xt(t,n,i,e,o,r,s,a){var l,u,h=t[K],c=h.options.onMove;return!window.CustomEvent||p||b?(l=document.createEvent("Event")).initEvent("move",!0,!0):l=new CustomEvent("move",{bubbles:!0,cancelable:!0}),l.to=n,l.from=t,l.dragged=i,l.draggedRect=e,l.related=o||n,l.relatedRect=r||L(n),l.willInsertAfter=a,l.originalEvent=s,t.dispatchEvent(l),c&&(u=c.call(h,l,s)),u}function Yt(t){t.draggable=!1}function Kt(){_t=!1}function Vt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,i=n.length,e=0;i--;)e+=n.charCodeAt(i);return e.toString(36)}function Zt(t){return setTimeout(t,0)}function $t(t){return clearTimeout(t)}Wt.prototype={constructor:Wt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(Et=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,tt):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,i=this.el,e=this.options,o=e.preventOnFilter,r=t.type,s=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,a=(s||t).target,l=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||a,u=e.filter;if(function(t){jt.length=0;for(var n=t.getElementsByTagName("input"),i=n.length;i--;){var e=n[i];e.checked&&jt.push(e)}}(i),!tt&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||e.disabled)&&!l.isContentEditable&&(this.nativeDraggable||!w||!a||"SELECT"!==a.tagName.toUpperCase())&&!((a=O(a,e.draggable,i,!1))&&a.animated||rt===a)){if(lt=F(a),ht=F(a,e.draggable),"function"==typeof u){if(u.call(this,t,a,this))return Q({sortable:n,rootEl:l,name:"filter",targetEl:a,toEl:i,fromEl:i}),J("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(u&&(u=u.split(",").some((function(e){if(e=O(l,e.trim(),i,!1))return Q({sortable:n,rootEl:e,name:"filter",targetEl:a,fromEl:i,toEl:i}),J("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());e.handle&&!O(l,e.handle,i,!1)||this._prepareDragStart(t,s,a)}}},_prepareDragStart:function(t,n,i){var e,o=this,r=o.el,s=o.options,a=r.ownerDocument;if(i&&!tt&&i.parentNode===r){var l=L(i);if(et=r,nt=(tt=i).parentNode,ot=tt.nextSibling,rt=i,dt=s.group,Wt.dragged=tt,gt=(vt={target:tt,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-l.left,wt=vt.clientY-l.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,tt.style["will-change"]="all",e=function(){J("delayEnded",o,{evt:t}),Wt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!g&&o.nativeDraggable&&(tt.draggable=!0),o._triggerDragStart(t,n),Q({sortable:o,name:"choose",originalEvent:t}),C(tt,s.chosenClass,!0))},s.ignore.split(",").forEach((function(t){A(tt,t.trim(),Yt)})),I(a,"dragover",Gt),I(a,"mousemove",Gt),I(a,"touchmove",Gt),s.supportPointer?(I(a,"pointerup",o._onDrop),!this.nativeDraggable&&I(a,"pointercancel",o._onDrop)):(I(a,"mouseup",o._onDrop),I(a,"touchend",o._onDrop),I(a,"touchcancel",o._onDrop)),g&&this.nativeDraggable&&(this.options.touchStartThreshold=4,tt.draggable=!0),J("delayStart",this,{evt:t}),!s.delay||s.delayOnTouchOnly&&!n||this.nativeDraggable&&(b||p))e();else{if(Wt.eventCanceled)return void this._onDrop();s.supportPointer?(I(a,"pointerup",o._disableDelayedDrag),I(a,"pointercancel",o._disableDelayedDrag)):(I(a,"mouseup",o._disableDelayedDrag),I(a,"touchend",o._disableDelayedDrag),I(a,"touchcancel",o._disableDelayedDrag)),I(a,"mousemove",o._delayedDragTouchMoveHandler),I(a,"touchmove",o._delayedDragTouchMoveHandler),s.supportPointer&&I(a,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(e,s.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){tt&&Yt(tt),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;S(t,"mouseup",this._disableDelayedDrag),S(t,"touchend",this._disableDelayedDrag),S(t,"touchcancel",this._disableDelayedDrag),S(t,"pointerup",this._disableDelayedDrag),S(t,"pointercancel",this._disableDelayedDrag),S(t,"mousemove",this._delayedDragTouchMoveHandler),S(t,"touchmove",this._delayedDragTouchMoveHandler),S(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?I(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(I(tt,"dragend",this),I(et,"dragstart",this._onDragStart));try{document.selection?Zt((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(Tt=!1,et&&tt){J("dragStarted",this,{evt:n}),this.nativeDraggable&&I(document,"dragover",Ut);var i=this.options;!t&&C(tt,i.dragClass,!1),C(tt,i.ghostClass,!0),Wt.active=this,t&&this._appendGhost(),Q({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(mt){this._lastX=mt.clientX,this._lastY=mt.clientY,Bt();for(var t=document.elementFromPoint(mt.clientX,mt.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(mt.clientX,mt.clientY))!==n;)n=t;if(tt.parentNode[K]._isOutsideThisEl(t),n)do{if(n[K]&&n[K]._onDragOver({clientX:mt.clientX,clientY:mt.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=M(n));Rt()}},_onTouchMove:function(t){if(vt){var n=this.options,i=n.fallbackTolerance,e=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=it&&j(it,!0),s=it&&r&&r.a,a=it&&r&&r.d,l=Pt&&St&&B(St),u=(o.clientX-vt.clientX+e.x)/(s||1)+(l?l[0]-Ct[0]:0)/(s||1),h=(o.clientY-vt.clientY+e.y)/(a||1)+(l?l[1]-Ct[1]:0)/(a||1);if(!Wt.active&&!Tt){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i)return;this._onDragStart(t,!0)}if(it){r?(r.e+=u-(pt||0),r.f+=h-(bt||0)):r={a:1,b:0,c:0,d:1,e:u,f:h};var c="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");_(it,"webkitTransform",c),_(it,"mozTransform",c),_(it,"msTransform",c),_(it,"transform",c),pt=u,bt=h,mt=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!it){var t=this.options.fallbackOnBody?document.body:et,n=L(tt,!0,Pt,!0,t),i=this.options;if(Pt){for(St=t;"static"===_(St,"position")&&"none"===_(St,"transform")&&St!==document;)St=St.parentNode;St!==document.body&&St!==document.documentElement?(St===document&&(St=P()),n.top+=St.scrollTop,n.left+=St.scrollLeft):St=P(),Ct=B(St)}C(it=tt.cloneNode(!0),i.ghostClass,!1),C(it,i.fallbackClass,!0),C(it,i.dragClass,!0),_(it,"transition",""),_(it,"transform",""),_(it,"box-sizing","border-box"),_(it,"margin",0),_(it,"top",n.top),_(it,"left",n.left),_(it,"width",n.width),_(it,"height",n.height),_(it,"opacity","0.8"),_(it,"position",Pt?"absolute":"fixed"),_(it,"zIndex","100000"),_(it,"pointerEvents","none"),Wt.ghost=it,t.appendChild(it),_(it,"transform-origin",gt/parseInt(it.style.width)*100+"% "+wt/parseInt(it.style.height)*100+"%")}},_onDragStart:function(t,n){var i=this,e=t.dataTransfer,o=i.options;J("dragStart",this,{evt:t}),Wt.eventCanceled?this._onDrop():(J("setupClone",this),Wt.eventCanceled||((st=X(tt)).removeAttribute("id"),st.draggable=!1,st.style["will-change"]="",this._hideClone(),C(st,this.options.chosenClass,!1),Wt.clone=st),i.cloneId=Zt((function(){J("clone",i),Wt.eventCanceled||(i.options.removeCloneOnHide||et.insertBefore(st,tt),i._hideClone(),Q({sortable:i,name:"clone"}))})),!n&&C(tt,o.dragClass,!0),n?(Mt=!0,i._loopId=setInterval(i._emulateDragOver,50)):(S(document,"mouseup",i._onDrop),S(document,"touchend",i._onDrop),S(document,"touchcancel",i._onDrop),e&&(e.effectAllowed="move",o.setData&&o.setData.call(i,e,tt)),I(document,"drop",i),_(tt,"transform","translateZ(0)")),Tt=!0,i._dragStartId=Zt(i._dragStarted.bind(i,n,t)),I(document,"selectstart",i),yt=!0,window.getSelection().removeAllRanges(),w&&_(document.body,"user-select","none"))},_onDragOver:function(t){var n,i,e,o,r=this.el,s=t.target,a=this.options,l=a.group,u=Wt.active,h=dt===l,c=a.sort,d=ft||u,v=this,m=!1;if(!_t){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),s=O(s,a.draggable,r,!0),A("dragOver"),Wt.eventCanceled)return m;if(tt.contains(t.target)||s.animated&&s.animatingX&&s.animatingY||v._ignoreWhileAnimating===s)return B(!1);if(Mt=!1,u&&!a.disabled&&(h?c||(e=nt!==et):ft===this||(this.lastPutMode=dt.checkPull(this,u,tt,t))&&l.checkPut(this,u,tt,t))){if(o="vertical"===this._getDirection(t,s),n=L(tt),A("dragOverValid"),Wt.eventCanceled)return m;if(e)return nt=et,P(),this._hideClone(),A("revert"),Wt.eventCanceled||(ot?et.insertBefore(tt,ot):et.appendChild(tt)),B(!0);var p=N(r,a.draggable);if(!p||function(t,n,i){var e=L(N(i.el,i.options.draggable)),o=Y(i.el,i.options,it);return n?t.clientX>o.right+10||t.clientY>e.bottom&&t.clientX>e.left:t.clientY>o.bottom+10||t.clientX>e.right&&t.clientY>e.top}(t,o,this)&&!p.animated){if(p===tt)return B(!1);if(p&&r===t.target&&(s=p),s&&(i=L(s)),!1!==Xt(et,r,tt,n,s,i,t,!!s))return P(),p&&p.nextSibling?r.insertBefore(tt,p.nextSibling):r.appendChild(tt),nt=r,R(),B(!0)}else if(p&&function(t,n,i){var e=L(H(i.el,0,i.options,!0)),o=Y(i.el,i.options,it);return n?t.clientX<o.left-10||t.clientY<e.top&&t.clientX<e.right:t.clientY<o.top-10||t.clientY<e.bottom&&t.clientX<e.left}(t,o,this)){var b=H(r,0,a,!0);if(b===tt)return B(!1);if(i=L(s=b),!1!==Xt(et,r,tt,n,s,i,t,!1))return P(),r.insertBefore(tt,b),nt=r,R(),B(!0)}else if(s.parentNode===r){i=L(s);var g,w,y,E=tt.parentNode!==r,x=!function(t,n,i){var e=i?t.left:t.top,o=i?n.left:n.top;return e===o||(i?t.right:t.bottom)===(i?n.right:n.bottom)||e+(i?t.width:t.height)/2===o+(i?n.width:n.height)/2}(tt.animated&&tt.toRect||n,s.animated&&s.toRect||i,o),I=o?"top":"left",S=z(s,"top","top")||z(tt,"top","top"),T=S?S.scrollTop:void 0;if(Et!==s&&(w=i[I],Dt=!1,kt=!x&&a.invertSwap||E),g=function(t,n,i,e,o,r,s,a){var l=e?t.clientY:t.clientX,u=e?i.height:i.width,h=e?i.top:i.left,c=e?i.bottom:i.right,d=!1;if(!s)if(a&&It<u*o){if(!Dt&&(1===xt?l>h+u*r/2:l<c-u*r/2)&&(Dt=!0),Dt)d=!0;else if(1===xt?l<h+It:l>c-It)return-xt}else if(l>h+u*(1-o)/2&&l<c-u*(1-o)/2)return function(t){return F(tt)<F(t)?1:-1}(n);return(d=d||s)&&(l<h+u*r/2||l>c-u*r/2)?l>h+u/2?1:-1:0}(t,s,i,o,x?1:a.swapThreshold,null==a.invertedSwapThreshold?a.swapThreshold:a.invertedSwapThreshold,kt,Et===s),0!==g){var M=F(tt);do{y=nt.children[M-=g]}while(y&&("none"===_(y,"display")||y===it))}if(0===g||y===s)return B(!1);Et=s,xt=g;var D=s.nextElementSibling,k=!1,j=Xt(et,r,tt,n,s,i,t,k=1===g);if(!1!==j)return 1!==j&&-1!==j||(k=1===j),_t=!0,setTimeout(Kt,30),P(),k&&!D?r.appendChild(tt):s.parentNode.insertBefore(tt,k?D:s),S&&W(S,0,T-S.scrollTop),nt=tt.parentNode,void 0===w||kt||(It=Math.abs(w-L(s)[I])),R(),B(!0)}if(r.contains(tt))return B(!1)}return!1}function A(a,l){J(a,v,f({evt:t,isOwner:h,axis:o?"vertical":"horizontal",revert:e,dragRect:n,targetRect:i,canSort:c,fromSortable:d,target:s,completed:B,onMove:function(i,e){return Xt(et,r,tt,n,i,L(i),t,e)},changed:R},l))}function P(){A("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function B(n){return A("dragOverCompleted",{insertion:n}),n&&(h?u._hideClone():u._showClone(v),v!==d&&(C(tt,ft?ft.options.ghostClass:u.options.ghostClass,!1),C(tt,a.ghostClass,!0)),ft!==v&&v!==Wt.active?ft=v:v===Wt.active&&ft&&(ft=null),d===v&&(v._ignoreWhileAnimating=s),v.animateAll((function(){A("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(s===tt&&!tt.animated||s===r&&!s.animated)&&(Et=null),a.dragoverBubble||t.rootEl||s===document||(tt.parentNode[K]._isOutsideThisEl(t.target),!n&&Gt(t)),!a.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function R(){ut=F(tt),ct=F(tt,a.draggable),Q({sortable:v,name:"change",toEl:r,newIndex:ut,newDraggableIndex:ct,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){S(document,"mousemove",this._onTouchMove),S(document,"touchmove",this._onTouchMove),S(document,"pointermove",this._onTouchMove),S(document,"dragover",Gt),S(document,"mousemove",Gt),S(document,"touchmove",Gt)},_offUpEvents:function(){var t=this.el.ownerDocument;S(t,"mouseup",this._onDrop),S(t,"touchend",this._onDrop),S(t,"pointerup",this._onDrop),S(t,"pointercancel",this._onDrop),S(t,"touchcancel",this._onDrop),S(document,"selectstart",this)},_onDrop:function(t){var n=this.el,i=this.options;ut=F(tt),ct=F(tt,i.draggable),J("drop",this,{evt:t}),nt=tt&&tt.parentNode,ut=F(tt),ct=F(tt,i.draggable),Wt.eventCanceled||(Tt=!1,kt=!1,Dt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),$t(this.cloneId),$t(this._dragStartId),this.nativeDraggable&&(S(document,"drop",this),S(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),w&&_(document.body,"user-select",""),_(tt,"transform",""),t&&(yt&&(t.cancelable&&t.preventDefault(),!i.dropBubble&&t.stopPropagation()),it&&it.parentNode&&it.parentNode.removeChild(it),(et===nt||ft&&"clone"!==ft.lastPutMode)&&st&&st.parentNode&&st.parentNode.removeChild(st),tt&&(this.nativeDraggable&&S(tt,"dragend",this),Yt(tt),tt.style["will-change"]="",yt&&!Tt&&C(tt,ft?ft.options.ghostClass:this.options.ghostClass,!1),C(tt,this.options.chosenClass,!1),Q({sortable:this,name:"unchoose",toEl:nt,newIndex:null,newDraggableIndex:null,originalEvent:t}),et!==nt?(ut>=0&&(Q({rootEl:nt,name:"add",toEl:nt,fromEl:et,originalEvent:t}),Q({sortable:this,name:"remove",toEl:nt,originalEvent:t}),Q({rootEl:nt,name:"sort",toEl:nt,fromEl:et,originalEvent:t}),Q({sortable:this,name:"sort",toEl:nt,originalEvent:t})),ft&&ft.save()):ut!==lt&&ut>=0&&(Q({sortable:this,name:"update",toEl:nt,originalEvent:t}),Q({sortable:this,name:"sort",toEl:nt,originalEvent:t})),Wt.active&&(null!=ut&&-1!==ut||(ut=lt,ct=ht),Q({sortable:this,name:"end",toEl:nt,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){J("nulling",this),et=tt=nt=it=ot=st=rt=at=vt=mt=yt=ut=ct=lt=ht=Et=xt=ft=dt=Wt.dragged=Wt.ghost=Wt.clone=Wt.active=null;var t=this.el;jt.forEach((function(n){t.contains(n)&&(n.checked=!0)})),jt.length=pt=bt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":tt&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],i=this.el.children,e=0,o=i.length,r=this.options;e<o;e++)O(t=i[e],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Vt(t));return n},sort:function(t,n){var i={},e=this.el;this.toArray().forEach((function(t,n){var o=e.children[n];O(o,this.options.draggable,e,!1)&&(i[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){i[t]&&(e.removeChild(i[t]),e.appendChild(i[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return O(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var i=this.options;if(void 0===n)return i[t];var e=$.modifyOption(this,t,n);i[t]=void 0!==e?e:n,"group"===t&&Ft(i)},destroy:function(){J("destroy",this);var t=this.el;t[K]=null,S(t,"mousedown",this._onTapStart),S(t,"touchstart",this._onTapStart),S(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(S(t,"dragover",this),S(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),Ot.splice(Ot.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!at){if(J("hideClone",this),Wt.eventCanceled)return;_(st,"display","none"),this.options.removeCloneOnHide&&st.parentNode&&st.parentNode.removeChild(st),at=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(at){if(J("showClone",this),Wt.eventCanceled)return;tt.parentNode!=et||this.options.group.revertClone?ot?et.insertBefore(st,ot):et.appendChild(st):et.insertBefore(st,tt),this.options.group.revertClone&&this.animate(tt,st),_(st,"display",""),at=!1}}else this._hideClone()}},At&&I(document,"touchmove",(function(t){(Wt.active||Tt)&&t.cancelable&&t.preventDefault()})),Wt.utils={on:I,off:S,css:_,find:A,is:function(t,n){return!!O(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var i in n)n.hasOwnProperty(i)&&(t[i]=n[i]);return t},throttle:U,closest:O,toggleClass:C,clone:X,index:F,nextTick:Zt,cancelNextTick:$t,detectDirection:Nt,getChild:H,expando:K},Wt.get=function(t){return t[K]},Wt.mount=function(){for(var t=arguments.length,n=Array(t),i=0;i<t;i++)n[i]=arguments[i];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Wt.utils=f(f({},Wt.utils),t.utils)),$.mount(t)}))},Wt.create=function(t,n){return new Wt(t,n)},Wt.version="1.15.7";var qt,Jt,Qt,tn,nn,en,on=[],rn=!1;function sn(){on.forEach((function(t){clearInterval(t.pid)})),on=[]}function an(){clearInterval(en)}var ln=U((function(t,n,i,e){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,s=(t.touches?t.touches[0]:t).clientY,a=n.scrollSensitivity,l=n.scrollSpeed,u=P(),h=!1;Jt!==i&&(Jt=i,sn(),o=n.scrollFn,!0===(qt=n.scroll)&&(qt=R(i,!0)));var c=0,d=qt;do{var f=d,v=L(f),m=v.top,p=v.bottom,b=v.left,g=v.right,w=v.width,y=v.height,E=void 0,x=void 0,I=f.scrollWidth,S=f.scrollHeight,T=_(f),M=f.scrollLeft,O=f.scrollTop;f===u?(E=w<I&&("auto"===T.overflowX||"scroll"===T.overflowX||"visible"===T.overflowX),x=y<S&&("auto"===T.overflowY||"scroll"===T.overflowY||"visible"===T.overflowY)):(E=w<I&&("auto"===T.overflowX||"scroll"===T.overflowX),x=y<S&&("auto"===T.overflowY||"scroll"===T.overflowY));var D=E&&(Math.abs(g-r)<=a&&M+w<I)-(Math.abs(b-r)<=a&&!!M),k=x&&(Math.abs(p-s)<=a&&O+y<S)-(Math.abs(m-s)<=a&&!!O);if(!on[c])for(var C=0;C<=c;C++)on[C]||(on[C]={});on[c].vx==D&&on[c].vy==k&&on[c].el===f||(on[c].el=f,on[c].vx=D,on[c].vy=k,clearInterval(on[c].pid),0==D&&0==k||(h=!0,on[c].pid=setInterval(function(){e&&0===this.layer&&Wt.active._onTouchMove(nn);var n=on[this.layer].vy?on[this.layer].vy*l:0,i=on[this.layer].vx?on[this.layer].vx*l:0;"function"==typeof o&&"continue"!==o.call(Wt.dragged.parentNode[K],i,n,t,nn,on[this.layer].el)||W(on[this.layer].el,i,n)}.bind({layer:c}),24))),c++}while(n.bubbleScroll&&d!==u&&(d=R(d,!1)));rn=h}}),30),un=function(t){var n=t.originalEvent,i=t.putSortable,e=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var s=i||t.activeSortable;(0,t.hideGhostForTarget)();var a=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,l=document.elementFromPoint(a.clientX,a.clientY);r(),s&&!s.el.contains(l)&&(o("spill"),this.onSpill({dragEl:e,putSortable:i}))}};function hn(){}function cn(){}hn.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,i=t.putSortable;this.sortable.captureAnimationState(),i&&i.captureAnimationState();var e=H(this.sortable.el,this.startIndex,this.options);e?this.sortable.el.insertBefore(n,e):this.sortable.el.appendChild(n),this.sortable.animateAll(),i&&i.animateAll()},drop:un},c(hn,{pluginName:"revertOnSpill"}),cn.prototype={onSpill:function(t){var n=t.dragEl,i=t.putSortable||this.sortable;i.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),i.animateAll()},drop:un},c(cn,{pluginName:"removeOnSpill"}),Wt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?I(document,"dragover",this._handleAutoScroll):I(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?S(document,"dragover",this._handleAutoScroll):(S(document,"pointermove",this._handleFallbackAutoScroll),S(document,"touchmove",this._handleFallbackAutoScroll),S(document,"mousemove",this._handleFallbackAutoScroll)),an(),sn(),clearTimeout(D),D=void 0},nulling:function(){nn=Jt=qt=rn=en=Qt=tn=null,on.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var i=this,e=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,o);if(nn=t,n||this.options.forceAutoScrollFallback||b||p||w){ln(t,this.options,r,n);var s=R(r,!0);!rn||en&&e===Qt&&o===tn||(en&&an(),en=setInterval((function(){var r=R(document.elementFromPoint(e,o),!0);r!==s&&(s=r,sn()),ln(t,i.options,r,n)}),10),Qt=e,tn=o)}else{if(!this.options.bubbleScroll||R(r,!0)===P())return void sn();ln(t,this.options,R(r,!1),!1)}}},c(t,{pluginName:"scroll",initializeByDefault:!0})}),Wt.mount(cn,hn);const dn="pds-sortable__live-region",fn="pds-sortable-item--grabbed",vn=".pds-sortable-item__handle",mn=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsSortableItemMoved=i(this,"pdsSortableItemMoved",7),this.border=!1,this.disabled=!1,this.dividers=!1,this.handleType="row",this.handleLabel="Reorder {item}",this.itemPickedUpLabel="{item}, picked up. Position {position} of {total}. Press the arrow keys to move, Space or Enter to drop, Escape to cancel.",this.itemMovedLabel="{item}, moved to position {position} of {total}",this.itemDroppedLabel="{item}, dropped at position {position} of {total}",this.reorderCanceledLabel="Reorder canceled. {item} returned to position {position} of {total}",this.grabbed=null,this.liveRegion=null,this.hostKeeper=new l,this.droppedByPointerDown=null,this.handleFocusIn=()=>{this.ensureLiveRegion()},this.handleFocusOut=t=>{var n;if(!this.isGrabbing()||t.target!==this.focusTarget(this.grabbed.item))return;const i=null===document.activeElement||document.activeElement===document.body||document.activeElement===t.target;null===t.relatedTarget&&!1===(null===(n=document.hasFocus)||void 0===n?void 0:n.call(document))&&i||this.drop(t)},this.handleClick=t=>{if(this.disabled||0!==t.detail)return;const n=this.targetItem(t.target);n&&(this.droppedByPointerDown!==n?this.isGrabbing()?this.grabbed.item===n&&this.drop(t):this.pickUp(n):this.droppedByPointerDown=null)},this.handleKeyDown=t=>{if(this.disabled||t.altKey||t.ctrlKey||t.metaKey)return;const n=this.targetItem(t.target);if(!n)return;if(!this.isGrabbing())return void(" "!==t.key&&"Enter"!==t.key||t.repeat||(t.preventDefault(),this.pickUp(n)));if(this.grabbed.item!==n)return;const i=this.items(),e=i.indexOf(n);switch(t.key){case"ArrowUp":t.preventDefault(),this.moveTo(n,e-1);break;case"ArrowDown":t.preventDefault(),this.moveTo(n,e+1);break;case"Home":t.preventDefault(),this.moveTo(n,0);break;case"End":t.preventDefault(),this.moveTo(n,i.length-1);break;case" ":case"Enter":t.preventDefault(),t.repeat||this.drop(t);break;case"Escape":t.preventDefault(),t.stopPropagation(),this.cancel()}}}handleDisabledChange(){var t;null===(t=this.sortableInstance)||void 0===t||t.option("disabled",this.disabled),this.disabled&&this.isGrabbing()&&this.cancel(),this.updateItems()}handleHandleTypeChange(){var t;this.isGrabbing()&&this.cancel(),null===(t=this.sortableInstance)||void 0===t||t.option("handle","handle"===this.handleType?vn:null),this.updateItems()}updateItems(){this.items().forEach((t=>{"PDS-SORTABLE-ITEM"===t.tagName&&e(t)}))}classNames(){const t=["pds-sortable"];return this.border&&t.push("pds-sortable--bordered"),this.disabled&&t.push("pds-sortable--disabled"),this.dividers&&t.push("pds-sortable--divided"),void 0!==this.handleType&&t.push("pds-sortable--handle-type-"+this.handleType),t.join("  ")}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){var t;this.hostKeeper.disconnect(),this.isGrabbing()&&this.cancel(!1),null===(t=this.liveRegion)||void 0===t||t.remove(),this.liveRegion=null}componentDidLoad(){var t;let n={animation:"undefined"!=typeof window&&(null===(t=window.matchMedia)||void 0===t?void 0:t.call(window,"(prefers-reduced-motion: reduce)").matches)?0:150,disabled:this.disabled,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:t=>{this.pdsSortableItemMoved.emit(t)}};"handle"===this.handleType&&(n=Object.assign(Object.assign({},n),{handle:vn})),this.sortableInstance=Wt.create(this.el,n),this.ensureLiveRegion(),this.updateItems()}items(){return Array.from(this.el.children).filter((t=>"TEMPLATE"!==t.tagName))}ensureLiveRegion(){if(!this.liveRegion){const t=this.el.nextElementSibling;if(null==t?void 0:t.classList.contains(dn))return void(this.liveRegion=t);const n=document.createElement("span");n.className=dn,n.setAttribute("role","status"),n.setAttribute("aria-live","polite"),n.setAttribute("aria-atomic","true"),Object.assign(n.style,{position:"absolute",width:"1px",height:"1px",margin:"-1px",padding:"0",overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap",border:"0"}),this.liveRegion=n}if(!this.liveRegion.isConnected&&this.el.parentNode){const t=this.el.getAttribute("slot");null!==t?this.liveRegion.setAttribute("slot",t):this.liveRegion.removeAttribute("slot"),this.el.parentNode.insertBefore(this.liveRegion,this.el.nextSibling)}}announce(t,n){this.ensureLiveRegion();const i=this.items(),e=u(t,{item:a(n),position:i.indexOf(n)+1,total:i.length});this.liveRegion.textContent=e===this.liveRegion.textContent?e+" ":e}handlePointerDown(t){if(0!==t.button||!this.isGrabbing())return;const n=this.grabbed.item;this.drop(t),this.droppedByPointerDown=n,window.setTimeout((()=>{this.droppedByPointerDown===n&&(this.droppedByPointerDown=null)}),0)}isGrabbing(){return this.grabbed&&this.grabbed.item.parentElement!==this.el&&this.release(),null!==this.grabbed}targetItem(t){const n=this.items().find((n=>n.contains(t)));return n&&this.focusTarget(n)===t?n:void 0}focusTarget(t){var n;return null!==(n=Array.from(t.children).find((t=>t.matches(vn))))&&void 0!==n?n:null}indexes(t){const n=this.items().indexOf(t);return{index:n,draggableIndex:n}}pickUp(t){var n;const{index:i,draggableIndex:e}=this.indexes(t);this.grabbed={item:t,oldIndex:i,oldDraggableIndex:e},t.classList.add(fn),null===(n=this.focusTarget(t))||void 0===n||n.setAttribute("aria-pressed","true"),this.announce(this.itemPickedUpLabel,t)}moveTo(t,n,i=!0){var e;const o=this.items(),r=o.indexOf(t);if(n<0||n>=o.length||n===r)i&&this.announce(this.itemMovedLabel,t);else{if(n<r){const i=t.nextSibling;o.slice(n,r).forEach((t=>this.el.insertBefore(t,i)))}else o.slice(r+1,n+1).forEach((n=>this.el.insertBefore(n,t)));null===(e=t.scrollIntoView)||void 0===e||e.call(t,{block:"nearest"}),i&&this.announce(this.itemMovedLabel,t)}}drop(t){const{item:n,oldIndex:i,oldDraggableIndex:e}=this.grabbed;this.release(),this.announce(this.itemDroppedLabel,n);const{index:o,draggableIndex:r}=this.indexes(n);if(r===e)return;const s=Object.assign(new CustomEvent("end",{bubbles:!0,cancelable:!0}),{item:n,from:this.el,to:this.el,oldIndex:i,newIndex:o,oldDraggableIndex:e,newDraggableIndex:r,originalEvent:t,pullMode:void 0});this.pdsSortableItemMoved.emit(s)}cancel(t=!0){const{item:n,oldDraggableIndex:i}=this.grabbed;this.release(),this.moveTo(n,Math.min(i,this.items().length-1),!1),t&&this.announce(this.reorderCanceledLabel,n)}release(){var t;this.grabbed.item.classList.remove(fn),null===(t=this.focusTarget(this.grabbed.item))||void 0===t||t.setAttribute("aria-pressed","false"),this.grabbed=null}render(){const t=this.classNames();return this.hostKeeper.record(t),o(r,{key:"a1fb28574e3aa92a923c4baeecec690d4052601f",class:t,id:this.componentId,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.handleKeyDown,onClick:this.handleClick},o("slot",{key:"b9a255d4f94a6b9976a4cac7e142e45210125828"}))}get el(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}],handleType:[{handleHandleTypeChange:0}],handleLabel:[{updateItems:0}]}}static get style(){return".pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}"}},[262,"pds-sortable",{border:[516],disabled:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"],handleLabel:[1,"handle-label"],itemPickedUpLabel:[1,"item-picked-up-label"],itemMovedLabel:[1,"item-moved-label"],itemDroppedLabel:[1,"item-dropped-label"],reorderCanceledLabel:[1,"reorder-canceled-label"]},[[3,"pointerdown","handlePointerDown"]],{disabled:[{handleDisabledChange:0}],handleType:[{handleHandleTypeChange:0}],handleLabel:[{updateItems:0}]}]),pn=mn,bn=function(){"undefined"!=typeof customElements&&["pds-sortable"].forEach((t=>{"pds-sortable"===t&&(customElements.get(s(t))||customElements.define(s(t),mn))}))};export{pn as PdsSortable,bn as defineCustomElement}