@pine-ds/core 4.12.0 → 5.0.0

package/components/pds-sortable.js

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

package/components/pds-switch.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{e as n,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{r as b}from"./aria-references.js";import{d as u}from"./pds-icon2.js";const m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.forwardsDescription=!1,this.hostKeeper=new h,this.hasLabelSlot=!1,this.fieldsetDisabled=!1,this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.isDisabled()||(this.checked=e.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(e))},this.switchClassNames=()=>{let e="pds-switch";return!0===this.invalid&&(e+=" pds-switch--error"),void 0!==this.helperMessage&&(e+=" pds-switch--message"),this.hasLabelSlot&&(e+=" pds-switch--label-slot"),e},this.forwardDescription=()=>{var e;const i=this.inputEl;if(void 0===i||!("ariaDescribedByElements"in i))return;const s=this.ownDescriptionId(),t=b(this.el,"aria-describedby");if(0===t.length){if(!this.forwardsDescription)return;return this.forwardsDescription=!1,void(void 0!==s?i.setAttribute("aria-describedby",s):i.removeAttribute("aria-describedby"))}const r=void 0===s?null:null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById(s);i.ariaDescribedByElements=null==r?t:[...t,r],this.forwardsDescription=!0},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}isDisabled(){return this.disabled||this.fieldsetDisabled}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type)),this.forwardDescription(),"undefined"!=typeof MutationObserver&&(this.hostDescriptionObserver=new MutationObserver(this.forwardDescription),this.hostDescriptionObserver.observe(this.el,{attributeFilter:["aria-describedby"]}))}disconnectedCallback(){var e;this.hostKeeper.disconnect(),null===(e=this.hostDescriptionObserver)||void 0===e||e.disconnect(),this.hostDescriptionObserver=void 0}componentDidRender(){this.forwardDescription()}componentDidLoad(){this.updateFormValue()}syncFormValue(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.formValue(),this.checkedValue()),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formValue(){return this.isDisabled()?null:this.checkedValue()}checkedValue(){var e;return this.checked?this.value||"on":null!==(e=this.uncheckedValue)&&void 0!==e?e:null}ownDescriptionId(){return l(this.componentId,this.invalid,this.helperMessage,this.errorMessage)}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}formDisabledCallback(e){this.fieldsetDisabled=e&&null!==this.el.closest("fieldset[disabled]")}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el,["aria-describedby"])),this.updateHasLabelSlot()}render(){const e=this.switchClassNames(),i=this.isDisabled()?"true":null;return this.hostKeeper.record(e,{},{"aria-disabled":i}),t(r,{key:"e5100ae3ecfac3bb556582507cc628b2455ae6cc",class:e,"aria-disabled":i},t("label",{key:"c337b8c4dc381c3a745100c707792c11711c01a1",htmlFor:this.componentId},t("input",Object.assign({key:"f18ae27e7c91ef4d54b0192a04130420b991c9ff","aria-describedby":this.ownDescriptionId(),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.isDisabled(),id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,onFocus:this.forwardDescription,ref:e=>this.inputEl=e,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"4bddfc080db7fee6fa8080e890918757dacde3fb",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"c9302409719113e12f6debb426c78dd0caaee88a",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"60785b9779cb2d50e6f0f2b32179106256f55ebf",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"9b258e9302c5ef959e8c06bee780d7d43144359b",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"f8df779a8c65a6f0b6ea139ff3c31cca76eb48fa","aria-hidden":"true",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue: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:[513],required:[4],value:[1],uncheckedValue:[1,"unchecked-value"],hasLabelSlot:[32],fieldsetDisabled:[32]},void 0,{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue:0}]}]),v=m,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(a(e))||customElements.define(a(e),m);break;case"pds-icon":customElements.get(a(e))||u()}}))};export{v as PdsSwitch,g as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{e as n,i as o,a as l,m as d}from"./form.js";import{h as c}from"./index2.js";import{H as h,i as p}from"./attributes.js";import{r as b}from"./aria-references.js";import{d as u}from"./pds-icon2.js";const m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.forwardsDescription=!1,this.hostKeeper=new h,this.hasLabelSlot=!1,this.fieldsetDisabled=!1,this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.isDisabled()||(this.checked=e.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(e))},this.switchClassNames=()=>{let e="pds-switch";return!0===this.invalid&&(e+=" pds-switch--error"),void 0!==this.helperMessage&&(e+=" pds-switch--message"),this.hasLabelSlot&&(e+=" pds-switch--label-slot"),e},this.forwardDescription=()=>{var e;const i=this.inputEl;if(void 0===i||!("ariaDescribedByElements"in i))return;const s=this.ownDescriptionId(),t=b(this.el,"aria-describedby");if(0===t.length){if(!this.forwardsDescription)return;return this.forwardsDescription=!1,void(void 0!==s?i.setAttribute("aria-describedby",s):i.removeAttribute("aria-describedby"))}const r=void 0===s?null:null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById(s);i.ariaDescribedByElements=null==r?t:[...t,r],this.forwardsDescription=!0},this.updateHasLabelSlot=()=>{this.hasLabelSlot=Array.from(this.el.children).some((e=>"label"===e.getAttribute("slot")))}}isDisabled(){return this.disabled||this.fieldsetDisabled}connectedCallback(){this.hostKeeper.connect(this.el),this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),n(this.el,(()=>this._type)),this.forwardDescription(),"undefined"!=typeof MutationObserver&&(this.hostDescriptionObserver=new MutationObserver(this.forwardDescription),this.hostDescriptionObserver.observe(this.el,{attributeFilter:["aria-describedby"]}))}disconnectedCallback(){var e;this.hostKeeper.disconnect(),null===(e=this.hostDescriptionObserver)||void 0===e||e.disconnect(),this.hostDescriptionObserver=void 0}componentDidRender(){this.forwardDescription()}componentDidLoad(){this.updateFormValue()}syncFormValue(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.formValue(),this.checkedValue()),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formValue(){return this.isDisabled()?null:this.checkedValue()}checkedValue(){var e;return this.checked?this.value||"on":null!==(e=this.uncheckedValue)&&void 0!==e?e:null}ownDescriptionId(){return l(this.componentId,this.invalid,this.helperMessage,this.errorMessage)}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}formDisabledCallback(e){this.fieldsetDisabled=e&&null!==this.el.closest("fieldset[disabled]")}componentWillLoad(){this.inheritedAttributes=Object.assign({},p(this.el,["aria-describedby"])),this.updateHasLabelSlot()}render(){const e=this.switchClassNames(),i=this.isDisabled()?"true":null;return this.hostKeeper.record(e,{},{"aria-disabled":i}),t(r,{key:"4c6f12c064caead89979cc4aa0ef25c4581381c3",class:e,"aria-disabled":i},t("label",{key:"c97164a6d6318be6cbcc026373e3d5c0a9316d56",htmlFor:this.componentId},t("input",Object.assign({key:"dfaf7408c3fbbed38bd0732ff156e53f57235100","aria-describedby":this.ownDescriptionId(),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.isDisabled(),id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,onFocus:this.forwardDescription,ref:e=>this.inputEl=e,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"5e621fa2881bb2d1eddd3dcbc33173f3cf49bd93",class:this.hideLabel?"visually-hidden":""},t("slot",{key:"ef682ce320b8d9f2897676af97e0b4d55c55358a",name:"label",onSlotchange:this.updateHasLabelSlot}),!this.hasLabelSlot&&this.label)),this.helperMessage&&t("div",{key:"145da644abc8829de20ca6f9c4532f5341dec441",class:"pds-switch__message",id:d(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"7766e34f6daaf760d78aec6f08b64f0de15deb4c",class:"pds-switch__message pds-switch__message--error",id:d(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"74dfd91aabf60608e8278ef84119466a2143ffc7","aria-hidden":"true",icon:c,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue: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:[513],required:[4],value:[1],uncheckedValue:[1,"unchecked-value"],hasLabelSlot:[32],fieldsetDisabled:[32]},void 0,{checked:[{syncFormValue:0}],disabled:[{syncFormValue:0}],fieldsetDisabled:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],value:[{syncFormValue:0}]}]),v=m,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(a(e))||customElements.define(a(e),m);break;case"pds-icon":customElements.get(a(e))||u()}}))};export{v as PdsSwitch,g as defineCustomElement}

