@pine-ds/core 4.4.4 → 4.6.0

package/components/pds-popover.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,Host as o,transformTag as h}from"@stencil/core/internal/client";import{a as n}from"./closest.js";import{r}from"./reflected-attribute-default.js";import{s as l}from"./attributes.js";const a=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.isRepositioning=!1,this.scrollDebounceTimer=null,this.resizeDebounceTimer=null,this.movedNodes=[],this.openTimestamp=0,this.popoverTargetAction="show",this.popoverType="auto",this.maxWidth=352,this.placement="right",this.handleTriggerSlotChange=t=>{const i=t.target.assignedElements();null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),i.length>0?(this.triggerEl=i[0],this.linkTriggerToPortal(),this.triggerEl.addEventListener("click",this.handleTriggerClick)):this.triggerEl=null,this.observeTrigger()},this.handleContentSlotChange=()=>{this.active&&this.updatePortalContent()},this.handleTriggerClick=t=>{switch(t.composedPath().find((t=>t instanceof HTMLAnchorElement&&t.href))||t.preventDefault(),this.popoverTargetAction){case"show":this.show();break;case"hide":this.hide();break;default:this.toggle()}}}restorePlacementDefault(t){this.placement=r(this.el,"placement",t,"right")}componentDidLoad(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this),this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this),this.boundScrollHandler=this.handleScroll.bind(this),this.boundResizeHandler=this.handleResize.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((()=>this.linkTriggerToPortal())),this.triggerObserver.observe(this.triggerEl,{attributes:!0,attributeFilter:["aria-expanded","aria-controls"]}))}linkTriggerToPortal(){null!=this.triggerEl&&null!=this.portalEl&&l(this.triggerEl,{"aria-expanded":this.active+"","aria-controls":this.portalEl.id})}connectedCallback(){var t;this.hasLoaded&&(this.isComponentMounted=!0,this.createPortal(),null===(t=this.triggerEl)||void 0===t||t.addEventListener("click",this.handleTriggerClick),this.observeTrigger(),this.linkTriggerToPortal(),this.active&&requestAnimationFrame((()=>this.handlePopoverPositioning())))}disconnectedCallback(){var t;this.el.isConnected||(this.isComponentMounted=!1,this.active&&(this.restorePortalContent(),this.active=!1,this.linkTriggerToPortal(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})),null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),this.clearDebounceTimers(),this.removePortal())}clearDebounceTimers(){null!==this.scrollDebounceTimer&&(clearTimeout(this.scrollDebounceTimer),this.scrollDebounceTimer=null),null!==this.resizeDebounceTimer&&(clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=null)}createPortal(){var i;null===this.portalEl&&(this.portalEl=document.createElement("div"),this.portalEl.className="pds-popover",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="var(--pine-dimension-md)",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),this.portalEl.setAttribute("aria-modal","false"),document.body.appendChild(this.portalEl),this.addPortalFocusStyles())}addPortalFocusStyles(){if(!this.portalEl)return;const t=this.portalEl.id;if(document.querySelector(`style[data-pds-popover-focus="${t}"]`))return;const i=document.createElement("style");i.setAttribute("data-pds-popover-focus",t),i.textContent=`\n      #${t}: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      #${t}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #${t} {\n        border: var(--pine-border);\n      }\n    `,document.head.appendChild(i)}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 o=document.createComment("pds-popover-placeholder");null===(i=t.parentNode)||void 0===i||i.insertBefore(o,t),this.portalEl.appendChild(t),this.movedNodes.push({node:t,placeholder:o})}))}restorePortalContent(){this.movedNodes.forEach((({node:t,placeholder:i})=>{i.parentNode&&(i.parentNode.insertBefore(t,i),i.parentNode.removeChild(i))})),this.movedNodes=[]}removePortal(){if(this.portalEl){this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl);const t=document.querySelector(`style[data-pds-popover-focus="${this.portalEl.id}"]`);t&&t.parentNode&&t.parentNode.removeChild(t)}this.portalEl=null}async show(){!this.active&&this.portalEl&&(this.active=!0,this.openTimestamp=Date.now(),this.linkTriggerToPortal(),this.updatePortalContent(),this.portalEl.style.display="block",this.portalEl.style.opacity="1",this.portalEl.style.visibility="visible",requestAnimationFrame((()=>{this.isComponentMounted&&this.handlePopoverPositioning()})),this.addScrollAndResizeListeners(),"auto"===this.popoverType&&this.addLightDismissListeners(),this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType}))}async hide(){if(!this.active||!this.portalEl)return;this.active=!1;const t=this.portalEl.contains(document.activeElement);this.linkTriggerToPortal(),this.restorePortalContent(),this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",t&&this.returnFocusToTrigger(),this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),this.clearDebounceTimers(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}async toggle(){this.active?this.hide():this.show()}addLightDismissListeners(){document.addEventListener("click",this.boundClickOutsideHandler,!0),document.addEventListener("keydown",this.boundEscapeKeyHandler)}removeLightDismissListeners(){document.removeEventListener("click",this.boundClickOutsideHandler,!0),document.removeEventListener("keydown",this.boundEscapeKeyHandler)}addScrollAndResizeListeners(){window.addEventListener("scroll",this.boundScrollHandler,!0),window.addEventListener("resize",this.boundResizeHandler)}removeScrollAndResizeListeners(){window.removeEventListener("scroll",this.boundScrollHandler,!0),window.removeEventListener("resize",this.boundResizeHandler)}handleClickOutside(t){var i,s,e,o;if((t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now())<=this.openTimestamp)return;const h=t.target,r=null===(s=(i=h).closest)||void 0===s?void 0:s.call(i,".pds-datepicker-calendar-portal"),l=null==r?void 0:r.pdsDatepicker;if(l&&(n(this.portalEl,l)||n(this.triggerEl,l)))return;const a=null===(e=this.portalEl)||void 0===e?void 0:e.contains(h),c=null===(o=this.triggerEl)||void 0===o?void 0:o.contains(h);a||c||this.hide()}returnFocusToTrigger(){this.triggerEl&&this.triggerEl.focus({preventScroll:!0})}handleEscapeKey(t){"Escape"===t.key&&(t.preventDefault(),t.stopPropagation(),this.hide())}handleScroll(){this.active&&(null!==this.scrollDebounceTimer&&clearTimeout(this.scrollDebounceTimer),this.scrollDebounceTimer=setTimeout((()=>{this.handlePopoverPositioning(),this.scrollDebounceTimer=null}),10))}handleResize(){this.active&&(null!==this.resizeDebounceTimer&&clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=setTimeout((()=>{this.handlePopoverPositioning(),this.resizeDebounceTimer=null}),100))}handlePopoverPositioning(){if(this.isRepositioning)return;if(this.isRepositioning=!0,null==this.triggerEl||null==this.portalEl)return void(this.isRepositioning=!1);const t=this.triggerEl.getBoundingClientRect(),i=this.portalEl.getBoundingClientRect();if(0===t.width||0===t.height)return void(this.isRepositioning=!1);let s=0,e=0;switch(this.placement){case"top":s=t.top-i.height-8,e=t.left+(t.width-i.width)/2;break;case"top-start":s=t.top-i.height-8,e=t.left;break;case"top-end":s=t.top-i.height-8,e=t.right-i.width;break;case"right":s=t.top+(t.height-i.height)/2,e=t.right+8;break;case"right-start":s=t.top,e=t.right+8;break;case"right-end":s=t.bottom-i.height,e=t.right+8;break;case"bottom":s=t.bottom+8,e=t.left+(t.width-i.width)/2;break;case"bottom-start":s=t.bottom+8,e=t.left;break;case"bottom-end":s=t.bottom+8,e=t.right-i.width;break;case"left":s=t.top+(t.height-i.height)/2,e=t.left-i.width-8;break;case"left-start":s=t.top,e=t.left-i.width-8;break;case"left-end":s=t.bottom-i.height,e=t.left-i.width-8}this.portalEl.style.top=s+"px",this.portalEl.style.left=e+"px",setTimeout((()=>{this.isRepositioning=!1}),16)}render(){return e(o,{key:"66347d4922274d25504e5be134b36f05a3f12fdc",id:this.componentId},e("span",{key:"8f29d54d58cf0c66f86470c77c676716f1ab056f",class:"pds-popover__trigger-wrapper"},e("slot",{key:"5c89b687cfc01e67d3c11835e77755de88f03584",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),e("div",{key:"0ca9aff3021720098d86ec29eb69cbf149ef79a9",class:"pds-popover__content-slot-wrapper"},e("slot",{key:"b73c3324d3322c41c68161e9ada51499c0e49cb0",onSlotchange:this.handleContentSlotChange})))}get el(){return this}static get watchers(){return{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__content-slot-wrapper{display:none}"}},[257,"pds-popover",{popoverTargetAction:[1,"popover-target-action"],popoverType:[1,"popover-type"],componentId:[1,"component-id"],maxWidth:[2,"max-width"],placement:[1537],active:[32],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{restorePlacementDefault:0}]}]);a.instanceCounter=0;const c=a,d=function(){"undefined"!=typeof customElements&&["pds-popover"].forEach((t=>{"pds-popover"===t&&(customElements.get(h(t))||customElements.define(h(t),a))}))};export{c as PdsPopover,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as h}from"@stencil/core/internal/client";import{a as n}from"./closest.js";import{r}from"./reflected-attribute-default.js";import{l,s as a}from"./attributes.js";const c=t=>{const s=t+"",i=s.length,e=s.charCodeAt(0);let o="";for(let t=0;t<i;t++){const h=s.charCodeAt(t);o+=0!==h?h>=1&&h<=31||127===h||0===t&&h>=48&&h<=57||1===t&&h>=48&&h<=57&&45===e?`\\${h.toString(16)} `:0===t&&1===i&&45===h||!(h>=128||45===h||95===h||h>=48&&h<=57||h>=65&&h<=90||h>=97&&h<=122)?"\\"+s.charAt(t):s.charAt(t):"�"}return o},d=t(class t extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsPopoverOpen=i(this,"pdsPopoverOpen",7),this.pdsPopoverClose=i(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.isRepositioning=!1,this.scrollDebounceTimer=null,this.resizeDebounceTimer=null,this.movedNodes=[],this.openTimestamp=0,this.popoverTargetAction="show",this.popoverType="auto",this.maxWidth=352,this.placement="right",this.handleTriggerSlotChange=t=>{const s=t.target.assignedElements();null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),s.length>0?(this.triggerEl=s[0],this.linkTriggerToPortal(),this.triggerEl.addEventListener("click",this.handleTriggerClick)):this.triggerEl=null,this.observeTrigger()},this.handleContentSlotChange=()=>{this.active&&this.updatePortalContent()},this.handleTriggerClick=t=>{switch(t.composedPath().find((t=>t instanceof HTMLAnchorElement&&t.href))||t.preventDefault(),this.popoverTargetAction){case"show":this.show();break;case"hide":this.hide();break;default:this.toggle()}}}restorePlacementDefault(t){this.placement=r(this.el,"placement",t,"right")}componentDidLoad(){var t;this.boundClickOutsideHandler=this.handleClickOutside.bind(this),this.boundEscapeKeyHandler=this.handleEscapeKey.bind(this),this.boundScrollHandler=this.handleScroll.bind(this),this.boundResizeHandler=this.handleResize.bind(this),this.createPortal(),this.hasLoaded=!0;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="trigger"]');if(s&&null==this.triggerEl){const t=new("undefined"!=typeof window?window.Event:global.Event)("slotchange");Object.defineProperty(t,"target",{value:s,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(l((()=>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&&a(this.triggerEl,{"aria-expanded":this.active+"","aria-controls":this.portalEl.id})}connectedCallback(){var t;this.hasLoaded&&(this.isComponentMounted=!0,this.createPortal(),null===(t=this.triggerEl)||void 0===t||t.addEventListener("click",this.handleTriggerClick),this.observeTrigger(),this.linkTriggerToPortal(),this.active&&requestAnimationFrame((()=>this.handlePopoverPositioning())))}disconnectedCallback(){var t;this.el.isConnected||(this.isComponentMounted=!1,this.active&&(this.restorePortalContent(),this.active=!1,this.linkTriggerToPortal(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})),null!=this.triggerEl&&this.triggerEl.removeEventListener("click",this.handleTriggerClick),null===(t=this.triggerObserver)||void 0===t||t.disconnect(),this.triggerObserver=null,this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),this.clearDebounceTimers(),this.removePortal())}clearDebounceTimers(){null!==this.scrollDebounceTimer&&(clearTimeout(this.scrollDebounceTimer),this.scrollDebounceTimer=null),null!==this.resizeDebounceTimer&&(clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=null)}createPortal(){var s;null===this.portalEl&&(this.portalEl=document.createElement("div"),this.portalEl.className="pds-popover",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="var(--pine-dimension-md)",this.componentId?this.portalEl.id=this.componentId+"-portal":(null!==(s=this.generatedPortalId)&&void 0!==s||(this.generatedPortalId="pds-popover-portal-"+t.instanceCounter++),this.portalEl.id=this.generatedPortalId),this.portalEl.setAttribute("aria-modal","false"),document.body.appendChild(this.portalEl),this.addPortalFocusStyles())}addPortalFocusStyles(){if(!this.portalEl)return;const t=this.portalEl.id,s=c(t);if(document.querySelector(`style[data-pds-popover-focus="${s}"]`))return;const i=document.createElement("style");i.setAttribute("data-pds-popover-focus",t),i.textContent=`\n      #${s}: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      #${s}:focus:not(:focus-visible) {\n        outline: none;\n      }\n      [data-theme="dark"] #${s} {\n        border: var(--pine-border);\n      }\n    `,document.head.appendChild(i)}updatePortalContent(){var t;if(!this.portalEl)return;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-popover__content-slot-wrapper"),i=null==s?void 0:s.querySelector("slot");i&&i.assignedNodes().forEach((t=>{var s;const i=t.parentNode===this.portalEl,e=this.movedNodes.some((s=>s.node===t));if(i||e)return;const o=document.createComment("pds-popover-placeholder");null===(s=t.parentNode)||void 0===s||s.insertBefore(o,t),this.portalEl.appendChild(t),this.movedNodes.push({node:t,placeholder:o})}))}restorePortalContent(){this.movedNodes.forEach((({node:t,placeholder:s})=>{s.parentNode&&(s.parentNode.insertBefore(t,s),s.parentNode.removeChild(s))})),this.movedNodes=[]}removePortal(){if(this.portalEl){this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl);const t=document.querySelector(`style[data-pds-popover-focus="${c(this.portalEl.id)}"]`);t&&t.parentNode&&t.parentNode.removeChild(t)}this.portalEl=null}async show(){!this.active&&this.portalEl&&(this.active=!0,this.openTimestamp=Date.now(),this.linkTriggerToPortal(),this.updatePortalContent(),this.portalEl.style.display="block",this.portalEl.style.opacity="1",this.portalEl.style.visibility="visible",requestAnimationFrame((()=>{this.isComponentMounted&&this.handlePopoverPositioning()})),this.addScrollAndResizeListeners(),"auto"===this.popoverType&&this.addLightDismissListeners(),this.pdsPopoverOpen.emit({componentId:this.componentId,popoverType:this.popoverType}))}async hide(){if(!this.active||!this.portalEl)return;this.active=!1;const t=this.portalEl.contains(document.activeElement);this.linkTriggerToPortal(),this.restorePortalContent(),this.portalEl.style.display="none",this.portalEl.style.opacity="0",this.portalEl.style.visibility="hidden",t&&this.returnFocusToTrigger(),this.removeLightDismissListeners(),this.removeScrollAndResizeListeners(),this.clearDebounceTimers(),this.pdsPopoverClose.emit({componentId:this.componentId,popoverType:this.popoverType})}async toggle(){this.active?this.hide():this.show()}addLightDismissListeners(){document.addEventListener("click",this.boundClickOutsideHandler,!0),document.addEventListener("keydown",this.boundEscapeKeyHandler)}removeLightDismissListeners(){document.removeEventListener("click",this.boundClickOutsideHandler,!0),document.removeEventListener("keydown",this.boundEscapeKeyHandler)}addScrollAndResizeListeners(){window.addEventListener("scroll",this.boundScrollHandler,!0),window.addEventListener("resize",this.boundResizeHandler)}removeScrollAndResizeListeners(){window.removeEventListener("scroll",this.boundScrollHandler,!0),window.removeEventListener("resize",this.boundResizeHandler)}handleClickOutside(t){var s,i,e,o;if((t.timeStamp?Date.now()-(performance.now()-t.timeStamp):Date.now())<=this.openTimestamp)return;const h=t.target,r=null===(i=(s=h).closest)||void 0===i?void 0:i.call(s,".pds-datepicker-calendar-portal"),l=null==r?void 0:r.pdsDatepicker;if(l&&(n(this.portalEl,l)||n(this.triggerEl,l)))return;const a=null===(e=this.portalEl)||void 0===e?void 0:e.contains(h),c=null===(o=this.triggerEl)||void 0===o?void 0:o.contains(h);a||c||this.hide()}returnFocusToTrigger(){this.triggerEl&&this.triggerEl.focus({preventScroll:!0})}handleEscapeKey(t){"Escape"===t.key&&(t.preventDefault(),t.stopPropagation(),this.hide())}handleScroll(){this.active&&(null!==this.scrollDebounceTimer&&clearTimeout(this.scrollDebounceTimer),this.scrollDebounceTimer=setTimeout((()=>{this.handlePopoverPositioning(),this.scrollDebounceTimer=null}),10))}handleResize(){this.active&&(null!==this.resizeDebounceTimer&&clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=setTimeout((()=>{this.handlePopoverPositioning(),this.resizeDebounceTimer=null}),100))}handlePopoverPositioning(){if(this.isRepositioning)return;if(this.isRepositioning=!0,null==this.triggerEl||null==this.portalEl)return void(this.isRepositioning=!1);const t=this.triggerEl.getBoundingClientRect(),s=this.portalEl.getBoundingClientRect();if(0===t.width||0===t.height)return void(this.isRepositioning=!1);let i=0,e=0;switch(this.placement){case"top":i=t.top-s.height-8,e=t.left+(t.width-s.width)/2;break;case"top-start":i=t.top-s.height-8,e=t.left;break;case"top-end":i=t.top-s.height-8,e=t.right-s.width;break;case"right":i=t.top+(t.height-s.height)/2,e=t.right+8;break;case"right-start":i=t.top,e=t.right+8;break;case"right-end":i=t.bottom-s.height,e=t.right+8;break;case"bottom":i=t.bottom+8,e=t.left+(t.width-s.width)/2;break;case"bottom-start":i=t.bottom+8,e=t.left;break;case"bottom-end":i=t.bottom+8,e=t.right-s.width;break;case"left":i=t.top+(t.height-s.height)/2,e=t.left-s.width-8;break;case"left-start":i=t.top,e=t.left-s.width-8;break;case"left-end":i=t.bottom-s.height,e=t.left-s.width-8}this.portalEl.style.top=i+"px",this.portalEl.style.left=e+"px",setTimeout((()=>{this.isRepositioning=!1}),16)}render(){return e(o,{key:"d804db8c73e0dc2acf0d1bbca20edb77993ff7fd",id:this.componentId},e("span",{key:"5408d1856c9b13b327ea13b43cffc23af925a82f",class:"pds-popover__trigger-wrapper"},e("slot",{key:"9d0ff01292c67bdaa88d49114162c3c65ff8a20d",name:"trigger",onSlotchange:this.handleTriggerSlotChange})),e("div",{key:"cdd38016453ea1838d5718fb8e190cd4304ac8cc",class:"pds-popover__content-slot-wrapper"},e("slot",{key:"9faf60d7be7a2ff3c5fe6c3e4de374bafadf848a",onSlotchange:this.handleContentSlotChange})))}get el(){return this}static get watchers(){return{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__content-slot-wrapper{display:none}"}},[257,"pds-popover",{popoverTargetAction:[1,"popover-target-action"],popoverType:[1,"popover-type"],componentId:[1,"component-id"],maxWidth:[2,"max-width"],placement:[1537],active:[32],show:[64],hide:[64],toggle:[64]},void 0,{placement:[{restorePlacementDefault:0}]}]);d.instanceCounter=0;const p=d,u=function(){"undefined"!=typeof customElements&&["pds-popover"].forEach((t=>{"pds-popover"===t&&(customElements.get(h(t))||customElements.define(h(t),d))}))};export{p as PdsPopover,u 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:"5573a5c48eee2f7968835db92afdaebb73c1b85e",class:r},s("div",{key:"bb5cf260495be798f4272673884336022c28441e",class:"pds-progress"},s("label",{key:"017efa649ada73ec724b930e06bbf1ab19a18f61",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"e648d910b072b7b2ca1c4a92c0832bf6e2ef5406",id:this.componentId,max:"100",style:e?{"--color-progress-fill":e}:{},value:this.percent})),this.showPercent&&s("div",{key:"1f9f1733ff2cd6e2ec81e9a46759ff451cf158f7",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"]}]),l=n,d=function(){"undefined"!=typeof customElements&&["pds-progress"].forEach((e=>{"pds-progress"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{l as PdsProgress,d 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:"a224e1e9bc50433553ab8bf4b0d772f01148ee76",class:r},s("div",{key:"261742044f3d68c204cbf640cc4447eb6d74df11",class:"pds-progress"},s("label",{key:"d686bdc6ab450bf8c14dd56077525a3139593f46",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"c716e977a952a628aec600fa680aa9c3b8d0e996",id:this.componentId,max:"100",style:e?{"--color-progress-fill":e}:{},value:this.percent})),this.showPercent&&s("div",{key:"44176a580b435f69993be4a60ee2e888b87e10fb",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-property.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as o,transformTag as n}from"@stencil/core/internal/client";import{d as r}from"./pds-box2.js";import{d as c}from"./pds-icon2.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.icon="star"}render(){return t(o,{key:"0f6195faaaf3adb11ad14f09a36c78f94e2bdf65",id:this.componentId},t("pds-box",{key:"0a9670c0e38065f5fbe035b81703e21155396ff8","align-items":"center",gap:"xs"},t("pds-icon",{key:"13b497e8670bc5210a752b8c24b9fd6397b1a8c9",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),t("slot",{key:"a9b3cf5fd830b7551f68866a62341670f8b61b34"})))}static get style(){return":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}"}},[257,"pds-property",{componentId:[1,"component-id"],icon:[1]}]),a=i,p=function(){"undefined"!=typeof customElements&&["pds-property","pds-box","pds-icon"].forEach((e=>{switch(e){case"pds-property":customElements.get(n(e))||customElements.define(n(e),i);break;case"pds-box":customElements.get(n(e))||r();break;case"pds-icon":customElements.get(n(e))||c()}}))};export{a as PdsProperty,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as o,transformTag as c}from"@stencil/core/internal/client";import{d as n}from"./pds-box2.js";import{d}from"./pds-icon2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.icon="star"}render(){return t(o,{key:"d599b62be4bacf1d89afcc26b14fc93bdc9bb3a4",id:this.componentId},t("pds-box",{key:"d7f80f6598615c761d672893c8acab09bd9ea33f","align-items":"center",gap:"xs"},t("pds-icon",{key:"15a6a6545c2cd2332bd830451106b7b08adc39ff",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),t("slot",{key:"4e5661563b99ec56189447faabcdd1ae631159b2"})))}static get style(){return":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}"}},[257,"pds-property",{componentId:[1,"component-id"],icon:[1]}]),i=r,a=function(){"undefined"!=typeof customElements&&["pds-property","pds-box","pds-icon"].forEach((e=>{switch(e){case"pds-property":customElements.get(c(e))||customElements.define(c(e),r);break;case"pds-box":customElements.get(c(e))||n();break;case"pds-icon":customElements.get(c(e))||d()}}))};export{i as PdsProperty,a as defineCustomElement}

