@esri/solutions-components 0.8.11 → 0.8.13

package/dist/solutions-components/p-3a862208.js

@@ -0,0 +1,18 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/**!
+ * Sortable 1.15.1
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function t(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function n(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?t(Object(o),!0).forEach((function(t){i(n,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))}))}return n}function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function i(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function o(){return o=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},o.apply(this,arguments)}function r(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var a=r(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),u=r(/Edge/i),s=r(/firefox/i),l=r(/safari/i)&&!r(/chrome/i)&&!r(/android/i),c=r(/iP(ad|od|hone)/i),f=r(/chrome/i)&&r(/android/i),h={capture:!1,passive:!1};function d(t,n,e){t.addEventListener(n,e,!a&&h)}function v(t,n,e){t.removeEventListener(n,e,!a&&h)}function m(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function g(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function p(t,n,e,i){if(t){e=e||document;do{if(null!=n&&(">"===n[0]?t.parentNode===e&&m(t,n):m(t,n))||i&&t===e)return t;if(t===e)break}while(t=g(t))}return null}var b,w=/\s+/g;function E(t,n,e){if(t&&n)if(t.classList)t.classList[e?"add":"remove"](n);else{var i=(" "+t.className+" ").replace(w," ").replace(" "+n+" "," ");t.className=(i+(e?" "+n:"")).replace(w," ")}}function y(t,n,e){var i=t&&t.style;if(i){if(void 0===e)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(e=t.currentStyle),void 0===n?e:e[n];n in i||-1!==n.indexOf("webkit")||(n="-webkit-"+n),i[n]=e+("string"==typeof e?"":"px")}}function I(t,n){var e="";if("string"==typeof t)e=t;else do{var i=y(t,"transform");i&&"none"!==i&&(e=i+" "+e)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(e)}function x(t,n,e){if(t){var i=t.getElementsByTagName(n),o=0,r=i.length;if(e)for(;o<r;o++)e(i[o],o);return i}return[]}function S(){return document.scrollingElement||document.documentElement}function T(t,n,e,i,o){if(t.getBoundingClientRect||t===window){var r,u,s,l,c,f,h;if(t!==window&&t.parentNode&&t!==S()?(u=(r=t.getBoundingClientRect()).top,s=r.left,l=r.bottom,c=r.right,f=r.height,h=r.width):(u=0,s=0,l=window.innerHeight,c=window.innerWidth,f=window.innerHeight,h=window.innerWidth),(n||e)&&t!==window&&(o=o||t.parentNode,!a))do{if(o&&o.getBoundingClientRect&&("none"!==y(o,"transform")||e&&"static"!==y(o,"position"))){var d=o.getBoundingClientRect();u-=d.top+parseInt(y(o,"border-top-width")),s-=d.left+parseInt(y(o,"border-left-width")),l=u+r.height,c=s+r.width;break}}while(o=o.parentNode);if(i&&t!==window){var v=I(o||t),m=v&&v.a,g=v&&v.d;v&&(l=(u/=g)+(f/=g),c=(s/=m)+(h/=m))}return{top:u,left:s,bottom:l,right:c,width:h,height:f}}}function O(t){var n=T(t),e=parseInt(y(t,"padding-left")),i=parseInt(y(t,"padding-top")),o=parseInt(y(t,"padding-right")),r=parseInt(y(t,"padding-bottom"));return n.top+=i+parseInt(y(t,"border-top-width")),n.left+=e+parseInt(y(t,"border-left-width")),n.width=t.clientWidth-e-o,n.height=t.clientHeight-i-r,n.bottom=n.top+n.height,n.right=n.left+n.width,n}function M(t,n,e){for(var i=j(t,!0),o=T(t)[n];i;){var r=T(i)[e];if(!("top"===e||"left"===e?o>=r:o<=r))return i;if(i===S())break;i=j(i,!1)}return!1}function _(t,n,e,i){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==zt.ghost&&(i||a[r]!==zt.dragged)&&p(a[r],e.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function C(t,n){for(var e=t.lastElementChild;e&&(e===zt.ghost||"none"===y(e,"display")||n&&!m(e,n));)e=e.previousElementSibling;return e||null}function D(t,n){var e=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===zt.clone||n&&!m(t,n)||e++;return e}function k(t){var n=0,e=0,i=S();if(t)do{var o=I(t);n+=t.scrollLeft*o.a,e+=t.scrollTop*o.d}while(t!==i&&(t=t.parentNode));return[n,e]}function j(t,n){if(!t||!t.getBoundingClientRect)return S();var e=t,i=!1;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var o=y(e);if(e.clientWidth<e.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||e.clientHeight<e.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!e.getBoundingClientRect||e===document.body)return S();if(i||n)return e;i=!0}}}while(e=e.parentNode);return S()}function A(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function z(t,n){return function(){if(!b){var e=arguments;1===e.length?t.call(this,e[0]):t.apply(this,e),b=setTimeout((function(){b=void 0}),n)}}}function N(t,n,e){t.scrollLeft+=n,t.scrollTop+=e}function F(t){var n=window.Polymer,e=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):e?e(t).clone(!0)[0]:t.cloneNode(!0)}var P="Sortable"+(new Date).getTime();var B=[],H={initializeByDefault:!0},G={mount:function(t){for(var n in H)H.hasOwnProperty(n)&&!(n in t)&&(t[n]=H[n]);B.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),B.push(t)},pluginEvent:function(t,e,i){var o=this;this.eventCanceled=!1,i.cancel=function(){o.eventCanceled=!0};var r=t+"Global";B.forEach((function(o){e[o.pluginName]&&(e[o.pluginName][r]&&e[o.pluginName][r](n({sortable:e},i)),e.options[o.pluginName]&&e[o.pluginName][t]&&e[o.pluginName][t](n({sortable:e},i)))}))},initializePlugins:function(t,n,e){for(var i in B.forEach((function(i){var r=i.pluginName;if(t.options[r]||i.initializeByDefault){var a=new i(t,n,t.options);a.sortable=t,a.options=t.options,t[r]=a,o(e,a.defaults)}})),t.options)if(t.options.hasOwnProperty(i)){var r=this.modifyOption(t,i,t.options[i]);void 0!==r&&(t.options[i]=r)}},getEventProperties:function(t,n){var e={};return B.forEach((function(i){"function"==typeof i.eventProperties&&o(e,i.eventProperties.call(n[i.pluginName],t))})),e},modifyOption:function(t,n,e){var i;return B.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(i=o.optionListeners[n].call(t[o.pluginName],e))})),i}},L=["evt"],R=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=i.evt,r=function(t,n){if(null==t)return{};var e,i,o=function(t,n){if(null==t)return{};var e,i,o={},r=Object.keys(t);for(i=0;i<r.length;i++)n.indexOf(e=r[i])>=0||(o[e]=t[e]);return o}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)n.indexOf(e=r[i])>=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}(i,L);G.pluginEvent.bind(zt)(t,e,n({dragEl:X,parentEl:Y,ghostEl:$,rootEl:U,nextEl:V,lastDownEl:Z,cloneEl:q,cloneHidden:J,dragStarted:ct,putSortable:it,activeSortable:zt.active,originalEvent:o,oldIndex:K,oldDraggableIndex:tt,newIndex:Q,newDraggableIndex:nt,hideGhostForTarget:Dt,unhideGhostForTarget:kt,cloneNowHidden:function(){J=!0},cloneNowShown:function(){J=!1},dispatchSortableEvent:function(t){W({sortable:e,name:t,originalEvent:o})}},r))};function W(t){!function(t){var e=t.sortable,i=t.rootEl,o=t.name,r=t.targetEl,s=t.cloneEl,l=t.toEl,c=t.fromEl,f=t.oldIndex,h=t.newIndex,d=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,g=t.putSortable,p=t.extraEventProperties;if(e=e||i&&i[P]){var b,w=e.options,E="on"+o.charAt(0).toUpperCase()+o.substr(1);!window.CustomEvent||a||u?(b=document.createEvent("Event")).initEvent(o,!0,!0):b=new CustomEvent(o,{bubbles:!0,cancelable:!0}),b.to=l||i,b.from=c||i,b.item=r||i,b.clone=s,b.oldIndex=f,b.newIndex=h,b.oldDraggableIndex=d,b.newDraggableIndex=v,b.originalEvent=m,b.pullMode=g?g.lastPutMode:void 0;var y=n(n({},p),G.getEventProperties(o,e));for(var I in y)b[I]=y[I];i&&i.dispatchEvent(b),w[E]&&w[E].call(e,b)}}(n({putSortable:it,cloneEl:q,targetEl:X,rootEl:U,oldIndex:K,oldDraggableIndex:tt,newIndex:Q,newDraggableIndex:nt},t))}var X,Y,$,U,V,Z,q,J,K,Q,tt,nt,et,it,ot,rt,at,ut,st,lt,ct,ft,ht,dt,vt,mt=!1,gt=!1,pt=[],bt=!1,wt=!1,Et=[],yt=!1,It=[],xt="undefined"!=typeof document,St=c,Tt=u||a?"cssFloat":"float",Ot=xt&&!f&&!c&&"draggable"in document.createElement("div"),Mt=function(){if(xt){if(a)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),_t=function(t,n){var e=y(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),o=_(t,0,n),r=_(t,1,n),a=o&&y(o),u=r&&y(r),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+T(o).width,l=u&&parseInt(u.marginLeft)+parseInt(u.marginRight)+T(r).width;return"flex"===e.display?"column"===e.flexDirection||"column-reverse"===e.flexDirection?"vertical":"horizontal":"grid"===e.display?e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&a.float&&"none"!==a.float?!r||"both"!==u.clear&&u.clear!==("left"===a.float?"left":"right")?"horizontal":"vertical":o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||s>=i&&"none"===e[Tt]||r&&"none"===e[Tt]&&s+l>i)?"vertical":"horizontal"},Ct=function(t){function n(t,e){return function(i,o,r,a){if(null==t&&(e||i.options.group.name&&o.options.group.name&&i.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(e&&"clone"===t)return t;if("function"==typeof t)return n(t(i,o,r,a),e)(i,o,r,a);var u=(e?i:o).options.group.name;return!0===t||"string"==typeof t&&t===u||t.join&&t.indexOf(u)>-1}}var i={},o=t.group;o&&"object"==e(o)||(o={name:o}),i.name=o.name,i.checkPull=n(o.pull,!0),i.checkPut=n(o.put),i.revertClone=o.revertClone,t.group=i},Dt=function(){!Mt&&$&&y($,"display","none")},kt=function(){!Mt&&$&&y($,"display","")};xt&&!f&&document.addEventListener("click",(function(t){if(gt)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),gt=!1,!1}),!0);var jt=function(t){if(X){var n=(o=(t=t.touches?t.touches[0]:t).clientX,r=t.clientY,pt.some((function(t){var n=t[P].options.emptyInsertThreshold;if(n&&!C(t)){var e=T(t);return o>=e.left-n&&o<=e.right+n&&r>=e.top-n&&r<=e.bottom+n?a=t:void 0}})),a);if(n){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.target=e.rootEl=n,e.preventDefault=void 0,e.stopPropagation=void 0,n[P]._onDragOver(e)}}var o,r,a},At=function(t){X&&X.parentNode[P]._isOutsideThisEl(t.target)};function zt(t,e){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=e=o({},e),t[P]=this;var i,r,a={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return _t(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==zt.supportPointer&&"PointerEvent"in window&&!l,emptyInsertThreshold:5};for(var u in G.initializePlugins(this,t,a),a)!(u in e)&&(e[u]=a[u]);for(var s in Ct(e),this)"_"===s.charAt(0)&&"function"==typeof this[s]&&(this[s]=this[s].bind(this));this.nativeDraggable=!e.forceFallback&&Ot,this.nativeDraggable&&(this.options.touchStartThreshold=1),e.supportPointer?d(t,"pointerdown",this._onTapStart):(d(t,"mousedown",this._onTapStart),d(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(d(t,"dragover",this),d(t,"dragenter",this)),pt.push(this.el),e.store&&e.store.get&&this.sort(e.store.get(this)||[]),o(this,(r=[],{captureAnimationState:function(){r=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==y(t,"display")&&t!==zt.ghost){r.push({target:t,rect:T(t)});var e=n({},r[r.length-1].rect);if(t.thisAnimationDuration){var i=I(t,!0);i&&(e.top-=i.f,e.left-=i.e)}t.fromRect=e}}))},addAnimationState:function(t){r.push(t)},removeAnimationState:function(t){r.splice(function(t,n){for(var e in t)if(t.hasOwnProperty(e))for(var i in n)if(n.hasOwnProperty(i)&&n[i]===t[e][i])return Number(e);return-1}(r,{target:t}),1)},animateAll:function(t){var n=this;if(!this.options.animation)return clearTimeout(i),void("function"==typeof t&&t());var e=!1,o=0;r.forEach((function(t){var i=0,r=t.target,a=r.fromRect,u=T(r),s=r.prevFromRect,l=r.prevToRect,c=t.rect,f=I(r,!0);f&&(u.top-=f.f,u.left-=f.e),r.toRect=u,r.thisAnimationDuration&&A(s,u)&&!A(a,u)&&(c.top-u.top)/(c.left-u.left)==(a.top-u.top)/(a.left-u.left)&&(i=function(t,n,e,i){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-e.top,2)+Math.pow(n.left-e.left,2))*i.animation}(c,s,l,n.options)),A(u,a)||(r.prevFromRect=a,r.prevToRect=u,i||(i=n.options.animation),n.animate(r,c,u,i)),i&&(e=!0,o=Math.max(o,i),clearTimeout(r.animationResetTimer),r.animationResetTimer=setTimeout((function(){r.animationTime=0,r.prevFromRect=null,r.fromRect=null,r.prevToRect=null,r.thisAnimationDuration=null}),i),r.thisAnimationDuration=i)})),clearTimeout(i),e?i=setTimeout((function(){"function"==typeof t&&t()}),o):"function"==typeof t&&t(),r=[]},animate:function(t,n,e,i){if(i){y(t,"transition",""),y(t,"transform","");var o=I(this.el),r=(n.left-e.left)/(o&&o.a||1),a=(n.top-e.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!a,y(t,"transform","translate3d("+r+"px,"+a+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),y(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:"")),y(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){y(t,"transition",""),y(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),i)}}}))}function Nt(t,n,e,i,o,r,s,l){var c,f,h=t[P],d=h.options.onMove;return!window.CustomEvent||a||u?(c=document.createEvent("Event")).initEvent("move",!0,!0):c=new CustomEvent("move",{bubbles:!0,cancelable:!0}),c.to=n,c.from=t,c.dragged=e,c.draggedRect=i,c.related=o||n,c.relatedRect=r||T(n),c.willInsertAfter=l,c.originalEvent=s,t.dispatchEvent(c),d&&(f=d.call(h,c,s)),f}function Ft(t){t.draggable=!1}function Pt(){yt=!1}function Bt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,e=n.length,i=0;e--;)i+=n.charCodeAt(e);return i.toString(36)}function Ht(t){return setTimeout(t,0)}function Gt(t){return clearTimeout(t)}zt.prototype={constructor:zt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(ft=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,X):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,e=this.el,i=this.options,o=i.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,u=(a||t).target,s=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||u,c=i.filter;if(function(t){It.length=0;for(var n=t.getElementsByTagName("input"),e=n.length;e--;){var i=n[e];i.checked&&It.push(i)}}(e),!X&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||i.disabled)&&!s.isContentEditable&&(this.nativeDraggable||!l||!u||"SELECT"!==u.tagName.toUpperCase())&&!((u=p(u,i.draggable,e,!1))&&u.animated||Z===u)){if(K=D(u),tt=D(u,i.draggable),"function"==typeof c){if(c.call(this,t,u,this))return W({sortable:n,rootEl:s,name:"filter",targetEl:u,toEl:e,fromEl:e}),R("filter",n,{evt:t}),void(o&&t.cancelable&&t.preventDefault())}else if(c&&(c=c.split(",").some((function(i){if(i=p(s,i.trim(),e,!1))return W({sortable:n,rootEl:i,name:"filter",targetEl:u,fromEl:e,toEl:e}),R("filter",n,{evt:t}),!0}))))return void(o&&t.cancelable&&t.preventDefault());i.handle&&!p(s,i.handle,e,!1)||this._prepareDragStart(t,a,u)}}},_prepareDragStart:function(t,n,e){var i,o=this,r=o.el,l=o.options,c=r.ownerDocument;if(e&&!X&&e.parentNode===r){var f=T(e);if(U=r,Y=(X=e).parentNode,V=X.nextSibling,Z=e,et=l.group,zt.dragged=X,st=(ot={target:X,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-f.left,lt=ot.clientY-f.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,X.style["will-change"]="all",i=function(){R("delayEnded",o,{evt:t}),zt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!s&&o.nativeDraggable&&(X.draggable=!0),o._triggerDragStart(t,n),W({sortable:o,name:"choose",originalEvent:t}),E(X,l.chosenClass,!0))},l.ignore.split(",").forEach((function(t){x(X,t.trim(),Ft)})),d(c,"dragover",jt),d(c,"mousemove",jt),d(c,"touchmove",jt),d(c,"mouseup",o._onDrop),d(c,"touchend",o._onDrop),d(c,"touchcancel",o._onDrop),s&&this.nativeDraggable&&(this.options.touchStartThreshold=4,X.draggable=!0),R("delayStart",this,{evt:t}),!l.delay||l.delayOnTouchOnly&&!n||this.nativeDraggable&&(u||a))i();else{if(zt.eventCanceled)return void this._onDrop();d(c,"mouseup",o._disableDelayedDrag),d(c,"touchend",o._disableDelayedDrag),d(c,"touchcancel",o._disableDelayedDrag),d(c,"mousemove",o._delayedDragTouchMoveHandler),d(c,"touchmove",o._delayedDragTouchMoveHandler),l.supportPointer&&d(c,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,l.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){X&&Ft(X),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;v(t,"mouseup",this._disableDelayedDrag),v(t,"touchend",this._disableDelayedDrag),v(t,"touchcancel",this._disableDelayedDrag),v(t,"mousemove",this._delayedDragTouchMoveHandler),v(t,"touchmove",this._delayedDragTouchMoveHandler),v(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?d(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(d(X,"dragend",this),d(U,"dragstart",this._onDragStart));try{document.selection?Ht((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(mt=!1,U&&X){R("dragStarted",this,{evt:n}),this.nativeDraggable&&d(document,"dragover",At);var e=this.options;!t&&E(X,e.dragClass,!1),E(X,e.ghostClass,!0),zt.active=this,t&&this._appendGhost(),W({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(rt){this._lastX=rt.clientX,this._lastY=rt.clientY,Dt();for(var t=document.elementFromPoint(rt.clientX,rt.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(rt.clientX,rt.clientY))!==n;)n=t;if(X.parentNode[P]._isOutsideThisEl(t),n)do{if(n[P]&&n[P]._onDragOver({clientX:rt.clientX,clientY:rt.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=n.parentNode);kt()}},_onTouchMove:function(t){if(ot){var n=this.options,e=n.fallbackTolerance,i=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=$&&I($,!0),a=$&&r&&r.a,u=$&&r&&r.d,s=St&&vt&&k(vt),l=(o.clientX-ot.clientX+i.x)/(a||1)+(s?s[0]-Et[0]:0)/(a||1),c=(o.clientY-ot.clientY+i.y)/(u||1)+(s?s[1]-Et[1]:0)/(u||1);if(!zt.active&&!mt){if(e&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<e)return;this._onDragStart(t,!0)}if($){r?(r.e+=l-(at||0),r.f+=c-(ut||0)):r={a:1,b:0,c:0,d:1,e:l,f:c};var f="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");y($,"webkitTransform",f),y($,"mozTransform",f),y($,"msTransform",f),y($,"transform",f),at=l,ut=c,rt=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!$){var t=this.options.fallbackOnBody?document.body:U,n=T(X,!0,St,!0,t),e=this.options;if(St){for(vt=t;"static"===y(vt,"position")&&"none"===y(vt,"transform")&&vt!==document;)vt=vt.parentNode;vt!==document.body&&vt!==document.documentElement?(vt===document&&(vt=S()),n.top+=vt.scrollTop,n.left+=vt.scrollLeft):vt=S(),Et=k(vt)}E($=X.cloneNode(!0),e.ghostClass,!1),E($,e.fallbackClass,!0),E($,e.dragClass,!0),y($,"transition",""),y($,"transform",""),y($,"box-sizing","border-box"),y($,"margin",0),y($,"top",n.top),y($,"left",n.left),y($,"width",n.width),y($,"height",n.height),y($,"opacity","0.8"),y($,"position",St?"absolute":"fixed"),y($,"zIndex","100000"),y($,"pointerEvents","none"),zt.ghost=$,t.appendChild($),y($,"transform-origin",st/parseInt($.style.width)*100+"% "+lt/parseInt($.style.height)*100+"%")}},_onDragStart:function(t,n){var e=this,i=t.dataTransfer,o=e.options;R("dragStart",this,{evt:t}),zt.eventCanceled?this._onDrop():(R("setupClone",this),zt.eventCanceled||((q=F(X)).removeAttribute("id"),q.draggable=!1,q.style["will-change"]="",this._hideClone(),E(q,this.options.chosenClass,!1),zt.clone=q),e.cloneId=Ht((function(){R("clone",e),zt.eventCanceled||(e.options.removeCloneOnHide||U.insertBefore(q,X),e._hideClone(),W({sortable:e,name:"clone"}))})),!n&&E(X,o.dragClass,!0),n?(gt=!0,e._loopId=setInterval(e._emulateDragOver,50)):(v(document,"mouseup",e._onDrop),v(document,"touchend",e._onDrop),v(document,"touchcancel",e._onDrop),i&&(i.effectAllowed="move",o.setData&&o.setData.call(e,i,X)),d(document,"drop",e),y(X,"transform","translateZ(0)")),mt=!0,e._dragStartId=Ht(e._dragStarted.bind(e,n,t)),d(document,"selectstart",e),ct=!0,l&&y(document.body,"user-select","none"))},_onDragOver:function(t){var e,i,o,r,a=this.el,u=t.target,s=this.options,l=s.group,c=zt.active,f=et===l,h=s.sort,d=it||c,v=this,m=!1;if(!yt){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),u=p(u,s.draggable,a,!0),L("dragOver"),zt.eventCanceled)return m;if(X.contains(t.target)||u.animated&&u.animatingX&&u.animatingY||v._ignoreWhileAnimating===u)return q(!1);if(gt=!1,c&&!s.disabled&&(f?h||(o=Y!==U):it===this||(this.lastPutMode=et.checkPull(this,c,X,t))&&l.checkPut(this,c,X,t))){if(r="vertical"===this._getDirection(t,u),e=T(X),L("dragOverValid"),zt.eventCanceled)return m;if(o)return Y=U,Z(),this._hideClone(),L("revert"),zt.eventCanceled||(V?U.insertBefore(X,V):U.appendChild(X)),q(!0);var g=C(a,s.draggable);if(!g||function(t,n,e){var i=T(C(e.el,e.options.draggable)),o=O(e.el);return n?t.clientX>o.right+10||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>o.bottom+10||t.clientX>i.right&&t.clientY>i.top}(t,r,this)&&!g.animated){if(g===X)return q(!1);if(g&&a===t.target&&(u=g),u&&(i=T(u)),!1!==Nt(U,a,X,e,u,i,t,!!u))return Z(),g&&g.nextSibling?a.insertBefore(X,g.nextSibling):a.appendChild(X),Y=a,J(),q(!0)}else if(g&&function(t,n,e){var i=T(_(e.el,0,e.options,!0)),o=O(e.el);return n?t.clientX<o.left-10||t.clientY<i.top&&t.clientX<i.right:t.clientY<o.top-10||t.clientY<i.bottom&&t.clientX<i.left}(t,r,this)){var b=_(a,0,s,!0);if(b===X)return q(!1);if(i=T(u=b),!1!==Nt(U,a,X,e,u,i,t,!1))return Z(),a.insertBefore(X,b),Y=a,J(),q(!0)}else if(u.parentNode===a){i=T(u);var w,I,x,S=X.parentNode!==a,k=!function(t,n,e){var i=e?t.left:t.top,o=e?n.left:n.top;return i===o||(e?t.right:t.bottom)===(e?n.right:n.bottom)||i+(e?t.width:t.height)/2===o+(e?n.width:n.height)/2}(X.animated&&X.toRect||e,u.animated&&u.toRect||i,r),j=r?"top":"left",A=M(u,"top","top")||M(X,"top","top"),z=A?A.scrollTop:void 0;if(ft!==u&&(I=i[j],bt=!1,wt=!k&&s.invertSwap||S),w=function(t,n,e,i,o,r,a,u){var s=i?t.clientY:t.clientX,l=i?e.height:e.width,c=i?e.top:e.left,f=i?e.bottom:e.right,h=!1;if(!a)if(u&&dt<l*o){if(!bt&&(1===ht?s>c+l*r/2:s<f-l*r/2)&&(bt=!0),bt)h=!0;else if(1===ht?s<c+dt:s>f-dt)return-ht}else if(s>c+l*(1-o)/2&&s<f-l*(1-o)/2)return function(t){return D(X)<D(t)?1:-1}(n);return(h=h||a)&&(s<c+l*r/2||s>f-l*r/2)?s>c+l/2?1:-1:0}(t,u,i,r,k?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,wt,ft===u),0!==w){var F=D(X);do{x=Y.children[F-=w]}while(x&&("none"===y(x,"display")||x===$))}if(0===w||x===u)return q(!1);ft=u,ht=w;var B=u.nextElementSibling,H=!1,G=Nt(U,a,X,e,u,i,t,H=1===w);if(!1!==G)return 1!==G&&-1!==G||(H=1===G),yt=!0,setTimeout(Pt,30),Z(),H&&!B?a.appendChild(X):u.parentNode.insertBefore(X,H?B:u),A&&N(A,0,z-A.scrollTop),Y=X.parentNode,void 0===I||wt||(dt=Math.abs(I-T(u)[j])),J(),q(!0)}if(a.contains(X))return q(!1)}return!1}function L(s,l){R(s,v,n({evt:t,isOwner:f,axis:r?"vertical":"horizontal",revert:o,dragRect:e,targetRect:i,canSort:h,fromSortable:d,target:u,completed:q,onMove:function(n,i){return Nt(U,a,X,e,n,T(n),t,i)},changed:J},l))}function Z(){L("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function q(n){return L("dragOverCompleted",{insertion:n}),n&&(f?c._hideClone():c._showClone(v),v!==d&&(E(X,it?it.options.ghostClass:c.options.ghostClass,!1),E(X,s.ghostClass,!0)),it!==v&&v!==zt.active?it=v:v===zt.active&&it&&(it=null),d===v&&(v._ignoreWhileAnimating=u),v.animateAll((function(){L("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(u===X&&!X.animated||u===a&&!u.animated)&&(ft=null),s.dragoverBubble||t.rootEl||u===document||(X.parentNode[P]._isOutsideThisEl(t.target),!n&&jt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function J(){Q=D(X),nt=D(X,s.draggable),W({sortable:v,name:"change",toEl:a,newIndex:Q,newDraggableIndex:nt,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){v(document,"mousemove",this._onTouchMove),v(document,"touchmove",this._onTouchMove),v(document,"pointermove",this._onTouchMove),v(document,"dragover",jt),v(document,"mousemove",jt),v(document,"touchmove",jt)},_offUpEvents:function(){var t=this.el.ownerDocument;v(t,"mouseup",this._onDrop),v(t,"touchend",this._onDrop),v(t,"pointerup",this._onDrop),v(t,"touchcancel",this._onDrop),v(document,"selectstart",this)},_onDrop:function(t){var n=this.el,e=this.options;Q=D(X),nt=D(X,e.draggable),R("drop",this,{evt:t}),Y=X&&X.parentNode,Q=D(X),nt=D(X,e.draggable),zt.eventCanceled||(mt=!1,wt=!1,bt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Gt(this.cloneId),Gt(this._dragStartId),this.nativeDraggable&&(v(document,"drop",this),v(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),l&&y(document.body,"user-select",""),y(X,"transform",""),t&&(ct&&(t.cancelable&&t.preventDefault(),!e.dropBubble&&t.stopPropagation()),$&&$.parentNode&&$.parentNode.removeChild($),(U===Y||it&&"clone"!==it.lastPutMode)&&q&&q.parentNode&&q.parentNode.removeChild(q),X&&(this.nativeDraggable&&v(X,"dragend",this),Ft(X),X.style["will-change"]="",ct&&!mt&&E(X,it?it.options.ghostClass:this.options.ghostClass,!1),E(X,this.options.chosenClass,!1),W({sortable:this,name:"unchoose",toEl:Y,newIndex:null,newDraggableIndex:null,originalEvent:t}),U!==Y?(Q>=0&&(W({rootEl:Y,name:"add",toEl:Y,fromEl:U,originalEvent:t}),W({sortable:this,name:"remove",toEl:Y,originalEvent:t}),W({rootEl:Y,name:"sort",toEl:Y,fromEl:U,originalEvent:t}),W({sortable:this,name:"sort",toEl:Y,originalEvent:t})),it&&it.save()):Q!==K&&Q>=0&&(W({sortable:this,name:"update",toEl:Y,originalEvent:t}),W({sortable:this,name:"sort",toEl:Y,originalEvent:t})),zt.active&&(null!=Q&&-1!==Q||(Q=K,nt=tt),W({sortable:this,name:"end",toEl:Y,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){R("nulling",this),U=X=Y=$=V=q=Z=J=ot=rt=ct=Q=nt=K=tt=ft=ht=it=et=zt.dragged=zt.ghost=zt.clone=zt.active=null,It.forEach((function(t){t.checked=!0})),It.length=at=ut=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":X&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],e=this.el.children,i=0,o=e.length,r=this.options;i<o;i++)p(t=e[i],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Bt(t));return n},sort:function(t,n){var e={},i=this.el;this.toArray().forEach((function(t,n){var o=i.children[n];p(o,this.options.draggable,i,!1)&&(e[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){e[t]&&(i.removeChild(e[t]),i.appendChild(e[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return p(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var e=this.options;if(void 0===n)return e[t];var i=G.modifyOption(this,t,n);e[t]=void 0!==i?i:n,"group"===t&&Ct(e)},destroy:function(){R("destroy",this);var t=this.el;t[P]=null,v(t,"mousedown",this._onTapStart),v(t,"touchstart",this._onTapStart),v(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(v(t,"dragover",this),v(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),pt.splice(pt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!J){if(R("hideClone",this),zt.eventCanceled)return;y(q,"display","none"),this.options.removeCloneOnHide&&q.parentNode&&q.parentNode.removeChild(q),J=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(J){if(R("showClone",this),zt.eventCanceled)return;X.parentNode!=U||this.options.group.revertClone?V?U.insertBefore(q,V):U.appendChild(q):U.insertBefore(q,X),this.options.group.revertClone&&this.animate(X,q),y(q,"display",""),J=!1}}else this._hideClone()}},xt&&d(document,"touchmove",(function(t){(zt.active||mt)&&t.cancelable&&t.preventDefault()})),zt.utils={on:d,off:v,css:y,find:x,is:function(t,n){return!!p(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e]);return t},throttle:z,closest:p,toggleClass:E,clone:F,index:D,nextTick:Ht,cancelNextTick:Gt,detectDirection:_t,getChild:_},zt.get=function(t){return t[P]},zt.mount=function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];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));t.utils&&(zt.utils=n(n({},zt.utils),t.utils)),G.mount(t)}))},zt.create=function(t,n){return new zt(t,n)},zt.version="1.15.1";var Lt,Rt,Wt,Xt,Yt,$t,Ut=[],Vt=!1;function Zt(){Ut.forEach((function(t){clearInterval(t.pid)})),Ut=[]}function qt(){clearInterval($t)}var Jt=z((function(t,n,e,i){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,u=n.scrollSensitivity,s=n.scrollSpeed,l=S(),c=!1;Rt!==e&&(Rt=e,Zt(),o=n.scrollFn,!0===(Lt=n.scroll)&&(Lt=j(e,!0)));var f=0,h=Lt;do{var d=h,v=T(d),m=v.top,g=v.bottom,p=v.left,b=v.right,w=v.width,E=v.height,I=void 0,x=void 0,O=d.scrollWidth,M=d.scrollHeight,_=y(d),C=d.scrollLeft,D=d.scrollTop;d===l?(I=w<O&&("auto"===_.overflowX||"scroll"===_.overflowX||"visible"===_.overflowX),x=E<M&&("auto"===_.overflowY||"scroll"===_.overflowY||"visible"===_.overflowY)):(I=w<O&&("auto"===_.overflowX||"scroll"===_.overflowX),x=E<M&&("auto"===_.overflowY||"scroll"===_.overflowY));var k=I&&(Math.abs(b-r)<=u&&C+w<O)-(Math.abs(p-r)<=u&&!!C),A=x&&(Math.abs(g-a)<=u&&D+E<M)-(Math.abs(m-a)<=u&&!!D);if(!Ut[f])for(var z=0;z<=f;z++)Ut[z]||(Ut[z]={});Ut[f].vx==k&&Ut[f].vy==A&&Ut[f].el===d||(Ut[f].el=d,Ut[f].vx=k,Ut[f].vy=A,clearInterval(Ut[f].pid),0==k&&0==A||(c=!0,Ut[f].pid=setInterval(function(){i&&0===this.layer&&zt.active._onTouchMove(Yt);var n=Ut[this.layer].vy?Ut[this.layer].vy*s:0,e=Ut[this.layer].vx?Ut[this.layer].vx*s:0;"function"==typeof o&&"continue"!==o.call(zt.dragged.parentNode[P],e,n,t,Yt,Ut[this.layer].el)||N(Ut[this.layer].el,e,n)}.bind({layer:f}),24))),f++}while(n.bubbleScroll&&h!==l&&(h=j(h,!1)));Vt=c}}),30),Kt=function(t){var n=t.originalEvent,e=t.putSortable,i=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=e||t.activeSortable;(0,t.hideGhostForTarget)();var u=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,s=document.elementFromPoint(u.clientX,u.clientY);r(),a&&!a.el.contains(s)&&(o("spill"),this.onSpill({dragEl:i,putSortable:e}))}};function Qt(){}function tn(){}Qt.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,e=t.putSortable;this.sortable.captureAnimationState(),e&&e.captureAnimationState();var i=_(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(n,i):this.sortable.el.appendChild(n),this.sortable.animateAll(),e&&e.animateAll()},drop:Kt},o(Qt,{pluginName:"revertOnSpill"}),tn.prototype={onSpill:function(t){var n=t.dragEl,e=t.putSortable||this.sortable;e.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),e.animateAll()},drop:Kt},o(tn,{pluginName:"removeOnSpill"}),zt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?d(document,"dragover",this._handleAutoScroll):d(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?v(document,"dragover",this._handleAutoScroll):(v(document,"pointermove",this._handleFallbackAutoScroll),v(document,"touchmove",this._handleFallbackAutoScroll),v(document,"mousemove",this._handleFallbackAutoScroll)),qt(),Zt(),clearTimeout(b),b=void 0},nulling:function(){Yt=Rt=Lt=Vt=$t=Wt=Xt=null,Ut.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var e=this,i=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(i,o);if(Yt=t,n||this.options.forceAutoScrollFallback||u||a||l){Jt(t,this.options,r,n);var s=j(r,!0);!Vt||$t&&i===Wt&&o===Xt||($t&&qt(),$t=setInterval((function(){var r=j(document.elementFromPoint(i,o),!0);r!==s&&(s=r,Zt()),Jt(t,e.options,r,n)}),10),Wt=i,Xt=o)}else{if(!this.options.bubbleScroll||j(r,!0)===S())return void Zt();Jt(t,this.options,j(r,!1),!1)}}},o(t,{pluginName:"scroll",initializeByDefault:!0})}),zt.mount(tn,Qt);
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.8.2
+ */
+const nn=new Set,en={ghostClass:"calcite-sortable--ghost",chosenClass:"calcite-sortable--chosen",dragClass:"calcite-sortable--drag",fallbackClass:"calcite-sortable--fallback"};function on(t){rn(t),nn.add(t);const{group:n,handleSelector:e,dragSelector:i}=t;t.sortable=zt.create(t.el,{dataIdAttr:"id",...en,...!!i&&{draggable:i},...!!n&&{group:{name:n,...!!t.canPull&&{pull:(n,e,i,{newIndex:o,oldIndex:r})=>t.canPull({toEl:n.el,fromEl:e.el,dragEl:i,newIndex:o,oldIndex:r})},...!!t.canPut&&{put:(n,e,i,{newIndex:o,oldIndex:r})=>t.canPut({toEl:n.el,fromEl:e.el,dragEl:i,newIndex:o,oldIndex:r})}}},handle:e,filter:`${e}[disabled]`,onStart:({from:n,item:e,to:i,newIndex:o,oldIndex:r})=>{an.active=!0,Array.from(nn).forEach((t=>t.onGlobalDragStart())),t.onDragStart({fromEl:n,dragEl:e,toEl:i,newIndex:o,oldIndex:r})},onEnd:({from:n,item:e,to:i,newIndex:o,oldIndex:r})=>{an.active=!1,Array.from(nn).forEach((t=>t.onGlobalDragEnd())),t.onDragEnd({fromEl:n,dragEl:e,toEl:i,newIndex:o,oldIndex:r})},onSort:({from:n,item:e,to:i,newIndex:o,oldIndex:r})=>{t.onDragSort({fromEl:n,dragEl:e,toEl:i,newIndex:o,oldIndex:r})}})}function rn(t){nn.delete(t),t.sortable?.destroy(),t.sortable=null}const an={active:!1};function un(t){return t.dragEnabled&&an.active}export{rn as a,on as c,un as d}