package/components/pds-table.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,forceUpdate as s,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";import{g as a}from"./scroll.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=e(this,"pdsTableSelectAll",7),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this._fixedLayoutResizeObserver=null,this._fixedLayoutHandleResize=null,this._fixedLayoutMutationObserver=null,this._pendingColumnWidthsRecalc=!1,this.hasLoaded=!1,this.disableSelectAll=!1,this.rowDividers=!1,this.tableLayout="auto",this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc",this._pendingFixedLayoutInputsSync=!1,this.recalcAutoColumnWidths=()=>{var t,i,e,s,o,r;if("fixed"!==this.tableLayout||!this.responsive)return;const l=Array.from(this.el.querySelectorAll("pds-table-head-cell")),a=[];let n=0;for(const t of l)t.getAttribute("width")?n+=t.getBoundingClientRect().width:a.push(t);if(0===a.length)return;if(this.selectable){const s=null===(i=null===(t=this.el.querySelector("pds-table-head"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-head-cell");n+=null!==(e=null==s?void 0:s.getBoundingClientRect().width)&&void 0!==e?e:0}const d=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".pds-table-responsive-container"),h=((null!==(o=null==d?void 0:d.clientWidth)&&void 0!==o?o:0)-n)/a.length<120;a.forEach((t=>{h?t.style.setProperty("--pds-table-head-cell-auto-floor-width","120px"):t.style.removeProperty("--pds-table-head-cell-auto-floor-width")})),null===(r=this._responsiveHandleScroll)||void 0===r||r.call(this)},this.scheduleColumnWidthsRecalc=()=>{this._pendingColumnWidthsRecalc||(this._pendingColumnWidthsRecalc=!0,requestAnimationFrame((()=>{this._pendingColumnWidthsRecalc&&(this._pendingColumnWidthsRecalc=!1,this.el.isConnected&&this.recalcAutoColumnWidths())})))}}componentDidLoad(){this.hasLoaded=!0,this.attachLifecycleBoundSetup(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(e){const s=(null!==(t=e.textContent)&&void 0!==t?t:"").trim();this.sortTable(s,i),this.sortingColumn=s,this.sortingDirection=i,await e.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}connectedCallback(){this.hasLoaded&&this.attachLifecycleBoundSetup()}attachLifecycleBoundSetup(){this.responsive&&this.setupResponsiveScrolling(),"fixed"===this.tableLayout&&this.responsive&&this.setupFixedLayoutWidths()}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.teardownFixedLayoutWidths(),this._pendingFixedLayoutInputsSync&&queueMicrotask((()=>{this.el.isConnected||(this._pendingFixedLayoutInputsSync=!1)}))}handleFixedLayoutInputsChange(){this._pendingFixedLayoutInputsSync=!0}componentDidRender(){this._pendingFixedLayoutInputsSync&&(this._pendingFixedLayoutInputsSync=!1,this.syncFixedLayoutInputs())}syncFixedLayoutInputs(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.responsive&&this.setupResponsiveScrolling(),this.teardownFixedLayoutWidths();const t="fixed"===this.tableLayout&&this.responsive;t&&this.setupFixedLayoutWidths(),this.allHeadCells().forEach((i=>{t||i.style.removeProperty("--pds-table-head-cell-auto-floor-width"),s(i),i.rebindScrollListener()})),this.allBodyCells().forEach((t=>{t.rebindScrollListener()}));const i=this.el.querySelector("pds-table-head");i&&s(i),t&&this.scheduleColumnWidthsRecalc()}allHeadCells(){var t;const i=Array.from(this.el.querySelectorAll("pds-table-head-cell")),e=this.el.querySelector("pds-table-head"),s=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector("pds-table-head-cell");return s?[...i,s]:i}allBodyCells(){return[...Array.from(this.el.querySelectorAll("pds-table-cell")),...Array.from(this.el.querySelectorAll("pds-table-row")).map((t=>{var i;return null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-cell")})).filter((t=>null!==t))]}setupFixedLayoutWidths(){if(this.recalcAutoColumnWidths(),"undefined"!=typeof window){if(this._fixedLayoutHandleResize=()=>this.recalcAutoColumnWidths(),window.ResizeObserver)try{this._fixedLayoutResizeObserver=new ResizeObserver(this._fixedLayoutHandleResize),this._fixedLayoutResizeObserver.observe(this.el)}catch(t){}window.addEventListener("resize",this._fixedLayoutHandleResize),"undefined"!=typeof MutationObserver&&(this._fixedLayoutMutationObserver=new MutationObserver(this.scheduleColumnWidthsRecalc),this._fixedLayoutMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["width"]}))}}teardownFixedLayoutWidths(){this._fixedLayoutResizeObserver&&(this._fixedLayoutResizeObserver.disconnect(),this._fixedLayoutResizeObserver=null),this._fixedLayoutMutationObserver&&(this._fixedLayoutMutationObserver.disconnect(),this._fixedLayoutMutationObserver=null),"undefined"!=typeof window&&this._fixedLayoutHandleResize&&window.removeEventListener("resize",this._fixedLayoutHandleResize),this._fixedLayoutHandleResize=null,this._pendingColumnWidthsRecalc=!1}setupResponsiveScrolling(){var t,i,e;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),r=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".scroll-shadow-right");if(s&&o&&r){if(this.scrollContainer=s,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,e=t-i,s=a(this.scrollContainer);o.style.opacity=s>0&&!this.fixedColumn?"1":"0",r.style.opacity=e>0&&s<e-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),"fixed"===this.tableLayout&&t.push("is-fixed-layout"),t.join("  ")}sortTable(t,i){const e=this.el.querySelector("pds-table-body");if(!e)return;const s=Array.from(e.querySelectorAll("pds-table-row")),o=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),r=o.find((i=>i.innerText.trim()===t));if(!r)return void console.warn(`Column "${t}" not found.`);const l=o.indexOf(r);s.sort(((t,e)=>{const s=t.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim(),o=e.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim();return"asc"===i?s.localeCompare(o,void 0,{sensitivity:"base"}):o.localeCompare(s,void 0,{sensitivity:"base"})})),e.innerHTML="",s.forEach((t=>{e.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),e=Array.from(i).every((t=>t.isSelected)),s=Array.from(i).every((t=>!t.isSelected)),o=this.el.querySelector("pds-table-head");if(!o)return;const r=o.shadowRoot.querySelector("pds-checkbox");r&&(r.checked=e,r.indeterminate=!e&&!s)}render(){return this.responsive?o(r,{class:this.classNames()+" pds-table-responsive-host",id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},o("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),o("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),o("div",{class:"pds-table-responsive-container",part:"responsive-container"},o("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},o("div",{class:this.classNames(),part:"table-inner"},o("slot",null))))):o(r,{class:this.classNames(),id:this.componentId,role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},o("slot",null))}get el(){return this}static get watchers(){return{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}}static get style(){return'@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.is-fixed-layout){table-layout:fixed}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.pds-table-responsive-wrapper .pds-table.is-fixed-layout{table-layout:fixed !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}'}},[257,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],disableSelectAll:[4,"disable-select-all"],rowDividers:[516,"row-dividers"],tableLayout:[1,"table-layout"],defaultSortColumn:[1,"default-sort-column"],defaultSortDirection:[1,"default-sort-direction"],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]],{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["pds-table"].forEach((t=>{"pds-table"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{d as PdsTable,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,forceUpdate as s,h as o,Host as r,transformTag as l}from"@stencil/core/internal/client";import{g as a}from"./scroll.js";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=e(this,"pdsTableSelectAll",7),this.scrollContainer=null,this._responsiveHandleScroll=null,this._responsiveHandleResize=null,this._responsiveResizeObserver=null,this._teardownResponsive=null,this._fixedLayoutResizeObserver=null,this._fixedLayoutHandleResize=null,this._fixedLayoutMutationObserver=null,this._pendingColumnWidthsRecalc=!1,this.hasLoaded=!1,this.disableSelectAll=!1,this.rowDividers=!1,this.tableLayout="auto",this.defaultSortDirection="asc",this.sortingColumn=null,this.sortingDirection="asc",this._pendingFixedLayoutInputsSync=!1,this.recalcAutoColumnWidths=()=>{var t,i,e,s,o,r;if("fixed"!==this.tableLayout||!this.responsive)return;const l=Array.from(this.el.querySelectorAll("pds-table-head-cell")),a=[];let n=0;for(const t of l)t.getAttribute("width")?n+=t.getBoundingClientRect().width:a.push(t);if(0===a.length)return;if(this.selectable){const s=null===(i=null===(t=this.el.querySelector("pds-table-head"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-head-cell");n+=null!==(e=null==s?void 0:s.getBoundingClientRect().width)&&void 0!==e?e:0}const d=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".pds-table-responsive-container"),h=((null!==(o=null==d?void 0:d.clientWidth)&&void 0!==o?o:0)-n)/a.length<120;a.forEach((t=>{h?t.style.setProperty("--pds-table-head-cell-auto-floor-width","120px"):t.style.removeProperty("--pds-table-head-cell-auto-floor-width")})),null===(r=this._responsiveHandleScroll)||void 0===r||r.call(this)},this.scheduleColumnWidthsRecalc=()=>{this._pendingColumnWidthsRecalc||(this._pendingColumnWidthsRecalc=!0,requestAnimationFrame((()=>{this._pendingColumnWidthsRecalc&&(this._pendingColumnWidthsRecalc=!1,this.el.isConnected&&this.recalcAutoColumnWidths())})))}}componentDidLoad(){this.hasLoaded=!0,this.attachLifecycleBoundSetup(),this.defaultSortColumn&&requestAnimationFrame((()=>{this.applyDefaultSort().catch((t=>{console.warn("Failed to apply default sort.",t)}))}))}async applyDefaultSort(){var t;const i="desc"===this.defaultSortDirection?"desc":"asc",e=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")).find((t=>{var i;return(null!==(i=t.textContent)&&void 0!==i?i:"").trim()===this.defaultSortColumn}));if(e){const s=(null!==(t=e.textContent)&&void 0!==t?t:"").trim();this.sortTable(s,i),this.sortingColumn=s,this.sortingDirection=i,await e.setActiveSort(i)}else console.warn(`Default sort column "${this.defaultSortColumn}" not found.`)}connectedCallback(){this.hasLoaded&&this.attachLifecycleBoundSetup()}attachLifecycleBoundSetup(){this.responsive&&this.setupResponsiveScrolling(),"fixed"===this.tableLayout&&this.responsive&&this.setupFixedLayoutWidths()}disconnectedCallback(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.teardownFixedLayoutWidths(),this._pendingFixedLayoutInputsSync&&queueMicrotask((()=>{this.el.isConnected||(this._pendingFixedLayoutInputsSync=!1)}))}handleFixedLayoutInputsChange(){this._pendingFixedLayoutInputsSync=!0}componentDidRender(){this._pendingFixedLayoutInputsSync&&(this._pendingFixedLayoutInputsSync=!1,this.syncFixedLayoutInputs())}syncFixedLayoutInputs(){this._teardownResponsive&&(this._teardownResponsive(),this._teardownResponsive=null),this.responsive&&this.setupResponsiveScrolling(),this.teardownFixedLayoutWidths();const t="fixed"===this.tableLayout&&this.responsive;t&&this.setupFixedLayoutWidths(),this.allHeadCells().forEach((i=>{t||i.style.removeProperty("--pds-table-head-cell-auto-floor-width"),s(i),i.rebindScrollListener()})),this.allBodyCells().forEach((t=>{t.rebindScrollListener()}));const i=this.el.querySelector("pds-table-head");i&&s(i),t&&this.scheduleColumnWidthsRecalc()}allHeadCells(){var t;const i=Array.from(this.el.querySelectorAll("pds-table-head-cell")),e=this.el.querySelector("pds-table-head"),s=null===(t=null==e?void 0:e.shadowRoot)||void 0===t?void 0:t.querySelector("pds-table-head-cell");return s?[...i,s]:i}allBodyCells(){return[...Array.from(this.el.querySelectorAll("pds-table-cell")),...Array.from(this.el.querySelectorAll("pds-table-row")).map((t=>{var i;return null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector("pds-table-cell")})).filter((t=>null!==t))]}setupFixedLayoutWidths(){if(this.recalcAutoColumnWidths(),"undefined"!=typeof window){if(this._fixedLayoutHandleResize=()=>this.recalcAutoColumnWidths(),window.ResizeObserver)try{this._fixedLayoutResizeObserver=new ResizeObserver(this._fixedLayoutHandleResize),this._fixedLayoutResizeObserver.observe(this.el)}catch(t){}window.addEventListener("resize",this._fixedLayoutHandleResize),"undefined"!=typeof MutationObserver&&(this._fixedLayoutMutationObserver=new MutationObserver(this.scheduleColumnWidthsRecalc),this._fixedLayoutMutationObserver.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["width"]}))}}teardownFixedLayoutWidths(){this._fixedLayoutResizeObserver&&(this._fixedLayoutResizeObserver.disconnect(),this._fixedLayoutResizeObserver=null),this._fixedLayoutMutationObserver&&(this._fixedLayoutMutationObserver.disconnect(),this._fixedLayoutMutationObserver=null),"undefined"!=typeof window&&this._fixedLayoutHandleResize&&window.removeEventListener("resize",this._fixedLayoutHandleResize),this._fixedLayoutHandleResize=null,this._pendingColumnWidthsRecalc=!1}setupResponsiveScrolling(){var t,i,e;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container"),o=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".scroll-shadow-left"),r=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".scroll-shadow-right");if(s&&o&&r){if(this.scrollContainer=s,this._responsiveHandleScroll=()=>{if(!this.scrollContainer)return;const{scrollWidth:t,clientWidth:i}=this.scrollContainer,e=t-i,s=a(this.scrollContainer);o.style.opacity=s>0&&!this.fixedColumn?"1":"0",r.style.opacity=e>0&&s<e-1?"1":"0"},this.scrollContainer.addEventListener("scroll",this._responsiveHandleScroll,{passive:!0}),"undefined"!=typeof window&&window.ResizeObserver)try{this._responsiveResizeObserver=new ResizeObserver((()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)})),this._responsiveResizeObserver.observe(this.scrollContainer)}catch(t){}"undefined"!=typeof window&&(this._responsiveHandleResize=()=>{var t;null===(t=this._responsiveHandleScroll)||void 0===t||t.call(this)},window.addEventListener("resize",this._responsiveHandleResize)),this._teardownResponsive=()=>{this.scrollContainer&&this._responsiveHandleScroll&&(this.scrollContainer.removeEventListener("scroll",this._responsiveHandleScroll),this.scrollContainer=null),this._responsiveResizeObserver&&(this._responsiveResizeObserver.disconnect(),this._responsiveResizeObserver=null),"undefined"!=typeof window&&this._responsiveHandleResize&&(window.removeEventListener("resize",this._responsiveHandleResize),this._responsiveHandleResize=null),this._responsiveHandleScroll=null},this._responsiveHandleScroll()}}classNames(){const t=["pds-table"];return this.compact&&t.push("is-compact"),this.responsive&&t.push("is-responsive"),"fixed"===this.tableLayout&&t.push("is-fixed-layout"),t.join("  ")}sortTable(t,i){const e=this.el.querySelector("pds-table-body");if(!e)return;const s=Array.from(e.querySelectorAll("pds-table-row")),o=Array.from(this.el.querySelectorAll("pds-table-head-cell[sortable]")),r=o.find((i=>i.innerText.trim()===t));if(!r)return void console.warn(`Column "${t}" not found.`);const l=o.indexOf(r);s.sort(((t,e)=>{const s=t.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim(),o=e.querySelector(`pds-table-cell:nth-child(${l+1})`).textContent.trim();return"asc"===i?s.localeCompare(o,void 0,{sensitivity:"base"}):o.localeCompare(s,void 0,{sensitivity:"base"})})),e.innerHTML="",s.forEach((t=>{e.appendChild(t)}))}handleTableSort(t){if(t.defaultPrevented)return;const{direction:i}=t.detail;this.sortTable(t.detail.column,i),this.sortingColumn=t.detail.column,this.sortingDirection=i}handleTableSelectAll(t){if(t.defaultPrevented)return;const i=this.el.querySelector("pds-table-body");Array.from(i.querySelectorAll("pds-table-row")).forEach((i=>{i.isSelected=t.detail.isSelected}))}async handleTableSelect(t){if(t.defaultPrevented)return;const i=this.el.querySelectorAll("pds-table-row"),e=Array.from(i).every((t=>t.isSelected)),s=Array.from(i).every((t=>!t.isSelected)),o=this.el.querySelector("pds-table-head");if(!o)return;const r=o.shadowRoot.querySelector("pds-checkbox");r&&(r.checked=e,r.indeterminate=!e&&!s)}render(){return this.responsive?o(r,{class:this.classNames()+" pds-table-responsive-host",role:"grid",selectable:this.selectable,tabindex:"0",part:"table responsive-table"},o("div",{class:"scroll-shadow-left",part:"scroll-shadow-left"}),o("div",{class:"scroll-shadow-right",part:"scroll-shadow-right"}),o("div",{class:"pds-table-responsive-container",part:"responsive-container"},o("div",{class:"pds-table-responsive-wrapper",part:"responsive-wrapper"},o("div",{class:this.classNames(),part:"table-inner"},o("slot",null))))):o(r,{class:this.classNames(),role:"grid",selectable:this.selectable,tabindex:"0",part:"table"},o("slot",null))}get el(){return this}static get watchers(){return{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}}static get style(){return'@charset "UTF-8";:host{--color-background-default:var(--pine-color-background-container);background:var(--color-background-default);border-collapse:separate;border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;isolation:isolate;width:100%}:host(:focus-visible){outline:var(--pine-outline-focus)}:host(.is-fixed-layout){table-layout:fixed}:host(.pds-table-responsive-host){border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;max-width:100% !important;overflow:hidden !important;position:relative !important;width:100% !important}.pds-table-responsive-container{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;overflow-x:auto !important;overflow-y:visible !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper{border-radius:inherit;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;display:block !important;position:relative !important;width:100% !important}.pds-table-responsive-wrapper .pds-table{display:table !important;min-width:-webkit-max-content !important;min-width:-moz-max-content !important;min-width:max-content !important;table-layout:auto !important;white-space:nowrap !important;width:100% !important}.pds-table-responsive-wrapper .pds-table.is-fixed-layout{table-layout:fixed !important}.scroll-shadow-left,.scroll-shadow-right{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease;width:4px;z-index:var(--pine-z-index)}.scroll-shadow-left{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent);border-end-start-radius:inherit;border-start-start-radius:inherit;inset-inline-start:0}:host-context([dir=rtl]) .scroll-shadow-left{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent)}.scroll-shadow-right{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to left, rgba(0, 0, 0, 0.1), transparent);border-end-end-radius:inherit;border-start-end-radius:inherit;inset-inline-end:0}:host-context([dir=rtl]) .scroll-shadow-right{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(transparent));background:linear-gradient(to right, rgba(0, 0, 0, 0.1), transparent)}'}},[257,"pds-table",{compact:[4],componentId:[1,"component-id"],responsive:[4],fixedColumn:[4,"fixed-column"],selectable:[4],disableSelectAll:[4,"disable-select-all"],rowDividers:[516,"row-dividers"],tableLayout:[1,"table-layout"],defaultSortColumn:[1,"default-sort-column"],defaultSortDirection:[1,"default-sort-direction"],sortingColumn:[32],sortingDirection:[32]},[[0,"pdsTableSort","handleTableSort"],[0,"pdsTableSelectAll","handleTableSelectAll"],[0,"pdsTableRowSelected","handleTableSelect"]],{tableLayout:[{handleFixedLayoutInputsChange:0}],responsive:[{handleFixedLayoutInputsChange:0}]}]),d=n,h=function(){"undefined"!=typeof customElements&&["pds-table"].forEach((t=>{"pds-table"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{d as PdsTable,h as defineCustomElement}

package/components/pds-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{H as n}from"./attributes.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new n,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=t=>{var s;const i=null===(s=t.target)||void 0===s?void 0:s.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=t=>{const s=this.lastFocusedTab;t.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===s&&(null==s?void 0:s.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const t=null!=this.tabsSlot;this.setupSlotChangeListeners(),t&&this.handleSlotChange()}disconnectedCallback(){var t,s;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(t=this.tabsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange),null===(s=this.tabPanelsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(t){this.componentId===t.detail[1]&&(this.activeTabIndex=t.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(t){if(this.isNav)return;const s=t.target.closest("pds-tab"),i=s&&s.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&i&&(t.preventDefault(),this.moveActiveTab(t.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var t;if(!(null===(t=this.tabs)||void 0===t?void 0:t.length))return;const s=this.tabs.filter((t=>{const s=t.getAttribute("href");return null!=s&&""!==s})).length;this.nav&&s<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&s>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(t){const s=this.tabs.length-1;let i=null;switch(t){case"ArrowLeft":i=0===this.activeTabIndex?s:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===s?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=s}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const t=Array.from(this.el.querySelectorAll("pds-tab")),s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=t.filter((t=>t.closest("pds-tabs")===this.el)),this.tabPanels=s.filter((t=>t.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var t,s,i,a;this.tabsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(a=this.tabPanelsSlot)||void 0===a||a.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const t=this.activeTabNameBeforeSlotChange,s=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==t||this.tabs.some((s=>s.name===t))||(this.activeTabName=void 0),this.passPropsToChildren(),s&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var t;const s=document.activeElement;if(s&&s!==document.body)return;const i=this.tabs.find((t=>t.name===this.activeTabName));null===(t=null==i?void 0:i.querySelector("button"))||void 0===t||t.focus()})))}propGeneration(t,s=0){t.parentComponentId=""+this.componentId,t.variant=this.variant,t.selected=this.activeTabName===t.name,t.index=s}passPropsToChildren(){var t;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const s=null!==(t=this.tabs.find((t=>!t.disabled)))&&void 0!==t?t:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach(((t,s)=>{this.activeTabName===t.name&&(this.activeTabIndex=s),this.propGeneration(t,s),t.navMode=this.nav})),this.tabPanels.forEach((t=>{this.propGeneration(t),t.stretch=this.stretch}))}classNames(){let t="pds-tabs";return this.variant&&"primary"!=this.variant&&(t+=" pds-tabs--"+this.variant),this.divider&&(t+=" pds-tabs--divider"),this.stretch&&(t+=" pds-tabs--stretch"),t}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const t=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"})),s=this.classNames();return this.hostKeeper.record(s),i(a,{key:"69985d6800ac879a8655d52a6b4f72c5b6a20c61","active-tab-name":this.activeTabName,class:s,id:this.componentId},t,i("slot",{key:"0fb1b2521b15c77a50d81431cc1f0f6a40360cfa",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),o=l,h=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((t=>{"pds-tabs"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))};export{o as PdsTabs,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as e,transformTag as a}from"@stencil/core/internal/client";import{H as n}from"./attributes.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hostKeeper=new n,this.slotChangeScheduled=!1,this.lastFocusedTab=null,this.handleFocusIn=t=>{var s;const i=null===(s=t.target)||void 0===s?void 0:s.closest("pds-tab");i&&i.closest("pds-tabs")===this.el&&(this.lastFocusedTab=i)},this.handleFocusOut=t=>{const s=this.lastFocusedTab;t.relatedTarget?this.lastFocusedTab=null:queueMicrotask((()=>{this.lastFocusedTab===s&&(null==s?void 0:s.isConnected)&&(this.lastFocusedTab=null)}))},this.divider=!1,this.stretch=!1,this.nav=!1,this.handleSlotChange=()=>{this.slotChangeScheduled||(this.slotChangeScheduled=!0,this.activeTabNameBeforeSlotChange=this.activeTabName,queueMicrotask((()=>{this.slotChangeScheduled=!1,this.recollectAfterSlotChange()})))}}connectedCallback(){this.hostKeeper.connect(this.el),this.el.addEventListener("focusin",this.handleFocusIn),this.el.addEventListener("focusout",this.handleFocusOut);const t=null!=this.tabsSlot;this.setupSlotChangeListeners(),t&&this.handleSlotChange()}disconnectedCallback(){var t,s;this.hostKeeper.disconnect(),this.el.removeEventListener("focusin",this.handleFocusIn),this.el.removeEventListener("focusout",this.handleFocusOut),null===(t=this.tabsSlot)||void 0===t||t.removeEventListener("slotchange",this.handleSlotChange),null===(s=this.tabPanelsSlot)||void 0===s||s.removeEventListener("slotchange",this.handleSlotChange)}componentDidLoad(){this.setupSlotChangeListeners()}tabClickHandler(t){this.componentId===t.detail[1]&&(this.activeTabIndex=t.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(t){if(this.isNav)return;const s=t.target.closest("pds-tab"),i=s&&s.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&i&&(t.preventDefault(),this.moveActiveTab(t.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var t;if(!(null===(t=this.tabs)||void 0===t?void 0:t.length))return;const s=this.tabs.filter((t=>{const s=t.getAttribute("href");return null!=s&&""!==s})).length;this.nav&&s<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&s>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(t){const s=this.tabs.length-1;let i=null;switch(t){case"ArrowLeft":i=0===this.activeTabIndex?s:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===s?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=s}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const t=Array.from(this.el.querySelectorAll("pds-tab")),s=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=t.filter((t=>t.closest("pds-tabs")===this.el)),this.tabPanels=s.filter((t=>t.closest("pds-tabs")===this.el))}setupSlotChangeListeners(){var t,s,i,e;this.tabsSlot=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="tabs"]'),this.tabPanelsSlot=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="tabpanels"]'),null===(i=this.tabsSlot)||void 0===i||i.addEventListener("slotchange",this.handleSlotChange),null===(e=this.tabPanelsSlot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}recollectAfterSlotChange(){const t=this.activeTabNameBeforeSlotChange,s=!this.isNav&&null!=this.lastFocusedTab&&!this.lastFocusedTab.isConnected;this.findAllChildren(),this.warnOnNavConfig(),null==t||this.tabs.some((s=>s.name===t))||(this.activeTabName=void 0),this.passPropsToChildren(),s&&(this.lastFocusedTab=null,requestAnimationFrame((()=>{var t;const s=document.activeElement;if(s&&s!==document.body)return;const i=this.tabs.find((t=>t.name===this.activeTabName));null===(t=null==i?void 0:i.querySelector("button"))||void 0===t||t.focus()})))}propGeneration(t,s=0){t.parentComponentId=""+this.componentId,t.variant=this.variant,t.selected=this.activeTabName===t.name,t.index=s}passPropsToChildren(){var t;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const s=null!==(t=this.tabs.find((t=>!t.disabled)))&&void 0!==t?t:this.tabs[0];this.activeTabName=s.name}this.tabs.forEach(((t,s)=>{this.activeTabName===t.name&&(this.activeTabIndex=s),this.propGeneration(t,s),t.navMode=this.nav})),this.tabPanels.forEach((t=>{this.propGeneration(t),t.stretch=this.stretch}))}classNames(){let t="pds-tabs";return this.variant&&"primary"!=this.variant&&(t+=" pds-tabs--"+this.variant),this.divider&&(t+=" pds-tabs--divider"),this.stretch&&(t+=" pds-tabs--stretch"),t}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const t=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"})),s=this.classNames();return this.hostKeeper.record(s),i(e,{key:"6ededb588230706dc0848164e991694490436bf1","active-tab-name":this.activeTabName,class:s},t,i("slot",{key:"68d090b7b6a3bae74ceb66e1487ce96666a38c6e",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),o=l,h=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((t=>{"pds-tabs"===t&&(customElements.get(a(t))||customElements.define(a(t),l))}))};export{o as PdsTabs,h as defineCustomElement}

package/components/pds-tooltip.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as e,i as n}from"./keep-hydrated.js";import{f as l,o as a,i as p}from"./portal-target.js";import{c as h,a as d,o as c,f as w,s as f}from"./floating-ui.dom.js";const b=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this._isInteractiveOpen=!1,this.portalEl=null,this.resolvedPlacement="right",this.triggerEl=null,this.contentDiv=null,this.lastCopiedHtml=null,this.slotMutationObserver=null,this.contentSyncFrame=null,this.currentPathname="",this.pathnameCheckInterval=null,this.stopAutoUpdate=null,this.stopWatchingPortalHost=null,this.hasArrow=!0,this.htmlContent=!1,this.placement="right",this.maxWidth="352px",this.opened=!1,this.hasCheckedReconnect=!1,this.handleHide=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.handleShow=()=>{this.opened&&!this._isInteractiveOpen||(this._isInteractiveOpen=!0,this.showTooltip())},this.handlePageShow=()=>{this.opened&&!this._isInteractiveOpen||(this.opened=!1,this._isInteractiveOpen=!1)},this.handleSpaNavigation=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.checkPathnameChange=()=>{window.location.pathname!==this.currentPathname&&(this.currentPathname=window.location.pathname,this.handleSpaNavigation())},this.scheduleContentSync=()=>{null===this.contentSyncFrame&&(this.contentSyncFrame=requestAnimationFrame((()=>{if(this.contentSyncFrame=null,null===this.portalEl||null===this.contentDiv)return;const t=this.copySlottedContent(),o=this.strippedHtml(t);o!==this.lastCopiedHtml&&(this.lastCopiedHtml=o,this.contentDiv.textContent="",this.contentDiv.append(...Array.from(t.childNodes)),this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip after a content change:",t)})))})))}}handleOpenToggle(t,o){!1===t&&!0===o&&(this._isInteractiveOpen=!1)}componentWillLoad(){this._isInteractiveOpen=!1,this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow),this.currentPathname=window.location.pathname,this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")}connectedCallback(){this.hasCheckedReconnect=!1}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow),null!==this.portalEl&&this.removePortal(),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null)}unwrapReconnectedSlots(){const t=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__trigger"))),o=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")));if(void 0===t||void 0===o)return;const i=t=>Array.from(t.children).find((t=>t.matches(".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper")));[t,o].forEach((r=>{let s=i(r);for(;void 0!==s;){const e=s.matches(".pds-tooltip__content-slot-wrapper")?o:t;Array.from(s.childNodes).forEach((t=>e===r?r.insertBefore(t,s):e.appendChild(t))),s.remove(),s=i(r)}}))}componentDidRender(){this.hasCheckedReconnect||(this.unwrapReconnectedSlots(),this.hasCheckedReconnect=!0),this.opened&&null===this.portalEl?this.createPortal():this.opened||null===this.portalEl||this.removePortal(),null!==this.portalEl&&(this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"))}async showTooltip(){this.opened=!0}async hideTooltip(){this.opened=!1}determinePositioningAnchor(){let t=this.triggerEl;if(null!==this.triggerEl){const o=this.triggerEl.childNodes;for(let i=0;i<o.length;i++){const r=o[i];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(null!==t&&null!==this.portalEl)try{const{x:o,y:i,placement:r}=await h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),w(),f({padding:5})]});this.resolvedPlacement=r,Object.assign(this.portalEl.style,{left:o+"px",top:i+"px",position:"fixed"}),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(o){console.warn("Failed to position tooltip:",o),this.resolvedPlacement=this.placement;const i=t.getBoundingClientRect();this.portalEl.style.left=i.right+8+"px",this.portalEl.style.top=i.top+"px",this.portalEl.style.position="fixed"}}createPortal(){if(null!==this.portalEl)return;if(this.portalEl=document.createElement("div"),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-nuclear)",""===this.portalEl.id){const o=t.instanceCounter++;this.portalEl.id=`${this.componentId||this.el.id||"pds-tooltip"}-portal-${o}`}this.portalEl.getAttribute("id")!==this.portalEl.id&&this.portalEl.setAttribute("id",this.portalEl.id),this.portalEl.setAttribute("role","tooltip"),this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"),this.portalEl.style.maxWidth=this.maxWidth,this.contentDiv=document.createElement("div"),this.contentDiv.className="pds-tooltip__content",this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true"),this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const o=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(o),this.contentDiv.append(...Array.from(o.childNodes)),this.portalEl.appendChild(this.contentDiv);const i=l(this.el,p);i.appendChild(this.portalEl),i!==document.body&&(this.stopWatchingPortalHost=a(i,this.handleHide)),this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)})),this.triggerEl&&this.portalEl&&(this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))),window.addEventListener("popstate",this.handleSpaNavigation,!0),window.addEventListener("hashchange",this.handleSpaNavigation,!0),this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100),null!==this.triggerEl&&""!==this.portalEl.id&&this.triggerEl.setAttribute("aria-describedby",this.portalEl.id),this.startContentSync()}get contentSlotWrapper(){return Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")))}copySlottedContent(){var t,o;const i=document.createElement("div"),r=null===(t=this.contentSlotWrapper)||void 0===t?void 0:t.querySelector('[slot="content"]'),s=Array.from(null!==(o=null==r?void 0:r.childNodes)&&void 0!==o?o:[]).filter((t=>{var o;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(o=t.textContent)||void 0===o?void 0:o.trim())}));return s.forEach((t=>i.appendChild(t.cloneNode(!0)))),0===s.length&&"string"==typeof this.content&&""!==this.content.trim()&&(i.textContent=this.content),i}startContentSync(){const t=this.contentSlotWrapper;void 0!==t&&"undefined"!=typeof MutationObserver&&(this.slotMutationObserver=new MutationObserver(this.scheduleContentSync),this.slotMutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}strippedHtml(t){const o=t.cloneNode(!0);return o.querySelectorAll("*").forEach((t=>{if(!t.localName.startsWith("pds-"))return;const o=e(t.getAttribute("class")||"").filter((o=>!n(t,o)));0===o.length?t.removeAttribute("class"):t.setAttribute("class",o.join(" "))})),o.innerHTML}stopContentSync(){null!==this.slotMutationObserver&&(this.slotMutationObserver.disconnect(),this.slotMutationObserver=null),null!==this.contentSyncFrame&&(cancelAnimationFrame(this.contentSyncFrame),this.contentSyncFrame=null)}removePortal(){if(this.stopContentSync(),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null),null!==this.stopWatchingPortalHost&&(this.stopWatchingPortalHost(),this.stopWatchingPortalHost=null),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.portalEl){window.removeEventListener("popstate",this.handleSpaNavigation,!0),window.removeEventListener("hashchange",this.handleSpaNavigation,!0);try{this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl)}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}null!==this.triggerEl&&this.triggerEl.removeAttribute("aria-describedby"),this.contentDiv=null,this.lastCopiedHtml=null}render(){return i(r,{key:"475ff12d4be035e3effa894353e7948b42a23489",id:this.componentId||void 0,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"3375dfb5bb86ba373bc5d617f4a53171505631d1",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"a3392ad415f5ac7f3883100bf914484ffcc8e536"})),i("div",{key:"774ac2c4808e96649b1536569aaf8cf8a6e3abc2",class:"pds-tooltip__content-slot-wrapper",hidden:!0},i("slot",{key:"672c64b4acdb365623885ac2105a9b90b1dcfa6b",name:"content"})))}get el(){return this}static get watchers(){return{opened:[{handleOpenToggle:0}]}}static get style(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:344px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'}},[260,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],_isInteractiveOpen:[32],showTooltip:[64],hideTooltip:[64]},void 0,{opened:[{handleOpenToggle:0}]}]);b.instanceCounter=0;const v=b,m=function(){"undefined"!=typeof customElements&&["pds-tooltip"].forEach((t=>{"pds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{v as PdsTooltip,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as e,i as n}from"./keep-hydrated.js";import{f as l,o as a,i as p}from"./portal-target.js";import{c as h,a as d,o as c,f as w,s as f}from"./floating-ui.dom.js";const b=t(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this._isInteractiveOpen=!1,this.portalEl=null,this.resolvedPlacement="right",this.triggerEl=null,this.contentDiv=null,this.lastCopiedHtml=null,this.slotMutationObserver=null,this.contentSyncFrame=null,this.currentPathname="",this.pathnameCheckInterval=null,this.stopAutoUpdate=null,this.stopWatchingPortalHost=null,this.hasArrow=!0,this.htmlContent=!1,this.placement="right",this.maxWidth="352px",this.opened=!1,this.hasCheckedReconnect=!1,this.handleHide=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.handleShow=()=>{this.opened&&!this._isInteractiveOpen||(this._isInteractiveOpen=!0,this.showTooltip())},this.handlePageShow=()=>{this.opened&&!this._isInteractiveOpen||(this.opened=!1,this._isInteractiveOpen=!1)},this.handleSpaNavigation=()=>{this.opened&&!this._isInteractiveOpen||(this.hideTooltip(),this._isInteractiveOpen=!1)},this.checkPathnameChange=()=>{window.location.pathname!==this.currentPathname&&(this.currentPathname=window.location.pathname,this.handleSpaNavigation())},this.scheduleContentSync=()=>{null===this.contentSyncFrame&&(this.contentSyncFrame=requestAnimationFrame((()=>{if(this.contentSyncFrame=null,null===this.portalEl||null===this.contentDiv)return;const t=this.copySlottedContent(),o=this.strippedHtml(t);o!==this.lastCopiedHtml&&(this.lastCopiedHtml=o,this.contentDiv.textContent="",this.contentDiv.append(...Array.from(t.childNodes)),this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip after a content change:",t)})))})))}}handleOpenToggle(t,o){!1===t&&!0===o&&(this._isInteractiveOpen=!1)}componentWillLoad(){this._isInteractiveOpen=!1,this.resolvedPlacement=this.placement}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow),this.currentPathname=window.location.pathname,this.triggerEl=this.el.querySelector(".pds-tooltip__trigger")}connectedCallback(){this.hasCheckedReconnect=!1}disconnectedCallback(){window.removeEventListener("pageshow",this.handlePageShow),null!==this.portalEl&&this.removePortal(),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null)}unwrapReconnectedSlots(){const t=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__trigger"))),o=Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")));if(void 0===t||void 0===o)return;const i=t=>Array.from(t.children).find((t=>t.matches(".pds-tooltip__trigger, .pds-tooltip__content-slot-wrapper")));[t,o].forEach((r=>{let s=i(r);for(;void 0!==s;){const e=s.matches(".pds-tooltip__content-slot-wrapper")?o:t;Array.from(s.childNodes).forEach((t=>e===r?r.insertBefore(t,s):e.appendChild(t))),s.remove(),s=i(r)}}))}componentDidRender(){this.hasCheckedReconnect||(this.unwrapReconnectedSlots(),this.hasCheckedReconnect=!0),this.opened&&null===this.portalEl?this.createPortal():this.opened||null===this.portalEl||this.removePortal(),null!==this.portalEl&&(this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"))}async showTooltip(){this.opened=!0}async hideTooltip(){this.opened=!1}determinePositioningAnchor(){let t=this.triggerEl;if(null!==this.triggerEl){const o=this.triggerEl.childNodes;for(let i=0;i<o.length;i++){const r=o[i];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}async repositionPortal(){const t=this.determinePositioningAnchor();if(null!==t&&null!==this.portalEl)try{const{x:o,y:i,placement:r}=await h(t,this.portalEl,{placement:this.placement,strategy:"fixed",middleware:[c(8),w(),f({padding:5})]});this.resolvedPlacement=r,Object.assign(this.portalEl.style,{left:o+"px",top:i+"px",position:"fixed"}),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`}catch(o){console.warn("Failed to position tooltip:",o),this.resolvedPlacement=this.placement;const i=t.getBoundingClientRect();this.portalEl.style.left=i.right+8+"px",this.portalEl.style.top=i.top+"px",this.portalEl.style.position="fixed"}}createPortal(){if(null!==this.portalEl)return;if(this.portalEl=document.createElement("div"),this.portalEl.className=`pds-tooltip pds-tooltip--${this.resolvedPlacement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`,this.portalEl.style.position="fixed",this.portalEl.style.zIndex="var(--pine-z-index-nuclear)",""===this.portalEl.id){const o=t.instanceCounter++;this.portalEl.id=`${this.componentId||this.el.id||"pds-tooltip"}-portal-${o}`}this.portalEl.getAttribute("id")!==this.portalEl.id&&this.portalEl.setAttribute("id",this.portalEl.id),this.portalEl.setAttribute("role","tooltip"),this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true"),this.portalEl.setAttribute("aria-live",this.opened?"polite":"off"),this.portalEl.style.maxWidth=this.maxWidth,this.contentDiv=document.createElement("div"),this.contentDiv.className="pds-tooltip__content",this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true"),this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");const o=this.copySlottedContent();this.lastCopiedHtml=this.strippedHtml(o),this.contentDiv.append(...Array.from(o.childNodes)),this.portalEl.appendChild(this.contentDiv);const i=l(this.el,p);i.appendChild(this.portalEl),i!==document.body&&(this.stopWatchingPortalHost=a(i,this.handleHide)),this.repositionPortal().catch((t=>{console.warn("Failed to position tooltip on creation:",t)})),this.triggerEl&&this.portalEl&&(this.stopAutoUpdate=d(this.triggerEl,this.portalEl,(()=>{this.repositionPortal().catch((t=>{console.warn("Failed to reposition tooltip on auto update:",t)}))}))),window.addEventListener("popstate",this.handleSpaNavigation,!0),window.addEventListener("hashchange",this.handleSpaNavigation,!0),this.pathnameCheckInterval=setInterval(this.checkPathnameChange,100),null!==this.triggerEl&&""!==this.portalEl.id&&this.triggerEl.setAttribute("aria-describedby",this.portalEl.id),this.startContentSync()}get contentSlotWrapper(){return Array.from(this.el.children).find((t=>t.matches(".pds-tooltip__content-slot-wrapper")))}copySlottedContent(){var t,o;const i=document.createElement("div"),r=null===(t=this.contentSlotWrapper)||void 0===t?void 0:t.querySelector('[slot="content"]'),s=Array.from(null!==(o=null==r?void 0:r.childNodes)&&void 0!==o?o:[]).filter((t=>{var o;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(o=t.textContent)||void 0===o?void 0:o.trim())}));return s.forEach((t=>i.appendChild(t.cloneNode(!0)))),0===s.length&&"string"==typeof this.content&&""!==this.content.trim()&&(i.textContent=this.content),i}startContentSync(){const t=this.contentSlotWrapper;void 0!==t&&"undefined"!=typeof MutationObserver&&(this.slotMutationObserver=new MutationObserver(this.scheduleContentSync),this.slotMutationObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}strippedHtml(t){const o=t.cloneNode(!0);return o.querySelectorAll("*").forEach((t=>{if(!t.localName.startsWith("pds-"))return;const o=e(t.getAttribute("class")||"").filter((o=>!n(t,o)));0===o.length?t.removeAttribute("class"):t.setAttribute("class",o.join(" "))})),o.innerHTML}stopContentSync(){null!==this.slotMutationObserver&&(this.slotMutationObserver.disconnect(),this.slotMutationObserver=null),null!==this.contentSyncFrame&&(cancelAnimationFrame(this.contentSyncFrame),this.contentSyncFrame=null)}removePortal(){if(this.stopContentSync(),null!==this.stopAutoUpdate&&(this.stopAutoUpdate(),this.stopAutoUpdate=null),null!==this.stopWatchingPortalHost&&(this.stopWatchingPortalHost(),this.stopWatchingPortalHost=null),null!==this.pathnameCheckInterval&&(clearInterval(this.pathnameCheckInterval),this.pathnameCheckInterval=null),null!==this.portalEl){window.removeEventListener("popstate",this.handleSpaNavigation,!0),window.removeEventListener("hashchange",this.handleSpaNavigation,!0);try{this.portalEl.parentNode&&this.portalEl.parentNode.removeChild(this.portalEl)}catch(t){console.warn("Portal element could not be removed from DOM:",t)}this.portalEl=null}null!==this.triggerEl&&this.triggerEl.removeAttribute("aria-describedby"),this.contentDiv=null,this.lastCopiedHtml=null}render(){return i(r,{key:"8e9f4aac519caacca9d7e7bc92a714e09ecc756f",class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"f4a706e2b5bb68ac171c25ae02ae23555860c165",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocusin:this.handleShow,onFocusout:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"7548da298a2295f40fd1c6a9b4f1e597f687b80e"})),i("div",{key:"e19be5edd901bc8a6f96ace445451a976b92e447",class:"pds-tooltip__content-slot-wrapper",hidden:!0},i("slot",{key:"0616e0468350750019afb736d79ac9f49ace4730",name:"content"})))}get el(){return this}static get watchers(){return{opened:[{handleOpenToggle:0}]}}static get style(){return'.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:344px}:is(dialog,[popover])>.pds-tooltip{font-style:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;word-spacing:normal}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:relative;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:var(--pine-z-index-raised)}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}'}},[260,"pds-tooltip",{content:[1],componentId:[1,"component-id"],hasArrow:[4,"has-arrow"],htmlContent:[4,"html-content"],placement:[513],maxWidth:[1,"max-width"],opened:[1540],_isInteractiveOpen:[32],showTooltip:[64],hideTooltip:[64]},void 0,{opened:[{handleOpenToggle:0}]}]);b.instanceCounter=0;const v=b,m=function(){"undefined"!=typeof customElements&&["pds-tooltip"].forEach((t=>{"pds-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{v as PdsTooltip,m as defineCustomElement}

package/dist/cjs/pds-accordion.cjs.entry.js

@@ -32,7 +32,7 @@ const PdsAccordion = class {
         this.detailsEl.addEventListener('toggle', this.handleToggle);
     }
     render() {
-        return (index.h(index.Host, { key: 'dd45657cb2bfe2e26f3a2fcad6a941559f1968c5', class: "pds-accordion", id: this.componentId }, index.h("details", Object.assign({ key: '9dff1b1a3e4cdd308537c1e5f4020d6b74e4ac4e' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), index.h("summary", { key: '59152e8eece069bedd0109d1952dc1de95bc5d9a', part: "accordion-button" }, index.h("slot", { key: '73881348e657d880c60a5420a758217789f03b0c', name: "label" }, "Details"), index.h("pds-icon", { key: '35fbb0c45bc97ce3b69fd8184ef085230253d675', "aria-hidden": "true", icon: index$1.downSmall, part: "accordion-icon" })), index.h("div", { key: 'c9bb44d8135560b0e486a730830642387c87a67a', part: "accordion-body", class: "pds-accordion__body" }, index.h("slot", { key: 'f18d2a5a87d5d2653ce92766bc34c4506b88d4f4' })))));
+        return (index.h(index.Host, { key: '245ae62c7427cfcad6eb6c3213c9b13aada4de79', class: "pds-accordion" }, index.h("details", Object.assign({ key: 'f69707beaacf2d10d75d604042fa8ed99b345db1' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), index.h("summary", { key: '0329e0502b344834f2180c9ecd17136416dc8700', part: "accordion-button" }, index.h("slot", { key: '59085adef7239c0e697ae4a0d0104d7a9a95c8d6', name: "label" }, "Details"), index.h("pds-icon", { key: '7ea87ae13f047de27cf469c48bc3bad90f5a01e7', "aria-hidden": "true", icon: index$1.downSmall, part: "accordion-icon" })), index.h("div", { key: '1e4febc7cbe2da9ffdd2f6a11802cca22f5b2573', part: "accordion-body", class: "pds-accordion__body" }, index.h("slot", { key: 'fcee6efccbc7233a83b62a443172a42c0f800aea' })))));
     }
     static get watchers() { return {
         "isOpen": [{

package/dist/cjs/pds-alert.cjs.entry.js

@@ -79,7 +79,7 @@ const PdsAlert = class {
         };
         // Get the icon name based on the current variant
         const iconName = iconMap[this.variant] || iconMap.default;
-        return (index.h(index.Host, { key: '019ac6b59e4154b88814ccae8a9afa930efd7ac6', class: "pds-alert", id: this.componentId, variant: this.variant }, index.h("pds-box", { key: 'c85aa29140b2febe7af477cd968e0da0c18bf5df', class: `pds-alert__container pds-alert__container--${this.variant}`, "background-color": "var(--pds-alert-background)", "border-color": "var(--pds-alert-border-color)", "border-radius": "md", border: true, display: "block" }, index.h("pds-box", { key: '0c6cc23581fe7ce9e19ddedff5a3cc09e1401ebc', gap: "sm", display: "flex", "align-items": this.small ? "center" : undefined }, severity && index.h("span", { key: '7d89247321abb724c74d835e8930d39babaab5e5', class: "visually-hidden" }, severity), !this.hideIcon && (index.h("pds-icon", { key: '1d82c128e2d58b278391b79412c2770ab2c60987', class: `pds-alert__icon ${this.small ? 'pds-alert__icon--small' : ''}`, color: "var(--pds-alert-color-icon)", icon: iconName, size: "var(--pds-alert-icon-size)", "aria-hidden": "true" })), index.h("pds-box", { key: 'b40276367299c772114e99e94efc73cad5c63179', class: "pds-alert__content-wrapper", direction: "column", gap: "xs", flex: "grow" }, this.heading && !this.small && (index.h("pds-text", { key: '2d70990548c3ea7e7d78ca68683dee779e9e82fc', class: "pds-alert__heading", color: "var(--pds-alert-color-text)", size: "h5", tag: "h3", weight: "medium" }, this.heading)), this.renderContent()), this.dismissible && (index.h("button", { key: '777fe5ff528d2069fe77eacb22bc3d366f4100d4', class: "pds-alert__dismiss", type: "button", part: "dismiss", "aria-label": this.dismissLabel, onClick: this.handleCloseClick }, index.h("pds-icon", { key: 'd616de534455dbd43a5353634ddfed8332ee7e7c', icon: "remove", size: "var(--pds-alert-icon-size)", "aria-hidden": "true", color: "var(--pds-alert-color-dismiss)" })))))));
+        return (index.h(index.Host, { key: '1fc2d61c1740070616eb7819ff6a919241ce1f6e', class: "pds-alert", variant: this.variant }, index.h("pds-box", { key: 'd6ba30218ebbf89532a8a6c3d5db9b2e5321748a', class: `pds-alert__container pds-alert__container--${this.variant}`, "background-color": "var(--pds-alert-background)", "border-color": "var(--pds-alert-border-color)", "border-radius": "md", border: true, display: "block" }, index.h("pds-box", { key: 'c08f2c190c1d5a9bb95c7e6351dd615a3441a48d', gap: "sm", display: "flex", "align-items": this.small ? "center" : undefined }, severity && index.h("span", { key: '8ca461e81ac655fa0f9ee837a5f4d2380f9dc0a0', class: "visually-hidden" }, severity), !this.hideIcon && (index.h("pds-icon", { key: '79583456f1b9b0a167afe296fc09aaa1ceb64209', class: `pds-alert__icon ${this.small ? 'pds-alert__icon--small' : ''}`, color: "var(--pds-alert-color-icon)", icon: iconName, size: "var(--pds-alert-icon-size)", "aria-hidden": "true" })), index.h("pds-box", { key: 'f72b9ebea3fa5158d033c462b764f4135c3df240', class: "pds-alert__content-wrapper", direction: "column", gap: "xs", flex: "grow" }, this.heading && !this.small && (index.h("pds-text", { key: '6f023c4c98fbe50be53f531fa648690bb086946c', class: "pds-alert__heading", color: "var(--pds-alert-color-text)", size: "h5", tag: "h3", weight: "medium" }, this.heading)), this.renderContent()), this.dismissible && (index.h("button", { key: 'e366272888d222b184d8e56a74364abbb2b0799f', class: "pds-alert__dismiss", type: "button", part: "dismiss", "aria-label": this.dismissLabel, onClick: this.handleCloseClick }, index.h("pds-icon", { key: '10907ac14c1b24fbc73c2484e1e066c7e6c14ee2', icon: "remove", size: "var(--pds-alert-icon-size)", "aria-hidden": "true", color: "var(--pds-alert-color-dismiss)" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-avatar.cjs.entry.js

@@ -153,7 +153,7 @@ const PdsAvatar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b0464345bf1e351ea9a22a9aac9cf06f9f28ee18', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
+        return (index.h(index.Host, { key: '237598a069d4a3b1281b10b516c01c6d479ca3e9', class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/pds-button.cjs.entry.js

@@ -258,7 +258,7 @@ const PdsButton = class {
         // Hide text when loading or iconOnly is true
         const hideText = this.loading || this.iconOnly;
         const content = (index.h("div", { class: "pds-button__content", part: "button-content" }, this.renderStartContent(), index.h("span", { class: `pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`, part: "button-text" }, index.h("slot", null)), this.loading && (index.h("span", { class: "pds-button__loader" }, index.h("pds-loader", { "is-loading": true, size: "var(--pine-font-size-body-2xl)", variant: "spinner", exportparts: "loader-svg" }, "Loading..."))), this.renderEndContent()));
-        return (index.h(index.Host, Object.assign({ "aria-disabled": this.disabled ? 'true' : null }, (this.componentId != null ? { id: this.componentId } : {}), { onClick: this.handleClick, onFocusin: this.handleFocusIn, variant: this.variant }), index.h(ContentElement, Object.assign({}, attributes()), content)));
+        return (index.h(index.Host, { "aria-disabled": this.disabled ? 'true' : null, onClick: this.handleClick, onFocusin: this.handleFocusIn, variant: this.variant }, index.h(ContentElement, Object.assign({}, attributes()), content)));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/pds-chip.cjs.entry.js

@@ -245,7 +245,7 @@ const PdsChip = class {
         const hostClass = this.classNames();
         const hostStyles = this.hostStyles;
         this.hostKeeper.record(hostClass, hostStyles);
-        return (index.h(index.Host, { key: 'd8c5e90c4d55959e7b2d0cc8a994136fb0abc5dc', class: hostClass, id: this.componentId, style: hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
+        return (index.h(index.Host, { key: '7f9ee3000b4a68726730ee8019f5b866a2f53ae7', class: hostClass, style: hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/pds-copytext.cjs.entry.js

@@ -117,7 +117,7 @@ const PdsCopytext = class {
     render() {
         const hostClass = this.classNames();
         this.hostKeeper.record(hostClass);
-        return (index.h(index.Host, { key: '2c3bf9cd49adf9a68be5f6cf3bdf0bb29aab956a', class: hostClass, id: this.componentId }, index.h("pds-button", { key: '88ff5d9b7071583c76c8875834b9d4fda274d711', type: "button", variant: "unstyled", onClick: this.handleClick }, index.h("span", { key: '5dee0ec40cbabf3d781037a785ec7c5aa7621121', ref: (el) => this.valueSpanEl = el }, this.value), index.h("pds-icon", { key: '3399b3573670f32f6a70f78f1ae60c9cba031955', "aria-hidden": "true", icon: index$1.copy, size: "16px" }))));
+        return (index.h(index.Host, { key: '088bbb25115146cf5ebce5ba98596ac987982ca1', class: hostClass }, index.h("pds-button", { key: 'c6ca05402e3957f129e95f8545ebfb0393baf648', type: "button", variant: "unstyled", onClick: this.handleClick }, index.h("span", { key: '95b0114960772b8d41ac1c55140eed73844be54b', ref: (el) => this.valueSpanEl = el }, this.value), index.h("pds-icon", { key: '49a1a13daf1bd9d875f6bc518f7002dc33652863', "aria-hidden": "true", icon: index$1.copy, size: "16px" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/pds-divider.cjs.entry.js

@@ -33,7 +33,7 @@ const PdsDivider = class {
         return classNames.join(' ');
     }
     render() {
-        return (index.h(index.Host, { key: '072cc8552bd33c4a00d216f15a5a848cfc97fd92', id: this.componentId }, this.hasLabel ? (index.h("div", { class: this.classNames(), role: "separator", "aria-label": this.label }, index.h("span", { class: "pds-divider__label", part: "label", "aria-hidden": "true" }, this.label))) : (index.h("hr", { class: this.classNames() }))));
+        return (index.h(index.Host, { key: '27f21f0697085d75414da7e626b44f5c0ad5b0b3' }, this.hasLabel ? (index.h("div", { class: this.classNames(), role: "separator", "aria-label": this.label }, index.h("span", { class: "pds-divider__label", part: "label", "aria-hidden": "true" }, this.label))) : (index.h("hr", { class: this.classNames() }))));
     }
 };
 PdsDivider.style = pdsDividerCss();

package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js

@@ -135,7 +135,7 @@ const PdsDropdownMenuItem = class {
         return (_d = (_c = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('pds-link')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('a')) !== null && _d !== void 0 ? _d : null;
     }
     render() {
-        return (index.h(index.Host, { key: '139943faad1c0047bb0363e0eaa0cde9efb2f957', id: this.componentId, class: {
+        return (index.h(index.Host, { key: '974b6da459ec11c49a0105b1b2f26eb134440d18', class: {
                 'is-disabled': this.disabled,
                 'is-informational': this.informational,
                 'destructive': !this.disabled && !this.informational && this.destructive