package/components/pds-radio-group.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{m as d}from"./form.js";import{h as n}from"./index2.js";import{d as p}from"./pds-icon2.js";const t=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.pdsRadioGroupChange=i(this,"pdsRadioGroupChange",7),this.direction="column",this.gap="xs",this.disabled=!1,this.invalid=!1,this.required=!1}handlePropsChange(){this.updateChildRadios()}handleRadioChange(e){const s=e.target;if("radio"===s.type&&s.checked){const e=s.closest("pds-radio");e&&this.pdsRadioGroupChange.emit({checked:!0,value:e.value,componentId:e.componentId})}}updateChildRadios(){this.el.querySelectorAll("pds-radio").forEach((e=>{this.name?e.setAttribute("name",this.name):e.removeAttribute("name"),this.disabled?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),this.invalid?e.setAttribute("invalid","true"):e.removeAttribute("invalid"),this.required?e.setAttribute("required","true"):e.removeAttribute("required")}))}componentWillLoad(){if(this.componentId)this._groupId=this.componentId;else{const e="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId="radio-group-"+e}}componentDidLoad(){this.name||console.warn("pds-radio-group: name prop is required for proper radio group functionality"),this.updateChildRadios()}componentDidRender(){const e=this.el.querySelector(".pds-radio-group__radios");if(null===e)return;const s=()=>Array.from(e.children).find((e=>e.matches(".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message")));let i=s();for(;void 0!==i;)i.matches(".pds-radio-group__radios")&&Array.from(i.childNodes).forEach((s=>e.insertBefore(s,i))),i.remove(),i=s()}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),e.join(" ")}getGapValue(){const e={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 e[this.gap]?e[this.gap]:`var(--pine-dimension-${this.gap})`}getAriaDescribedBy(){const e=[];return this.errorMessage&&e.push(d(this._groupId,"error")),this.helperMessage&&e.push(d(this._groupId,"helper")),e.length>0?e.join(" "):void 0}render(){const e=this.getGapValue(),s=this.getAriaDescribedBy();return r(o,{key:"9dc78eb36bbc1b872f4320203dbbc64e43816ebf",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":s,style:{"--pds-radio-group-gap":e}},this.groupLabel&&r("div",{key:"7b6f95608dcf356b141ef5d590ff3070f83b5975",class:"pds-radio-group__label"},this.groupLabel),r("div",{key:"6e1a634c9b81ca3f3bbbe9c6590bcd4efc97e6ea",class:{"pds-radio-group__radios":!0,"pds-radio-group__radios--row":"row"===this.direction,"pds-radio-group__radios--column":"column"===this.direction}},r("slot",{key:"b5b16148f3c77d425a50b7ada8a822e9919ef5c5",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&r("div",{key:"ca6b98f926b8d7a53fda630170ac037c99f5ee85",class:"pds-radio-group__message",id:d(this._groupId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"37b57e2622370364e619ea090712a7b79fe79501",class:"pds-radio-group__message pds-radio-group__message--error",id:d(this._groupId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"6a362d048a67312b1b227f71cc4b8f821ae0817e",icon:n,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}]}]),l=t,c=function(){"undefined"!=typeof customElements&&["pds-radio-group","pds-icon"].forEach((e=>{switch(e){case"pds-radio-group":customElements.get(a(e))||customElements.define(a(e),t);break;case"pds-icon":customElements.get(a(e))||p()}}))};export{l as PdsRadioGroup,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{m as d}from"./form.js";import{h as n}from"./index2.js";import{d as p}from"./pds-icon2.js";const t=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.pdsRadioGroupChange=i(this,"pdsRadioGroupChange",7),this.direction="column",this.gap="xs",this.disabled=!1,this.invalid=!1,this.required=!1}handlePropsChange(){this.updateChildRadios()}handleRadioChange(e){const s=e.target;if("radio"===s.type&&s.checked){const e=s.closest("pds-radio");e&&this.pdsRadioGroupChange.emit({checked:!0,value:e.value,componentId:e.componentId})}}updateChildRadios(){this.el.querySelectorAll("pds-radio").forEach((e=>{this.name?e.setAttribute("name",this.name):e.removeAttribute("name"),this.disabled?e.setAttribute("disabled","true"):e.removeAttribute("disabled"),this.invalid?e.setAttribute("invalid","true"):e.removeAttribute("invalid"),this.required?e.setAttribute("required","true"):e.removeAttribute("required")}))}componentWillLoad(){if(this.componentId)this._groupId=this.componentId;else{const e="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).substring(2,9)}`;this._groupId="radio-group-"+e}}componentDidLoad(){this.name||console.warn("pds-radio-group: name prop is required for proper radio group functionality"),this.updateChildRadios()}componentDidRender(){const e=this.el.querySelector(".pds-radio-group__radios");if(null===e)return;const s=()=>Array.from(e.children).find((e=>e.matches(".pds-radio-group__radios, .pds-radio-group__label, .pds-radio-group__message")));let i=s();for(;void 0!==i;)i.matches(".pds-radio-group__radios")&&Array.from(i.childNodes).forEach((s=>e.insertBefore(s,i))),i.remove(),i=s()}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),e.join(" ")}getGapValue(){const e={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 e[this.gap]?e[this.gap]:`var(--pine-dimension-${this.gap})`}getAriaDescribedBy(){const e=[];return this.errorMessage&&e.push(d(this._groupId,"error")),this.helperMessage&&e.push(d(this._groupId,"helper")),e.length>0?e.join(" "):void 0}render(){const e=this.getGapValue(),s=this.getAriaDescribedBy();return r(o,{key:"bf8063c1a99e272bb3f6bc647998a6ef103f8a71",class:this.classNames(),id:this._groupId,role:"group","aria-describedby":s,style:{"--pds-radio-group-gap":e}},this.groupLabel&&r("div",{key:"8564ed3f8f99cdc1a0e5b189aacc6960923eb5f7",class:"pds-radio-group__label"},this.groupLabel),r("div",{key:"2309c9373790182cde030c1dbda88fa3bdcaaf12",class:{"pds-radio-group__radios":!0,"pds-radio-group__radios--row":"row"===this.direction,"pds-radio-group__radios--column":"column"===this.direction}},r("slot",{key:"d88dde3c631e25c01bc7b6d3ef5d517255fabd1a",onSlotchange:()=>this.updateChildRadios()})),this.helperMessage&&r("div",{key:"a229214ed01663b0fc34f35e27c7148b4eb412ab",class:"pds-radio-group__message",id:d(this._groupId,"helper")},this.helperMessage),this.errorMessage&&r("div",{key:"dc092f2e6dbef0cb369cf00a6eccf9a095a0313d",class:"pds-radio-group__message pds-radio-group__message--error",id:d(this._groupId,"error"),"aria-live":"assertive"},r("pds-icon",{key:"d242da328731e55fa52d8e624fdfc750bfa6cce4",icon:n,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}]}]),l=t,c=function(){"undefined"!=typeof customElements&&["pds-radio-group","pds-icon"].forEach((e=>{switch(e){case"pds-radio-group":customElements.get(a(e))||customElements.define(a(e),t);break;case"pds-icon":customElements.get(a(e))||p()}}))};export{l as PdsRadioGroup,c as defineCustomElement}

package/components/pds-radio.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as r,h as a,Host as s,transformTag as o}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=e(class extends i{constructor(e){super(),!1!==e&&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.handleRadioChange=e=>{if(this.disabled)return;const i=e.target.checked;this.el.closest("pds-radio-group")||this.pdsRadioChange.emit(i)}}hasImageSlot(){return!!this.el.querySelector('[slot="image"]')}hasImage(){return this._hasImage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),this.hasBorder&&e.push("has-border"),this.hasImage()&&e.push("has-image"),e.join(" ")}componentWillLoad(){this._hasImage=this.hasImageSlot()}connectedCallback(){this.hostKeeper.connect(this.el),n(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){const e=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((i=>{const r=i.querySelector('[slot="image"]');null!==r&&null!==e&&e.appendChild(r),i.remove()}))}render(){const e=()=>[a("label",{htmlFor:this.componentId,key:this.componentId+"-label"},a("input",{key:"add893cd82f79b9398589bd5c0a72d5ae4a90475","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()?"visually-hidden":""}),a("span",{key:"b58eed8681d1932397d38ffe82515987e6486e08",class:this.hideLabel?"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:"7374924219e59eab46a7ced9e7062c3e674b4451",icon:p,size:"small"}),this.errorMessage)],i=this.classNames();return this.hostKeeper.record(i),a(s,{key:"24269923f168d1d39ebfc1994619736f0dc8087a",class:i},this.hasImage()&&a("div",{key:"74a72bef89aa012047cbf3a1744fcd33f13bb464",class:"pds-radio__image-container",part:"image-container"},a("slot",{key:"99dbcfdac86cb7c012fd44eab607217e21304bab",name:"image",onSlotchange:()=>this._hasImage=this.hasImageSlot()})),this.hasImage()?a("div",{class:"pds-radio__content-wrapper"},e()):e())}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;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__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)}'}},[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],_hasImage:[32]}]),b=h,m=function(){"undefined"!=typeof customElements&&["pds-radio","pds-icon"].forEach((e=>{switch(e){case"pds-radio":customElements.get(o(e))||customElements.define(o(e),h);break;case"pds-icon":customElements.get(o(e))||c()}}))};export{b as PdsRadio,m as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as r,h as a,Host as s,transformTag as o}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 c}from"./index2.js";import{d as p}from"./pds-icon2.js";const h=e(class extends i{constructor(e){super(),!1!==e&&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.handleRadioChange=e=>{if(this.disabled)return;const i=e.target.checked;this.el.closest("pds-radio-group")||this.pdsRadioChange.emit(i)}}hasImageSlot(){return!!this.el.querySelector('[slot="image"]')}hasImage(){return this._hasImage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),this.hasBorder&&e.push("has-border"),this.hasImage()&&e.push("has-image"),e.join(" ")}componentWillLoad(){this._hasImage=this.hasImageSlot()}connectedCallback(){this.hostKeeper.connect(this.el),n(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidRender(){const e=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((i=>{const r=i.querySelector('[slot="image"]');null!==r&&null!==e&&e.appendChild(r),i.remove()}))}render(){const e=()=>[a("label",{htmlFor:this.componentId,key:this.componentId+"-label"},a("input",{key:"ccd618855831bcee309e815f2cd2712fd4e8fe1f","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()?"visually-hidden":""}),a("span",{key:"2e372a880c28f48fb804bac2518208082c141fad",class:this.hideLabel?"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:"889d502575f6a162f450b6b58d76a6f6f1c74e4b",icon:c,size:"small"}),this.errorMessage)],i=this.classNames();return this.hostKeeper.record(i),a(s,{key:"374003032b28407581a55f1fb0a304c49acf3c16",class:i},this.hasImage()&&a("div",{key:"7eeb516267de1afcfa85fc7567999db488c2f4f5",class:"pds-radio__image-container",part:"image-container"},a("slot",{key:"a312fea06f0c015bffab3bb392ff04d4913fd1c0",name:"image",onSlotchange:()=>this._hasImage=this.hasImageSlot()})),this.hasImage()?a("div",{class:"pds-radio__content-wrapper"},e()):e())}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;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__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)}'}},[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],_hasImage:[32]}]),b=h,m=function(){"undefined"!=typeof customElements&&["pds-radio","pds-icon"].forEach((e=>{switch(e){case"pds-radio":customElements.get(o(e))||customElements.define(o(e),h);break;case"pds-icon":customElements.get(o(e))||p()}}))};export{b as PdsRadio,m as defineCustomElement}