package/dist/solutions-components/p-3af0764f.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as t,c as n,h as i,H as s,g as e}from"./p-6d753a3d.js";import{g as o}from"./p-6bdafe3f.js";import{l as a}from"./p-4ba6f8f0.js";import{g as r}from"./p-c96eb2db.js";import"./p-deb3adb8.js";import"./p-82e085d0.js";const p="instant-apps-export calcite-mode-light",l="instant-apps-export-print",h="instant-apps-export-print__content-container",c="instant-apps-export-print__extra-container",d="instant-apps-export-print__legend-container",u="instant-apps-export-print__compass-container",x="instant-apps-export-print__scale-bar-container",v="instant-apps-export-print__popup-container",b="instant-apps-export-print__popup-content",_="instant-apps-export-print__popup-title",g="instant-apps-export-print__view",f="instant-apps-export-print__view-container",m="instant-apps-export-print__view-wrapper",w="instant-app-export-drag",k=class{constructor(i){t(this,i),this.exportOutputUpdated=n(this,"exportOutputUpdated",7),this.output=void 0,this.beforeExport=()=>Promise.resolve(),this.popoverIcon="export",this.extraContent=void 0,this.extraContentLabel=void 0,this.headerTitle="",this.includeExtraContent=!0,this.includeLegend=!0,this.includeMap=!0,this.includePopup=!1,this.mode="popover",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.scale="m",this.showHeaderTitle=!0,this.showIncludeLegend=!0,this.showIncludeMap=!1,this.showIncludePopup=!0,this.showScaleBar=!1,this.view=void 0,this.maskBackground="rgba(255, 51, 0, 0.1)",this.maskBorder="2px dashed rgb(255, 51, 0)",this.baseClass=p,this.exportIsLoading=void 0,this.messages=void 0}watchIncludeMap(t){t&&this.updateLegend()}componentWillLoad(){this.baseClass="dark"===r(this.el)?"instant-apps-export calcite-mode-dark":p,o(this),this.initializeModules()}componentDidLoad(){this.printContainerEl.prepend(this.printEl)}disconnectedCallback(){var t,n;null===(t=this.handles)||void 0===t||t.removeAll(),null===(n=this.handles)||void 0===n||n.destroy(),this.handles=null}async initializeModules(){const[t]=await a(["esri/core/Handles"]);return this.handles=new t,Promise.resolve()}render(){const t="popover"===this.mode?this.renderPopover():this.renderPanel(),n=this.renderCompass();return i(s,null,i("div",{class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},t,i("div",{class:"instant-apps-export__visually-hidden"},n)))}renderPopover(){var t,n,s;const e=this.renderPanel();return[i("calcite-popover",{referenceElement:"export-popover-btn",label:null===(t=this.messages)||void 0===t?void 0:t.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:t=>this.popoverEl=t},e),i("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:null===(n=this.messages)||void 0===n?void 0:n.exportBtn,text:null===(s=this.messages)||void 0===s?void 0:s.exportBtn})]}renderPanel(){var t,n;const s=this.showHeaderTitle?this.renderTitle():null,e=null!=this.extraContent?this.renderSwitch("includeExtraContent",this.extraContentLabel):null,o=this.showIncludeMap?this.renderSwitch("includeMap"):null,a=this.includeMap?this.renderMapOptions():null,r=this.renderPrint();return i("div",{class:"inline"===this.mode?"instant-apps-export__inline-container":"instant-apps-export__popover-container"},s,e,o,a,this.includeMap?i("calcite-button",{appearance:"transparent",width:"full",onClick:this.setMapAreaOnClick.bind(this),disabled:this.exportIsLoading},null===(t=this.messages)||void 0===t?void 0:t.setMapArea):null,i("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},null===(n=this.messages)||void 0===n?void 0:n.export),r)}renderTitle(){var t;return i("calcite-label",null,null===(t=this.messages)||void 0===t?void 0:t.title,i("calcite-input",{value:this.headerTitle,onCalciteInputInput:this.updateHeaderTitle.bind(this)}))}renderSwitch(t,n){var s;const e=null!=n?n:null===(s=this.messages)||void 0===s?void 0:s[t];return i("calcite-label",{layout:"inline-space-between"},e,i("calcite-switch",{checked:this[t],value:t,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){const t=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,n=this.showIncludePopup?this.renderSwitch("includePopup"):null;return i("div",null,t,n)}renderPrint(){const t=this.includeMap?this.renderPrintMap():null,n=this.renderExtraContent(),s=this.includeMap&&this.showIncludeLegend?this.renderLegend():null,e=this.includeMap&&this.showIncludePopup?this.renderPopup():null;return i("div",{ref:t=>this.printContainerEl=t},i("div",{class:l,ref:t=>this.printEl=t},t,s,i("div",{class:h},e,n)))}renderPrintMap(){return i("div",{class:f,ref:t=>this.viewContainerEl=t},i("div",{class:m,ref:t=>this.viewWrapperEl=t},this.headerTitle?i("instant-apps-header",{titleText:this.headerTitle,backgroundColor:"#fff",textColor:"#323232"}):null,i("img",{class:g,ref:t=>this.viewEl=t}),i("div",{class:x,ref:t=>this.scaleBarContainerEl=t})))}renderLegend(){return i("div",{class:d,ref:t=>this.legendContainerEl=t})}renderCompass(){return i("div",{class:u,ref:t=>this.compassContainerEl=t})}renderPopup(){return i("div",{class:v,ref:t=>this.popupContainerEl=t},i("div",{ref:t=>this.popupTitleEl=t,class:_}),i("div",{ref:t=>this.popupContentEl=t,class:b}))}renderExtraContent(){return i("div",{class:c,id:"export-content",ref:t=>this.extraContainerEl=t})}optionOnChange(t){const{checked:n,value:i}=t.target;this[i]=n,this.updateExportOutput()}updateHeaderTitle(t){this.headerTitle=t.target.value,this.updateExportOutput()}async exportOnClick(){this.removeScreenshotElements(),await this.beforeExport(),null==this.viewWrapperEl||this.viewWrapperEl.contains(this.compassContainerEl)||this.viewWrapperEl.append(this.compassContainerEl),this.handleViewExportOnClick(),null!=this.popoverEl&&(this.popoverEl.open=!1)}async handleViewExportOnClick(){null!=this.view?(this.addPrintStyling(),document.body.prepend(this.printEl),this.handleExtraContent(),this.includeMap?(this.updateScaleBar(),this.updatePopupToPrint(),this.viewScreenshot(),this.handleImgLoaded()):this.handleImgLoaded()):null!=this.popoverEl&&(this.popoverEl.open=!1)}addPrintStyling(){null==this.printStyleEl&&(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML='\n  @media print {\n    @page {\n      size:  Portrait;\n      margin: .25in;\n    }\n\n    html, body {\n      padding: 0;\n      margin: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    body > *:not(.instant-apps-export-print) { display: none; }\n  }\n\n  * {\n    -webkit-print-color-adjust: exact;\n    color-adjust: exact;\n  }\n\n\n  .instant-apps-export-print {\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    z-index: -999;\n    color: #323232 !important;\n    display: grid;\n    gap: 24px;\n    grid-auto-flow: row;\n    --esri-calcite-mode-name: "light";\n  }\n\n  .instant-apps-export-print, .instant-apps-export-print * {\n    box-sizing: border-box;\n  }\n\n  .instant-apps-export-print__view-section {\n    height: 100%;\n  }\n\n  .instant-apps-export-print__view-container {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n\n  .instant-apps-export-print__view-wrapper {\n    height: fit-content;\n    width: fit-content;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    border: 2pt solid #323232;\n    overflow: hidden;\n  }\n\n  .instant-apps-export-print__view {\n    object-fit: contain;\n  }\n\n  .instant-apps-export-print__popup-container {\n    height: min-content;\n    max-width: 350px;\n    display: none;\n    color: #323232;\n    background: #fff;\n    border: 1pt solid #323232;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print__popup-title {\n    border-bottom: 1pt solid #323232;\n  }\n\n  .instant-apps-export-print__popup-content {\n    background: #fff;\n    padding-top: 8pt;\n  }\n\n  .instant-apps-export-print__popup-content .esri-feature-media__chart {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__legend-container {\n    height: min-content;\n    background: #fff;\n    overflow: unset;\n  }\n\n  .esri-legend--card, .esri-legend--card__service-content {\n    flex-flow: row wrap;\n  }\n\n  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {\n    background: #fff;\n    color: #323232;\n  }\n\n  .instant-apps-export-print__popup-content * {\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-widget__heading {\n    margin: 2pt 7pt;\n    padding: 0;\n    color: #323232;\n  }\n\n  .instant-apps-export-print .esri-legend__ramp-label:before {\n    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);\n  }\n\n  .instant-apps-export-print .esri-legend--card__section {\n    padding: 4pt 0 4pt;\n    min-width: unset;\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__section:first-child {\n    border-left: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service {\n    border: none;\n    flex: 0 1 auto;\n    break-inside: avoid;\n  }\n\n  .instant-apps-export-print .esri-legend--card {\n    border: none;\n    gap: 6pt 12pt;\n  }\n\n  .instant-apps-export-print .esri-legend--card:not(:first-child),\n  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {\n    display: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-container {\n    height: unset;\n    padding: 0;\n    border-bottom: none;\n  }\n\n  .instant-apps-export-print .esri-legend--card__service-caption-text {\n    padding-bottom: 4px;\n  }\n\n  .instant-apps-export-print__compass-container {\n    position: absolute;\n    top: 65px;\n    left: 15px;\n    background: #fff;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n    --calcite-ui-icon-color: #000;\n    border-radius: 50%;\n    height: fit-content;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {\n    color: #000;\n  }\n\n  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {\n    background: #fff;\n  }\n\n  .instant-apps-export-print__scale-bar-container {\n    width: 100%;\n    position: absolute;\n    bottom: 15px;\n    margin: 0 15px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {\n    color: #323232;\n    font-size: 10px;\n    padding: 0 4px;\n  }\n  \n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {\n    height: 10px;\n    padding: 0 2px;\n    line-height: 11px;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {\n    display: none;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {\n    background-color: rgba(255, 255, 255, 0.66);\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {\n    width: var(--instant-apps-scale-bar-top) !important;\n    border-bottom: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {\n    width: var(--instant-apps-scale-bar-bottom) !important;\n    border-top: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {\n    position: unset;\n    margin: 0 2px;\n    background-color: rgba(255, 255, 255, 0.66);\n    height: 10px;\n    display: flex;\n    align-items: center;\n  }\n\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,\n  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {\n    background-color: #323232;\n    border-right: 2px solid #323232;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {\n    display: none;\n  }\n\n  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {\n    width: 100%!important;\n  }\n\n  .instant-apps-export-print__popup-content .esri-popup__content {\n    margin: 0;\n  }\n\n  .instant-apps-export-print__content-container {\n    display: flex;\n    gap: 24px;\n    break-inside: avoid;\n    break-before: auto;\n  }',document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout((()=>{this.exportIsLoading=void 0,this.setupViewPrintElements()}),1500)}handleExtraContent(){const t=this.printEl.querySelector("#export-content");null!=t&&(t.innerHTML="",null!=this.extraContent&&this.includeExtraContent?(t.style.display="block",t.append(this.extraContent.cloneNode(!0))):t.style.display="none")}resetPrintContent(){var t,n;if(null!=this.view){this.screenshot=null,null===(t=this.printContainerEl)||void 0===t||t.prepend(this.printEl),null===(n=this.printStyleEl)||void 0===n||n.remove(),this.printStyleEl=void 0;const i=this.printEl.querySelector("#export-content");i&&(i.innerHTML="")}}async updatePopupToPrint(){var t,n;if(null!=this.view&&(null!=this.popupContainerEl&&(this.popupContainerEl.style.display=this.includePopup&&this.view.popup.visible?"block":"none",this.checkPopupOpen()),this.view.popup.visible&&null!=this.view.popup.selectedFeature)){const i=document.createElement(`h${null!==(t=this.view.popup.headingLevel)&&void 0!==t?t:2}`);i.innerHTML=null!==(n=this.view.popup.title)&&void 0!==n?n:"",i.className="esri-widget__heading esri-popup__header-title",null!=this.popupTitleEl&&(this.popupTitleEl.style.display=this.view.popup.title?"block":"none",this.popupTitleEl.innerHTML="",this.popupTitleEl.prepend(i))}}updateExportOutput(){this.output={},this.showHeaderTitle&&(this.output.headerTitle=this.headerTitle),this.showIncludeLegend&&(this.output.includeLegend=this.includeLegend),this.showIncludeMap&&(this.output.includeMap=this.includeMap),this.showIncludePopup&&(this.output.includePopup=this.includePopup),this.exportOutputUpdated.emit()}setupViewPrintElements(){if(null!=this.view){this.handleLegendSetup();const t=document.title;this.showHeaderTitle&&this.headerTitle&&(document.title=this.headerTitle),window.print(),document.title=t,setTimeout((()=>{this.resetPrintContent()}),1e3)}}handleLegendSetup(){var t;if(this.showIncludeLegend&&null!=this.view&&this.includeMap&&null!=this.legendContainerEl){const n=null!=this.legend&&(null===(t=this.legend.activeLayerInfos)||void 0===t?void 0:t.length)>0;this.legendContainerEl.style.display=this.includeLegend&&n?"block":"none"}}handleWidgetCreation(){this.handleLegendCreation(),this.handleCompassCreation()}handleLegendCreation(){var t,n,i,s,e;if(this.includeMap&&null!=this.view&&this.showIncludeLegend&&null!=this.legendContainerEl){const o=this.view.map,a=null===(n=null===(t=this.legend)||void 0===t?void 0:t.view)||void 0===n?void 0:n.map;null!=(null===(i=null==o?void 0:o.portalItem)||void 0===i?void 0:i.id)&&(null===(s=null==o?void 0:o.portalItem)||void 0===s?void 0:s.id)===(null===(e=null==a?void 0:a.portalItem)||void 0===e?void 0:e.id)||this.updateLegend()}}updateLegend(){var t;null===(t=this.view)||void 0===t||t.when((async t=>{if(null!=this.legend&&(this.legend.destroy(),this.legend=null),null!=this.legendContainerEl){this.legendContainerEl.innerHTML="";const n=document.createElement("div");this.legendContainerEl.append(n);const[i]=await a(["esri/widgets/Legend"]);this.legend=new i({container:n,view:t,style:{type:"card",layout:"side-by-side"}})}}))}handleCompassCreation(){var t,n,i,s;if(this.includeMap&&null!=this.view&&null!=this.compassContainerEl){const e=this.view.map,o=null===(n=null===(t=this.compass)||void 0===t?void 0:t.view)||void 0===n?void 0:n.map;(null===(i=null==e?void 0:e.portalItem)||void 0===i?void 0:i.id)===(null===(s=null==o?void 0:o.portalItem)||void 0===s?void 0:s.id)||this.updateCompass()}}updateCompass(){var t;null===(t=this.view)||void 0===t||t.when((async t=>{var n;null===(n=this.compass)||void 0===n||n.destroy(),this.compass=null;const i=document.createElement("div");this.compassContainerEl.append(i);const[s]=await a(["esri/widgets/Compass"]);this.compass=new s({container:i,view:t})}))}updateScaleBar(){if(this.scaleBarContainerEl&&null!=this.view&&(this.scaleBarContainerEl.innerHTML="",this.showScaleBar)){const t=this.view.ui.getComponents(),n=null==t?void 0:t.find((({container:t})=>{var n;return null===(n=null==t?void 0:t.className)||void 0===n?void 0:n.includes("esri-scale-bar")}));null!=(null==n?void 0:n.container)&&"string"!=typeof n.container&&this.scaleBarContainerEl.append(n.container.cloneNode(!0))}}async viewScreenshot(){var t;if(null!=this.view&&this.includeMap&&(null==this.screenshot&&(null===(t=this.scaleBarContainerEl)||void 0===t||t.classList.toggle("instant-apps-export-print__scale-bar-container--position",this.view.width>1e3),this.screenshot=await this.view.takeScreenshot({width:2*this.view.width,height:2*this.view.height})),this.handleScaleBarSize(),null!=this.viewEl&&null!=this.viewWrapperEl)){const{height:t,width:n}=this.screenshot.data;t>n?this.setMaxRowHeightOnViewContainer():this.setMaxWidthOnViewContainer(),this.viewEl.src=this.screenshot.dataUrl}}setMaxRowHeightOnViewContainer(){this.printEl.style.gridTemplateRows="minmax(auto, 70%)",this.viewEl.style.height="100%",this.viewEl.style.width="",this.viewWrapperEl.style.height="100%",this.viewWrapperEl.style.width="fit-content"}setMaxWidthOnViewContainer(){this.printEl.style.gridTemplateRows="",this.viewEl.style.width="100%",this.viewEl.style.height="",this.viewWrapperEl.style.height="fit-content",this.viewWrapperEl.style.width="100%"}checkPopupOpen(){if(null!=this.view){const t=this.view.popup.container,n=null==t?void 0:t.querySelector(".esri-popup .esri-feature__main-container");if(null!=n){const t=n.querySelectorAll("canvas");this.popupContentEl.innerHTML="",this.popupContentEl.append(n.cloneNode(!0));const i=this.popupContentEl.querySelectorAll("canvas");t.forEach(((t,n)=>{var s;const e=t.toDataURL(),o=document.createElement("img");o.src=e;const a=t.getAttribute("style");a&&o.setAttribute("style",a);const r=i[n];null!=r&&(r.replaceWith(o),document.querySelector("link[href*='esri/themes/dark/main.css']")&&null!=(null===(s=o.parentElement)||void 0===s?void 0:s.parentElement)&&(o.parentElement.style.background="#242424",o.parentElement.parentElement.style.background="#242424"))}))}}}createScreenshot(){var t,n;if(null!=this.view){this.screenshotPreview=document.createElement("div"),this.screenshotPreview.className="screenshot-preview hide",this.screenshotImgContainer=document.createElement("div"),this.screenshotImgContainer.className="screenshot-img-container",this.screenshotImg=document.createElement("img");const i=document.createElement("div"),s=document.createElement("calcite-button"),e=document.createElement("calcite-button");s.innerHTML=null===(t=this.messages)||void 0===t?void 0:t.export,e.innerHTML=null===(n=this.messages)||void 0===n?void 0:n.returnToMap,e.appearance="outline-fill",s.onclick=this.exportOnClick.bind(this),e.onclick=this.screenshotReturn.bind(this),i.append(e,s),this.screenshotImgContainer.append(this.screenshotImg,i),this.screenshotPreview.append(this.screenshotImgContainer),this.view.container.append(this.screenshotPreview)}}createMaskDiv(){null!=this.view&&(this.maskDivEl=document.createElement("div"),this.maskDivEl.id="screenshot-mask",this.maskDivEl.className="hide screenshot-cursor",this.maskDivEl.style.setProperty("--instant-apps-screenshot-mask-background",this.maskBackground),this.maskDivEl.style.setProperty("--instant-apps-screenshot-mask-border",this.maskBorder),this.screenshotStyle=document.createElement("style"),this.screenshotStyle.innerHTML="\n.screenshot-preview.hide, .hide {\n  display: none;\n}\n\n.screenshot-cursor {\n  cursor: crosshair;\n}\n\n.relative {\n  position: relative;\n}\n\n#screenshot-mask {\n  position: absolute;\n  background: var(--instant-apps-screenshot-mask-background);\n  border: var(--instant-apps-screenshot-mask-border);\n}\n\n.screenshot-preview {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  text-align: center;\n  background-color: rgba(0, 0, 0, 0.75);\n}\n\n.screenshot-preview * {\n  box-sizing: border-box;\n}\n\n.screenshot-img-container img {\n  max-height: 75%;\n  max-width: 75%;\n  object-fit: contain;\n  border: 10px solid white;\n  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);\n  margin-bottom: 0.5em;\n}\n\n.screenshot-img-container {\n  height: 100%;\n  width: 100%;\n  overflow-y: auto;\n  margin-bottom: 8px;\n  display: flex;\n  flex-flow: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.screenshot-img-container calcite-button {\n  margin: 5px;\n}",this.view.container.append(this.screenshotStyle),this.view.container.append(this.maskDivEl))}screenshotReturn(){this.removeScreenshotElements(),this.exportIsLoading=!1,this.screenshot=null}setMapAreaOnClick(){null!=this.view&&(this.exportIsLoading=!0,this.createMaskDiv(),this.createScreenshot(),this.view.container.classList.add("screenshot-cursor","relative"),this.view.addHandles(this.view.on("drag",(async t=>{null!=this.view&&(t.stopPropagation(),"end"!==t.action?this.updateMaskSize(t):this.maskScreenshot())})),w))}updateMaskSize(t){if(null!=this.view){const n=this.clamp(Math.min(t.origin.x,t.x),0,this.view.width),i=this.clamp(Math.max(t.origin.x,t.x),0,this.view.width),s=this.clamp(Math.min(t.origin.y,t.y),0,this.view.height),e=this.clamp(Math.max(t.origin.y,t.y),0,this.view.height);this.area={x:n,y:s,width:i-n,height:e-s},this.setMaskPosition(this.area)}}maskScreenshot(){var t;if(null!=this.view&&null!=this.area){this.view.removeHandles(w);const n=this.area.height,i=this.area.width;this.showScaleBar&&(null===(t=this.scaleBarContainerEl)||void 0===t||t.classList.toggle("instant-apps-export-print__scale-bar-container--position",this.view.width>1e3&&.75*this.view.width<i)),this.view.takeScreenshot({area:this.area,width:2*i,height:2*n,format:"jpg"}).then((t=>{var n;this.screenshot=t,this.showPreview(),null===(n=this.view)||void 0===n||n.container.classList.remove("screenshot-cursor"),this.setMaskPosition(null)}))}}setMaskPosition(t){null!=t?(this.maskDivEl.classList.remove("hide"),this.maskDivEl.style.left=`${t.x}px`,this.maskDivEl.style.top=`${t.y}px`,this.maskDivEl.style.width=`${t.width}px`,this.maskDivEl.style.height=`${t.height}px`):this.maskDivEl.remove()}clamp(t,n,i){return t<n?n:t>i?i:t}showPreview(){this.screenshotPreview.classList.remove("hide"),null!=this.screenshotImg&&null!=this.screenshot&&(this.screenshotImg.src=this.screenshot.dataUrl)}handleScaleBarSize(){var t;if(this.showScaleBar&&"2d"===(null===(t=this.view)||void 0===t?void 0:t.type)&&null!=this.scaleBarContainerEl){const t=this.scaleBarContainerEl.querySelector(".esri-scale-bar__line--top"),n=this.scaleBarContainerEl.querySelector(".esri-scale-bar__line--bottom");this.setScalebarWidth(t,"top"),this.setScalebarWidth(n,"bottom")}}setScalebarWidth(t,n){var i;if(null!=t&&null!=this.screenshot){const s=this.screenshot.data.width/2,e=Number(t.style.width.replace("px",""));null===(i=this.scaleBarContainerEl)||void 0===i||i.style.setProperty(`--instant-apps-scale-bar-${n}`,e/s*100+"%")}}removeScreenshotElements(){var t,n;null===(t=this.screenshotPreview)||void 0===t||t.remove(),null===(n=this.screenshotStyle)||void 0===n||n.remove()}get el(){return e(this)}static get watchers(){return{includeMap:["watchIncludeMap"]}}};k.style=":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export calcite-button:last-of-type{margin-top:0.5rem}.instant-apps-export .calcite-mode-dark calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}";export{k as instant_apps_export}