@pine-ds/core 3.14.0 → 3.14.2-dev.0

package/dist/esm-es5/pds-sortable.entry.js

@@ -4,5 +4,5 @@ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from".
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function ownKeys(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);if(e){r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}n.push.apply(n,r)}return n}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};if(e%2){ownKeys(Object(n),true).forEach((function(e){_defineProperty(t,e,n[e])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(t,Object.getOwnPropertyDescriptors(n))}else{ownKeys(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}}return t}function _typeof(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function(t){return typeof t}}else{_typeof=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return _typeof(t)}function _defineProperty(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}function _extends(){_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n){if(Object.prototype.hasOwnProperty.call(n,r)){t[r]=n[r]}}}return t};return _extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(t,e){if(t==null)return{};var n={};var r=Object.keys(t);var o,i;for(i=0;i<r.length;i++){o=r[i];if(e.indexOf(o)>=0)continue;n[o]=t[o]}return n}function _objectWithoutProperties(t,e){if(t==null)return{};var n=_objectWithoutPropertiesLoose(t,e);var r,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,r))continue;n[r]=t[r]}}return n}var version="1.15.6";function userAgent(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var IE11OrLess=userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var Edge=userAgent(/Edge/i);var FireFox=userAgent(/firefox/i);var Safari=userAgent(/safari/i)&&!userAgent(/chrome/i)&&!userAgent(/android/i);var IOS=userAgent(/iP(ad|od|hone)/i);var ChromeForAndroid=userAgent(/chrome/i)&&userAgent(/android/i);var captureMode={capture:false,passive:false};function on(t,e,n){t.addEventListener(e,n,!IE11OrLess&&captureMode)}function off(t,e,n){t.removeEventListener(e,n,!IE11OrLess&&captureMode)}function matches(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function getParentOrHost(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function closest(t,e,n,r){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&matches(t,e):matches(t,e))||r&&t===n){return t}if(t===n)break}while(t=getParentOrHost(t))}return null}var R_SPACE=/\s+/g;function toggleClass(t,e,n){if(t&&e){if(t.classList){t.classList[n?"add":"remove"](e)}else{var r=(" "+t.className+" ").replace(R_SPACE," ").replace(" "+e+" "," ");t.className=(r+(n?" "+e:"")).replace(R_SPACE," ")}}}function css(t,e,n){var r=t&&t.style;if(r){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){n=t.currentStyle}return e===void 0?n:n[e]}else{if(!(e in r)&&e.indexOf("webkit")===-1){e="-webkit-"+e}r[e]=n+(typeof n==="string"?"":"px")}}}function matrix(t,e){var n="";if(typeof t==="string"){n=t}else{do{var r=css(t,"transform");if(r&&r!=="none"){n=r+" "+n}}while(!e&&(t=t.parentNode))}var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function find(t,e,n){if(t){var r=t.getElementsByTagName(e),o=0,i=r.length;if(n){for(;o<i;o++){n(r[o],o)}}return r}return[]}function getWindowScrollingElement(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function getRect(t,e,n,r,o){if(!t.getBoundingClientRect&&t!==window)return;var i,l,a,s,u,c,f;if(t!==window&&t.parentNode&&t!==getWindowScrollingElement()){i=t.getBoundingClientRect();l=i.top;a=i.left;s=i.bottom;u=i.right;c=i.height;f=i.width}else{l=0;a=0;s=window.innerHeight;u=window.innerWidth;c=window.innerHeight;f=window.innerWidth}if((e||n)&&t!==window){o=o||t.parentNode;if(!IE11OrLess){do{if(o&&o.getBoundingClientRect&&(css(o,"transform")!=="none"||n&&css(o,"position")!=="static")){var d=o.getBoundingClientRect();l-=d.top+parseInt(css(o,"border-top-width"));a-=d.left+parseInt(css(o,"border-left-width"));s=l+i.height;u=a+i.width;break}}while(o=o.parentNode)}}if(r&&t!==window){var h=matrix(o||t),g=h&&h.a,v=h&&h.d;if(h){l/=v;a/=g;f/=g;c/=v;s=l+c;u=a+f}}return{top:l,left:a,bottom:s,right:u,width:f,height:c}}function isScrolledPast(t,e,n){var r=getParentAutoScrollElement(t,true),o=getRect(t)[e];while(r){var i=getRect(r)[n],l=void 0;{l=o>=i}if(!l)return r;if(r===getWindowScrollingElement())break;r=getParentAutoScrollElement(r,false)}return false}function getChild(t,e,n,r){var o=0,i=0,l=t.children;while(i<l.length){if(l[i].style.display!=="none"&&l[i]!==Sortable.ghost&&(r||l[i]!==Sortable.dragged)&&closest(l[i],n.draggable,t,false)){if(o===e){return l[i]}o++}i++}return null}function lastChild(t,e){var n=t.lastElementChild;while(n&&(n===Sortable.ghost||css(n,"display")==="none"||e&&!matches(n,e))){n=n.previousElementSibling}return n||null}function index(t,e){var n=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Sortable.clone&&(!e||matches(t,e))){n++}}return n}function getRelativeScrollOffset(t){var e=0,n=0,r=getWindowScrollingElement();if(t){do{var o=matrix(t),i=o.a,l=o.d;e+=t.scrollLeft*i;n+=t.scrollTop*l}while(t!==r&&(t=t.parentNode))}return[e,n]}function indexOfObject(t,e){for(var n in t){if(!t.hasOwnProperty(n))continue;for(var r in e){if(e.hasOwnProperty(r)&&e[r]===t[n][r])return Number(n)}}return-1}function getParentAutoScrollElement(t,e){if(!t||!t.getBoundingClientRect)return getWindowScrollingElement();var n=t;var r=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var o=css(n);if(n.clientWidth<n.scrollWidth&&(o.overflowX=="auto"||o.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(o.overflowY=="auto"||o.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return getWindowScrollingElement();if(r||e)return n;r=true}}}while(n=n.parentNode);return getWindowScrollingElement()}function extend(t,e){if(t&&e){for(var n in e){if(e.hasOwnProperty(n)){t[n]=e[n]}}}return t}function isRectEqual(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var _throttleTimeout;function throttle(t,e){return function(){if(!_throttleTimeout){var n=arguments,r=this;if(n.length===1){t.call(r,n[0])}else{t.apply(r,n)}_throttleTimeout=setTimeout((function(){_throttleTimeout=void 0}),e)}}}function cancelThrottle(){clearTimeout(_throttleTimeout);_throttleTimeout=void 0}function scrollBy(t,e,n){t.scrollLeft+=e;t.scrollTop+=n}function clone(t){var e=window.Polymer;var n=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(n){return n(t).clone(true)[0]}else{return t.cloneNode(true)}}function getChildContainingRectFromElement(t,e,n){var r={};Array.from(t.children).forEach((function(o){var i,l,a,s;if(!closest(o,e.draggable,t,false)||o.animated||o===n)return;var u=getRect(o);r.left=Math.min((i=r.left)!==null&&i!==void 0?i:Infinity,u.left);r.top=Math.min((l=r.top)!==null&&l!==void 0?l:Infinity,u.top);r.right=Math.max((a=r.right)!==null&&a!==void 0?a:-Infinity,u.right);r.bottom=Math.max((s=r.bottom)!==null&&s!==void 0?s:-Infinity,u.bottom)}));r.width=r.right-r.left;r.height=r.bottom-r.top;r.x=r.left;r.y=r.top;return r}var expando="Sortable"+(new Date).getTime();function AnimationStateManager(){var t=[],e;return{captureAnimationState:function e(){t=[];if(!this.options.animation)return;var n=[].slice.call(this.el.children);n.forEach((function(e){if(css(e,"display")==="none"||e===Sortable.ghost)return;t.push({target:e,rect:getRect(e)});var n=_objectSpread2({},t[t.length-1].rect);if(e.thisAnimationDuration){var r=matrix(e,true);if(r){n.top-=r.f;n.left-=r.e}}e.fromRect=n}))},addAnimationState:function e(n){t.push(n)},removeAnimationState:function e(n){t.splice(indexOfObject(t,{target:n}),1)},animateAll:function n(r){var o=this;if(!this.options.animation){clearTimeout(e);if(typeof r==="function")r();return}var i=false,l=0;t.forEach((function(t){var e=0,n=t.target,r=n.fromRect,a=getRect(n),s=n.prevFromRect,u=n.prevToRect,c=t.rect,f=matrix(n,true);if(f){a.top-=f.f;a.left-=f.e}n.toRect=a;if(n.thisAnimationDuration){if(isRectEqual(s,a)&&!isRectEqual(r,a)&&(c.top-a.top)/(c.left-a.left)===(r.top-a.top)/(r.left-a.left)){e=calculateRealTime(c,s,u,o.options)}}if(!isRectEqual(a,r)){n.prevFromRect=r;n.prevToRect=a;if(!e){e=o.options.animation}o.animate(n,c,a,e)}if(e){i=true;l=Math.max(l,e);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),e);n.thisAnimationDuration=e}}));clearTimeout(e);if(!i){if(typeof r==="function")r()}else{e=setTimeout((function(){if(typeof r==="function")r()}),l)}t=[]},animate:function t(e,n,r,o){if(o){css(e,"transition","");css(e,"transform","");var i=matrix(this.el),l=i&&i.a,a=i&&i.d,s=(n.left-r.left)/(l||1),u=(n.top-r.top)/(a||1);e.animatingX=!!s;e.animatingY=!!u;css(e,"transform","translate3d("+s+"px,"+u+"px,0)");this.forRepaintDummy=repaint(e);css(e,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:""));css(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){css(e,"transition","");css(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),o)}}}}function repaint(t){return t.offsetWidth}function calculateRealTime(t,e,n,r){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*r.animation}var plugins=[];var defaults={initializeByDefault:true};var PluginManager={mount:function t(e){for(var n in defaults){if(defaults.hasOwnProperty(n)&&!(n in e)){e[n]=defaults[n]}}plugins.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));plugins.push(e)},pluginEvent:function t(e,n,r){var o=this;this.eventCanceled=false;r.cancel=function(){o.eventCanceled=true};var i=e+"Global";plugins.forEach((function(t){if(!n[t.pluginName])return;if(n[t.pluginName][i]){n[t.pluginName][i](_objectSpread2({sortable:n},r))}if(n.options[t.pluginName]&&n[t.pluginName][e]){n[t.pluginName][e](_objectSpread2({sortable:n},r))}}))},initializePlugins:function t(e,n,r,o){plugins.forEach((function(t){var o=t.pluginName;if(!e.options[o]&&!t.initializeByDefault)return;var i=new t(e,n,e.options);i.sortable=e;i.options=e.options;e[o]=i;_extends(r,i.defaults)}));for(var i in e.options){if(!e.options.hasOwnProperty(i))continue;var l=this.modifyOption(e,i,e.options[i]);if(typeof l!=="undefined"){e.options[i]=l}}},getEventProperties:function t(e,n){var r={};plugins.forEach((function(t){if(typeof t.eventProperties!=="function")return;_extends(r,t.eventProperties.call(n[t.pluginName],e))}));return r},modifyOption:function t(e,n,r){var o;plugins.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[n]==="function"){o=t.optionListeners[n].call(e[t.pluginName],r)}}));return o}};function dispatchEvent(t){var e=t.sortable,n=t.rootEl,r=t.name,o=t.targetEl,i=t.cloneEl,l=t.toEl,a=t.fromEl,s=t.oldIndex,u=t.newIndex,c=t.oldDraggableIndex,f=t.newDraggableIndex,d=t.originalEvent,h=t.putSortable,g=t.extraEventProperties;e=e||n&&n[expando];if(!e)return;var v,E=e.options,p="on"+r.charAt(0).toUpperCase()+r.substr(1);if(window.CustomEvent&&!IE11OrLess&&!Edge){v=new CustomEvent(r,{bubbles:true,cancelable:true})}else{v=document.createEvent("Event");v.initEvent(r,true,true)}v.to=l||n;v.from=a||n;v.item=o||n;v.clone=i;v.oldIndex=s;v.newIndex=u;v.oldDraggableIndex=c;v.newDraggableIndex=f;v.originalEvent=d;v.pullMode=h?h.lastPutMode:undefined;var m=_objectSpread2(_objectSpread2({},g),PluginManager.getEventProperties(r,e));for(var b in m){v[b]=m[b]}if(n){n.dispatchEvent(v)}if(E[p]){E[p].call(e,v)}}var _excluded=["evt"];var pluginEvent=function t(e,n){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},o=r.evt,i=_objectWithoutProperties(r,_excluded);PluginManager.pluginEvent.bind(Sortable)(e,n,_objectSpread2({dragEl:dragEl,parentEl:parentEl,ghostEl:ghostEl,rootEl:rootEl,nextEl:nextEl,lastDownEl:lastDownEl,cloneEl:cloneEl,cloneHidden:cloneHidden,dragStarted:moved,putSortable:putSortable,activeSortable:Sortable.active,originalEvent:o,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex,hideGhostForTarget:_hideGhostForTarget,unhideGhostForTarget:_unhideGhostForTarget,cloneNowHidden:function t(){cloneHidden=true},cloneNowShown:function t(){cloneHidden=false},dispatchSortableEvent:function t(e){_dispatchEvent({sortable:n,name:e,originalEvent:o})}},i))};function _dispatchEvent(t){dispatchEvent(_objectSpread2({putSortable:putSortable,cloneEl:cloneEl,targetEl:dragEl,rootEl:rootEl,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex},t))}var dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,oldIndex,newIndex,oldDraggableIndex,newDraggableIndex,activeGroup,putSortable,awaitingDragStarted=false,ignoreNextClick=false,sortables=[],tapEvt,touchEvt,lastDx,lastDy,tapDistanceLeft,tapDistanceTop,moved,lastTarget,lastDirection,pastFirstInvertThresh=false,isCircumstantialInvert=false,targetMoveDistance,ghostRelativeParent,ghostRelativeParentInitialScroll=[],_silent=false,savedInputChecked=[];var documentExists=typeof document!=="undefined",PositionGhostAbsolutely=IOS,CSSFloatProperty=Edge||IE11OrLess?"cssFloat":"float",supportDraggable=documentExists&&!ChromeForAndroid&&!IOS&&"draggable"in document.createElement("div"),supportCssPointerEvents=function(){if(!documentExists)return;if(IE11OrLess){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),_detectDirection=function t(e,n){var r=css(e),o=parseInt(r.width)-parseInt(r.paddingLeft)-parseInt(r.paddingRight)-parseInt(r.borderLeftWidth)-parseInt(r.borderRightWidth),i=getChild(e,0,n),l=getChild(e,1,n),a=i&&css(i),s=l&&css(l),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+getRect(i).width,c=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+getRect(l).width;if(r.display==="flex"){return r.flexDirection==="column"||r.flexDirection==="column-reverse"?"vertical":"horizontal"}if(r.display==="grid"){return r.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(i&&a["float"]&&a["float"]!=="none"){var f=a["float"]==="left"?"left":"right";return l&&(s.clear==="both"||s.clear===f)?"vertical":"horizontal"}return i&&(a.display==="block"||a.display==="flex"||a.display==="table"||a.display==="grid"||u>=o&&r[CSSFloatProperty]==="none"||l&&r[CSSFloatProperty]==="none"&&u+c>o)?"vertical":"horizontal"},_dragElInRowColumn=function t(e,n,r){var o=r?e.left:e.top,i=r?e.right:e.bottom,l=r?e.width:e.height,a=r?n.left:n.top,s=r?n.right:n.bottom,u=r?n.width:n.height;return o===a||i===s||o+l/2===a+u/2},_detectNearestEmptySortable=function t(e,n){var r;sortables.some((function(t){var o=t[expando].options.emptyInsertThreshold;if(!o||lastChild(t))return;var i=getRect(t),l=e>=i.left-o&&e<=i.right+o,a=n>=i.top-o&&n<=i.bottom+o;if(l&&a){return r=t}}));return r},_prepareGroup=function t(e){function n(t,e){return function(r,o,i,l){var a=r.options.group.name&&o.options.group.name&&r.options.group.name===o.options.group.name;if(t==null&&(e||a)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return n(t(r,o,i,l),e)(r,o,i,l)}else{var s=(e?r:o).options.group.name;return t===true||typeof t==="string"&&t===s||t.join&&t.indexOf(s)>-1}}}var r={};var o=e.group;if(!o||_typeof(o)!="object"){o={name:o}}r.name=o.name;r.checkPull=n(o.pull,true);r.checkPut=n(o.put);r.revertClone=o.revertClone;e.group=r},_hideGhostForTarget=function t(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","none")}},_unhideGhostForTarget=function t(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","")}};if(documentExists&&!ChromeForAndroid){document.addEventListener("click",(function(t){if(ignoreNextClick){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();ignoreNextClick=false;return false}}),true)}var nearestEmptyInsertDetectEvent=function t(e){if(dragEl){e=e.touches?e.touches[0]:e;var n=_detectNearestEmptySortable(e.clientX,e.clientY);if(n){var r={};for(var o in e){if(e.hasOwnProperty(o)){r[o]=e[o]}}r.target=r.rootEl=n;r.preventDefault=void 0;r.stopPropagation=void 0;n[expando]._onDragOver(r)}}};var _checkOutsideTargetEl=function t(e){if(dragEl){dragEl.parentNode[expando]._isOutsideThisEl(e.target)}};function Sortable(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=_extends({},e);t[expando]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return _detectDirection(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,n){e.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Sortable.supportPointer!==false&&"PointerEvent"in window&&(!Safari||IOS),emptyInsertThreshold:5};PluginManager.initializePlugins(this,t,n);for(var r in n){!(r in e)&&(e[r]=n[r])}_prepareGroup(e);for(var o in this){if(o.charAt(0)==="_"&&typeof this[o]==="function"){this[o]=this[o].bind(this)}}this.nativeDraggable=e.forceFallback?false:supportDraggable;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){on(t,"pointerdown",this._onTapStart)}else{on(t,"mousedown",this._onTapStart);on(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){on(t,"dragover",this);on(t,"dragenter",this)}sortables.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);_extends(this,AnimationStateManager())}Sortable.prototype={constructor:Sortable,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){lastTarget=null}},_getDirection:function t(e,n){return typeof this.options.direction==="function"?this.options.direction.call(this,e,n,dragEl):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var n=this,r=this.el,o=this.options,i=o.preventOnFilter,l=e.type,a=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,s=(a||e).target,u=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||s,c=o.filter;_saveInputCheckedState(r);if(dragEl){return}if(/mousedown|pointerdown/.test(l)&&e.button!==0||o.disabled){return}if(u.isContentEditable){return}if(!this.nativeDraggable&&Safari&&s&&s.tagName.toUpperCase()==="SELECT"){return}s=closest(s,o.draggable,r,false);if(s&&s.animated){return}if(lastDownEl===s){return}oldIndex=index(s);oldDraggableIndex=index(s,o.draggable);if(typeof c==="function"){if(c.call(this,e,s,this)){_dispatchEvent({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:r,fromEl:r});pluginEvent("filter",n,{evt:e});i&&e.preventDefault();return}}else if(c){c=c.split(",").some((function(t){t=closest(u,t.trim(),r,false);if(t){_dispatchEvent({sortable:n,rootEl:t,name:"filter",targetEl:s,fromEl:r,toEl:r});pluginEvent("filter",n,{evt:e});return true}}));if(c){i&&e.preventDefault();return}}if(o.handle&&!closest(u,o.handle,r,false)){return}this._prepareDragStart(e,a,s)},_prepareDragStart:function t(e,n,r){var o=this,i=o.el,l=o.options,a=i.ownerDocument,s;if(r&&!dragEl&&r.parentNode===i){var u=getRect(r);rootEl=i;dragEl=r;parentEl=dragEl.parentNode;nextEl=dragEl.nextSibling;lastDownEl=r;activeGroup=l.group;Sortable.dragged=dragEl;tapEvt={target:dragEl,clientX:(n||e).clientX,clientY:(n||e).clientY};tapDistanceLeft=tapEvt.clientX-u.left;tapDistanceTop=tapEvt.clientY-u.top;this._lastX=(n||e).clientX;this._lastY=(n||e).clientY;dragEl.style["will-change"]="all";s=function t(){pluginEvent("delayEnded",o,{evt:e});if(Sortable.eventCanceled){o._onDrop();return}o._disableDelayedDragEvents();if(!FireFox&&o.nativeDraggable){dragEl.draggable=true}o._triggerDragStart(e,n);_dispatchEvent({sortable:o,name:"choose",originalEvent:e});toggleClass(dragEl,l.chosenClass,true)};l.ignore.split(",").forEach((function(t){find(dragEl,t.trim(),_disableDraggable)}));on(a,"dragover",nearestEmptyInsertDetectEvent);on(a,"mousemove",nearestEmptyInsertDetectEvent);on(a,"touchmove",nearestEmptyInsertDetectEvent);if(l.supportPointer){on(a,"pointerup",o._onDrop);!this.nativeDraggable&&on(a,"pointercancel",o._onDrop)}else{on(a,"mouseup",o._onDrop);on(a,"touchend",o._onDrop);on(a,"touchcancel",o._onDrop)}if(FireFox&&this.nativeDraggable){this.options.touchStartThreshold=4;dragEl.draggable=true}pluginEvent("delayStart",this,{evt:e});if(l.delay&&(!l.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(Edge||IE11OrLess))){if(Sortable.eventCanceled){this._onDrop();return}if(l.supportPointer){on(a,"pointerup",o._disableDelayedDrag);on(a,"pointercancel",o._disableDelayedDrag)}else{on(a,"mouseup",o._disableDelayedDrag);on(a,"touchend",o._disableDelayedDrag);on(a,"touchcancel",o._disableDelayedDrag)}on(a,"mousemove",o._delayedDragTouchMoveHandler);on(a,"touchmove",o._delayedDragTouchMoveHandler);l.supportPointer&&on(a,"pointermove",o._delayedDragTouchMoveHandler);o._dragStartTimer=setTimeout(s,l.delay)}else{s()}}},_delayedDragTouchMoveHandler:function t(e){var n=e.touches?e.touches[0]:e;if(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 t(){dragEl&&_disableDraggable(dragEl);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;off(e,"mouseup",this._disableDelayedDrag);off(e,"touchend",this._disableDelayedDrag);off(e,"touchcancel",this._disableDelayedDrag);off(e,"pointerup",this._disableDelayedDrag);off(e,"pointercancel",this._disableDelayedDrag);off(e,"mousemove",this._delayedDragTouchMoveHandler);off(e,"touchmove",this._delayedDragTouchMoveHandler);off(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,n){n=n||e.pointerType=="touch"&&e;if(!this.nativeDraggable||n){if(this.options.supportPointer){on(document,"pointermove",this._onTouchMove)}else if(n){on(document,"touchmove",this._onTouchMove)}else{on(document,"mousemove",this._onTouchMove)}}else{on(dragEl,"dragend",this);on(rootEl,"dragstart",this._onDragStart)}try{if(document.selection){_nextTick((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,n){awaitingDragStarted=false;if(rootEl&&dragEl){pluginEvent("dragStarted",this,{evt:n});if(this.nativeDraggable){on(document,"dragover",_checkOutsideTargetEl)}var r=this.options;!e&&toggleClass(dragEl,r.dragClass,false);toggleClass(dragEl,r.ghostClass,true);Sortable.active=this;e&&this._appendGhost();_dispatchEvent({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function t(){if(touchEvt){this._lastX=touchEvt.clientX;this._lastY=touchEvt.clientY;_hideGhostForTarget();var e=document.elementFromPoint(touchEvt.clientX,touchEvt.clientY);var n=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(touchEvt.clientX,touchEvt.clientY);if(e===n)break;n=e}dragEl.parentNode[expando]._isOutsideThisEl(e);if(n){do{if(n[expando]){var r=void 0;r=n[expando]._onDragOver({clientX:touchEvt.clientX,clientY:touchEvt.clientY,target:e,rootEl:n});if(r&&!this.options.dragoverBubble){break}}e=n}while(n=getParentOrHost(n))}_unhideGhostForTarget()}},_onTouchMove:function t(e){if(tapEvt){var n=this.options,r=n.fallbackTolerance,o=n.fallbackOffset,i=e.touches?e.touches[0]:e,l=ghostEl&&matrix(ghostEl,true),a=ghostEl&&l&&l.a,s=ghostEl&&l&&l.d,u=PositionGhostAbsolutely&&ghostRelativeParent&&getRelativeScrollOffset(ghostRelativeParent),c=(i.clientX-tapEvt.clientX+o.x)/(a||1)+(u?u[0]-ghostRelativeParentInitialScroll[0]:0)/(a||1),f=(i.clientY-tapEvt.clientY+o.y)/(s||1)+(u?u[1]-ghostRelativeParentInitialScroll[1]:0)/(s||1);if(!Sortable.active&&!awaitingDragStarted){if(r&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<r){return}this._onDragStart(e,true)}if(ghostEl){if(l){l.e+=c-(lastDx||0);l.f+=f-(lastDy||0)}else{l={a:1,b:0,c:0,d:1,e:c,f:f}}var d="matrix(".concat(l.a,",").concat(l.b,",").concat(l.c,",").concat(l.d,",").concat(l.e,",").concat(l.f,")");css(ghostEl,"webkitTransform",d);css(ghostEl,"mozTransform",d);css(ghostEl,"msTransform",d);css(ghostEl,"transform",d);lastDx=c;lastDy=f;touchEvt=i}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!ghostEl){var e=this.options.fallbackOnBody?document.body:rootEl,n=getRect(dragEl,true,PositionGhostAbsolutely,true,e),r=this.options;if(PositionGhostAbsolutely){ghostRelativeParent=e;while(css(ghostRelativeParent,"position")==="static"&&css(ghostRelativeParent,"transform")==="none"&&ghostRelativeParent!==document){ghostRelativeParent=ghostRelativeParent.parentNode}if(ghostRelativeParent!==document.body&&ghostRelativeParent!==document.documentElement){if(ghostRelativeParent===document)ghostRelativeParent=getWindowScrollingElement();n.top+=ghostRelativeParent.scrollTop;n.left+=ghostRelativeParent.scrollLeft}else{ghostRelativeParent=getWindowScrollingElement()}ghostRelativeParentInitialScroll=getRelativeScrollOffset(ghostRelativeParent)}ghostEl=dragEl.cloneNode(true);toggleClass(ghostEl,r.ghostClass,false);toggleClass(ghostEl,r.fallbackClass,true);toggleClass(ghostEl,r.dragClass,true);css(ghostEl,"transition","");css(ghostEl,"transform","");css(ghostEl,"box-sizing","border-box");css(ghostEl,"margin",0);css(ghostEl,"top",n.top);css(ghostEl,"left",n.left);css(ghostEl,"width",n.width);css(ghostEl,"height",n.height);css(ghostEl,"opacity","0.8");css(ghostEl,"position",PositionGhostAbsolutely?"absolute":"fixed");css(ghostEl,"zIndex","100000");css(ghostEl,"pointerEvents","none");Sortable.ghost=ghostEl;e.appendChild(ghostEl);css(ghostEl,"transform-origin",tapDistanceLeft/parseInt(ghostEl.style.width)*100+"% "+tapDistanceTop/parseInt(ghostEl.style.height)*100+"%")}},_onDragStart:function t(e,n){var r=this;var o=e.dataTransfer;var i=r.options;pluginEvent("dragStart",this,{evt:e});if(Sortable.eventCanceled){this._onDrop();return}pluginEvent("setupClone",this);if(!Sortable.eventCanceled){cloneEl=clone(dragEl);cloneEl.removeAttribute("id");cloneEl.draggable=false;cloneEl.style["will-change"]="";this._hideClone();toggleClass(cloneEl,this.options.chosenClass,false);Sortable.clone=cloneEl}r.cloneId=_nextTick((function(){pluginEvent("clone",r);if(Sortable.eventCanceled)return;if(!r.options.removeCloneOnHide){rootEl.insertBefore(cloneEl,dragEl)}r._hideClone();_dispatchEvent({sortable:r,name:"clone"})}));!n&&toggleClass(dragEl,i.dragClass,true);if(n){ignoreNextClick=true;r._loopId=setInterval(r._emulateDragOver,50)}else{off(document,"mouseup",r._onDrop);off(document,"touchend",r._onDrop);off(document,"touchcancel",r._onDrop);if(o){o.effectAllowed="move";i.setData&&i.setData.call(r,o,dragEl)}on(document,"drop",r);css(dragEl,"transform","translateZ(0)")}awaitingDragStarted=true;r._dragStartId=_nextTick(r._dragStarted.bind(r,n,e));on(document,"selectstart",r);moved=true;window.getSelection().removeAllRanges();if(Safari){css(document.body,"user-select","none")}},_onDragOver:function t(e){var n=this.el,r=e.target,o,i,l,a=this.options,s=a.group,u=Sortable.active,c=activeGroup===s,f=a.sort,d=putSortable||u,h,g=this,v=false;if(_silent)return;function E(t,a){pluginEvent(t,g,_objectSpread2({evt:e,isOwner:c,axis:h?"vertical":"horizontal",revert:l,dragRect:o,targetRect:i,canSort:f,fromSortable:d,target:r,completed:m,onMove:function t(r,i){return _onMove(rootEl,n,dragEl,o,r,getRect(r),e,i)},changed:b},a))}function p(){E("dragOverAnimationCapture");g.captureAnimationState();if(g!==d){d.captureAnimationState()}}function m(t){E("dragOverCompleted",{insertion:t});if(t){if(c){u._hideClone()}else{u._showClone(g)}if(g!==d){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:u.options.ghostClass,false);toggleClass(dragEl,a.ghostClass,true)}if(putSortable!==g&&g!==Sortable.active){putSortable=g}else if(g===Sortable.active&&putSortable){putSortable=null}if(d===g){g._ignoreWhileAnimating=r}g.animateAll((function(){E("dragOverAnimationComplete");g._ignoreWhileAnimating=null}));if(g!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(r===dragEl&&!dragEl.animated||r===n&&!r.animated){lastTarget=null}if(!a.dragoverBubble&&!e.rootEl&&r!==document){dragEl.parentNode[expando]._isOutsideThisEl(e.target);!t&&nearestEmptyInsertDetectEvent(e)}!a.dragoverBubble&&e.stopPropagation&&e.stopPropagation();return v=true}function b(){newIndex=index(dragEl);newDraggableIndex=index(dragEl,a.draggable);_dispatchEvent({sortable:g,name:"change",toEl:n,newIndex:newIndex,newDraggableIndex:newDraggableIndex,originalEvent:e})}if(e.preventDefault!==void 0){e.cancelable&&e.preventDefault()}r=closest(r,a.draggable,n,true);E("dragOver");if(Sortable.eventCanceled)return v;if(dragEl.contains(e.target)||r.animated&&r.animatingX&&r.animatingY||g._ignoreWhileAnimating===r){return m(false)}ignoreNextClick=false;if(u&&!a.disabled&&(c?f||(l=parentEl!==rootEl):putSortable===this||(this.lastPutMode=activeGroup.checkPull(this,u,dragEl,e))&&s.checkPut(this,u,dragEl,e))){h=this._getDirection(e,r)==="vertical";o=getRect(dragEl);E("dragOverValid");if(Sortable.eventCanceled)return v;if(l){parentEl=rootEl;p();this._hideClone();E("revert");if(!Sortable.eventCanceled){if(nextEl){rootEl.insertBefore(dragEl,nextEl)}else{rootEl.appendChild(dragEl)}}return m(true)}var S=lastChild(n,a.draggable);if(!S||_ghostIsLast(e,h,this)&&!S.animated){if(S===dragEl){return m(false)}if(S&&n===e.target){r=S}if(r){i=getRect(r)}if(_onMove(rootEl,n,dragEl,o,r,i,e,!!r)!==false){p();if(S&&S.nextSibling){n.insertBefore(dragEl,S.nextSibling)}else{n.appendChild(dragEl)}parentEl=n;b();return m(true)}}else if(S&&_ghostIsFirst(e,h,this)){var w=getChild(n,0,a,true);if(w===dragEl){return m(false)}r=w;i=getRect(r);if(_onMove(rootEl,n,dragEl,o,r,i,e,false)!==false){p();n.insertBefore(dragEl,w);parentEl=n;b();return m(true)}}else if(r.parentNode===n){i=getRect(r);var x=0,_,I=dragEl.parentNode!==n,y=!_dragElInRowColumn(dragEl.animated&&dragEl.toRect||o,r.animated&&r.toRect||i,h),D=h?"top":"left",C=isScrolledPast(r,"top","top")||isScrolledPast(dragEl,"top","top"),T=C?C.scrollTop:void 0;if(lastTarget!==r){_=i[D];pastFirstInvertThresh=false;isCircumstantialInvert=!y&&a.invertSwap||I}x=_getSwapDirection(e,r,i,h,y?1:a.swapThreshold,a.invertedSwapThreshold==null?a.swapThreshold:a.invertedSwapThreshold,isCircumstantialInvert,lastTarget===r);var P;if(x!==0){var R=index(dragEl);do{R-=x;P=parentEl.children[R]}while(P&&(css(P,"display")==="none"||P===ghostEl))}if(x===0||P===r){return m(false)}lastTarget=r;lastDirection=x;var O=r.nextElementSibling,A=false;A=x===1;var M=_onMove(rootEl,n,dragEl,o,r,i,e,A);if(M!==false){if(M===1||M===-1){A=M===1}_silent=true;setTimeout(_unsilent,30);p();if(A&&!O){n.appendChild(dragEl)}else{r.parentNode.insertBefore(dragEl,A?O:r)}if(C){scrollBy(C,0,T-C.scrollTop)}parentEl=dragEl.parentNode;if(_!==undefined&&!isCircumstantialInvert){targetMoveDistance=Math.abs(_-getRect(r)[D])}b();return m(true)}}if(n.contains(dragEl)){return m(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){off(document,"mousemove",this._onTouchMove);off(document,"touchmove",this._onTouchMove);off(document,"pointermove",this._onTouchMove);off(document,"dragover",nearestEmptyInsertDetectEvent);off(document,"mousemove",nearestEmptyInsertDetectEvent);off(document,"touchmove",nearestEmptyInsertDetectEvent)},_offUpEvents:function t(){var e=this.el.ownerDocument;off(e,"mouseup",this._onDrop);off(e,"touchend",this._onDrop);off(e,"pointerup",this._onDrop);off(e,"pointercancel",this._onDrop);off(e,"touchcancel",this._onDrop);off(document,"selectstart",this)},_onDrop:function t(e){var n=this.el,r=this.options;newIndex=index(dragEl);newDraggableIndex=index(dragEl,r.draggable);pluginEvent("drop",this,{evt:e});parentEl=dragEl&&dragEl.parentNode;newIndex=index(dragEl);newDraggableIndex=index(dragEl,r.draggable);if(Sortable.eventCanceled){this._nulling();return}awaitingDragStarted=false;isCircumstantialInvert=false;pastFirstInvertThresh=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);_cancelNextTick(this.cloneId);_cancelNextTick(this._dragStartId);if(this.nativeDraggable){off(document,"drop",this);off(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(Safari){css(document.body,"user-select","")}css(dragEl,"transform","");if(e){if(moved){e.cancelable&&e.preventDefault();!r.dropBubble&&e.stopPropagation()}ghostEl&&ghostEl.parentNode&&ghostEl.parentNode.removeChild(ghostEl);if(rootEl===parentEl||putSortable&&putSortable.lastPutMode!=="clone"){cloneEl&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl)}if(dragEl){if(this.nativeDraggable){off(dragEl,"dragend",this)}_disableDraggable(dragEl);dragEl.style["will-change"]="";if(moved&&!awaitingDragStarted){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:this.options.ghostClass,false)}toggleClass(dragEl,this.options.chosenClass,false);_dispatchEvent({sortable:this,name:"unchoose",toEl:parentEl,newIndex:null,newDraggableIndex:null,originalEvent:e});if(rootEl!==parentEl){if(newIndex>=0){_dispatchEvent({rootEl:parentEl,name:"add",toEl:parentEl,fromEl:rootEl,originalEvent:e});_dispatchEvent({sortable:this,name:"remove",toEl:parentEl,originalEvent:e});_dispatchEvent({rootEl:parentEl,name:"sort",toEl:parentEl,fromEl:rootEl,originalEvent:e});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:e})}putSortable&&putSortable.save()}else{if(newIndex!==oldIndex){if(newIndex>=0){_dispatchEvent({sortable:this,name:"update",toEl:parentEl,originalEvent:e});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:e})}}}if(Sortable.active){if(newIndex==null||newIndex===-1){newIndex=oldIndex;newDraggableIndex=oldDraggableIndex}_dispatchEvent({sortable:this,name:"end",toEl:parentEl,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){pluginEvent("nulling",this);rootEl=dragEl=parentEl=ghostEl=nextEl=cloneEl=lastDownEl=cloneHidden=tapEvt=touchEvt=moved=newIndex=newDraggableIndex=oldIndex=oldDraggableIndex=lastTarget=lastDirection=putSortable=activeGroup=Sortable.dragged=Sortable.ghost=Sortable.clone=Sortable.active=null;savedInputChecked.forEach((function(t){t.checked=true}));savedInputChecked.length=lastDx=lastDy=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(dragEl){this._onDragOver(e);_globalDragOver(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],n,r=this.el.children,o=0,i=r.length,l=this.options;for(;o<i;o++){n=r[o];if(closest(n,l.draggable,this.el,false)){e.push(n.getAttribute(l.dataIdAttr)||_generateId(n))}}return e},sort:function t(e,n){var r={},o=this.el;this.toArray().forEach((function(t,e){var n=o.children[e];if(closest(n,this.options.draggable,o,false)){r[t]=n}}),this);n&&this.captureAnimationState();e.forEach((function(t){if(r[t]){o.removeChild(r[t]);o.appendChild(r[t])}}));n&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,n){return closest(e,n||this.options.draggable,this.el,false)},option:function t(e,n){var r=this.options;if(n===void 0){return r[e]}else{var o=PluginManager.modifyOption(this,e,n);if(typeof o!=="undefined"){r[e]=o}else{r[e]=n}if(e==="group"){_prepareGroup(r)}}},destroy:function t(){pluginEvent("destroy",this);var e=this.el;e[expando]=null;off(e,"mousedown",this._onTapStart);off(e,"touchstart",this._onTapStart);off(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){off(e,"dragover",this);off(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();sortables.splice(sortables.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!cloneHidden){pluginEvent("hideClone",this);if(Sortable.eventCanceled)return;css(cloneEl,"display","none");if(this.options.removeCloneOnHide&&cloneEl.parentNode){cloneEl.parentNode.removeChild(cloneEl)}cloneHidden=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(cloneHidden){pluginEvent("showClone",this);if(Sortable.eventCanceled)return;if(dragEl.parentNode==rootEl&&!this.options.group.revertClone){rootEl.insertBefore(cloneEl,dragEl)}else if(nextEl){rootEl.insertBefore(cloneEl,nextEl)}else{rootEl.appendChild(cloneEl)}if(this.options.group.revertClone){this.animate(dragEl,cloneEl)}css(cloneEl,"display","");cloneHidden=false}}};function _globalDragOver(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function _onMove(t,e,n,r,o,i,l,a){var s,u=t[expando],c=u.options.onMove,f;if(window.CustomEvent&&!IE11OrLess&&!Edge){s=new CustomEvent("move",{bubbles:true,cancelable:true})}else{s=document.createEvent("Event");s.initEvent("move",true,true)}s.to=e;s.from=t;s.dragged=n;s.draggedRect=r;s.related=o||e;s.relatedRect=i||getRect(e);s.willInsertAfter=a;s.originalEvent=l;t.dispatchEvent(s);if(c){f=c.call(u,s,l)}return f}function _disableDraggable(t){t.draggable=false}function _unsilent(){_silent=false}function _ghostIsFirst(t,e,n){var r=getRect(getChild(n.el,0,n.options,true));var o=getChildContainingRectFromElement(n.el,n.options,ghostEl);var i=10;return e?t.clientX<o.left-i||t.clientY<r.top&&t.clientX<r.right:t.clientY<o.top-i||t.clientY<r.bottom&&t.clientX<r.left}function _ghostIsLast(t,e,n){var r=getRect(lastChild(n.el,n.options.draggable));var o=getChildContainingRectFromElement(n.el,n.options,ghostEl);var i=10;return e?t.clientX>o.right+i||t.clientY>r.bottom&&t.clientX>r.left:t.clientY>o.bottom+i||t.clientX>r.right&&t.clientY>r.top}function _getSwapDirection(t,e,n,r,o,i,l,a){var s=r?t.clientY:t.clientX,u=r?n.height:n.width,c=r?n.top:n.left,f=r?n.bottom:n.right,d=false;if(!l){if(a&&targetMoveDistance<u*o){if(!pastFirstInvertThresh&&(lastDirection===1?s>c+u*i/2:s<f-u*i/2)){pastFirstInvertThresh=true}if(!pastFirstInvertThresh){if(lastDirection===1?s<c+targetMoveDistance:s>f-targetMoveDistance){return-lastDirection}}else{d=true}}else{if(s>c+u*(1-o)/2&&s<f-u*(1-o)/2){return _getInsertDirection(e)}}}d=d||l;if(d){if(s<c+u*i/2||s>f-u*i/2){return s>c+u/2?1:-1}}return 0}function _getInsertDirection(t){if(index(dragEl)<index(t)){return 1}else{return-1}}function _generateId(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,r=0;while(n--){r+=e.charCodeAt(n)}return r.toString(36)}function _saveInputCheckedState(t){savedInputChecked.length=0;var e=t.getElementsByTagName("input");var n=e.length;while(n--){var r=e[n];r.checked&&savedInputChecked.push(r)}}function _nextTick(t){return setTimeout(t,0)}function _cancelNextTick(t){return clearTimeout(t)}if(documentExists){on(document,"touchmove",(function(t){if((Sortable.active||awaitingDragStarted)&&t.cancelable){t.preventDefault()}}))}Sortable.utils={on:on,off:off,css:css,find:find,is:function t(e,n){return!!closest(e,n,e,false)},extend:extend,throttle:throttle,closest:closest,toggleClass:toggleClass,clone:clone,index:index,nextTick:_nextTick,cancelNextTick:_cancelNextTick,detectDirection:_detectDirection,getChild:getChild,expando:expando};Sortable.get=function(t){return t[expando]};Sortable.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++){e[n]=arguments[n]}if(e[0].constructor===Array)e=e[0];e.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Sortable.utils=_objectSpread2(_objectSpread2({},Sortable.utils),t.utils);PluginManager.mount(t)}))};Sortable.create=function(t,e){return new Sortable(t,e)};Sortable.version=version;var autoScrolls=[],scrollEl,scrollRootEl,scrolling=false,lastAutoScrollX,lastAutoScrollY,touchEvt$1,pointerElemChangedInterval;function AutoScrollPlugin(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var n=e.originalEvent;if(this.sortable.nativeDraggable){on(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){on(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){on(document,"touchmove",this._handleFallbackAutoScroll)}else{on(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var n=e.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function t(){if(this.sortable.nativeDraggable){off(document,"dragover",this._handleAutoScroll)}else{off(document,"pointermove",this._handleFallbackAutoScroll);off(document,"touchmove",this._handleFallbackAutoScroll);off(document,"mousemove",this._handleFallbackAutoScroll)}clearPointerElemChangedInterval();clearAutoScrolls();cancelThrottle()},nulling:function t(){touchEvt$1=scrollRootEl=scrollEl=scrolling=pointerElemChangedInterval=lastAutoScrollX=lastAutoScrollY=null;autoScrolls.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,n){var r=this;var o=(e.touches?e.touches[0]:e).clientX,i=(e.touches?e.touches[0]:e).clientY,l=document.elementFromPoint(o,i);touchEvt$1=e;if(n||this.options.forceAutoScrollFallback||Edge||IE11OrLess||Safari){autoScroll(e,this.options,l,n);var a=getParentAutoScrollElement(l,true);if(scrolling&&(!pointerElemChangedInterval||o!==lastAutoScrollX||i!==lastAutoScrollY)){pointerElemChangedInterval&&clearPointerElemChangedInterval();pointerElemChangedInterval=setInterval((function(){var t=getParentAutoScrollElement(document.elementFromPoint(o,i),true);if(t!==a){a=t;clearAutoScrolls()}autoScroll(e,r.options,t,n)}),10);lastAutoScrollX=o;lastAutoScrollY=i}}else{if(!this.options.bubbleScroll||getParentAutoScrollElement(l,true)===getWindowScrollingElement()){clearAutoScrolls();return}autoScroll(e,this.options,getParentAutoScrollElement(l,false),false)}}};return _extends(t,{pluginName:"scroll",initializeByDefault:true})}function clearAutoScrolls(){autoScrolls.forEach((function(t){clearInterval(t.pid)}));autoScrolls=[]}function clearPointerElemChangedInterval(){clearInterval(pointerElemChangedInterval)}var autoScroll=throttle((function(t,e,n,r){if(!e.scroll)return;var o=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,l=e.scrollSensitivity,a=e.scrollSpeed,s=getWindowScrollingElement();var u=false,c;if(scrollRootEl!==n){scrollRootEl=n;clearAutoScrolls();scrollEl=e.scroll;c=e.scrollFn;if(scrollEl===true){scrollEl=getParentAutoScrollElement(n,true)}}var f=0;var d=scrollEl;do{var h=d,g=getRect(h),v=g.top,E=g.bottom,p=g.left,m=g.right,b=g.width,S=g.height,w=void 0,x=void 0,_=h.scrollWidth,I=h.scrollHeight,y=css(h),D=h.scrollLeft,C=h.scrollTop;if(h===s){w=b<_&&(y.overflowX==="auto"||y.overflowX==="scroll"||y.overflowX==="visible");x=S<I&&(y.overflowY==="auto"||y.overflowY==="scroll"||y.overflowY==="visible")}else{w=b<_&&(y.overflowX==="auto"||y.overflowX==="scroll");x=S<I&&(y.overflowY==="auto"||y.overflowY==="scroll")}var T=w&&(Math.abs(m-o)<=l&&D+b<_)-(Math.abs(p-o)<=l&&!!D);var P=x&&(Math.abs(E-i)<=l&&C+S<I)-(Math.abs(v-i)<=l&&!!C);if(!autoScrolls[f]){for(var R=0;R<=f;R++){if(!autoScrolls[R]){autoScrolls[R]={}}}}if(autoScrolls[f].vx!=T||autoScrolls[f].vy!=P||autoScrolls[f].el!==h){autoScrolls[f].el=h;autoScrolls[f].vx=T;autoScrolls[f].vy=P;clearInterval(autoScrolls[f].pid);if(T!=0||P!=0){u=true;autoScrolls[f].pid=setInterval(function(){if(r&&this.layer===0){Sortable.active._onTouchMove(touchEvt$1)}var e=autoScrolls[this.layer].vy?autoScrolls[this.layer].vy*a:0;var n=autoScrolls[this.layer].vx?autoScrolls[this.layer].vx*a:0;if(typeof c==="function"){if(c.call(Sortable.dragged.parentNode[expando],n,e,t,touchEvt$1,autoScrolls[this.layer].el)!=="continue"){return}}scrollBy(autoScrolls[this.layer].el,n,e)}.bind({layer:f}),24)}}f++}while(e.bubbleScroll&&d!==s&&(d=getParentAutoScrollElement(d,false)));scrolling=u}),30);var drop=function t(e){var n=e.originalEvent,r=e.putSortable,o=e.dragEl,i=e.activeSortable,l=e.dispatchSortableEvent,a=e.hideGhostForTarget,s=e.unhideGhostForTarget;if(!n)return;var u=r||i;a();var c=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var f=document.elementFromPoint(c.clientX,c.clientY);s();if(u&&!u.el.contains(f)){l("spill");this.onSpill({dragEl:o,putSortable:r})}};function Revert(){}Revert.prototype={startIndex:null,dragStart:function t(e){var n=e.oldDraggableIndex;this.startIndex=n},onSpill:function t(e){var n=e.dragEl,r=e.putSortable;this.sortable.captureAnimationState();if(r){r.captureAnimationState()}var o=getChild(this.sortable.el,this.startIndex,this.options);if(o){this.sortable.el.insertBefore(n,o)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(r){r.animateAll()}},drop:drop};_extends(Revert,{pluginName:"revertOnSpill"});function Remove(){}Remove.prototype={onSpill:function t(e){var n=e.dragEl,r=e.putSortable;var o=r||this.sortable;o.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);o.animateAll()},drop:drop};_extends(Remove,{pluginName:"removeOnSpill"});Sortable.mount(new AutoScrollPlugin);Sortable.mount(Remove,Revert);var pdsSortableCss=".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)}";var PdsSortable=function(){function t(t){registerInstance(this,t);this.pdsSortableItemMoved=createEvent(this,"pdsSortableItemMoved");this.border=false;this.dividers=false;this.handleType="row"}t.prototype.classNames=function(){var t=["pds-sortable"];if(this.border){t.push("pds-sortable--bordered")}if(this.dividers){t.push("pds-sortable--divided")}if(this.handleType!==undefined){t.push("pds-sortable--handle-type-".concat(this.handleType))}return t.join("  ")};t.prototype.componentDidLoad=function(){var t=this;var e={animation:150,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:function(e){t.pdsSortableItemMoved.emit(e)}};if(this.handleType==="handle"){e=Object.assign(Object.assign({},e),{handle:".pds-sortable-item__handle"})}Sortable.create(this.el,e)};t.prototype.render=function(){return h(Host,{key:"4f1335560e5082991c6f3dffcf30d83f89b2c20c",class:this.classNames(),id:this.componentId},h("slot",{key:"848505cc4b31df36c57c2db8690d1ce93df17b92"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsSortable.style=pdsSortableCss;export{PdsSortable as pds_sortable};
+ */function ownKeys(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);if(e){r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))}n.push.apply(n,r)}return n}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var n=arguments[e]!=null?arguments[e]:{};if(e%2){ownKeys(Object(n),true).forEach((function(e){_defineProperty(t,e,n[e])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(t,Object.getOwnPropertyDescriptors(n))}else{ownKeys(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}}return t}function _typeof(t){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function(t){return typeof t}}else{_typeof=function(t){return t&&typeof Symbol==="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t}}return _typeof(t)}function _defineProperty(t,e,n){if(e in t){Object.defineProperty(t,e,{value:n,enumerable:true,configurable:true,writable:true})}else{t[e]=n}return t}function _extends(){_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n){if(Object.prototype.hasOwnProperty.call(n,r)){t[r]=n[r]}}}return t};return _extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(t,e){if(t==null)return{};var n={};var r=Object.keys(t);var o,i;for(i=0;i<r.length;i++){o=r[i];if(e.indexOf(o)>=0)continue;n[o]=t[o]}return n}function _objectWithoutProperties(t,e){if(t==null)return{};var n=_objectWithoutPropertiesLoose(t,e);var r,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++){r=i[o];if(e.indexOf(r)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(t,r))continue;n[r]=t[r]}}return n}var version="1.15.6";function userAgent(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}var IE11OrLess=userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var Edge=userAgent(/Edge/i);var FireFox=userAgent(/firefox/i);var Safari=userAgent(/safari/i)&&!userAgent(/chrome/i)&&!userAgent(/android/i);var IOS=userAgent(/iP(ad|od|hone)/i);var ChromeForAndroid=userAgent(/chrome/i)&&userAgent(/android/i);var captureMode={capture:false,passive:false};function on(t,e,n){t.addEventListener(e,n,!IE11OrLess&&captureMode)}function off(t,e,n){t.removeEventListener(e,n,!IE11OrLess&&captureMode)}function matches(t,e){if(!e)return;e[0]===">"&&(e=e.substring(1));if(t){try{if(t.matches){return t.matches(e)}else if(t.msMatchesSelector){return t.msMatchesSelector(e)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(e)}}catch(t){return false}}return false}function getParentOrHost(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function closest(t,e,n,r){if(t){n=n||document;do{if(e!=null&&(e[0]===">"?t.parentNode===n&&matches(t,e):matches(t,e))||r&&t===n){return t}if(t===n)break}while(t=getParentOrHost(t))}return null}var R_SPACE=/\s+/g;function toggleClass(t,e,n){if(t&&e){if(t.classList){t.classList[n?"add":"remove"](e)}else{var r=(" "+t.className+" ").replace(R_SPACE," ").replace(" "+e+" "," ");t.className=(r+(n?" "+e:"")).replace(R_SPACE," ")}}}function css(t,e,n){var r=t&&t.style;if(r){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){n=t.currentStyle}return e===void 0?n:n[e]}else{if(!(e in r)&&e.indexOf("webkit")===-1){e="-webkit-"+e}r[e]=n+(typeof n==="string"?"":"px")}}}function matrix(t,e){var n="";if(typeof t==="string"){n=t}else{do{var r=css(t,"transform");if(r&&r!=="none"){n=r+" "+n}}while(!e&&(t=t.parentNode))}var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(n)}function find(t,e,n){if(t){var r=t.getElementsByTagName(e),o=0,i=r.length;if(n){for(;o<i;o++){n(r[o],o)}}return r}return[]}function getWindowScrollingElement(){var t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function getRect(t,e,n,r,o){if(!t.getBoundingClientRect&&t!==window)return;var i,l,a,s,u,c,f;if(t!==window&&t.parentNode&&t!==getWindowScrollingElement()){i=t.getBoundingClientRect();l=i.top;a=i.left;s=i.bottom;u=i.right;c=i.height;f=i.width}else{l=0;a=0;s=window.innerHeight;u=window.innerWidth;c=window.innerHeight;f=window.innerWidth}if((e||n)&&t!==window){o=o||t.parentNode;if(!IE11OrLess){do{if(o&&o.getBoundingClientRect&&(css(o,"transform")!=="none"||n&&css(o,"position")!=="static")){var d=o.getBoundingClientRect();l-=d.top+parseInt(css(o,"border-top-width"));a-=d.left+parseInt(css(o,"border-left-width"));s=l+i.height;u=a+i.width;break}}while(o=o.parentNode)}}if(r&&t!==window){var h=matrix(o||t),g=h&&h.a,v=h&&h.d;if(h){l/=v;a/=g;f/=g;c/=v;s=l+c;u=a+f}}return{top:l,left:a,bottom:s,right:u,width:f,height:c}}function isScrolledPast(t,e,n){var r=getParentAutoScrollElement(t,true),o=getRect(t)[e];while(r){var i=getRect(r)[n],l=void 0;{l=o>=i}if(!l)return r;if(r===getWindowScrollingElement())break;r=getParentAutoScrollElement(r,false)}return false}function getChild(t,e,n,r){var o=0,i=0,l=t.children;while(i<l.length){if(l[i].style.display!=="none"&&l[i]!==Sortable.ghost&&(r||l[i]!==Sortable.dragged)&&closest(l[i],n.draggable,t,false)){if(o===e){return l[i]}o++}i++}return null}function lastChild(t,e){var n=t.lastElementChild;while(n&&(n===Sortable.ghost||css(n,"display")==="none"||e&&!matches(n,e))){n=n.previousElementSibling}return n||null}function index(t,e){var n=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==Sortable.clone&&(!e||matches(t,e))){n++}}return n}function getRelativeScrollOffset(t){var e=0,n=0,r=getWindowScrollingElement();if(t){do{var o=matrix(t),i=o.a,l=o.d;e+=t.scrollLeft*i;n+=t.scrollTop*l}while(t!==r&&(t=t.parentNode))}return[e,n]}function indexOfObject(t,e){for(var n in t){if(!t.hasOwnProperty(n))continue;for(var r in e){if(e.hasOwnProperty(r)&&e[r]===t[n][r])return Number(n)}}return-1}function getParentAutoScrollElement(t,e){if(!t||!t.getBoundingClientRect)return getWindowScrollingElement();var n=t;var r=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var o=css(n);if(n.clientWidth<n.scrollWidth&&(o.overflowX=="auto"||o.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(o.overflowY=="auto"||o.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return getWindowScrollingElement();if(r||e)return n;r=true}}}while(n=n.parentNode);return getWindowScrollingElement()}function extend(t,e){if(t&&e){for(var n in e){if(e.hasOwnProperty(n)){t[n]=e[n]}}}return t}function isRectEqual(t,e){return Math.round(t.top)===Math.round(e.top)&&Math.round(t.left)===Math.round(e.left)&&Math.round(t.height)===Math.round(e.height)&&Math.round(t.width)===Math.round(e.width)}var _throttleTimeout;function throttle(t,e){return function(){if(!_throttleTimeout){var n=arguments,r=this;if(n.length===1){t.call(r,n[0])}else{t.apply(r,n)}_throttleTimeout=setTimeout((function(){_throttleTimeout=void 0}),e)}}}function cancelThrottle(){clearTimeout(_throttleTimeout);_throttleTimeout=void 0}function scrollBy(t,e,n){t.scrollLeft+=e;t.scrollTop+=n}function clone(t){var e=window.Polymer;var n=window.jQuery||window.Zepto;if(e&&e.dom){return e.dom(t).cloneNode(true)}else if(n){return n(t).clone(true)[0]}else{return t.cloneNode(true)}}function getChildContainingRectFromElement(t,e,n){var r={};Array.from(t.children).forEach((function(o){var i,l,a,s;if(!closest(o,e.draggable,t,false)||o.animated||o===n)return;var u=getRect(o);r.left=Math.min((i=r.left)!==null&&i!==void 0?i:Infinity,u.left);r.top=Math.min((l=r.top)!==null&&l!==void 0?l:Infinity,u.top);r.right=Math.max((a=r.right)!==null&&a!==void 0?a:-Infinity,u.right);r.bottom=Math.max((s=r.bottom)!==null&&s!==void 0?s:-Infinity,u.bottom)}));r.width=r.right-r.left;r.height=r.bottom-r.top;r.x=r.left;r.y=r.top;return r}var expando="Sortable"+(new Date).getTime();function AnimationStateManager(){var t=[],e;return{captureAnimationState:function e(){t=[];if(!this.options.animation)return;var n=[].slice.call(this.el.children);n.forEach((function(e){if(css(e,"display")==="none"||e===Sortable.ghost)return;t.push({target:e,rect:getRect(e)});var n=_objectSpread2({},t[t.length-1].rect);if(e.thisAnimationDuration){var r=matrix(e,true);if(r){n.top-=r.f;n.left-=r.e}}e.fromRect=n}))},addAnimationState:function e(n){t.push(n)},removeAnimationState:function e(n){t.splice(indexOfObject(t,{target:n}),1)},animateAll:function n(r){var o=this;if(!this.options.animation){clearTimeout(e);if(typeof r==="function")r();return}var i=false,l=0;t.forEach((function(t){var e=0,n=t.target,r=n.fromRect,a=getRect(n),s=n.prevFromRect,u=n.prevToRect,c=t.rect,f=matrix(n,true);if(f){a.top-=f.f;a.left-=f.e}n.toRect=a;if(n.thisAnimationDuration){if(isRectEqual(s,a)&&!isRectEqual(r,a)&&(c.top-a.top)/(c.left-a.left)===(r.top-a.top)/(r.left-a.left)){e=calculateRealTime(c,s,u,o.options)}}if(!isRectEqual(a,r)){n.prevFromRect=r;n.prevToRect=a;if(!e){e=o.options.animation}o.animate(n,c,a,e)}if(e){i=true;l=Math.max(l,e);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),e);n.thisAnimationDuration=e}}));clearTimeout(e);if(!i){if(typeof r==="function")r()}else{e=setTimeout((function(){if(typeof r==="function")r()}),l)}t=[]},animate:function t(e,n,r,o){if(o){css(e,"transition","");css(e,"transform","");var i=matrix(this.el),l=i&&i.a,a=i&&i.d,s=(n.left-r.left)/(l||1),u=(n.top-r.top)/(a||1);e.animatingX=!!s;e.animatingY=!!u;css(e,"transform","translate3d("+s+"px,"+u+"px,0)");this.forRepaintDummy=repaint(e);css(e,"transition","transform "+o+"ms"+(this.options.easing?" "+this.options.easing:""));css(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){css(e,"transition","");css(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),o)}}}}function repaint(t){return t.offsetWidth}function calculateRealTime(t,e,n,r){return Math.sqrt(Math.pow(e.top-t.top,2)+Math.pow(e.left-t.left,2))/Math.sqrt(Math.pow(e.top-n.top,2)+Math.pow(e.left-n.left,2))*r.animation}var plugins=[];var defaults={initializeByDefault:true};var PluginManager={mount:function t(e){for(var n in defaults){if(defaults.hasOwnProperty(n)&&!(n in e)){e[n]=defaults[n]}}plugins.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));plugins.push(e)},pluginEvent:function t(e,n,r){var o=this;this.eventCanceled=false;r.cancel=function(){o.eventCanceled=true};var i=e+"Global";plugins.forEach((function(t){if(!n[t.pluginName])return;if(n[t.pluginName][i]){n[t.pluginName][i](_objectSpread2({sortable:n},r))}if(n.options[t.pluginName]&&n[t.pluginName][e]){n[t.pluginName][e](_objectSpread2({sortable:n},r))}}))},initializePlugins:function t(e,n,r,o){plugins.forEach((function(t){var o=t.pluginName;if(!e.options[o]&&!t.initializeByDefault)return;var i=new t(e,n,e.options);i.sortable=e;i.options=e.options;e[o]=i;_extends(r,i.defaults)}));for(var i in e.options){if(!e.options.hasOwnProperty(i))continue;var l=this.modifyOption(e,i,e.options[i]);if(typeof l!=="undefined"){e.options[i]=l}}},getEventProperties:function t(e,n){var r={};plugins.forEach((function(t){if(typeof t.eventProperties!=="function")return;_extends(r,t.eventProperties.call(n[t.pluginName],e))}));return r},modifyOption:function t(e,n,r){var o;plugins.forEach((function(t){if(!e[t.pluginName])return;if(t.optionListeners&&typeof t.optionListeners[n]==="function"){o=t.optionListeners[n].call(e[t.pluginName],r)}}));return o}};function dispatchEvent(t){var e=t.sortable,n=t.rootEl,r=t.name,o=t.targetEl,i=t.cloneEl,l=t.toEl,a=t.fromEl,s=t.oldIndex,u=t.newIndex,c=t.oldDraggableIndex,f=t.newDraggableIndex,d=t.originalEvent,h=t.putSortable,g=t.extraEventProperties;e=e||n&&n[expando];if(!e)return;var v,E=e.options,p="on"+r.charAt(0).toUpperCase()+r.substr(1);if(window.CustomEvent&&!IE11OrLess&&!Edge){v=new CustomEvent(r,{bubbles:true,cancelable:true})}else{v=document.createEvent("Event");v.initEvent(r,true,true)}v.to=l||n;v.from=a||n;v.item=o||n;v.clone=i;v.oldIndex=s;v.newIndex=u;v.oldDraggableIndex=c;v.newDraggableIndex=f;v.originalEvent=d;v.pullMode=h?h.lastPutMode:undefined;var m=_objectSpread2(_objectSpread2({},g),PluginManager.getEventProperties(r,e));for(var b in m){v[b]=m[b]}if(n){n.dispatchEvent(v)}if(E[p]){E[p].call(e,v)}}var _excluded=["evt"];var pluginEvent=function t(e,n){var r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},o=r.evt,i=_objectWithoutProperties(r,_excluded);PluginManager.pluginEvent.bind(Sortable)(e,n,_objectSpread2({dragEl:dragEl,parentEl:parentEl,ghostEl:ghostEl,rootEl:rootEl,nextEl:nextEl,lastDownEl:lastDownEl,cloneEl:cloneEl,cloneHidden:cloneHidden,dragStarted:moved,putSortable:putSortable,activeSortable:Sortable.active,originalEvent:o,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex,hideGhostForTarget:_hideGhostForTarget,unhideGhostForTarget:_unhideGhostForTarget,cloneNowHidden:function t(){cloneHidden=true},cloneNowShown:function t(){cloneHidden=false},dispatchSortableEvent:function t(e){_dispatchEvent({sortable:n,name:e,originalEvent:o})}},i))};function _dispatchEvent(t){dispatchEvent(_objectSpread2({putSortable:putSortable,cloneEl:cloneEl,targetEl:dragEl,rootEl:rootEl,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex},t))}var dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,oldIndex,newIndex,oldDraggableIndex,newDraggableIndex,activeGroup,putSortable,awaitingDragStarted=false,ignoreNextClick=false,sortables=[],tapEvt,touchEvt,lastDx,lastDy,tapDistanceLeft,tapDistanceTop,moved,lastTarget,lastDirection,pastFirstInvertThresh=false,isCircumstantialInvert=false,targetMoveDistance,ghostRelativeParent,ghostRelativeParentInitialScroll=[],_silent=false,savedInputChecked=[];var documentExists=typeof document!=="undefined",PositionGhostAbsolutely=IOS,CSSFloatProperty=Edge||IE11OrLess?"cssFloat":"float",supportDraggable=documentExists&&!ChromeForAndroid&&!IOS&&"draggable"in document.createElement("div"),supportCssPointerEvents=function(){if(!documentExists)return;if(IE11OrLess){return false}var t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),_detectDirection=function t(e,n){var r=css(e),o=parseInt(r.width)-parseInt(r.paddingLeft)-parseInt(r.paddingRight)-parseInt(r.borderLeftWidth)-parseInt(r.borderRightWidth),i=getChild(e,0,n),l=getChild(e,1,n),a=i&&css(i),s=l&&css(l),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+getRect(i).width,c=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+getRect(l).width;if(r.display==="flex"){return r.flexDirection==="column"||r.flexDirection==="column-reverse"?"vertical":"horizontal"}if(r.display==="grid"){return r.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(i&&a["float"]&&a["float"]!=="none"){var f=a["float"]==="left"?"left":"right";return l&&(s.clear==="both"||s.clear===f)?"vertical":"horizontal"}return i&&(a.display==="block"||a.display==="flex"||a.display==="table"||a.display==="grid"||u>=o&&r[CSSFloatProperty]==="none"||l&&r[CSSFloatProperty]==="none"&&u+c>o)?"vertical":"horizontal"},_dragElInRowColumn=function t(e,n,r){var o=r?e.left:e.top,i=r?e.right:e.bottom,l=r?e.width:e.height,a=r?n.left:n.top,s=r?n.right:n.bottom,u=r?n.width:n.height;return o===a||i===s||o+l/2===a+u/2},_detectNearestEmptySortable=function t(e,n){var r;sortables.some((function(t){var o=t[expando].options.emptyInsertThreshold;if(!o||lastChild(t))return;var i=getRect(t),l=e>=i.left-o&&e<=i.right+o,a=n>=i.top-o&&n<=i.bottom+o;if(l&&a){return r=t}}));return r},_prepareGroup=function t(e){function n(t,e){return function(r,o,i,l){var a=r.options.group.name&&o.options.group.name&&r.options.group.name===o.options.group.name;if(t==null&&(e||a)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return n(t(r,o,i,l),e)(r,o,i,l)}else{var s=(e?r:o).options.group.name;return t===true||typeof t==="string"&&t===s||t.join&&t.indexOf(s)>-1}}}var r={};var o=e.group;if(!o||_typeof(o)!="object"){o={name:o}}r.name=o.name;r.checkPull=n(o.pull,true);r.checkPut=n(o.put);r.revertClone=o.revertClone;e.group=r},_hideGhostForTarget=function t(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","none")}},_unhideGhostForTarget=function t(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","")}};if(documentExists&&!ChromeForAndroid){document.addEventListener("click",(function(t){if(ignoreNextClick){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();ignoreNextClick=false;return false}}),true)}var nearestEmptyInsertDetectEvent=function t(e){if(dragEl){e=e.touches?e.touches[0]:e;var n=_detectNearestEmptySortable(e.clientX,e.clientY);if(n){var r={};for(var o in e){if(e.hasOwnProperty(o)){r[o]=e[o]}}r.target=r.rootEl=n;r.preventDefault=void 0;r.stopPropagation=void 0;n[expando]._onDragOver(r)}}};var _checkOutsideTargetEl=function t(e){if(dragEl){dragEl.parentNode[expando]._isOutsideThisEl(e.target)}};function Sortable(t,e){if(!(t&&t.nodeType&&t.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t))}this.el=t;this.options=e=_extends({},e);t[expando]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function e(){return _detectDirection(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function t(e,n){e.setData("Text",n.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:Sortable.supportPointer!==false&&"PointerEvent"in window&&(!Safari||IOS),emptyInsertThreshold:5};PluginManager.initializePlugins(this,t,n);for(var r in n){!(r in e)&&(e[r]=n[r])}_prepareGroup(e);for(var o in this){if(o.charAt(0)==="_"&&typeof this[o]==="function"){this[o]=this[o].bind(this)}}this.nativeDraggable=e.forceFallback?false:supportDraggable;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(e.supportPointer){on(t,"pointerdown",this._onTapStart)}else{on(t,"mousedown",this._onTapStart);on(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){on(t,"dragover",this);on(t,"dragenter",this)}sortables.push(this.el);e.store&&e.store.get&&this.sort(e.store.get(this)||[]);_extends(this,AnimationStateManager())}Sortable.prototype={constructor:Sortable,_isOutsideThisEl:function t(e){if(!this.el.contains(e)&&e!==this.el){lastTarget=null}},_getDirection:function t(e,n){return typeof this.options.direction==="function"?this.options.direction.call(this,e,n,dragEl):this.options.direction},_onTapStart:function t(e){if(!e.cancelable)return;var n=this,r=this.el,o=this.options,i=o.preventOnFilter,l=e.type,a=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,s=(a||e).target,u=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||s,c=o.filter;_saveInputCheckedState(r);if(dragEl){return}if(/mousedown|pointerdown/.test(l)&&e.button!==0||o.disabled){return}if(u.isContentEditable){return}if(!this.nativeDraggable&&Safari&&s&&s.tagName.toUpperCase()==="SELECT"){return}s=closest(s,o.draggable,r,false);if(s&&s.animated){return}if(lastDownEl===s){return}oldIndex=index(s);oldDraggableIndex=index(s,o.draggable);if(typeof c==="function"){if(c.call(this,e,s,this)){_dispatchEvent({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:r,fromEl:r});pluginEvent("filter",n,{evt:e});i&&e.preventDefault();return}}else if(c){c=c.split(",").some((function(t){t=closest(u,t.trim(),r,false);if(t){_dispatchEvent({sortable:n,rootEl:t,name:"filter",targetEl:s,fromEl:r,toEl:r});pluginEvent("filter",n,{evt:e});return true}}));if(c){i&&e.preventDefault();return}}if(o.handle&&!closest(u,o.handle,r,false)){return}this._prepareDragStart(e,a,s)},_prepareDragStart:function t(e,n,r){var o=this,i=o.el,l=o.options,a=i.ownerDocument,s;if(r&&!dragEl&&r.parentNode===i){var u=getRect(r);rootEl=i;dragEl=r;parentEl=dragEl.parentNode;nextEl=dragEl.nextSibling;lastDownEl=r;activeGroup=l.group;Sortable.dragged=dragEl;tapEvt={target:dragEl,clientX:(n||e).clientX,clientY:(n||e).clientY};tapDistanceLeft=tapEvt.clientX-u.left;tapDistanceTop=tapEvt.clientY-u.top;this._lastX=(n||e).clientX;this._lastY=(n||e).clientY;dragEl.style["will-change"]="all";s=function t(){pluginEvent("delayEnded",o,{evt:e});if(Sortable.eventCanceled){o._onDrop();return}o._disableDelayedDragEvents();if(!FireFox&&o.nativeDraggable){dragEl.draggable=true}o._triggerDragStart(e,n);_dispatchEvent({sortable:o,name:"choose",originalEvent:e});toggleClass(dragEl,l.chosenClass,true)};l.ignore.split(",").forEach((function(t){find(dragEl,t.trim(),_disableDraggable)}));on(a,"dragover",nearestEmptyInsertDetectEvent);on(a,"mousemove",nearestEmptyInsertDetectEvent);on(a,"touchmove",nearestEmptyInsertDetectEvent);if(l.supportPointer){on(a,"pointerup",o._onDrop);!this.nativeDraggable&&on(a,"pointercancel",o._onDrop)}else{on(a,"mouseup",o._onDrop);on(a,"touchend",o._onDrop);on(a,"touchcancel",o._onDrop)}if(FireFox&&this.nativeDraggable){this.options.touchStartThreshold=4;dragEl.draggable=true}pluginEvent("delayStart",this,{evt:e});if(l.delay&&(!l.delayOnTouchOnly||n)&&(!this.nativeDraggable||!(Edge||IE11OrLess))){if(Sortable.eventCanceled){this._onDrop();return}if(l.supportPointer){on(a,"pointerup",o._disableDelayedDrag);on(a,"pointercancel",o._disableDelayedDrag)}else{on(a,"mouseup",o._disableDelayedDrag);on(a,"touchend",o._disableDelayedDrag);on(a,"touchcancel",o._disableDelayedDrag)}on(a,"mousemove",o._delayedDragTouchMoveHandler);on(a,"touchmove",o._delayedDragTouchMoveHandler);l.supportPointer&&on(a,"pointermove",o._delayedDragTouchMoveHandler);o._dragStartTimer=setTimeout(s,l.delay)}else{s()}}},_delayedDragTouchMoveHandler:function t(e){var n=e.touches?e.touches[0]:e;if(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 t(){dragEl&&_disableDraggable(dragEl);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function t(){var e=this.el.ownerDocument;off(e,"mouseup",this._disableDelayedDrag);off(e,"touchend",this._disableDelayedDrag);off(e,"touchcancel",this._disableDelayedDrag);off(e,"pointerup",this._disableDelayedDrag);off(e,"pointercancel",this._disableDelayedDrag);off(e,"mousemove",this._delayedDragTouchMoveHandler);off(e,"touchmove",this._delayedDragTouchMoveHandler);off(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function t(e,n){n=n||e.pointerType=="touch"&&e;if(!this.nativeDraggable||n){if(this.options.supportPointer){on(document,"pointermove",this._onTouchMove)}else if(n){on(document,"touchmove",this._onTouchMove)}else{on(document,"mousemove",this._onTouchMove)}}else{on(dragEl,"dragend",this);on(rootEl,"dragstart",this._onDragStart)}try{if(document.selection){_nextTick((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function t(e,n){awaitingDragStarted=false;if(rootEl&&dragEl){pluginEvent("dragStarted",this,{evt:n});if(this.nativeDraggable){on(document,"dragover",_checkOutsideTargetEl)}var r=this.options;!e&&toggleClass(dragEl,r.dragClass,false);toggleClass(dragEl,r.ghostClass,true);Sortable.active=this;e&&this._appendGhost();_dispatchEvent({sortable:this,name:"start",originalEvent:n})}else{this._nulling()}},_emulateDragOver:function t(){if(touchEvt){this._lastX=touchEvt.clientX;this._lastY=touchEvt.clientY;_hideGhostForTarget();var e=document.elementFromPoint(touchEvt.clientX,touchEvt.clientY);var n=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(touchEvt.clientX,touchEvt.clientY);if(e===n)break;n=e}dragEl.parentNode[expando]._isOutsideThisEl(e);if(n){do{if(n[expando]){var r=void 0;r=n[expando]._onDragOver({clientX:touchEvt.clientX,clientY:touchEvt.clientY,target:e,rootEl:n});if(r&&!this.options.dragoverBubble){break}}e=n}while(n=getParentOrHost(n))}_unhideGhostForTarget()}},_onTouchMove:function t(e){if(tapEvt){var n=this.options,r=n.fallbackTolerance,o=n.fallbackOffset,i=e.touches?e.touches[0]:e,l=ghostEl&&matrix(ghostEl,true),a=ghostEl&&l&&l.a,s=ghostEl&&l&&l.d,u=PositionGhostAbsolutely&&ghostRelativeParent&&getRelativeScrollOffset(ghostRelativeParent),c=(i.clientX-tapEvt.clientX+o.x)/(a||1)+(u?u[0]-ghostRelativeParentInitialScroll[0]:0)/(a||1),f=(i.clientY-tapEvt.clientY+o.y)/(s||1)+(u?u[1]-ghostRelativeParentInitialScroll[1]:0)/(s||1);if(!Sortable.active&&!awaitingDragStarted){if(r&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<r){return}this._onDragStart(e,true)}if(ghostEl){if(l){l.e+=c-(lastDx||0);l.f+=f-(lastDy||0)}else{l={a:1,b:0,c:0,d:1,e:c,f:f}}var d="matrix(".concat(l.a,",").concat(l.b,",").concat(l.c,",").concat(l.d,",").concat(l.e,",").concat(l.f,")");css(ghostEl,"webkitTransform",d);css(ghostEl,"mozTransform",d);css(ghostEl,"msTransform",d);css(ghostEl,"transform",d);lastDx=c;lastDy=f;touchEvt=i}e.cancelable&&e.preventDefault()}},_appendGhost:function t(){if(!ghostEl){var e=this.options.fallbackOnBody?document.body:rootEl,n=getRect(dragEl,true,PositionGhostAbsolutely,true,e),r=this.options;if(PositionGhostAbsolutely){ghostRelativeParent=e;while(css(ghostRelativeParent,"position")==="static"&&css(ghostRelativeParent,"transform")==="none"&&ghostRelativeParent!==document){ghostRelativeParent=ghostRelativeParent.parentNode}if(ghostRelativeParent!==document.body&&ghostRelativeParent!==document.documentElement){if(ghostRelativeParent===document)ghostRelativeParent=getWindowScrollingElement();n.top+=ghostRelativeParent.scrollTop;n.left+=ghostRelativeParent.scrollLeft}else{ghostRelativeParent=getWindowScrollingElement()}ghostRelativeParentInitialScroll=getRelativeScrollOffset(ghostRelativeParent)}ghostEl=dragEl.cloneNode(true);toggleClass(ghostEl,r.ghostClass,false);toggleClass(ghostEl,r.fallbackClass,true);toggleClass(ghostEl,r.dragClass,true);css(ghostEl,"transition","");css(ghostEl,"transform","");css(ghostEl,"box-sizing","border-box");css(ghostEl,"margin",0);css(ghostEl,"top",n.top);css(ghostEl,"left",n.left);css(ghostEl,"width",n.width);css(ghostEl,"height",n.height);css(ghostEl,"opacity","0.8");css(ghostEl,"position",PositionGhostAbsolutely?"absolute":"fixed");css(ghostEl,"zIndex","100000");css(ghostEl,"pointerEvents","none");Sortable.ghost=ghostEl;e.appendChild(ghostEl);css(ghostEl,"transform-origin",tapDistanceLeft/parseInt(ghostEl.style.width)*100+"% "+tapDistanceTop/parseInt(ghostEl.style.height)*100+"%")}},_onDragStart:function t(e,n){var r=this;var o=e.dataTransfer;var i=r.options;pluginEvent("dragStart",this,{evt:e});if(Sortable.eventCanceled){this._onDrop();return}pluginEvent("setupClone",this);if(!Sortable.eventCanceled){cloneEl=clone(dragEl);cloneEl.removeAttribute("id");cloneEl.draggable=false;cloneEl.style["will-change"]="";this._hideClone();toggleClass(cloneEl,this.options.chosenClass,false);Sortable.clone=cloneEl}r.cloneId=_nextTick((function(){pluginEvent("clone",r);if(Sortable.eventCanceled)return;if(!r.options.removeCloneOnHide){rootEl.insertBefore(cloneEl,dragEl)}r._hideClone();_dispatchEvent({sortable:r,name:"clone"})}));!n&&toggleClass(dragEl,i.dragClass,true);if(n){ignoreNextClick=true;r._loopId=setInterval(r._emulateDragOver,50)}else{off(document,"mouseup",r._onDrop);off(document,"touchend",r._onDrop);off(document,"touchcancel",r._onDrop);if(o){o.effectAllowed="move";i.setData&&i.setData.call(r,o,dragEl)}on(document,"drop",r);css(dragEl,"transform","translateZ(0)")}awaitingDragStarted=true;r._dragStartId=_nextTick(r._dragStarted.bind(r,n,e));on(document,"selectstart",r);moved=true;window.getSelection().removeAllRanges();if(Safari){css(document.body,"user-select","none")}},_onDragOver:function t(e){var n=this.el,r=e.target,o,i,l,a=this.options,s=a.group,u=Sortable.active,c=activeGroup===s,f=a.sort,d=putSortable||u,h,g=this,v=false;if(_silent)return;function E(t,a){pluginEvent(t,g,_objectSpread2({evt:e,isOwner:c,axis:h?"vertical":"horizontal",revert:l,dragRect:o,targetRect:i,canSort:f,fromSortable:d,target:r,completed:m,onMove:function t(r,i){return _onMove(rootEl,n,dragEl,o,r,getRect(r),e,i)},changed:b},a))}function p(){E("dragOverAnimationCapture");g.captureAnimationState();if(g!==d){d.captureAnimationState()}}function m(t){E("dragOverCompleted",{insertion:t});if(t){if(c){u._hideClone()}else{u._showClone(g)}if(g!==d){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:u.options.ghostClass,false);toggleClass(dragEl,a.ghostClass,true)}if(putSortable!==g&&g!==Sortable.active){putSortable=g}else if(g===Sortable.active&&putSortable){putSortable=null}if(d===g){g._ignoreWhileAnimating=r}g.animateAll((function(){E("dragOverAnimationComplete");g._ignoreWhileAnimating=null}));if(g!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(r===dragEl&&!dragEl.animated||r===n&&!r.animated){lastTarget=null}if(!a.dragoverBubble&&!e.rootEl&&r!==document){dragEl.parentNode[expando]._isOutsideThisEl(e.target);!t&&nearestEmptyInsertDetectEvent(e)}!a.dragoverBubble&&e.stopPropagation&&e.stopPropagation();return v=true}function b(){newIndex=index(dragEl);newDraggableIndex=index(dragEl,a.draggable);_dispatchEvent({sortable:g,name:"change",toEl:n,newIndex:newIndex,newDraggableIndex:newDraggableIndex,originalEvent:e})}if(e.preventDefault!==void 0){e.cancelable&&e.preventDefault()}r=closest(r,a.draggable,n,true);E("dragOver");if(Sortable.eventCanceled)return v;if(dragEl.contains(e.target)||r.animated&&r.animatingX&&r.animatingY||g._ignoreWhileAnimating===r){return m(false)}ignoreNextClick=false;if(u&&!a.disabled&&(c?f||(l=parentEl!==rootEl):putSortable===this||(this.lastPutMode=activeGroup.checkPull(this,u,dragEl,e))&&s.checkPut(this,u,dragEl,e))){h=this._getDirection(e,r)==="vertical";o=getRect(dragEl);E("dragOverValid");if(Sortable.eventCanceled)return v;if(l){parentEl=rootEl;p();this._hideClone();E("revert");if(!Sortable.eventCanceled){if(nextEl){rootEl.insertBefore(dragEl,nextEl)}else{rootEl.appendChild(dragEl)}}return m(true)}var S=lastChild(n,a.draggable);if(!S||_ghostIsLast(e,h,this)&&!S.animated){if(S===dragEl){return m(false)}if(S&&n===e.target){r=S}if(r){i=getRect(r)}if(_onMove(rootEl,n,dragEl,o,r,i,e,!!r)!==false){p();if(S&&S.nextSibling){n.insertBefore(dragEl,S.nextSibling)}else{n.appendChild(dragEl)}parentEl=n;b();return m(true)}}else if(S&&_ghostIsFirst(e,h,this)){var w=getChild(n,0,a,true);if(w===dragEl){return m(false)}r=w;i=getRect(r);if(_onMove(rootEl,n,dragEl,o,r,i,e,false)!==false){p();n.insertBefore(dragEl,w);parentEl=n;b();return m(true)}}else if(r.parentNode===n){i=getRect(r);var x=0,_,I=dragEl.parentNode!==n,y=!_dragElInRowColumn(dragEl.animated&&dragEl.toRect||o,r.animated&&r.toRect||i,h),D=h?"top":"left",C=isScrolledPast(r,"top","top")||isScrolledPast(dragEl,"top","top"),T=C?C.scrollTop:void 0;if(lastTarget!==r){_=i[D];pastFirstInvertThresh=false;isCircumstantialInvert=!y&&a.invertSwap||I}x=_getSwapDirection(e,r,i,h,y?1:a.swapThreshold,a.invertedSwapThreshold==null?a.swapThreshold:a.invertedSwapThreshold,isCircumstantialInvert,lastTarget===r);var P;if(x!==0){var R=index(dragEl);do{R-=x;P=parentEl.children[R]}while(P&&(css(P,"display")==="none"||P===ghostEl))}if(x===0||P===r){return m(false)}lastTarget=r;lastDirection=x;var O=r.nextElementSibling,A=false;A=x===1;var M=_onMove(rootEl,n,dragEl,o,r,i,e,A);if(M!==false){if(M===1||M===-1){A=M===1}_silent=true;setTimeout(_unsilent,30);p();if(A&&!O){n.appendChild(dragEl)}else{r.parentNode.insertBefore(dragEl,A?O:r)}if(C){scrollBy(C,0,T-C.scrollTop)}parentEl=dragEl.parentNode;if(_!==undefined&&!isCircumstantialInvert){targetMoveDistance=Math.abs(_-getRect(r)[D])}b();return m(true)}}if(n.contains(dragEl)){return m(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function t(){off(document,"mousemove",this._onTouchMove);off(document,"touchmove",this._onTouchMove);off(document,"pointermove",this._onTouchMove);off(document,"dragover",nearestEmptyInsertDetectEvent);off(document,"mousemove",nearestEmptyInsertDetectEvent);off(document,"touchmove",nearestEmptyInsertDetectEvent)},_offUpEvents:function t(){var e=this.el.ownerDocument;off(e,"mouseup",this._onDrop);off(e,"touchend",this._onDrop);off(e,"pointerup",this._onDrop);off(e,"pointercancel",this._onDrop);off(e,"touchcancel",this._onDrop);off(document,"selectstart",this)},_onDrop:function t(e){var n=this.el,r=this.options;newIndex=index(dragEl);newDraggableIndex=index(dragEl,r.draggable);pluginEvent("drop",this,{evt:e});parentEl=dragEl&&dragEl.parentNode;newIndex=index(dragEl);newDraggableIndex=index(dragEl,r.draggable);if(Sortable.eventCanceled){this._nulling();return}awaitingDragStarted=false;isCircumstantialInvert=false;pastFirstInvertThresh=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);_cancelNextTick(this.cloneId);_cancelNextTick(this._dragStartId);if(this.nativeDraggable){off(document,"drop",this);off(n,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(Safari){css(document.body,"user-select","")}css(dragEl,"transform","");if(e){if(moved){e.cancelable&&e.preventDefault();!r.dropBubble&&e.stopPropagation()}ghostEl&&ghostEl.parentNode&&ghostEl.parentNode.removeChild(ghostEl);if(rootEl===parentEl||putSortable&&putSortable.lastPutMode!=="clone"){cloneEl&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl)}if(dragEl){if(this.nativeDraggable){off(dragEl,"dragend",this)}_disableDraggable(dragEl);dragEl.style["will-change"]="";if(moved&&!awaitingDragStarted){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:this.options.ghostClass,false)}toggleClass(dragEl,this.options.chosenClass,false);_dispatchEvent({sortable:this,name:"unchoose",toEl:parentEl,newIndex:null,newDraggableIndex:null,originalEvent:e});if(rootEl!==parentEl){if(newIndex>=0){_dispatchEvent({rootEl:parentEl,name:"add",toEl:parentEl,fromEl:rootEl,originalEvent:e});_dispatchEvent({sortable:this,name:"remove",toEl:parentEl,originalEvent:e});_dispatchEvent({rootEl:parentEl,name:"sort",toEl:parentEl,fromEl:rootEl,originalEvent:e});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:e})}putSortable&&putSortable.save()}else{if(newIndex!==oldIndex){if(newIndex>=0){_dispatchEvent({sortable:this,name:"update",toEl:parentEl,originalEvent:e});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:e})}}}if(Sortable.active){if(newIndex==null||newIndex===-1){newIndex=oldIndex;newDraggableIndex=oldDraggableIndex}_dispatchEvent({sortable:this,name:"end",toEl:parentEl,originalEvent:e});this.save()}}}this._nulling()},_nulling:function t(){pluginEvent("nulling",this);rootEl=dragEl=parentEl=ghostEl=nextEl=cloneEl=lastDownEl=cloneHidden=tapEvt=touchEvt=moved=newIndex=newDraggableIndex=oldIndex=oldDraggableIndex=lastTarget=lastDirection=putSortable=activeGroup=Sortable.dragged=Sortable.ghost=Sortable.clone=Sortable.active=null;savedInputChecked.forEach((function(t){t.checked=true}));savedInputChecked.length=lastDx=lastDy=0},handleEvent:function t(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(dragEl){this._onDragOver(e);_globalDragOver(e)}break;case"selectstart":e.preventDefault();break}},toArray:function t(){var e=[],n,r=this.el.children,o=0,i=r.length,l=this.options;for(;o<i;o++){n=r[o];if(closest(n,l.draggable,this.el,false)){e.push(n.getAttribute(l.dataIdAttr)||_generateId(n))}}return e},sort:function t(e,n){var r={},o=this.el;this.toArray().forEach((function(t,e){var n=o.children[e];if(closest(n,this.options.draggable,o,false)){r[t]=n}}),this);n&&this.captureAnimationState();e.forEach((function(t){if(r[t]){o.removeChild(r[t]);o.appendChild(r[t])}}));n&&this.animateAll()},save:function t(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function t(e,n){return closest(e,n||this.options.draggable,this.el,false)},option:function t(e,n){var r=this.options;if(n===void 0){return r[e]}else{var o=PluginManager.modifyOption(this,e,n);if(typeof o!=="undefined"){r[e]=o}else{r[e]=n}if(e==="group"){_prepareGroup(r)}}},destroy:function t(){pluginEvent("destroy",this);var e=this.el;e[expando]=null;off(e,"mousedown",this._onTapStart);off(e,"touchstart",this._onTapStart);off(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){off(e,"dragover",this);off(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();sortables.splice(sortables.indexOf(this.el),1);this.el=e=null},_hideClone:function t(){if(!cloneHidden){pluginEvent("hideClone",this);if(Sortable.eventCanceled)return;css(cloneEl,"display","none");if(this.options.removeCloneOnHide&&cloneEl.parentNode){cloneEl.parentNode.removeChild(cloneEl)}cloneHidden=true}},_showClone:function t(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(cloneHidden){pluginEvent("showClone",this);if(Sortable.eventCanceled)return;if(dragEl.parentNode==rootEl&&!this.options.group.revertClone){rootEl.insertBefore(cloneEl,dragEl)}else if(nextEl){rootEl.insertBefore(cloneEl,nextEl)}else{rootEl.appendChild(cloneEl)}if(this.options.group.revertClone){this.animate(dragEl,cloneEl)}css(cloneEl,"display","");cloneHidden=false}}};function _globalDragOver(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function _onMove(t,e,n,r,o,i,l,a){var s,u=t[expando],c=u.options.onMove,f;if(window.CustomEvent&&!IE11OrLess&&!Edge){s=new CustomEvent("move",{bubbles:true,cancelable:true})}else{s=document.createEvent("Event");s.initEvent("move",true,true)}s.to=e;s.from=t;s.dragged=n;s.draggedRect=r;s.related=o||e;s.relatedRect=i||getRect(e);s.willInsertAfter=a;s.originalEvent=l;t.dispatchEvent(s);if(c){f=c.call(u,s,l)}return f}function _disableDraggable(t){t.draggable=false}function _unsilent(){_silent=false}function _ghostIsFirst(t,e,n){var r=getRect(getChild(n.el,0,n.options,true));var o=getChildContainingRectFromElement(n.el,n.options,ghostEl);var i=10;return e?t.clientX<o.left-i||t.clientY<r.top&&t.clientX<r.right:t.clientY<o.top-i||t.clientY<r.bottom&&t.clientX<r.left}function _ghostIsLast(t,e,n){var r=getRect(lastChild(n.el,n.options.draggable));var o=getChildContainingRectFromElement(n.el,n.options,ghostEl);var i=10;return e?t.clientX>o.right+i||t.clientY>r.bottom&&t.clientX>r.left:t.clientY>o.bottom+i||t.clientX>r.right&&t.clientY>r.top}function _getSwapDirection(t,e,n,r,o,i,l,a){var s=r?t.clientY:t.clientX,u=r?n.height:n.width,c=r?n.top:n.left,f=r?n.bottom:n.right,d=false;if(!l){if(a&&targetMoveDistance<u*o){if(!pastFirstInvertThresh&&(lastDirection===1?s>c+u*i/2:s<f-u*i/2)){pastFirstInvertThresh=true}if(!pastFirstInvertThresh){if(lastDirection===1?s<c+targetMoveDistance:s>f-targetMoveDistance){return-lastDirection}}else{d=true}}else{if(s>c+u*(1-o)/2&&s<f-u*(1-o)/2){return _getInsertDirection(e)}}}d=d||l;if(d){if(s<c+u*i/2||s>f-u*i/2){return s>c+u/2?1:-1}}return 0}function _getInsertDirection(t){if(index(dragEl)<index(t)){return 1}else{return-1}}function _generateId(t){var e=t.tagName+t.className+t.src+t.href+t.textContent,n=e.length,r=0;while(n--){r+=e.charCodeAt(n)}return r.toString(36)}function _saveInputCheckedState(t){savedInputChecked.length=0;var e=t.getElementsByTagName("input");var n=e.length;while(n--){var r=e[n];r.checked&&savedInputChecked.push(r)}}function _nextTick(t){return setTimeout(t,0)}function _cancelNextTick(t){return clearTimeout(t)}if(documentExists){on(document,"touchmove",(function(t){if((Sortable.active||awaitingDragStarted)&&t.cancelable){t.preventDefault()}}))}Sortable.utils={on:on,off:off,css:css,find:find,is:function t(e,n){return!!closest(e,n,e,false)},extend:extend,throttle:throttle,closest:closest,toggleClass:toggleClass,clone:clone,index:index,nextTick:_nextTick,cancelNextTick:_cancelNextTick,detectDirection:_detectDirection,getChild:getChild,expando:expando};Sortable.get=function(t){return t[expando]};Sortable.mount=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++){e[n]=arguments[n]}if(e[0].constructor===Array)e=e[0];e.forEach((function(t){if(!t.prototype||!t.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t))}if(t.utils)Sortable.utils=_objectSpread2(_objectSpread2({},Sortable.utils),t.utils);PluginManager.mount(t)}))};Sortable.create=function(t,e){return new Sortable(t,e)};Sortable.version=version;var autoScrolls=[],scrollEl,scrollRootEl,scrolling=false,lastAutoScrollX,lastAutoScrollY,touchEvt$1,pointerElemChangedInterval;function AutoScrollPlugin(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted:function t(e){var n=e.originalEvent;if(this.sortable.nativeDraggable){on(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){on(document,"pointermove",this._handleFallbackAutoScroll)}else if(n.touches){on(document,"touchmove",this._handleFallbackAutoScroll)}else{on(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function t(e){var n=e.originalEvent;if(!this.options.dragOverBubble&&!n.rootEl){this._handleAutoScroll(n)}},drop:function t(){if(this.sortable.nativeDraggable){off(document,"dragover",this._handleAutoScroll)}else{off(document,"pointermove",this._handleFallbackAutoScroll);off(document,"touchmove",this._handleFallbackAutoScroll);off(document,"mousemove",this._handleFallbackAutoScroll)}clearPointerElemChangedInterval();clearAutoScrolls();cancelThrottle()},nulling:function t(){touchEvt$1=scrollRootEl=scrollEl=scrolling=pointerElemChangedInterval=lastAutoScrollX=lastAutoScrollY=null;autoScrolls.length=0},_handleFallbackAutoScroll:function t(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function t(e,n){var r=this;var o=(e.touches?e.touches[0]:e).clientX,i=(e.touches?e.touches[0]:e).clientY,l=document.elementFromPoint(o,i);touchEvt$1=e;if(n||this.options.forceAutoScrollFallback||Edge||IE11OrLess||Safari){autoScroll(e,this.options,l,n);var a=getParentAutoScrollElement(l,true);if(scrolling&&(!pointerElemChangedInterval||o!==lastAutoScrollX||i!==lastAutoScrollY)){pointerElemChangedInterval&&clearPointerElemChangedInterval();pointerElemChangedInterval=setInterval((function(){var t=getParentAutoScrollElement(document.elementFromPoint(o,i),true);if(t!==a){a=t;clearAutoScrolls()}autoScroll(e,r.options,t,n)}),10);lastAutoScrollX=o;lastAutoScrollY=i}}else{if(!this.options.bubbleScroll||getParentAutoScrollElement(l,true)===getWindowScrollingElement()){clearAutoScrolls();return}autoScroll(e,this.options,getParentAutoScrollElement(l,false),false)}}};return _extends(t,{pluginName:"scroll",initializeByDefault:true})}function clearAutoScrolls(){autoScrolls.forEach((function(t){clearInterval(t.pid)}));autoScrolls=[]}function clearPointerElemChangedInterval(){clearInterval(pointerElemChangedInterval)}var autoScroll=throttle((function(t,e,n,r){if(!e.scroll)return;var o=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,l=e.scrollSensitivity,a=e.scrollSpeed,s=getWindowScrollingElement();var u=false,c;if(scrollRootEl!==n){scrollRootEl=n;clearAutoScrolls();scrollEl=e.scroll;c=e.scrollFn;if(scrollEl===true){scrollEl=getParentAutoScrollElement(n,true)}}var f=0;var d=scrollEl;do{var h=d,g=getRect(h),v=g.top,E=g.bottom,p=g.left,m=g.right,b=g.width,S=g.height,w=void 0,x=void 0,_=h.scrollWidth,I=h.scrollHeight,y=css(h),D=h.scrollLeft,C=h.scrollTop;if(h===s){w=b<_&&(y.overflowX==="auto"||y.overflowX==="scroll"||y.overflowX==="visible");x=S<I&&(y.overflowY==="auto"||y.overflowY==="scroll"||y.overflowY==="visible")}else{w=b<_&&(y.overflowX==="auto"||y.overflowX==="scroll");x=S<I&&(y.overflowY==="auto"||y.overflowY==="scroll")}var T=w&&(Math.abs(m-o)<=l&&D+b<_)-(Math.abs(p-o)<=l&&!!D);var P=x&&(Math.abs(E-i)<=l&&C+S<I)-(Math.abs(v-i)<=l&&!!C);if(!autoScrolls[f]){for(var R=0;R<=f;R++){if(!autoScrolls[R]){autoScrolls[R]={}}}}if(autoScrolls[f].vx!=T||autoScrolls[f].vy!=P||autoScrolls[f].el!==h){autoScrolls[f].el=h;autoScrolls[f].vx=T;autoScrolls[f].vy=P;clearInterval(autoScrolls[f].pid);if(T!=0||P!=0){u=true;autoScrolls[f].pid=setInterval(function(){if(r&&this.layer===0){Sortable.active._onTouchMove(touchEvt$1)}var e=autoScrolls[this.layer].vy?autoScrolls[this.layer].vy*a:0;var n=autoScrolls[this.layer].vx?autoScrolls[this.layer].vx*a:0;if(typeof c==="function"){if(c.call(Sortable.dragged.parentNode[expando],n,e,t,touchEvt$1,autoScrolls[this.layer].el)!=="continue"){return}}scrollBy(autoScrolls[this.layer].el,n,e)}.bind({layer:f}),24)}}f++}while(e.bubbleScroll&&d!==s&&(d=getParentAutoScrollElement(d,false)));scrolling=u}),30);var drop=function t(e){var n=e.originalEvent,r=e.putSortable,o=e.dragEl,i=e.activeSortable,l=e.dispatchSortableEvent,a=e.hideGhostForTarget,s=e.unhideGhostForTarget;if(!n)return;var u=r||i;a();var c=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n;var f=document.elementFromPoint(c.clientX,c.clientY);s();if(u&&!u.el.contains(f)){l("spill");this.onSpill({dragEl:o,putSortable:r})}};function Revert(){}Revert.prototype={startIndex:null,dragStart:function t(e){var n=e.oldDraggableIndex;this.startIndex=n},onSpill:function t(e){var n=e.dragEl,r=e.putSortable;this.sortable.captureAnimationState();if(r){r.captureAnimationState()}var o=getChild(this.sortable.el,this.startIndex,this.options);if(o){this.sortable.el.insertBefore(n,o)}else{this.sortable.el.appendChild(n)}this.sortable.animateAll();if(r){r.animateAll()}},drop:drop};_extends(Revert,{pluginName:"revertOnSpill"});function Remove(){}Remove.prototype={onSpill:function t(e){var n=e.dragEl,r=e.putSortable;var o=r||this.sortable;o.captureAnimationState();n.parentNode&&n.parentNode.removeChild(n);o.animateAll()},drop:drop};_extends(Remove,{pluginName:"removeOnSpill"});Sortable.mount(new AutoScrollPlugin);Sortable.mount(Remove,Revert);var pdsSortableCss=".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)}";var PdsSortable=function(){function t(t){registerInstance(this,t);this.pdsSortableItemMoved=createEvent(this,"pdsSortableItemMoved");this.border=false;this.dividers=false;this.handleType="row"}t.prototype.classNames=function(){var t=["pds-sortable"];if(this.border){t.push("pds-sortable--bordered")}if(this.dividers){t.push("pds-sortable--divided")}if(this.handleType!==undefined){t.push("pds-sortable--handle-type-".concat(this.handleType))}return t.join("  ")};t.prototype.componentDidLoad=function(){var t=this;var e={animation:150,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:function(e){t.pdsSortableItemMoved.emit(e)}};if(this.handleType==="handle"){e=Object.assign(Object.assign({},e),{handle:".pds-sortable-item__handle"})}Sortable.create(this.el,e)};t.prototype.render=function(){return h(Host,{key:"b01f12d7d2973ce2fa513a468be3634e38241171",class:this.classNames(),id:this.componentId},h("slot",{key:"7d9dff192e9b6a01e71c41d9250c0245ca548658"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsSortable.style=pdsSortableCss;export{PdsSortable as pds_sortable};
 //# sourceMappingURL=pds-sortable.entry.js.map

package/dist/esm-es5/pds-switch.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{e as exposeTypeProperty,m as messageId,a as assignDescription}from"./form-DwjNklzi.js";import{b as danger}from"./index-xbb79yLt.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":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)}";var pdsSwitchCss=':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:0.15s 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:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.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{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}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)}';var PdsSwitch=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(e){if(i.disabled)return;var t=e.target;i.checked=t.checked;i.updateFormValue();i.pdsSwitchChange.emit(e)};this.switchClassNames=function(){var e="pds-switch";if(i.invalid===true){e+=" pds-switch--error"}if(i.helperMessage!==undefined){e+=" pds-switch--message"}return e}}e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){var e;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((e=process.env)===null||e===void 0?void 0:e.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.render=function(){return h(Host,{key:"15737c5ac3c492efc88e29f5e63496ed07ab5fe6",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},h("label",{key:"30278cef4ab6bdc51e65f20e19883c3354c9b23a",htmlFor:this.componentId},h("input",Object.assign({key:"598b641ab1a6c8dadad4df275513b1e910fd0167","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"4d8a1c874d6cfe8bfac9ccc06ca03a6c8c25864e",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"8a1eee8b5afcac6bb9a3399424aaf6d3995050cf",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"1a6b5bbb1e90a745c928b297262dcf705d429a8e",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"055e7011ba1ec1379396baab41e10c03111567d3",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();PdsSwitch.style=labelCss+pdsSwitchCss;export{PdsSwitch as pds_switch};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{e as exposeTypeProperty,m as messageId,a as assignDescription}from"./form-DwjNklzi.js";import{b as danger}from"./index-DY8eSueV.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":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)}";var pdsSwitchCss=':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:0.15s 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:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.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{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}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)}';var PdsSwitch=function(){function e(e){var i=this;registerInstance(this,e);this.pdsSwitchChange=createEvent(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=function(e){if(i.disabled)return;var t=e.target;i.checked=t.checked;i.updateFormValue();i.pdsSwitchChange.emit(e)};this.switchClassNames=function(){var e="pds-switch";if(i.invalid===true){e+=" pds-switch--error"}if(i.helperMessage!==undefined){e+=" pds-switch--message"}return e}}e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){var e;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((e=process.env)===null||e===void 0?void 0:e.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){var i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.render=function(){return h(Host,{key:"f8025b631f550d179392c16b8a6fd2995d02db30",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},h("label",{key:"f732f24b29e461e06de507d73ee930a2613d4763",htmlFor:this.componentId},h("input",Object.assign({key:"f8848c91248fa80dc717d0e1c331a2cf42354b26","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),h("span",{key:"1e9ce74d091e835d5f3adfc21b37a10257b84492",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"c7973e1d05121a75d8a5e1398baa0d96ac96d18c",class:"pds-switch__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"4487146144a4eb5f1e87923f10a7e562b17c5968",class:"pds-switch__message pds-switch__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"0d3edf376b939ee900496aebab9e4faf62d8f7e5",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();PdsSwitch.style=labelCss+pdsSwitchCss;export{PdsSwitch as pds_switch};
 //# sourceMappingURL=pds-switch.entry.js.map

package/dist/esm-es5/pds-switch.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-switch.entry.js","sources":["src/global/styles/utils/label.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n// Need discussions\n  --sizing-input-toggle-size: calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));\n  --pine-dimension-025: 2px;\n  --spacing-message-inline: calc(var(--pine-dimension-450) + var(--pine-dimension-150));\n  --number-transition-timing: 0.15s ease-out;\n\n  align-items: flex-start;\n  color: var(--pine-color-text);\n  display: inline-flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.pds-switch--error) {\n  color: var(--pine-color-text-message-danger);\n\n  input,\n  input:checked,\n  input:hover:not(:disabled):not(:checked) {\n    background-color: var(--pine-color-danger);\n  }\n\n  input:focus-visible:not(:disabled):not(:checked) {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n\n  label {\n    color: var(--color-text-error);\n  }\n}\n\n// switch container\ninput {\n  appearance: none;\n  background: var(--pine-color-neutral);\n  border: 0;\n  border-radius: var(--pine-dimension-sm);\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: var(--pine-dimension-250);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: var(--number-transition-timing);\n  transition-property: background, border, color;\n  width: var(--pine-dimension-450);\n\n  // switch toggle\n  &::after {\n    background: var(--pine-color-secondary);\n    border-radius: var(--pine-border-radius-full);\n    box-shadow: var(--pine-box-shadow);\n    content: \"\";\n    display: block;\n    height: var(--sizing-input-toggle-size);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    position: absolute;\n    transform: translate3d(-100%, -50%, 0);\n    transition: transform var(--number-transition-timing);\n    width: var(--sizing-input-toggle-size);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-150);\n\n  .pds-switch--error & {\n    color: inherit;\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Help and error messages\n.pds-switch__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-xs);\n  margin-inline-start: var(--spacing-message-inline);\n  width: 100%;\n\n  + .pds-switch__message {\n    margin-block-start: var(--spacing-message-inline);\n  }\n}\n\n.pds-switch__message--error {\n  color: inherit;\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Disabled state\ninput:disabled {\n  background-color: var(--pine-color-neutral-disabled);\n  cursor: not-allowed;\n\n  ~ label {\n    cursor: initial;\n  }\n\n  &:hover::after {\n    background-color: var(--pine-color-secondary);\n  }\n\n  .pds-switch__message {\n    color: initial;\n  }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n  background-color: var(--pine-color-neutral-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n  outline: var(--pine-outline-focus);\n  outline-offset: var(--pine-border-width);\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n  transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n  background-color: currentColor;\n  color: var(--pine-color-accent);\n\n  &:hover {\n    border-color: currentColor;\n    color: var(--pine-color-accent-hover);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-switch.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsSwitch {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n  private readonly _type = 'checkbox' as const;\n\n  @Element() el: HTMLPdsSwitchElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines the input 'checked' state.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction.\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Displays help text for additional description of an input.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present.\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input.\n   */\n  @Prop() required? = false;\n\n  /**\n   * Provides input with a string submitted in form data.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits an event on input change.\n   */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n\n    const input = e.target as HTMLInputElement;\n    this.checked = input.checked;\n\n    this.updateFormValue();\n\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  connectedCallback() {\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For switches, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For switches, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name || this.componentId) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <label htmlFor={this.componentId}>\n          <input\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            checked={this.checked}\n            class=\"pds-switch__input\"\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name ? this.name : this.componentId}\n            onChange={this.onSwitchUpdate}\n            required={this.required}\n            type=\"checkbox\"\n            value={this.value}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,oTAAoT;;ACArU,MAAM,YAAY,GAAG,4uHAA4uH;;MCapvH,SAAS,GAAA,MAAA;AANtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;AAE3B,QAAA,IAAK,CAAA,KAAA,GAAG,UAAmB;AAS5C;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAExC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAiBzB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAI,KAAK;AAYxB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAajB,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,CAAQ,KAAI;YACpC,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B;AAC1C,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;YAE5B,IAAI,CAAC,eAAe,EAAE;AAEtB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAe,CAAC;AAC5C,SAAC;AAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,aAAa,GAAG,CAAA,UAAA,CAAY;AAEhC,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE;gBACzB,aAAa,IAAI,oBAAoB;;AAEvC,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;gBACpC,aAAa,IAAI,sBAAsB;;AAEzC,YAAA,OAAO,aAAa;AACtB,SAAC;AAgGF;IA9FC,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;;;AAI5C,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;IAG/C,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAIxB,cAAc,GAAA;QACZ,IAAI,CAAC,eAAe,EAAE;;IAGhB,eAAe,GAAA;;AACrB,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,MAAM,EAAE;YACrG;;QAGF,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;;AAEjD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC;;QAGxC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;;;AAIlC,IAAA,wBAAwB,CAAC,KAA+B,EAAA;AACtD,QAAA,IAAI,KAAK,YAAY,QAAQ,EAAE;;AAE7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI;AAChC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK;;AAC5D,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;AAEpC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;;;IAIjD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAClC;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,mBAAiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAAA,EAChF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9B,CACoB,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,EAAA,cAAA,EAC9F,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAC9C,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACb,EAAA,IAAI,CAAC,mBAAmB,CAC5B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD,EACP,IAAI,CAAC,aAAa;AACjB,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAqB,mBAAA,CAAA,EAC5B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,EAEP,IAAI,CAAC,YAAY;YAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAgD,8CAAA,CAAA,EACvD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd,CAEH;;;;;;;;;;;;"}
+{"version":3,"file":"pds-switch.entry.js","sources":["src/global/styles/utils/label.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.scss?tag=pds-switch&encapsulation=shadow","src/components/pds-switch/pds-switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n// Need discussions\n  --sizing-input-toggle-size: calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));\n  --pine-dimension-025: 2px;\n  --spacing-message-inline: calc(var(--pine-dimension-450) + var(--pine-dimension-150));\n  --number-transition-timing: 0.15s ease-out;\n\n  align-items: flex-start;\n  color: var(--pine-color-text);\n  display: inline-flex;\n  flex-flow: row wrap;\n  position: relative;\n}\n\n:host(.pds-switch--error) {\n  color: var(--pine-color-text-message-danger);\n\n  input,\n  input:checked,\n  input:hover:not(:disabled):not(:checked) {\n    background-color: var(--pine-color-danger);\n  }\n\n  input:focus-visible:not(:disabled):not(:checked) {\n    outline-color: var(--pine-color-focus-ring-danger);\n  }\n\n  label {\n    color: var(--color-text-error);\n  }\n}\n\n// switch container\ninput {\n  appearance: none;\n  background: var(--pine-color-neutral);\n  border: 0;\n  border-radius: var(--pine-dimension-sm);\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: var(--pine-dimension-250);\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: var(--number-transition-timing);\n  transition-property: background, border, color;\n  width: var(--pine-dimension-450);\n\n  // switch toggle\n  &::after {\n    background: var(--pine-color-secondary);\n    border-radius: var(--pine-border-radius-full);\n    box-shadow: var(--pine-box-shadow);\n    content: \"\";\n    display: block;\n    height: var(--sizing-input-toggle-size);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    position: absolute;\n    transform: translate3d(-100%, -50%, 0);\n    transition: transform var(--number-transition-timing);\n    width: var(--sizing-input-toggle-size);\n  }\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-150);\n\n  .pds-switch--error & {\n    color: inherit;\n  }\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n// Help and error messages\n.pds-switch__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-xs);\n  margin-inline-start: var(--spacing-message-inline);\n  width: 100%;\n\n  + .pds-switch__message {\n    margin-block-start: var(--spacing-message-inline);\n  }\n}\n\n.pds-switch__message--error {\n  color: inherit;\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n\n// Disabled state\ninput:disabled {\n  background-color: var(--pine-color-neutral-disabled);\n  cursor: not-allowed;\n\n  ~ label {\n    cursor: initial;\n  }\n\n  &:hover::after {\n    background-color: var(--pine-color-secondary);\n  }\n\n  .pds-switch__message {\n    color: initial;\n  }\n}\n\n// Hover state\ninput:hover:not(:disabled) {\n  background-color: var(--pine-color-neutral-hover);\n}\n\n // Focus state\ninput:focus-visible:not(:disabled) {\n  outline: var(--pine-outline-focus);\n  outline-offset: var(--pine-border-width);\n}\n\n// 'Checked' state\n// switch toggle\ninput:checked::after {\n  transform: translate3d(0, -50%, 0);\n}\n\n// switch container\ninput:checked:not(:disabled) {\n  background-color: currentColor;\n  color: var(--pine-color-accent);\n\n  &:hover {\n    border-color: currentColor;\n    color: var(--pine-color-accent-hover);\n  }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop, Watch } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\nimport { inheritAriaAttributes } from '@utils/attributes';\nimport type { Attributes } from '@utils/attributes';\n\n@Component({\n  tag: 'pds-switch',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-switch.scss'],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsSwitch {\n  private inheritedAttributes: Attributes = {};\n  private internals?: ElementInternals;\n  private readonly _type = 'checkbox' as const;\n\n  @Element() el: HTMLPdsSwitchElement;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines the input 'checked' state.\n   */\n  @Prop({ mutable: true }) checked = false;\n\n  /**\n   * Determines the input 'disabled' state, preventing user interaction.\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Displays message text describing an invalid state.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Visually hides the label text for instances where only the switch should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Displays help text for additional description of an input.\n   */\n  @Prop() helperMessage: string;\n\n  /**\n   * Determines the input 'invalid' state, signifying an error is present.\n   */\n  @Prop() invalid? = false;\n\n  /**\n   * Displays text to describe the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Identifies form data and unifies a group of radio inputs for toggling a single property/value.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines the 'required' state of the input.\n   */\n  @Prop() required? = false;\n\n  /**\n   * Provides input with a string submitted in form data.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits an event on input change.\n   */\n  @Event() pdsSwitchChange: EventEmitter<InputEvent>;\n\n  private onSwitchUpdate = (e: Event) => {\n    if (this.disabled) return;\n\n    const input = e.target as HTMLInputElement;\n    this.checked = input.checked;\n\n    this.updateFormValue();\n\n    this.pdsSwitchChange.emit(e as InputEvent);\n  };\n\n  private switchClassNames = () => {\n    let switchClasses = `pds-switch`;\n\n    if (this.invalid === true) {\n      switchClasses += \" pds-switch--error\";\n    }\n    if (this.helperMessage !== undefined) {\n      switchClasses += \" pds-switch--message\";\n    }\n    return switchClasses;\n  };\n\n  connectedCallback() {\n    // Initialize ElementInternals for form association (only once per element instance)\n    if (this.el.attachInternals && !this.internals) {\n      this.internals = this.el.attachInternals();\n    }\n\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  componentDidLoad() {\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged() {\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (typeof jest !== 'undefined' || typeof process !== 'undefined' && process.env?.NODE_ENV === 'test') {\n      return;\n    }\n\n    if (this.internals && this.internals.setFormValue) {\n      // For switches, only send the value when checked, otherwise send null\n      const formValue = this.checked ? (this.value || 'on') : null;\n      this.internals.setFormValue(formValue);\n    }\n\n    if (this.internals && this.internals.setValidity) {\n      this.internals.setValidity({});\n    }\n  }\n\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (state instanceof FormData) {\n      // For switches, restore if the value exists in FormData\n      const value = this.value || 'on';\n      this.checked = state.get(this.name || this.componentId) === value;\n    } else if (typeof state === 'string') {\n      // Restore from string state\n      this.checked = state === (this.value || 'on');\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el)\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.switchClassNames()} aria-disabled={this.disabled ? 'true' : null}>\n        <label htmlFor={this.componentId}>\n          <input\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.errorMessage || this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            checked={this.checked}\n            class=\"pds-switch__input\"\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name ? this.name : this.componentId}\n            onChange={this.onSwitchUpdate}\n            required={this.required}\n            type=\"checkbox\"\n            value={this.value}\n            {...this.inheritedAttributes}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={`pds-switch__message`}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-switch__message pds-switch__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,oTAAoT;;ACArU,MAAM,YAAY,GAAG,4uHAA4uH;;MCapvH,SAAS,GAAA,MAAA;AANtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAmB,CAAA,mBAAA,GAAe,EAAE;AAE3B,QAAA,IAAK,CAAA,KAAA,GAAG,UAAmB;AAS5C;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAExC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAiBzB;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAI,KAAK;AAYxB;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAajB,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,CAAQ,KAAI;YACpC,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B;AAC1C,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;YAE5B,IAAI,CAAC,eAAe,EAAE;AAEtB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAe,CAAC;AAC5C,SAAC;AAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC9B,IAAI,aAAa,GAAG,CAAA,UAAA,CAAY;AAEhC,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE;gBACzB,aAAa,IAAI,oBAAoB;;AAEvC,YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;gBACpC,aAAa,IAAI,sBAAsB;;AAEzC,YAAA,OAAO,aAAa;AACtB,SAAC;AAiGF;IA/FC,iBAAiB,GAAA;;QAEf,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE;;;AAI5C,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;IAG/C,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAIxB,cAAc,GAAA;QACZ,IAAI,CAAC,eAAe,EAAE;;IAGhB,eAAe,GAAA;;AACrB,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,CAAA,CAAA,EAAA,GAAA,OAAO,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,MAAM,EAAE;YACrG;;QAGF,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE;;AAEjD,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI;AAC5D,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC;;QAGxC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;AAChD,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;;;AAIlC,IAAA,wBAAwB,CAAC,KAA+B,EAAA;AACtD,QAAA,IAAI,KAAK,YAAY,QAAQ,EAAE;;AAE7B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI;AAChC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK;;AAC5D,aAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;AAEpC,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC;;;IAIjD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,mBAAmB,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAClC;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,mBAAiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAAA,EAChF,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9B,CACoB,CAAA,OAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,EAAA,cAAA,EAC9F,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAC,mBAAmB,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAC9C,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACb,EAAA,IAAI,CAAC,mBAAmB,CAC5B,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD,EACP,IAAI,CAAC,aAAa;AACjB,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAqB,mBAAA,CAAA,EAC5B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,EAEP,IAAI,CAAC,YAAY;YAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAgD,8CAAA,CAAA,EACvD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd,CAEH;;;;;;;;;;;;"}

package/dist/esm-es5/pds-tab.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";var pdsTabCss='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed;pointer-events:none}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active);}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}';var PdsTab=function(){function a(a){registerInstance(this,a);this.pdsTabClick=createEvent(this,"pdsTabClick");this.disabled=false;this.selected=false}a.prototype.onTabClick=function(a,e){if(this.disabled)return;this.pdsTabClick.emit([a,e])};a.prototype.classNames=function(){var a=["pds-tab",this.selected&&"is-active",this.disabled&&"is-disabled"];return a.filter(Boolean).join(" ")};a.prototype.render=function(){var a=h("span",{key:"7a70cf5b681ec05215920417c4ba590fed238f63",class:"pds-tab-edge",role:"presentation"});var e=h("span",{key:"21a1422bb00a6221f7db1b0e77abcd024eec60cd",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return h(Host,{key:"bcf73da727080cdb5b9ec7356768dd2cefab44ae",variant:this.variant,slot:"tabs",index:this.index},h("button",{key:"25e140fc63a8ddaa44d08198f14d568bca83f16a",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.disabled?"-1":this.selected?"0":"-1","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,class:this.classNames(),onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,h("div",{key:"002252b89b74bf2ab26bb33331f4296a22a4cf70",class:"pds-tab__content"},h("slot",{key:"1f67182b80504391a87509567cb68ca8ff6f9b22"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();PdsTab.style=pdsTabCss;export{PdsTab as pds_tab};
+import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";var pdsTabCss='pds-tab{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.pds-tabs--pill pds-tab{-ms-flex:1;flex:1}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:var(--pine-border-width-none);-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:var(--pine-dimension-none);-ms-flex-align:center;align-items:center;color:var(--pine-color-text-secondary);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--pine-color-text)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover:not(:disabled){color:var(--pine-color-text)}.pds-tab:focus{outline:none}.pds-tab:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tab:disabled,.pds-tab.is-disabled{color:var(--pine-color-text-disabled);cursor:not-allowed;pointer-events:none}.pds-tab .pds-tab__content{font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:var(--pine-color-brand);content:"";height:3px;inset-block-end:var(--pine-dimension-none);inset-inline-end:var(--pine-dimension-none);inset-inline-start:var(--pine-dimension-none);opacity:0;position:absolute}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--color-background-tab:transparent}.pds-tabs--availability .pds-tab{background-color:var(--color-background-tab);border-radius:calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);color:var(--pine-color-text-secondary);padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-secondary);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:var(--pine-z-index-raised)}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){--color-background-tab:var(--pine-color-secondary-hover);color:var(--pine-color-text)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--pine-color-text-secondary)}.pds-tabs--availability .pds-tab:disabled,.pds-tabs--availability .pds-tab.is-disabled{--color-background-tab:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--availability .pds-tab__content{-webkit-padding-after:7px;padding-block-end:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--color-background-tab);box-shadow:4px 4px 0 0 var(--color-background-tab);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--color-background-tab);box-shadow:-4px 4px 0 0 var(--color-background-tab);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter .pds-tab{background-color:var(--pine-color-background-muted);border-radius:50px;color:var(--pine-color-text);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{background-color:var(--pine-color-primary);color:var(--pine-color-text-primary)}.pds-tabs--filter .pds-tab.is-active:hover:not(:disabled),.pds-tabs--filter .pds-tab[aria-selected=true]:hover:not(:disabled){background-color:var(--pine-color-primary-hover)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true],:disabled){background-color:var(--pine-color-border-disabled)}.pds-tabs--filter .pds-tab:disabled,.pds-tabs--filter .pds-tab.is-disabled{background-color:transparent;color:var(--pine-color-text-disabled)}.pds-tabs--filter .pds-tab:disabled.is-active,.pds-tabs--filter .pds-tab:disabled[aria-selected=true],.pds-tabs--filter .pds-tab.is-disabled.is-active,.pds-tabs--filter .pds-tab.is-disabled[aria-selected=true]{background-color:var(--pine-color-primary-disabled)}.pds-tabs--filter .pds-tab__content{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-tabs--filter .pds-tab__content::after{content:unset}.pds-tabs--pill{--color-background-tab:transparent}.pds-tabs--pill .pds-tab{background-color:var(--color-background-tab);border:var(--pine-border-width-thin) solid transparent;border-radius:var(--pine-dimension-xs);color:var(--pine-color-text-muted);-ms-flex:1;flex:1;height:34px;-ms-flex-pack:center;justify-content:center}.pds-tabs--pill .pds-tab .pds-tab__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-padding-after:0;padding-block-end:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{--color-background-tab:var(--pine-color-background-container);border-color:var(--pine-color-border);-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100);color:var(--pine-color-text-active)}.pds-tabs--pill .pds-tab.is-active:focus-visible,.pds-tabs--pill .pds-tab[aria-selected=true]:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab.is-active .pds-tab__content::after,.pds-tabs--pill .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:0}.pds-tabs--pill .pds-tab.is-active,.pds-tabs--pill .pds-tab[aria-selected=true]{}.pds-tabs--pill .pds-tab:disabled,.pds-tabs--pill .pds-tab.is-disabled{color:var(--pine-color-text-disabled)}';var PdsTab=function(){function a(a){registerInstance(this,a);this.pdsTabClick=createEvent(this,"pdsTabClick");this.disabled=false;this.selected=false}a.prototype.onTabClick=function(a,e){if(this.disabled)return;this.pdsTabClick.emit([a,e])};a.prototype.classNames=function(){var a=["pds-tab",this.selected&&"is-active",this.disabled&&"is-disabled"];return a.filter(Boolean).join(" ")};a.prototype.render=function(){var a=h("span",{key:"e8e263009d29fea16f1cf51de545f07d3529568d",class:"pds-tab-edge",role:"presentation"});var e=h("span",{key:"f492586e916cddbbdf04c3a2cdb84ad0d669df36",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return h(Host,{key:"ec4c47883d2a1721d7986a152f787852352cb058",variant:this.variant,slot:"tabs",index:this.index},h("button",{key:"2f2436892e5cf20e777bf9624c022a88177776dd",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.disabled?"-1":this.selected?"0":"-1","aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":null,disabled:this.disabled,class:this.classNames(),onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&e,h("div",{key:"202d34facfc70b5ca3ef6dfb9d9a2f36a09747d2",class:"pds-tab__content"},h("slot",{key:"002cc5de784ff0cd01b06688c2205a490c47d27b"}))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();PdsTab.style=pdsTabCss;export{PdsTab as pds_tab};
 //# sourceMappingURL=pds-tab.entry.js.map

package/dist/esm-es5/pds-tab.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-tab.entry.js","sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n\n  .pds-tabs--pill & {\n    flex: 1;\n  }\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-border-width-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover:not(:disabled) {\n    color: var(--pine-color-text);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled,\n  &.is-disabled {\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      content: '';\n      height: 3px;\n      inset-block-end: var(--pine-dimension-none);\n      inset-inline-end: var(--pine-dimension-none);\n      inset-inline-start: var(--pine-dimension-none);\n      opacity: 0;\n      position: absolute;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    color: var(--pine-color-text-secondary);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n      color: var(--pine-color-text);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: var(--pine-z-index-raised);\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n      color: var(--pine-color-text);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      --color-background-tab: transparent;\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  .pds-tab {\n    background-color: var(--pine-color-background-muted);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      background-color: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &.is-active:hover:not(:disabled),\n    &[aria-selected='true']:hover:not(:disabled) {\n      background-color: var(--pine-color-primary-hover);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      background-color: var(--pine-color-border-disabled);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      background-color: transparent;\n      color: var(--pine-color-text-disabled);\n\n      &.is-active,\n      &[aria-selected='true'] {\n        background-color: var(--pine-color-primary-disabled);\n      }\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--pine-color-text-muted);\n    flex: 1;\n    height: 34px;\n    justify-content: center;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-background-container);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      color: var(--pine-color-text-active);\n\n      &:focus-visible {\n        border-color: var(--color-border-focus);\n        outline: var(--pine-outline-focus);\n        outline-offset: var(--pine-border-width);\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n\n    &:disabled,\n    &.is-disabled {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Determines the tab's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    if (this.disabled) return;\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  private classNames() {\n    const classes = [\n      'pds-tab',\n      this.selected && 'is-active',\n      this.disabled && 'is-disabled',\n    ];\n    return classes.filter(Boolean).join(' ');\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.disabled ? \"-1\" : (this.selected ? \"0\" : \"-1\")}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          aria-disabled={this.disabled ? \"true\" : null}\n          disabled={this.disabled}\n          class={this.classNames()}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,qlMAAqlM;;MCO1lM,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQE;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAyBzB;;AAEG;;AAEK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAkDzB;IA3CS,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAA;QACzC,IAAI,IAAI,CAAC,QAAQ;YAAE;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;;IAG3C,UAAU,GAAA;AAChB,QAAA,MAAM,OAAO,GAAG;YACd,SAAS;YACT,IAAI,CAAC,QAAQ,IAAI,WAAW;YAC5B,IAAI,CAAC,QAAQ,IAAI,aAAa;SAC/B;QACD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;IAG1C,MAAM,GAAA;QACJ,MAAM,8BAA8B,IAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACvD;QAED,MAAM,4BAA4B,IAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACzE;QAED,QACE,CAAC,CAAA,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACxD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAC9B,eAAA,EAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,EACnE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,EAAA,eAAA,EAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAA,EAEtE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,8BAA8B,EACjE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,4BAA4B,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAM,CACpC,CACJ;;;;;;;;"}
+{"version":3,"file":"pds-tab.entry.js","sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n\n  .pds-tabs--pill & {\n    flex: 1;\n  }\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: var(--pine-border-width-none);\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: var(--pine-dimension-none);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--pine-color-text-secondary);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--pine-color-text);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover:not(:disabled) {\n    color: var(--pine-color-text);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &:disabled,\n  &.is-disabled {\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .pds-tab__content {\n    font-family: var(--pine-font-family-body);\n    font-size: var(--pine-font-size);\n    font-weight: var(--pine-font-weight-medium);\n    letter-spacing: var(--pine-letter-spacing);\n    line-height: var(--pine-line-height-body);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: var(--pine-color-brand);\n      content: '';\n      height: 3px;\n      inset-block-end: var(--pine-dimension-none);\n      inset-inline-end: var(--pine-dimension-none);\n      inset-inline-start: var(--pine-dimension-none);\n      opacity: 0;\n      position: absolute;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border-radius: calc(var(--pine-dimension-xs) * 1.25) calc(var(--pine-dimension-xs) * 1.25) var(--pine-dimension-none) var(--pine-dimension-none);\n    color: var(--pine-color-text-secondary);\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-secondary);\n      color: var(--pine-color-text);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: var(--pine-z-index-raised);\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      --color-background-tab: var(--pine-color-secondary-hover);\n      color: var(--pine-color-text);\n    }\n\n    &:focus-visible {\n      color: var(--pine-color-text-secondary);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      --color-background-tab: transparent;\n      color: var(--pine-color-text-disabled);\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--color-background-tab);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--color-background-tab);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  .pds-tab {\n    background-color: var(--pine-color-background-muted);\n    border-radius: 50px;\n    color: var(--pine-color-text);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      background-color: var(--pine-color-primary);\n      color: var(--pine-color-text-primary);\n    }\n\n    &.is-active:hover:not(:disabled),\n    &[aria-selected='true']:hover:not(:disabled) {\n      background-color: var(--pine-color-primary-hover);\n    }\n\n    &:hover:not(.is-active, [aria-selected='true'], :disabled) {\n      background-color: var(--pine-color-border-disabled);\n    }\n\n    &:disabled,\n    &.is-disabled {\n      background-color: transparent;\n      color: var(--pine-color-text-disabled);\n\n      &.is-active,\n      &[aria-selected='true'] {\n        background-color: var(--pine-color-primary-disabled);\n      }\n    }\n  }\n\n  .pds-tab__content {\n    padding-block-end: var(--pine-dimension-none);\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n\n.pds-tabs--pill {\n  --color-background-tab: transparent;\n\n  .pds-tab {\n    background-color: var(--color-background-tab);\n    border: var(--pine-border-width-thin) solid transparent;\n    border-radius: var(--pine-dimension-xs);\n    color: var(--pine-color-text-muted);\n    flex: 1;\n    height: 34px;\n    justify-content: center;\n\n    .pds-tab__content {\n      align-items: center;\n      display: flex;\n      justify-content: center;\n      padding-block-end: 0;\n    }\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --color-background-tab: var(--pine-color-background-container);\n      border-color: var(--pine-color-border);\n      box-shadow: var(--pine-box-shadow-100);\n      color: var(--pine-color-text-active);\n\n      &:focus-visible {\n        border-color: var(--color-border-focus);\n        outline: var(--pine-outline-focus);\n        outline-offset: var(--pine-border-width);\n      }\n\n      /* stylelint-disable max-nesting-depth */\n      .pds-tab__content {\n        &::after {\n          opacity: 0;\n        }\n      }\n      /* stylelint-enable max-nesting-depth */\n    }\n\n    &:disabled,\n    &.is-disabled {\n      color: var(--pine-color-text-disabled);\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Determines the tab's disabled state.\n   * @defaultValue false\n   */\n  @Prop() disabled? = false;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    if (this.disabled) return;\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  private classNames() {\n    const classes = [\n      'pds-tab',\n      this.selected && 'is-active',\n      this.disabled && 'is-disabled',\n    ];\n    return classes.filter(Boolean).join(' ');\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.disabled ? \"-1\" : (this.selected ? \"0\" : \"-1\")}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          aria-disabled={this.disabled ? \"true\" : null}\n          disabled={this.disabled}\n          class={this.classNames()}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,svMAAsvM;;MCO3vM,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQE;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAI,KAAK;AAyBzB;;AAEG;;AAEK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAkDzB;IA3CS,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAA;QACzC,IAAI,IAAI,CAAC,QAAQ;YAAE;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;;IAG3C,UAAU,GAAA;AAChB,QAAA,MAAM,OAAO,GAAG;YACd,SAAS;YACT,IAAI,CAAC,QAAQ,IAAI,WAAW;YAC5B,IAAI,CAAC,QAAQ,IAAI,aAAa;SAC/B;QACD,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;IAG1C,MAAM,GAAA;QACJ,MAAM,8BAA8B,IAClC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACvD;QAED,MAAM,4BAA4B,IAChC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,gCAAgC,EAAC,IAAI,EAAC,cAAc,EAAA,CAAQ,CACzE;QAED,QACE,CAAC,CAAA,IAAI,qDAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACxD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,EAC9B,eAAA,EAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,EACnE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,EAAA,eAAA,EAC9C,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EACxB,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAA,EAEtE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,8BAA8B,EACjE,IAAI,CAAC,OAAO,KAAK,cAAc,IAAI,4BAA4B,EAChE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAO,CAAM,CACpC,CACJ;;;;;;;;"}

package/dist/esm-es5/pds-table-body.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-DHPhrb5T.js";var pdsTableBodyCss=":host{border-color:inherit;display:table-row-group;vertical-align:middle}";var PdsTableBody=function(){function r(r){registerInstance(this,r)}r.prototype.render=function(){return h(Host,{key:"299a00424cf34acb2d2cbddf2c51c853558f270d",role:"rowgroup",part:"body"},h("slot",{key:"718b97595d037cf6c19e8bfb2a9702a2a3fc1058"}))};return r}();PdsTableBody.style=pdsTableBodyCss;export{PdsTableBody as pds_table_body};
+import{r as registerInstance,h,H as Host}from"./index-DHPhrb5T.js";var pdsTableBodyCss=":host{border-color:inherit;display:table-row-group;vertical-align:middle}";var PdsTableBody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"1f6ce73abaf0ecb3f592f754bedef557c7ea197d",role:"rowgroup",part:"body"},h("slot",{key:"4a9758bb6c17de60cb345216d9b3e7c58cd44499"}))};return e}();PdsTableBody.style=pdsTableBodyCss;export{PdsTableBody as pds_table_body};
 //# sourceMappingURL=pds-table-body.entry.js.map

package/dist/esm-es5/pds-table-cell.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";var pdsTableCellCss=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}";var PdsTableCell=function(){function i(i){var t=this;registerInstance(this,i);this.scrollContainer=null;this.setupRetries=0;this.tableScrolling=false;this.handleScroll=function(){if(!t.scrollContainer){return}try{t.tableScrolling=t.scrollContainer.scrollLeft>0}catch(i){console.warn("Scroll handler error:",i)}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}};i.prototype.disconnectedCallback=function(){this.cleanupScrollListener()};i.prototype.setupScrollListener=function(){var i=this;var t;if(!this.tableRef)return;var e=(t=this.tableRef.shadowRoot)===null||t===void 0?void 0:t.querySelector(".pds-table-responsive-container");if(e){this.scrollContainer=e;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(i.scrollContainer)return;i.setupRetries=(i.setupRetries||0)+1;if(i.setupRetries<=50){i.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};i.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.cellAlign){i.push("pds-table-cell--align-".concat(this.cellAlign))}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"996bf5f70f450e57b0c44023ddf5f44f6af8e367",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"f6e5fc35adeb18fa939534f3b409b282d121a797"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsTableCell.style=pdsTableCellCss;export{PdsTableCell as pds_table_cell};
+import{r as registerInstance,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";var pdsTableCellCss=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}";var PdsTableCell=function(){function i(i){var t=this;registerInstance(this,i);this.scrollContainer=null;this.setupRetries=0;this.tableScrolling=false;this.handleScroll=function(){if(!t.scrollContainer){return}try{t.tableScrolling=t.scrollContainer.scrollLeft>0}catch(i){console.warn("Scroll handler error:",i)}}}i.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table")};i.prototype.componentDidLoad=function(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}};i.prototype.disconnectedCallback=function(){this.cleanupScrollListener()};i.prototype.setupScrollListener=function(){var i=this;var t;if(!this.tableRef)return;var e=(t=this.tableRef.shadowRoot)===null||t===void 0?void 0:t.querySelector(".pds-table-responsive-container");if(e){this.scrollContainer=e;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(i.scrollContainer)return;i.setupRetries=(i.setupRetries||0)+1;if(i.setupRetries<=50){i.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};i.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};i.prototype.classNames=function(){var i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.cellAlign){i.push("pds-table-cell--align-".concat(this.cellAlign))}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")};i.prototype.render=function(){return h(Host,{key:"102c412e68bd877ee88866d2c66838d62cb7cab2",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"fae2d378d6e1c5c3abb34cb4a75b74930d56965c"}))};Object.defineProperty(i.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();PdsTableCell.style=pdsTableCellCss;export{PdsTableCell as pds_table_cell};
 //# sourceMappingURL=pds-table-cell.entry.js.map

package/dist/esm-es5/pds-table-head-cell.entry.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{i as upSmall,d as downSmall}from"./index-xbb79yLt.js";var pdsTableHeadCellCss=":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}";var PdsTableHeadCell=function(){function e(e){var t=this;registerInstance(this,e);this.pdsTableSort=createEvent(this,"pdsTableSort");this.scrollContainer=null;this.setupRetries=0;this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.hasHeadBorder=false;this.hasHeadBackground=false;this.handleScroll=function(){if(!t.scrollContainer){return}try{t.tableScrolling=t.scrollContainer.scrollLeft>0}catch(e){console.warn("Scroll handler error:",e)}};this.toggleSort=function(){if(t.sortable){var e=t.hostElement.innerText.trim();t.sortingDirection=t.sortingDirection==="asc"?"desc":"asc";t.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(e){e.classList.remove("is-active")}));t.hostElement.classList.toggle("is-active");t.pdsTableSort.emit({column:e,direction:t.sortingDirection})}}}e.prototype.setActiveSort=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.sortable)return[2];this.sortingDirection=e;this.hostElement.classList.add("is-active");return[2]}))}))};e.prototype.componentWillLoad=function(){this.tableRef=this.hostElement.closest("pds-table");var e=this.hostElement.closest("pds-table-head");if(e){this.hasHeadBorder=e.hasAttribute("border");this.hasHeadBackground=e.hasAttribute("background")}};e.prototype.componentDidLoad=function(){var e=this;if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}var t=this.hostElement.closest("pds-table-head");if(t&&typeof MutationObserver!=="undefined"){if(this.headObserver){this.headObserver.disconnect()}this.headObserver=new MutationObserver((function(){e.hasHeadBorder=t.hasAttribute("border");e.hasHeadBackground=t.hasAttribute("background")}));this.headObserver.observe(t,{attributes:true,attributeFilter:["border","background"]})}};e.prototype.disconnectedCallback=function(){this.cleanupScrollListener();if(this.headObserver){this.headObserver.disconnect()}};e.prototype.setupScrollListener=function(){var e=this;var t;if(!this.tableRef)return;var i=(t=this.tableRef.shadowRoot)===null||t===void 0?void 0:t.querySelector(".pds-table-responsive-container");if(i){this.scrollContainer=i;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(e.scrollContainer)return;e.setupRetries=(e.setupRetries||0)+1;if(e.setupRetries<=50){e.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};e.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};e.prototype.classNames=function(){var e=[];if(this.tableRef&&this.tableRef.compact){e.push("is-compact")}if(this.cellAlign){e.push("pds-table-head-cell--align-".concat(this.cellAlign))}if(this.sortable){e.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){e.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){e.push("has-scrolled")}if(this.hasHeadBackground){e.push("has-head-background")}if(this.hasHeadBorder){e.push("has-head-border")}return e.join(" ")};e.prototype.render=function(){return h(Host,{key:"18228c7b1950668f12f983d9e5364bbf2deb3f1a",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"283f5e031cc8fe521c25af8060ce51c3ebaffa93"}),this.sortable&&h("pds-icon",{key:"a7e172c6fbf1185ab9885af04bcf2f2449370e6b",icon:this.sortingDirection==="asc"?upSmall:downSmall,part:"sort-icon"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PdsTableHeadCell.style=pdsTableHeadCellCss;export{PdsTableHeadCell as pds_table_head_cell};
+import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{i as upSmall,d as downSmall}from"./index-DY8eSueV.js";var pdsTableHeadCellCss=":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}";var PdsTableHeadCell=function(){function t(t){var e=this;registerInstance(this,t);this.pdsTableSort=createEvent(this,"pdsTableSort");this.scrollContainer=null;this.setupRetries=0;this.sortingDirection="asc";this.tableScrolling=false;this.isSelected=false;this.hasHeadBorder=false;this.hasHeadBackground=false;this.isActive=false;this.handleScroll=function(){if(!e.scrollContainer){return}try{e.tableScrolling=e.scrollContainer.scrollLeft>0}catch(t){console.warn("Scroll handler error:",t)}};this.toggleSort=function(){if(e.sortable){if(!e.tableRef){return}var t=e.hostElement.innerText.trim();e.sortingDirection=e.sortingDirection==="asc"?"desc":"asc";e.tableRef.querySelectorAll("pds-table-head-cell").forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(i){switch(i.label){case 0:if(!(t!==this.hostElement))return[3,2];e=t;return[4,e.clearActiveSort()];case 1:i.sent();i.label=2;case 2:return[2]}}))}))}));e.isActive=true;e.hostElement.classList.add("is-active");e.pdsTableSort.emit({column:t,direction:e.sortingDirection})}}}t.prototype.setActiveSort=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.sortable)return[2];this.sortingDirection=t;this.isActive=true;this.hostElement.classList.add("is-active");return[2]}))}))};t.prototype.clearActiveSort=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.isActive=false;this.hostElement.classList.remove("is-active");return[2]}))}))};t.prototype.componentWillLoad=function(){this.tableRef=this.hostElement.closest("pds-table");var t=this.hostElement.closest("pds-table-head");if(t){this.hasHeadBorder=t.hasAttribute("border");this.hasHeadBackground=t.hasAttribute("background")}};t.prototype.componentDidLoad=function(){var t=this;if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.setupScrollListener()}var e=this.hostElement.closest("pds-table-head");if(e&&typeof MutationObserver!=="undefined"){if(this.headObserver){this.headObserver.disconnect()}this.headObserver=new MutationObserver((function(){t.hasHeadBorder=e.hasAttribute("border");t.hasHeadBackground=e.hasAttribute("background")}));this.headObserver.observe(e,{attributes:true,attributeFilter:["border","background"]})}};t.prototype.disconnectedCallback=function(){this.cleanupScrollListener();if(this.headObserver){this.headObserver.disconnect()}};t.prototype.setupScrollListener=function(){var t=this;var e;if(!this.tableRef)return;var i=(e=this.tableRef.shadowRoot)===null||e===void 0?void 0:e.querySelector(".pds-table-responsive-container");if(i){this.scrollContainer=i;this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:true});this.handleScroll();this.setupRetries=0}else{this.setupTimer=window.setTimeout((function(){if(t.scrollContainer)return;t.setupRetries=(t.setupRetries||0)+1;if(t.setupRetries<=50){t.setupScrollListener()}else{console.warn("Failed to find responsive container after 50 attempts")}}),100)}};t.prototype.cleanupScrollListener=function(){if(this.scrollContainer){this.scrollContainer.removeEventListener("scroll",this.handleScroll);this.scrollContainer=null}if(this.setupTimer!==undefined){window.clearTimeout(this.setupTimer);this.setupTimer=undefined}this.setupRetries=0};t.prototype.classNames=function(){var t=[];if(this.tableRef&&this.tableRef.compact){t.push("is-compact")}if(this.cellAlign){t.push("pds-table-head-cell--align-".concat(this.cellAlign))}if(this.sortable){t.push("is-sortable")}if(this.sortable&&this.sortingDirection!==null){t.push("sort-"+this.sortingDirection)}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){t.push("has-scrolled")}if(this.hasHeadBackground){t.push("has-head-background")}if(this.hasHeadBorder){t.push("has-head-border")}return t.join(" ")};t.prototype.render=function(){return h(Host,{key:"7e85fb5e6b5fc1022034db9e4c94ca13dfc56257",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},h("slot",{key:"97d2b9621f7d61ad42719a4cc9f640a1210d78dc"}),this.sortable&&this.isActive&&h("pds-icon",{key:"d80efe9b417ae34bf50f65b0e9cb15bcc9aabd40",icon:this.sortingDirection==="asc"?upSmall:downSmall,part:"sort-icon"}))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PdsTableHeadCell.style=pdsTableHeadCellCss;export{PdsTableHeadCell as pds_table_head_cell};
 //# sourceMappingURL=pds-table-head-cell.entry.js.map