package/components/pds-row.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as n,Host as a,transformTag as t}from"@stencil/core/internal/client";import{H as s}from"./attributes.js";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new s,this.border=!1,this.noWrap=!1,this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem","025":"var(--pine-dimension-025)","050":"var(--pine-dimension-050)",100:"var(--pine-dimension-100)",125:"var(--pine-dimension-125)",150:"var(--pine-dimension-150)",200:"var(--pine-dimension-200)",250:"var(--pine-dimension-250)",300:"var(--pine-dimension-300)",350:"var(--pine-dimension-350)",400:"var(--pine-dimension-400)",450:"var(--pine-dimension-450)",500:"var(--pine-dimension-500)",550:"var(--pine-dimension-550)",600:"var(--pine-dimension-600)",650:"var(--pine-dimension-650)",700:"var(--pine-dimension-700)",750:"var(--pine-dimension-750)",800:"var(--pine-dimension-800)"}}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}render(){const e=`\n    ${void 0!==this.alignItems&&""!==this.alignItems.trim()?"pds-align-items-"+this.alignItems:""}\n    ${this.border?"pds-row--border":""}\n    ${void 0!==this.justifyContent&&""!==this.justifyContent.trim()?"pds-justify-content-"+this.justifyContent:""}\n    ${this.noWrap?"pds-row--no-wrap":""}\n  `,i=Object.assign(Object.assign(Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":void 0!==this.colGap&&""!==this.colGap.trim()?this.colGapMap[this.colGap]:"","--row-gap-y":void 0!==this.colGap&&""!==this.colGap.trim()?this.colGapMap[this.colGap]:""}),this.colGapBlock&&{"--row-gap-y":void 0!==this.colGapBlock&&""!==this.colGapBlock.trim()?this.colGapMap[this.colGapBlock]:""}),this.colGapInline&&{"--row-gap-x":void 0!==this.colGapInline&&""!==this.colGapInline.trim()?this.colGapMap[this.colGapInline]:""}),this.minHeight&&{"min-height":this.minHeight});return this.hostKeeper.record("pds-row "+e,i),n(a,{key:"ee3a32ae1376919c7c2d1fcf186a1b7c272ee085",class:"pds-row "+e,style:i})}get el(){return this}static get style(){return":host{--row-gap-y:var(--pine-dimension-125);--row-gap-x:var(--pine-dimension-125);display:block;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -0.5);margin-inline-end:calc(var(--row-gap-x) * -0.5);-webkit-margin-start:calc(var(--row-gap-x) * -0.5);margin-inline-start:calc(var(--row-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -1);margin-inline-end:calc(var(--row-gap-x) * -1);-webkit-margin-start:calc(var(--row-gap-x) * -1);margin-inline-start:calc(var(--row-gap-x) * -1)}@layer layout{.pds-row>*{-webkit-padding-after:calc(var(--row-gap-y));padding-block-end:calc(var(--row-gap-y));-webkit-padding-before:calc(var(--row-gap-y));padding-block-start:calc(var(--row-gap-y));-webkit-padding-end:calc(var(--row-gap-x));padding-inline-end:calc(var(--row-gap-x));-webkit-padding-start:calc(var(--row-gap-x));padding-inline-start:calc(var(--row-gap-x))}}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}"}},[0,"pds-row",{alignItems:[1,"align-items"],border:[4],colGap:[1,"col-gap"],colGapBlock:[1,"col-gap-block"],colGapInline:[1,"col-gap-inline"],componentId:[1,"component-id"],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],noWrap:[4,"no-wrap"]}]),o=r,c=function(){"undefined"!=typeof customElements&&["pds-row"].forEach((e=>{"pds-row"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))};export{o as PdsRow,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,h as n,Host as a,transformTag as t}from"@stencil/core/internal/client";import{H as s}from"./attributes.js";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new s,this.border=!1,this.noWrap=!1,this.colGapMap={none:"0",xxs:".25rem",xs:".5rem",sm:"1rem",md:"1.5rem",lg:"2.25rem",xl:"3rem",xxl:"4rem","025":"var(--pine-dimension-025)","050":"var(--pine-dimension-050)",100:"var(--pine-dimension-100)",125:"var(--pine-dimension-125)",150:"var(--pine-dimension-150)",200:"var(--pine-dimension-200)",250:"var(--pine-dimension-250)",300:"var(--pine-dimension-300)",350:"var(--pine-dimension-350)",400:"var(--pine-dimension-400)",450:"var(--pine-dimension-450)",500:"var(--pine-dimension-500)",550:"var(--pine-dimension-550)",600:"var(--pine-dimension-600)",650:"var(--pine-dimension-650)",700:"var(--pine-dimension-700)",750:"var(--pine-dimension-750)",800:"var(--pine-dimension-800)"}}connectedCallback(){this.hostKeeper.connect(this.el)}disconnectedCallback(){this.hostKeeper.disconnect()}render(){const e=`\n    ${void 0!==this.alignItems&&""!==this.alignItems.trim()?"pds-align-items-"+this.alignItems:""}\n    ${this.border?"pds-row--border":""}\n    ${void 0!==this.justifyContent&&""!==this.justifyContent.trim()?"pds-justify-content-"+this.justifyContent:""}\n    ${this.noWrap?"pds-row--no-wrap":""}\n  `,i=Object.assign(Object.assign(Object.assign(Object.assign({},this.colGap&&{"--row-gap-x":void 0!==this.colGap&&""!==this.colGap.trim()?this.colGapMap[this.colGap]:"","--row-gap-y":void 0!==this.colGap&&""!==this.colGap.trim()?this.colGapMap[this.colGap]:""}),this.colGapBlock&&{"--row-gap-y":void 0!==this.colGapBlock&&""!==this.colGapBlock.trim()?this.colGapMap[this.colGapBlock]:""}),this.colGapInline&&{"--row-gap-x":void 0!==this.colGapInline&&""!==this.colGapInline.trim()?this.colGapMap[this.colGapInline]:""}),this.minHeight&&{"min-height":this.minHeight});return this.hostKeeper.record("pds-row "+e,i),n(a,{key:"78a505fef7132f9545916155d2485a6d2df8f4a5",class:"pds-row "+e,style:i})}get el(){return this}static get style(){return":host{--row-gap-y:var(--pine-dimension-125);--row-gap-x:var(--pine-dimension-125);display:block;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -0.5);margin-inline-end:calc(var(--row-gap-x) * -0.5);-webkit-margin-start:calc(var(--row-gap-x) * -0.5);margin-inline-start:calc(var(--row-gap-x) * -0.5)}.pds-row{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-margin-after:calc(var(--row-gap-y) * -1);margin-block-end:calc(var(--row-gap-y) * -1);-webkit-margin-before:calc(var(--row-gap-y) * -1);margin-block-start:calc(var(--row-gap-y) * -1);-webkit-margin-end:calc(var(--row-gap-x) * -1);margin-inline-end:calc(var(--row-gap-x) * -1);-webkit-margin-start:calc(var(--row-gap-x) * -1);margin-inline-start:calc(var(--row-gap-x) * -1)}@layer layout{.pds-row>*{-webkit-padding-after:calc(var(--row-gap-y));padding-block-end:calc(var(--row-gap-y));-webkit-padding-before:calc(var(--row-gap-y));padding-block-start:calc(var(--row-gap-y));-webkit-padding-end:calc(var(--row-gap-x));padding-inline-end:calc(var(--row-gap-x));-webkit-padding-start:calc(var(--row-gap-x));padding-inline-start:calc(var(--row-gap-x))}}.pds-row--no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pds-row--border{border:var(--pine-border)}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}"}},[0,"pds-row",{alignItems:[1,"align-items"],border:[4],colGap:[1,"col-gap"],colGapBlock:[1,"col-gap-block"],colGapInline:[1,"col-gap-inline"],componentId:[1,"component-id"],justifyContent:[1,"justify-content"],minHeight:[1,"min-height"],noWrap:[4,"no-wrap"]}]),o=r,c=function(){"undefined"!=typeof customElements&&["pds-row"].forEach((e=>{"pds-row"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))};export{o as PdsRow,c 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 as p,g as h}from"./index2.js";import{d as b}from"./pds-icon2.js";const m=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.hostKeeper=new o,this.disabled=!1,this.multiple=!1,this.required=!1,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=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}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))}disconnectedCallback(){this.hostKeeper.disconnect()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}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}))}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:p,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:"c99bfc000ad351298e154554a8b22635b1abb718",class:s},i),t("div",{key:"35374b150cbef745c6a6068ba5a2fde0803c0314",class:"pds-select"},!this.hideLabel&&t("div",{key:"a3b9bae451c5c384606790a29bf8ab5fc70427c0",class:"pds-select__label-wrapper"},t("label",{key:"80d7740a05a6d3cce6d51224169eb6c2501c4896",htmlFor:this.componentId},t("span",{key:"a51c02d7c84f75bb168889dab50cae807271c63d",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"11444dad795bd02c008252a60e701125861e4af0","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:"ce54fa1df287d96a7503bb19cd2ba6c74a6da638","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"22c55e78999076a37d43fb708dabc7379dd4cee3",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"45628074fbcdb259b8bba42299082423309a6968","aria-hidden":"true",class:"pds-select__select-icon",icon:h})))}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}]}]),g=m,u=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),m);break;case"pds-icon":customElements.get(a(e))||b()}}))};export{g as PdsSelect,u 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 as p,g as h}from"./index2.js";import{d as b}from"./pds-icon2.js";const m=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.hostKeeper=new o,this.disabled=!1,this.multiple=!1,this.required=!1,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=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}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))}disconnectedCallback(){this.hostKeeper.disconnect()}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}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}))}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:p,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:"343ed671e67dd1d6f9eb284b07e06d59877c64e9",class:s},i),t("div",{key:"650aed0869b02f658feb16ee99f17e1cd22e5a8e",class:"pds-select"},!this.hideLabel&&t("div",{key:"74739461acbea33c92279ec8ec9042d6af1773c1",class:"pds-select__label-wrapper"},t("label",{key:"1ad96ffd243000358edfbd79054ee770e1ba97d3",htmlFor:this.componentId},t("span",{key:"b832868db4f9cd4fd2f8313054d2e96e106189ab",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"e83c1a1a0a5646fc8abf9e50bc374f52b56be773","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:"a34880120b88124b5122350856d023368f96abf7","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"df6abaf6a630761a32b263813181ff3453757e0d",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"f9197284ef9965d693242a652b583f48bc3d7097","aria-hidden":"true",class:"pds-select__select-icon",icon:h})))}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}]}]),g=m,u=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),m);break;case"pds-icon":customElements.get(a(e))||b()}}))};export{g as PdsSelect,u 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 a}from"@stencil/core/internal/client";import{H as i}from"./attributes.js";import{i as o}from"./index2.js";import{d}from"./pds-icon2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new i,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:"3f9098a7c938bfa6443f08fb8b0a7c7217230890",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"77718a6867ddd8bc029bb3ef995f6ee9a5999ce7",class:"pds-sortable-item__handle"},t("pds-icon",{key:"aad7f46e776ece85858798f8f1a1a50c9022b84f","aria-hidden":"true",icon:o})),t("slot",{key:"afa9346ec8fd7aa6132a15dd44d3b1cae24500b9"}),this.enableActions&&t("div",{key:"c28c85391117542999c12d673879768394002c90",class:"pds-sortable-item__actions"},t("slot",{key:"88ab53f3ba4ed47715e31935b861d9ab42342b32",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(a(e))||customElements.define(a(e),n);break;case"pds-icon":customElements.get(a(e))||d()}}))};export{l as PdsSortableItem,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{H as i}from"./attributes.js";import{i as o}from"./index2.js";import{d}from"./pds-icon2.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.hostKeeper=new i,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:"2065ccb474ae4b7032edc3c37aa6855f3048909d",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"32385cc94837a3d0bc1c496615135c79274afe35",class:"pds-sortable-item__handle"},t("pds-icon",{key:"ea94e28b2867aa20622ca073dc31d3b4a11eebbb","aria-hidden":"true",icon:o})),t("slot",{key:"fb18aa90be0b8fa3832a5dd2b02a7b571205341f"}),this.enableActions&&t("div",{key:"4c6e59d77a7b2183552533a544f4a70ce0cc7011",class:"pds-sortable-item__actions"},t("slot",{key:"497b1ff88436175d9365a28032e109b6fa118e44",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(a(e))||customElements.define(a(e),n);break;case"pds-icon":customElements.get(a(e))||d()}}))};export{l as PdsSortableItem,b as defineCustomElement}

package/components/pds-sortable.js

@@ -4,4 +4,4 @@ import{proxyCustomElement as t,HTMLElement as n,createEvent as i,h as e,Host as
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function s(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 u(){return u=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},u.apply(null,arguments)}function l(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 c(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?l(Object(i),!0).forEach((function(n){s(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(i,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,i){t.addEventListener(n,i,!d&&w)}function E(t,n,i){t.removeEventListener(n,i,!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,i,e){if(t){i=i||document;do{if(null!=n&&(">"===n[0]?t.parentNode===i&&S(t,n):S(t,n))||e&&t===i)return t;if(t===i)break}while(t=x(t))}return null}var M,I=/\s+/g;function O(t,n,i){if(t&&n)if(t.classList)t.classList[i?"add":"remove"](n);else{var e=(" "+t.className+" ").replace(I," ").replace(" "+n+" "," ");t.className=(e+(i?" "+n:"")).replace(I," ")}}function D(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 C(t,n){var i="";if("string"==typeof t)i=t;else do{var e=D(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 _(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 k(){return document.scrollingElement||document.documentElement}function j(t,n,i,e,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||i)&&t!==window&&(o=o||t.parentNode,!d))do{if(o&&o.getBoundingClientRect&&("none"!==D(o,"transform")||i&&"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(e&&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,i){for(var e=H(t,!0),o=j(t)[n];e;){if(!(o>=j(e)[i]))return e;if(e===k())break;e=H(e,!1)}return!1}function z(t,n,i,e){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Lt.ghost&&(e||a[r]!==Lt.dragged)&&T(a[r],i.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function N(t,n){for(var i=t.lastElementChild;i&&(i===Lt.ghost||"none"===D(i,"display")||n&&!S(i,n));)i=i.previousElementSibling;return i||null}function P(t,n){var i=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Lt.clone||n&&!S(t,n)||i++;return i}function F(t){var n=0,i=0,e=k();if(t)do{var o=C(t);n+=t.scrollLeft*o.a,i+=t.scrollTop*o.d}while(t!==e&&(t=t.parentNode));return[n,i]}function H(t,n){if(!t||!t.getBoundingClientRect)return k();var i=t,e=!1;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){var o=D(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 k();if(e||n)return i;e=!0}}}while(i=i.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 i=arguments;1===i.length?t.call(this,i[0]):t.apply(this,i),M=setTimeout((function(){M=void 0}),n)}}}function L(t,n,i){t.scrollLeft+=n,t.scrollTop+=i}function R(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 W(t,n,i){var e={};return Array.from(t.children).forEach((function(o){var r,a,s,u;if(T(o,n.draggable,t,!1)&&!o.animated&&o!==i){var l=j(o);e.left=Math.min(null!==(r=e.left)&&void 0!==r?r:1/0,l.left),e.top=Math.min(null!==(a=e.top)&&void 0!==a?a:1/0,l.top),e.right=Math.max(null!==(s=e.right)&&void 0!==s?s:-1/0,l.right),e.bottom=Math.max(null!==(u=e.bottom)&&void 0!==u?u:-1/0,l.bottom)}})),e.width=e.right-e.left,e.height=e.bottom-e.top,e.x=e.left,e.y=e.top,e}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,i){var e=this;this.eventCanceled=!1,i.cancel=function(){e.eventCanceled=!0};var o=t+"Global";Y.forEach((function(e){n[e.pluginName]&&(n[e.pluginName][o]&&n[e.pluginName][o](c({sortable:n},i)),n.options[e.pluginName]&&n[e.pluginName][t]&&n[e.pluginName][t](c({sortable:n},i)))}))},initializePlugins:function(t,n,i){for(var e in Y.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,u(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 Y.forEach((function(e){"function"==typeof e.eventProperties&&u(i,e.eventProperties.call(n[e.pluginName],t))})),i},modifyOption:function(t,n,i){var e;return Y.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(e=o.optionListeners[n].call(t[o.pluginName],i))})),e}},Z=["evt"],$=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,Z);V.pluginEvent.bind(Lt)(t,n,c({dragEl:J,parentEl:K,ghostEl:Q,rootEl:tt,nextEl:nt,lastDownEl:it,cloneEl:et,cloneHidden:ot,dragStarted:bt,putSortable:ct,activeSortable:Lt.active,originalEvent:e,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:e})}},o))};function q(t){!function(t){var n=t.sortable,i=t.rootEl,e=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||i&&i[X]){var g,w=n.options,y="on"+e.charAt(0).toUpperCase()+e.substr(1);!window.CustomEvent||d||v?(g=document.createEvent("Event")).initEvent(e,!0,!0):g=new CustomEvent(e,{bubbles:!0,cancelable:!0}),g.to=a||i,g.from=s||i,g.item=o||i,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(e,n));for(var S in E)g[S]=E[S];i&&i.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(c({putSortable:ct,cloneEl:et,targetEl:J,rootEl:tt,oldIndex:rt,oldDraggableIndex:st,newIndex:at,newDraggableIndex:ut},t))}var J,K,Q,tt,nt,it,et,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 i=D(t),e=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.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"===i.display?"column"===i.flexDirection||"column-reverse"===i.flexDirection?"vertical":"horizontal":"grid"===i.display?i.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>=e&&"none"===i[jt]||r&&"none"===i[jt]&&u+l>e)?"vertical":"horizontal"},Pt=function(t){function n(t,i){return function(e,o,r,a){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,a),i)(e,o,r,a);var s=(i?e:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var i={},e=t.group;e&&"object"==f(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},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 i;return Tt.some((function(e){var o=e[X].options.emptyInsertThreshold;if(o&&!N(e)){var r=j(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[X]._onDragOver(i)}}},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 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!==Lt.supportPointer&&"PointerEvent"in window&&(!p||b),emptyInsertThreshold:5};for(var e in V.initializePlugins(this,t,i),i)!(e in n)&&(n[e]=i[e]);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 i=c({},n[n.length-1].rect);if(t.thisAnimationDuration){var e=C(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,a=i.fromRect,s=j(i),u=i.prevFromRect,l=i.prevToRect,c=t.rect,f=C(i,!0);f&&(s.top-=f.f,s.left-=f.e),i.toRect=s,i.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,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}(c,u,l,e.options)),B(s,a)||(i.prevFromRect=a,i.prevToRect=s,n||(n=e.options.animation),e.animate(i,c,s,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){D(t,"transition",""),D(t,"transform","");var o=C(this.el),r=(n.left-i.left)/(o&&o.a||1),a=(n.top-i.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 "+e+"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}),e)}}}}())}function Rt(t,n,i,e,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=i,u.draggedRect=e,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,i=n.length,e=0;i--;)e+=n.charCodeAt(i);return e.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,i=this.el,e=this.options,o=e.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=e.filter;if(function(t){Ct.length=0;for(var n=t.getElementsByTagName("input"),i=n.length;i--;){var e=n[i];e.checked&&Ct.push(e)}}(i),!J&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||e.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!p||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=T(s,e.draggable,i,!1))&&s.animated||it===s)){if(rt=P(s),st=P(s,e.draggable),"function"==typeof l){if(l.call(this,t,s,this))return q({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:i,fromEl:i}),$("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(e){if(e=T(u,e.trim(),i,!1))return q({sortable:n,rootEl:e,name:"filter",targetEl:s,fromEl:i,toEl:i}),$("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());e.handle&&!T(u,e.handle,i,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,i){var e,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(i&&!J&&i.parentNode===r){var u=j(i);if(tt=r,K=(J=i).parentNode,nt=J.nextSibling,it=i,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",e=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))e();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(e,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 i=this.options;!t&&O(J,i.dragClass,!1),O(J,i.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,i=n.fallbackTolerance,e=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+e.x)/(a||1)+(u?u[0]-Ot[0]:0)/(a||1),c=(o.clientY-ft.clientY+e.y)/(s||1)+(u?u[1]-Ot[1]:0)/(s||1);if(!Lt.active&&!St){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i)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),i=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),i.ghostClass,!1),O(Q,i.fallbackClass,!0),O(Q,i.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 i=this,e=t.dataTransfer,o=i.options;$("dragStart",this,{evt:t}),Lt.eventCanceled?this._onDrop():($("setupClone",this),Lt.eventCanceled||((et=R(J)).removeAttribute("id"),et.draggable=!1,et.style["will-change"]="",this._hideClone(),O(et,this.options.chosenClass,!1),Lt.clone=et),i.cloneId=Ut((function(){$("clone",i),Lt.eventCanceled||(i.options.removeCloneOnHide||tt.insertBefore(et,J),i._hideClone(),q({sortable:i,name:"clone"}))})),!n&&O(J,o.dragClass,!0),n?(xt=!0,i._loopId=setInterval(i._emulateDragOver,50)):(E(document,"mouseup",i._onDrop),E(document,"touchend",i._onDrop),E(document,"touchcancel",i._onDrop),e&&(e.effectAllowed="move",o.setData&&o.setData.call(i,e,J)),y(document,"drop",i),D(J,"transform","translateZ(0)")),St=!0,i._dragStartId=Ut(i._dragStarted.bind(i,n,t)),y(document,"selectstart",i),bt=!0,window.getSelection().removeAllRanges(),p&&D(document.body,"user-select","none"))},_onDragOver:function(t){var n,i,e,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||(e=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(e)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,i){var e=j(N(i.el,i.options.draggable)),o=W(i.el,i.options,Q);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===J)return G(!1);if(p&&r===t.target&&(a=p),a&&(i=j(a)),!1!==Rt(tt,r,J,n,a,i,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,i){var e=j(z(i.el,0,i.options,!0)),o=W(i.el,i.options,Q);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=z(r,0,s,!0);if(b===J)return G(!1);if(i=j(a=b),!1!==Rt(tt,r,J,n,a,i,t,!1))return B(),r.insertBefore(J,b),K=r,R(),G(!0)}else if(a.parentNode===r){i=j(a);var g,w,y,E=J.parentNode!==r,S=!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}(J.animated&&J.toRect||n,a.animated&&a.toRect||i,o),x=o?"top":"left",M=A(a,"top","top")||A(J,"top","top"),I=M?M.scrollTop:void 0;if(gt!==a&&(w=i[x],Mt=!1,It=!S&&s.invertSwap||E),g=function(t,n,i,e,o,r,a,s){var u=e?t.clientY:t.clientX,l=e?i.height:i.width,c=e?i.top:i.left,f=e?i.bottom:i.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,i,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,i,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:e,dragRect:n,targetRect:i,canSort:h,fromSortable:d,target:a,completed:G,onMove:function(i,e){return Rt(tt,r,J,n,i,j(i),t,e)},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,i=this.options;at=P(J),ut=P(J,i.draggable),$("drop",this,{evt:t}),K=J&&J.parentNode,at=P(J),ut=P(J,i.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(),!i.dropBubble&&t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(tt===K||ct&&"clone"!==ct.lastPutMode)&&et&&et.parentNode&&et.parentNode.removeChild(et),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=et=it=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=[],i=this.el.children,e=0,o=i.length,r=this.options;e<o;e++)T(t=i[e],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Yt(t));return n},sort:function(t,n){var i={},e=this.el;this.toArray().forEach((function(t,n){var o=e.children[n];T(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 T(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=V.modifyOption(this,t,n);i[t]=void 0!==e?e:n,"group"===t&&Pt(i)},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(et,"display","none"),this.options.removeCloneOnHide&&et.parentNode&&et.parentNode.removeChild(et),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(et,nt):tt.appendChild(et):tt.insertBefore(et,J),this.options.group.revertClone&&this.animate(J,et),D(et,"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 i in n)n.hasOwnProperty(i)&&(t[i]=n[i]);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),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&&(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,i,e){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!==i&&($t=i,en(),o=n.scrollFn,!0===(Zt=n.scroll)&&(Zt=H(i,!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(){e&&0===this.layer&&Lt.active._onTouchMove(Kt);var n=tn[this.layer].vy?tn[this.layer].vy*u:0,i=tn[this.layer].vx?tn[this.layer].vx*u:0;"function"==typeof o&&"continue"!==o.call(Lt.dragged.parentNode[X],i,n,t,Kt,tn[this.layer].el)||L(tn[this.layer].el,i,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,i=t.putSortable,e=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=i||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:e,putSortable:i}))}};function sn(){}function un(){}sn.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=z(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:an},u(sn,{pluginName:"revertOnSpill"}),un.prototype={onSpill:function(t){var n=t.dragEl,i=t.putSortable||this.sortable;i.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),i.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 i=this,e=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,o);if(Kt=t,n||this.options.forceAutoScrollFallback||v||d||p){rn(t,this.options,r,n);var a=H(r,!0);!nn||Qt&&e===qt&&o===Jt||(Qt&&on(),Qt=setInterval((function(){var r=H(document.elementFromPoint(e,o),!0);r!==a&&(a=r,en()),rn(t,i.options,r,n)}),10),qt=e,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=i(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),e(o,{key:"fb6e9a79babf01980c04ee7208d195510493a7dc",class:t,id:this.componentId},e("slot",{key:"5735ca3af531a736f07d1fafde8ae544d00a75bb"}))}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 s(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 u(){return u=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},u.apply(null,arguments)}function l(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 c(t){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?l(Object(i),!0).forEach((function(n){s(t,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(i,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,i){t.addEventListener(n,i,!d&&w)}function E(t,n,i){t.removeEventListener(n,i,!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,i,e){if(t){i=i||document;do{if(null!=n&&(">"===n[0]?t.parentNode===i&&S(t,n):S(t,n))||e&&t===i)return t;if(t===i)break}while(t=x(t))}return null}var M,I=/\s+/g;function O(t,n,i){if(t&&n)if(t.classList)t.classList[i?"add":"remove"](n);else{var e=(" "+t.className+" ").replace(I," ").replace(" "+n+" "," ");t.className=(e+(i?" "+n:"")).replace(I," ")}}function D(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 C(t,n){var i="";if("string"==typeof t)i=t;else do{var e=D(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 _(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 k(){return document.scrollingElement||document.documentElement}function j(t,n,i,e,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||i)&&t!==window&&(o=o||t.parentNode,!d))do{if(o&&o.getBoundingClientRect&&("none"!==D(o,"transform")||i&&"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(e&&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,i){for(var e=H(t,!0),o=j(t)[n];e;){if(!(o>=j(e)[i]))return e;if(e===k())break;e=H(e,!1)}return!1}function z(t,n,i,e){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Lt.ghost&&(e||a[r]!==Lt.dragged)&&T(a[r],i.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function N(t,n){for(var i=t.lastElementChild;i&&(i===Lt.ghost||"none"===D(i,"display")||n&&!S(i,n));)i=i.previousElementSibling;return i||null}function P(t,n){var i=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Lt.clone||n&&!S(t,n)||i++;return i}function F(t){var n=0,i=0,e=k();if(t)do{var o=C(t);n+=t.scrollLeft*o.a,i+=t.scrollTop*o.d}while(t!==e&&(t=t.parentNode));return[n,i]}function H(t,n){if(!t||!t.getBoundingClientRect)return k();var i=t,e=!1;do{if(i.clientWidth<i.scrollWidth||i.clientHeight<i.scrollHeight){var o=D(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 k();if(e||n)return i;e=!0}}}while(i=i.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 i=arguments;1===i.length?t.call(this,i[0]):t.apply(this,i),M=setTimeout((function(){M=void 0}),n)}}}function L(t,n,i){t.scrollLeft+=n,t.scrollTop+=i}function R(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 W(t,n,i){var e={};return Array.from(t.children).forEach((function(o){var r,a,s,u;if(T(o,n.draggable,t,!1)&&!o.animated&&o!==i){var l=j(o);e.left=Math.min(null!==(r=e.left)&&void 0!==r?r:1/0,l.left),e.top=Math.min(null!==(a=e.top)&&void 0!==a?a:1/0,l.top),e.right=Math.max(null!==(s=e.right)&&void 0!==s?s:-1/0,l.right),e.bottom=Math.max(null!==(u=e.bottom)&&void 0!==u?u:-1/0,l.bottom)}})),e.width=e.right-e.left,e.height=e.bottom-e.top,e.x=e.left,e.y=e.top,e}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,i){var e=this;this.eventCanceled=!1,i.cancel=function(){e.eventCanceled=!0};var o=t+"Global";Y.forEach((function(e){n[e.pluginName]&&(n[e.pluginName][o]&&n[e.pluginName][o](c({sortable:n},i)),n.options[e.pluginName]&&n[e.pluginName][t]&&n[e.pluginName][t](c({sortable:n},i)))}))},initializePlugins:function(t,n,i){for(var e in Y.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,u(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 Y.forEach((function(e){"function"==typeof e.eventProperties&&u(i,e.eventProperties.call(n[e.pluginName],t))})),i},modifyOption:function(t,n,i){var e;return Y.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(e=o.optionListeners[n].call(t[o.pluginName],i))})),e}},Z=["evt"],$=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,Z);V.pluginEvent.bind(Lt)(t,n,c({dragEl:J,parentEl:K,ghostEl:Q,rootEl:tt,nextEl:nt,lastDownEl:it,cloneEl:et,cloneHidden:ot,dragStarted:bt,putSortable:ct,activeSortable:Lt.active,originalEvent:e,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:e})}},o))};function q(t){!function(t){var n=t.sortable,i=t.rootEl,e=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||i&&i[X]){var g,w=n.options,y="on"+e.charAt(0).toUpperCase()+e.substr(1);!window.CustomEvent||d||v?(g=document.createEvent("Event")).initEvent(e,!0,!0):g=new CustomEvent(e,{bubbles:!0,cancelable:!0}),g.to=a||i,g.from=s||i,g.item=o||i,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(e,n));for(var S in E)g[S]=E[S];i&&i.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(c({putSortable:ct,cloneEl:et,targetEl:J,rootEl:tt,oldIndex:rt,oldDraggableIndex:st,newIndex:at,newDraggableIndex:ut},t))}var J,K,Q,tt,nt,it,et,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 i=D(t),e=parseInt(i.width)-parseInt(i.paddingLeft)-parseInt(i.paddingRight)-parseInt(i.borderLeftWidth)-parseInt(i.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"===i.display?"column"===i.flexDirection||"column-reverse"===i.flexDirection?"vertical":"horizontal":"grid"===i.display?i.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>=e&&"none"===i[jt]||r&&"none"===i[jt]&&u+l>e)?"vertical":"horizontal"},Pt=function(t){function n(t,i){return function(e,o,r,a){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,a),i)(e,o,r,a);var s=(i?e:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var i={},e=t.group;e&&"object"==f(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},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 i;return Tt.some((function(e){var o=e[X].options.emptyInsertThreshold;if(o&&!N(e)){var r=j(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[X]._onDragOver(i)}}},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 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!==Lt.supportPointer&&"PointerEvent"in window&&(!p||b),emptyInsertThreshold:5};for(var e in V.initializePlugins(this,t,i),i)!(e in n)&&(n[e]=i[e]);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 i=c({},n[n.length-1].rect);if(t.thisAnimationDuration){var e=C(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,a=i.fromRect,s=j(i),u=i.prevFromRect,l=i.prevToRect,c=t.rect,f=C(i,!0);f&&(s.top-=f.f,s.left-=f.e),i.toRect=s,i.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,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}(c,u,l,e.options)),B(s,a)||(i.prevFromRect=a,i.prevToRect=s,n||(n=e.options.animation),e.animate(i,c,s,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){D(t,"transition",""),D(t,"transform","");var o=C(this.el),r=(n.left-i.left)/(o&&o.a||1),a=(n.top-i.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 "+e+"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}),e)}}}}())}function Rt(t,n,i,e,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=i,u.draggedRect=e,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,i=n.length,e=0;i--;)e+=n.charCodeAt(i);return e.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,i=this.el,e=this.options,o=e.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=e.filter;if(function(t){Ct.length=0;for(var n=t.getElementsByTagName("input"),i=n.length;i--;){var e=n[i];e.checked&&Ct.push(e)}}(i),!J&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||e.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!p||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=T(s,e.draggable,i,!1))&&s.animated||it===s)){if(rt=P(s),st=P(s,e.draggable),"function"==typeof l){if(l.call(this,t,s,this))return q({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:i,fromEl:i}),$("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(e){if(e=T(u,e.trim(),i,!1))return q({sortable:n,rootEl:e,name:"filter",targetEl:s,fromEl:i,toEl:i}),$("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());e.handle&&!T(u,e.handle,i,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,i){var e,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(i&&!J&&i.parentNode===r){var u=j(i);if(tt=r,K=(J=i).parentNode,nt=J.nextSibling,it=i,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",e=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))e();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(e,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 i=this.options;!t&&O(J,i.dragClass,!1),O(J,i.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,i=n.fallbackTolerance,e=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+e.x)/(a||1)+(u?u[0]-Ot[0]:0)/(a||1),c=(o.clientY-ft.clientY+e.y)/(s||1)+(u?u[1]-Ot[1]:0)/(s||1);if(!Lt.active&&!St){if(i&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<i)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),i=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),i.ghostClass,!1),O(Q,i.fallbackClass,!0),O(Q,i.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 i=this,e=t.dataTransfer,o=i.options;$("dragStart",this,{evt:t}),Lt.eventCanceled?this._onDrop():($("setupClone",this),Lt.eventCanceled||((et=R(J)).removeAttribute("id"),et.draggable=!1,et.style["will-change"]="",this._hideClone(),O(et,this.options.chosenClass,!1),Lt.clone=et),i.cloneId=Ut((function(){$("clone",i),Lt.eventCanceled||(i.options.removeCloneOnHide||tt.insertBefore(et,J),i._hideClone(),q({sortable:i,name:"clone"}))})),!n&&O(J,o.dragClass,!0),n?(xt=!0,i._loopId=setInterval(i._emulateDragOver,50)):(E(document,"mouseup",i._onDrop),E(document,"touchend",i._onDrop),E(document,"touchcancel",i._onDrop),e&&(e.effectAllowed="move",o.setData&&o.setData.call(i,e,J)),y(document,"drop",i),D(J,"transform","translateZ(0)")),St=!0,i._dragStartId=Ut(i._dragStarted.bind(i,n,t)),y(document,"selectstart",i),bt=!0,window.getSelection().removeAllRanges(),p&&D(document.body,"user-select","none"))},_onDragOver:function(t){var n,i,e,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||(e=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(e)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,i){var e=j(N(i.el,i.options.draggable)),o=W(i.el,i.options,Q);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===J)return G(!1);if(p&&r===t.target&&(a=p),a&&(i=j(a)),!1!==Rt(tt,r,J,n,a,i,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,i){var e=j(z(i.el,0,i.options,!0)),o=W(i.el,i.options,Q);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=z(r,0,s,!0);if(b===J)return G(!1);if(i=j(a=b),!1!==Rt(tt,r,J,n,a,i,t,!1))return B(),r.insertBefore(J,b),K=r,R(),G(!0)}else if(a.parentNode===r){i=j(a);var g,w,y,E=J.parentNode!==r,S=!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}(J.animated&&J.toRect||n,a.animated&&a.toRect||i,o),x=o?"top":"left",M=A(a,"top","top")||A(J,"top","top"),I=M?M.scrollTop:void 0;if(gt!==a&&(w=i[x],Mt=!1,It=!S&&s.invertSwap||E),g=function(t,n,i,e,o,r,a,s){var u=e?t.clientY:t.clientX,l=e?i.height:i.width,c=e?i.top:i.left,f=e?i.bottom:i.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,i,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,i,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:e,dragRect:n,targetRect:i,canSort:h,fromSortable:d,target:a,completed:G,onMove:function(i,e){return Rt(tt,r,J,n,i,j(i),t,e)},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,i=this.options;at=P(J),ut=P(J,i.draggable),$("drop",this,{evt:t}),K=J&&J.parentNode,at=P(J),ut=P(J,i.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(),!i.dropBubble&&t.stopPropagation()),Q&&Q.parentNode&&Q.parentNode.removeChild(Q),(tt===K||ct&&"clone"!==ct.lastPutMode)&&et&&et.parentNode&&et.parentNode.removeChild(et),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=et=it=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=[],i=this.el.children,e=0,o=i.length,r=this.options;e<o;e++)T(t=i[e],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Yt(t));return n},sort:function(t,n){var i={},e=this.el;this.toArray().forEach((function(t,n){var o=e.children[n];T(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 T(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=V.modifyOption(this,t,n);i[t]=void 0!==e?e:n,"group"===t&&Pt(i)},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(et,"display","none"),this.options.removeCloneOnHide&&et.parentNode&&et.parentNode.removeChild(et),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(et,nt):tt.appendChild(et):tt.insertBefore(et,J),this.options.group.revertClone&&this.animate(J,et),D(et,"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 i in n)n.hasOwnProperty(i)&&(t[i]=n[i]);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),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&&(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,i,e){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!==i&&($t=i,en(),o=n.scrollFn,!0===(Zt=n.scroll)&&(Zt=H(i,!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(){e&&0===this.layer&&Lt.active._onTouchMove(Kt);var n=tn[this.layer].vy?tn[this.layer].vy*u:0,i=tn[this.layer].vx?tn[this.layer].vx*u:0;"function"==typeof o&&"continue"!==o.call(Lt.dragged.parentNode[X],i,n,t,Kt,tn[this.layer].el)||L(tn[this.layer].el,i,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,i=t.putSortable,e=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=i||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:e,putSortable:i}))}};function sn(){}function un(){}sn.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=z(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:an},u(sn,{pluginName:"revertOnSpill"}),un.prototype={onSpill:function(t){var n=t.dragEl,i=t.putSortable||this.sortable;i.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),i.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 i=this,e=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,o);if(Kt=t,n||this.options.forceAutoScrollFallback||v||d||p){rn(t,this.options,r,n);var a=H(r,!0);!nn||Qt&&e===qt&&o===Jt||(Qt&&on(),Qt=setInterval((function(){var r=H(document.elementFromPoint(e,o),!0);r!==a&&(a=r,en()),rn(t,i.options,r,n)}),10),qt=e,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=i(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),e(o,{key:"a0e532d31561748b4632a6be9163562f990af804",class:t,id:this.componentId},e("slot",{key:"d1b0defb683f841e6708374fff4bf62eb7fd5080"}))}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}

package/components/pds-switch.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as a,i as o,a as l,m as c}from"./form.js";import{h as d}from"./index2.js";import{H as h,i as p}from"./attributes.js";import{d as b}from"./pds-icon2.js";const m=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.hostKeeper=new h,this.hasLabelSlot=!1,this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=i=>{this.disabled||(this.checked=i.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(i))},this.switchClassNames=()=>{let i="pds-switch";return!0===this.invalid&&(i+=" pds-switch--error"),void 0!==this.helperMessage&&(i+=" pds-switch--message"),this.hasLabelSlot&&(i+=" pds-switch--label-slot"),i},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((i=>"label"===i.getAttribute("slot")))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),a(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(i){if(i instanceof FormData){const e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else"string"==typeof i&&(this.checked=i===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el)),this.updateHasLabelSlot()}render(){const i=this.switchClassNames(),e=this.disabled?"true":null;return this.hostKeeper.record(i,{},{"aria-disabled":e}),t(r,{key:"6d4b51307f2619a99981e344f782f69871aabf0f",class:i,"aria-disabled":e},t("label",{key:"068ef3759e2bc3d9870cff36714de0e9cf558b2b",htmlFor:this.componentId},t("input",Object.assign({key:"aa28fb67332bb2d81c09b6c749c1cb0f079e327f","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"d237980a9ce2abc04d57085df022f28dfa2768e4",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"83d0e2110cfdcd3208319302af237178dfd419a4",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"137d9e5626b34ade33f68c4c24c3dcb154500dc6",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"64c3b8884d0568e26953f67a95d045aa5731c41f",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"f99f8045eb33d0c60518f3b4c6a0183170a50f4a",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return':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{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.pds-switch--error label{color:inherit}.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}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'}},[321,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1],hasLabelSlot:[32]},void 0,{checked:[{checkedChanged:0}]}]),g=m,u=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((i=>{switch(i){case"pds-switch":customElements.get(n(i))||customElements.define(n(i),m);break;case"pds-icon":customElements.get(n(i))||b()}}))};export{g as PdsSwitch,u as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as a,i as o,a as l,m as c}from"./form.js";import{h as d}from"./index2.js";import{H as h,i as p}from"./attributes.js";import{d as b}from"./pds-icon2.js";const m=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.hostKeeper=new h,this.hasLabelSlot=!1,this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=i=>{this.disabled||(this.checked=i.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(i))},this.switchClassNames=()=>{let i="pds-switch";return!0===this.invalid&&(i+=" pds-switch--error"),void 0!==this.helperMessage&&(i+=" pds-switch--message"),this.hasLabelSlot&&(i+=" pds-switch--label-slot"),i},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((i=>"label"===i.getAttribute("slot")))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),a(this.el,(()=>this._type))}disconnectedCallback(){this.hostKeeper.disconnect()}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(i){if(i instanceof FormData){const e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else"string"==typeof i&&(this.checked=i===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el)),this.updateHasLabelSlot()}render(){const i=this.switchClassNames(),e=this.disabled?"true":null;return this.hostKeeper.record(i,{},{"aria-disabled":e}),t(r,{key:"ee8576e523348ff9eed1b6087626849bb0966608",class:i,"aria-disabled":e},t("label",{key:"09433b5356d718be65f4f2eb61f35fff1d000e10",htmlFor:this.componentId},t("input",Object.assign({key:"f996a0fad56119674cfb7d95e1444bf411b64396","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"4b23305d3cc0f5b37b23c6b79a14cfba57c16816",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"258b5ccf0d4b01518df3a37772d694cb37569ffa",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"c8196fa2ce832de3a8c6d987a78fd65d791c4c59",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"948894dd2e642689af6cad545a0b31f7c4711d87",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"d4b72b49bfd38a396b8f7c0686e1b2ef92d65491",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return':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{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}:host(.pds-switch--label-slot) label{-ms-flex-align:center;align-items:center}.pds-switch--error label{color:inherit}.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}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'}},[321,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1],hasLabelSlot:[32]},void 0,{checked:[{checkedChanged:0}]}]),g=m,u=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((i=>{switch(i){case"pds-switch":customElements.get(n(i))||customElements.define(n(i),m);break;case"pds-icon":customElements.get(n(i))||b()}}))};export{g as PdsSwitch,u as defineCustomElement}