7007.6e99b367adb010ca.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[7007],{3977:(Le,te,x)=>{x.d(te,{Zt:()=>qe,Bh:()=>Be,Hk:()=>Ve,pV:()=>Ue,Wj:()=>Ge,Fd:()=>He,_t:()=>Qe,bA:()=>b,EA:()=>m});var l=x(4650),O=x(6895),C=x(7376),n=x(3353),D=x(1281),ie=x(2687),v=x(8929),S=x(2654),G=x(6498),B=x(353),V=x(4241);function ge(s){const{subscriber:t,counter:e,period:i}=s;t.next(e),this.schedule({subscriber:t,counter:e+1,period:i},i)}var ue=x(352),ne=x(6787),L=x(7625),U=x(1059),_e=x(4850),re=x(2986),me=x(2868),oe=x(7545),se=x(445);function J(s,t,e){for(let i in t)if(t.hasOwnProperty(i)){const r=t[i];r?s.setProperty(i,r,e?.has(i)?"important":""):s.removeProperty(i)}return s}function y(s,t){const e=t?"":"none";J(s.style,{"touch-action":t?"":"none","-webkit-user-drag":t?"":"none","-webkit-tap-highlight-color":t?"":"transparent","user-select":e,"-ms-user-select":e,"-webkit-user-select":e,"-moz-user-select":e})}function ae(s,t,e){J(s.style,{position:t?"":"fixed",top:t?"":"0",opacity:t?"":"0",left:t?"":"-999em"},e)}function M(s,t){return t&&"none"!=t?s+" "+t:s}function q(s){const t=s.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(s)*t}function A(s,t){return s.getPropertyValue(t).split(",").map(i=>i.trim())}function Z(s){const t=s.getBoundingClientRect();return{top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.width,height:t.height,x:t.x,y:t.y}}function z(s,t,e){const{top:i,bottom:r,left:d,right:c}=s;return e>=i&&e<=r&&t>=d&&t<=c}function E(s,t,e){s.top+=t,s.bottom=s.top+s.height,s.left+=e,s.right=s.left+s.width}function Q(s,t,e,i){const{top:r,right:d,bottom:c,left:p,width:u,height:_}=s,f=u*t,k=_*t;return i>r-k&&i<c+k&&e>p-f&&e<d+f}class Y{constructor(t){this._document=t,this.positions=new Map}clear(){this.positions.clear()}cache(t){this.clear(),this.positions.set(this._document,{scrollPosition:this.getViewportScrollPosition()}),t.forEach(e=>{this.positions.set(e,{scrollPosition:{top:e.scrollTop,left:e.scrollLeft},clientRect:Z(e)})})}handleScroll(t){const e=(0,n.sA)(t),i=this.positions.get(e);if(!i)return null;const r=i.scrollPosition;let d,c;if(e===this._document){const _=this.getViewportScrollPosition();d=_.top,c=_.left}else d=e.scrollTop,c=e.scrollLeft;const p=r.top-d,u=r.left-c;return this.positions.forEach((_,f)=>{_.clientRect&&e!==f&&e.contains(f)&&E(_.clientRect,p,u)}),r.top=d,r.left=c,{top:p,left:u}}getViewportScrollPosition(){return{top:window.scrollY,left:window.scrollX}}}function j(s){const t=s.cloneNode(!0),e=t.querySelectorAll("[id]"),i=s.nodeName.toLowerCase();t.removeAttribute("id");for(let r=0;r<e.length;r++)e[r].removeAttribute("id");return"canvas"===i?K(s,t):("input"===i||"select"===i||"textarea"===i)&&$(s,t),W("canvas",s,t,K),W("input, textarea, select",s,t,$),t}function W(s,t,e,i){const r=t.querySelectorAll(s);if(r.length){const d=e.querySelectorAll(s);for(let c=0;c<r.length;c++)i(r[c],d[c])}}let le=0;function $(s,t){"file"!==t.type&&(t.value=s.value),"radio"===t.type&&t.name&&(t.name=`mat-clone-${t.name}-${le++}`)}function K(s,t){const e=t.getContext("2d");if(e)try{e.drawImage(s,0,0)}catch{}}const X=(0,n.i$)({passive:!0}),T=(0,n.i$)({passive:!1}),F=new Set(["position"]);class ke{constructor(t,e,i,r,d,c){this._config=e,this._document=i,this._ngZone=r,this._viewportRuler=d,this._dragDropRegistry=c,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._hasStartedDragging=!1,this._moveEvents=new v.xQ,this._pointerMoveSubscription=S.w.EMPTY,this._pointerUpSubscription=S.w.EMPTY,this._scrollSubscription=S.w.EMPTY,this._resizeSubscription=S.w.EMPTY,this._boundaryElement=null,this._nativeInteractionsEnabled=!0,this._handles=[],this._disabledHandles=new Set,this._direction="ltr",this.dragStartDelay=0,this._disabled=!1,this.beforeStarted=new v.xQ,this.started=new v.xQ,this.released=new v.xQ,this.ended=new v.xQ,this.entered=new v.xQ,this.exited=new v.xQ,this.dropped=new v.xQ,this.moved=this._moveEvents,this._pointerDown=p=>{if(this.beforeStarted.next(),this._handles.length){const u=this._getTargetHandle(p);u&&!this._disabledHandles.has(u)&&!this.disabled&&this._initializeDragSequence(u,p)}else this.disabled||this._initializeDragSequence(this._rootElement,p)},this._pointerMove=p=>{const u=this._getPointerPositionOnPage(p);if(!this._hasStartedDragging){if(Math.abs(u.x-this._pickupPositionOnPage.x)+Math.abs(u.y-this._pickupPositionOnPage.y)>=this._config.dragStartThreshold){const I=Date.now()>=this._dragStartTime+this._getDragStartDelay(p),R=this._dropContainer;if(!I)return void this._endDragSequence(p);(!R||!R.isDragging()&&!R.isReceiving())&&(p.preventDefault(),this._hasStartedDragging=!0,this._ngZone.run(()=>this._startDragSequence(p)))}return}p.preventDefault();const _=this._getConstrainedPointerPosition(u);if(this._hasMoved=!0,this._lastKnownPointerPosition=u,this._updatePointerDirectionDelta(_),this._dropContainer)this._updateActiveDropContainer(_,u);else{const f=this.constrainPosition?this._initialClientRect:this._pickupPositionOnPage,k=this._activeTransform;k.x=_.x-f.x+this._passiveTransform.x,k.y=_.y-f.y+this._passiveTransform.y,this._applyRootElementTransform(k.x,k.y)}this._moveEvents.observers.length&&this._ngZone.run(()=>{this._moveEvents.next({source:this,pointerPosition:_,event:p,distance:this._getDragDistance(_),delta:this._pointerDirectionDelta})})},this._pointerUp=p=>{this._endDragSequence(p)},this._nativeDragStart=p=>{if(this._handles.length){const u=this._getTargetHandle(p);u&&!this._disabledHandles.has(u)&&!this.disabled&&p.preventDefault()}else this.disabled||p.preventDefault()},this.withRootElement(t).withParent(e.parentDragRef||null),this._parentPositions=new Y(i),c.registerDragItem(this)}get disabled(){return this._disabled||!(!this._dropContainer||!this._dropContainer.disabled)}set disabled(t){const e=(0,D.Ig)(t);e!==this._disabled&&(this._disabled=e,this._toggleNativeDragInteractions(),this._handles.forEach(i=>y(i,e)))}getPlaceholderElement(){return this._placeholder}getRootElement(){return this._rootElement}getVisibleElement(){return this.isDragging()?this.getPlaceholderElement():this.getRootElement()}withHandles(t){this._handles=t.map(i=>(0,D.fI)(i)),this._handles.forEach(i=>y(i,this.disabled)),this._toggleNativeDragInteractions();const e=new Set;return this._disabledHandles.forEach(i=>{this._handles.indexOf(i)>-1&&e.add(i)}),this._disabledHandles=e,this}withPreviewTemplate(t){return this._previewTemplate=t,this}withPlaceholderTemplate(t){return this._placeholderTemplate=t,this}withRootElement(t){const e=(0,D.fI)(t);return e!==this._rootElement&&(this._rootElement&&this._removeRootElementListeners(this._rootElement),this._ngZone.runOutsideAngular(()=>{e.addEventListener("mousedown",this._pointerDown,T),e.addEventListener("touchstart",this._pointerDown,X),e.addEventListener("dragstart",this._nativeDragStart,T)}),this._initialTransform=void 0,this._rootElement=e),typeof SVGElement<"u"&&this._rootElement instanceof SVGElement&&(this._ownerSVGElement=this._rootElement.ownerSVGElement),this}withBoundaryElement(t){return this._boundaryElement=t?(0,D.fI)(t):null,this._resizeSubscription.unsubscribe(),t&&(this._resizeSubscription=this._viewportRuler.change(10).subscribe(()=>this._containInsideBoundaryOnResize())),this}withParent(t){return this._parentDragRef=t,this}dispose(){this._removeRootElementListeners(this._rootElement),this.isDragging()&&this._rootElement?.remove(),this._anchor?.remove(),this._destroyPreview(),this._destroyPlaceholder(),this._dragDropRegistry.removeDragItem(this),this._removeSubscriptions(),this.beforeStarted.complete(),this.started.complete(),this.released.complete(),this.ended.complete(),this.entered.complete(),this.exited.complete(),this.dropped.complete(),this._moveEvents.complete(),this._handles=[],this._disabledHandles.clear(),this._dropContainer=void 0,this._resizeSubscription.unsubscribe(),this._parentPositions.clear(),this._boundaryElement=this._rootElement=this._ownerSVGElement=this._placeholderTemplate=this._previewTemplate=this._anchor=this._parentDragRef=null}isDragging(){return this._hasStartedDragging&&this._dragDropRegistry.isDragging(this)}reset(){this._rootElement.style.transform=this._initialTransform||"",this._activeTransform={x:0,y:0},this._passiveTransform={x:0,y:0}}disableHandle(t){!this._disabledHandles.has(t)&&this._handles.indexOf(t)>-1&&(this._disabledHandles.add(t),y(t,!0))}enableHandle(t){this._disabledHandles.has(t)&&(this._disabledHandles.delete(t),y(t,this.disabled))}withDirection(t){return this._direction=t,this}_withDropContainer(t){this._dropContainer=t}getFreeDragPosition(){const t=this.isDragging()?this._activeTransform:this._passiveTransform;return{x:t.x,y:t.y}}setFreeDragPosition(t){return this._activeTransform={x:0,y:0},this._passiveTransform.x=t.x,this._passiveTransform.y=t.y,this._dropContainer||this._applyRootElementTransform(t.x,t.y),this}withPreviewContainer(t){return this._previewContainer=t,this}_sortFromLastPointerPosition(){const t=this._lastKnownPointerPosition;t&&this._dropContainer&&this._updateActiveDropContainer(this._getConstrainedPointerPosition(t),t)}_removeSubscriptions(){this._pointerMoveSubscription.unsubscribe(),this._pointerUpSubscription.unsubscribe(),this._scrollSubscription.unsubscribe()}_destroyPreview(){this._preview?.remove(),this._previewRef?.destroy(),this._preview=this._previewRef=null}_destroyPlaceholder(){this._placeholder?.remove(),this._placeholderRef?.destroy(),this._placeholder=this._placeholderRef=null}_endDragSequence(t){if(this._dragDropRegistry.isDragging(this)&&(this._removeSubscriptions(),this._dragDropRegistry.stopDragging(this),this._toggleNativeDragInteractions(),this._handles&&(this._rootElement.style.webkitTapHighlightColor=this._rootElementTapHighlight),this._hasStartedDragging))if(this.released.next({source:this,event:t}),this._dropContainer)this._dropContainer._stopScrolling(),this._animatePreviewToPlaceholder().then(()=>{this._cleanupDragArtifacts(t),this._cleanupCachedDimensions(),this._dragDropRegistry.stopDragging(this)});else{this._passiveTransform.x=this._activeTransform.x;const e=this._getPointerPositionOnPage(t);this._passiveTransform.y=this._activeTransform.y,this._ngZone.run(()=>{this.ended.next({source:this,distance:this._getDragDistance(e),dropPoint:e,event:t})}),this._cleanupCachedDimensions(),this._dragDropRegistry.stopDragging(this)}}_startDragSequence(t){h(t)&&(this._lastTouchEventTime=Date.now()),this._toggleNativeDragInteractions();const e=this._dropContainer;if(e){const i=this._rootElement,r=i.parentNode,d=this._placeholder=this._createPlaceholderElement(),c=this._anchor=this._anchor||this._document.createComment(""),p=this._getShadowRoot();r.insertBefore(c,i),this._initialTransform=i.style.transform||"",this._preview=this._createPreviewElement(),ae(i,!1,F),this._document.body.appendChild(r.replaceChild(d,i)),this._getPreviewInsertionPoint(r,p).appendChild(this._preview),this.started.next({source:this,event:t}),e.start(),this._initialContainer=e,this._initialIndex=e.getItemIndex(this)}else this.started.next({source:this,event:t}),this._initialContainer=this._initialIndex=void 0;this._parentPositions.cache(e?e.getScrollableParents():[])}_initializeDragSequence(t,e){this._parentDragRef&&e.stopPropagation();const i=this.isDragging(),r=h(e),d=!r&&0!==e.button,c=this._rootElement,p=(0,n.sA)(e),u=!r&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now(),_=r?(0,ie.yG)(e):(0,ie.X6)(e);if(p&&p.draggable&&"mousedown"===e.type&&e.preventDefault(),i||d||u||_)return;if(this._handles.length){const P=c.style;this._rootElementTapHighlight=P.webkitTapHighlightColor||"",P.webkitTapHighlightColor="transparent"}this._hasStartedDragging=this._hasMoved=!1,this._removeSubscriptions(),this._initialClientRect=this._rootElement.getBoundingClientRect(),this._pointerMoveSubscription=this._dragDropRegistry.pointerMove.subscribe(this._pointerMove),this._pointerUpSubscription=this._dragDropRegistry.pointerUp.subscribe(this._pointerUp),this._scrollSubscription=this._dragDropRegistry.scrolled(this._getShadowRoot()).subscribe(P=>this._updateOnScroll(P)),this._boundaryElement&&(this._boundaryRect=Z(this._boundaryElement));const f=this._previewTemplate;this._pickupPositionInElement=f&&f.template&&!f.matchSize?{x:0,y:0}:this._getPointerPositionInElement(this._initialClientRect,t,e);const k=this._pickupPositionOnPage=this._lastKnownPointerPosition=this._getPointerPositionOnPage(e);this._pointerDirectionDelta={x:0,y:0},this._pointerPositionAtLastDirectionChange={x:k.x,y:k.y},this._dragStartTime=Date.now(),this._dragDropRegistry.startDragging(this,e)}_cleanupDragArtifacts(t){ae(this._rootElement,!0,F),this._anchor.parentNode.replaceChild(this._rootElement,this._anchor),this._destroyPreview(),this._destroyPlaceholder(),this._initialClientRect=this._boundaryRect=this._previewRect=this._initialTransform=void 0,this._ngZone.run(()=>{const e=this._dropContainer,i=e.getItemIndex(this),r=this._getPointerPositionOnPage(t),d=this._getDragDistance(r),c=e._isOverContainer(r.x,r.y);this.ended.next({source:this,distance:d,dropPoint:r,event:t}),this.dropped.next({item:this,currentIndex:i,previousIndex:this._initialIndex,container:e,previousContainer:this._initialContainer,isPointerOverContainer:c,distance:d,dropPoint:r,event:t}),e.drop(this,i,this._initialIndex,this._initialContainer,c,d,r,t),this._dropContainer=this._initialContainer})}_updateActiveDropContainer({x:t,y:e},{x:i,y:r}){let d=this._initialContainer._getSiblingContainerFromPosition(this,t,e);!d&&this._dropContainer!==this._initialContainer&&this._initialContainer._isOverContainer(t,e)&&(d=this._initialContainer),d&&d!==this._dropContainer&&this._ngZone.run(()=>{this.exited.next({item:this,container:this._dropContainer}),this._dropContainer.exit(this),this._dropContainer=d,this._dropContainer.enter(this,t,e,d===this._initialContainer&&d.sortingDisabled?this._initialIndex:void 0),this.entered.next({item:this,container:d,currentIndex:d.getItemIndex(this)})}),this.isDragging()&&(this._dropContainer._startScrollingIfNecessary(i,r),this._dropContainer._sortItem(this,t,e,this._pointerDirectionDelta),this.constrainPosition?this._applyPreviewTransform(t,e):this._applyPreviewTransform(t-this._pickupPositionInElement.x,e-this._pickupPositionInElement.y))}_createPreviewElement(){const t=this._previewTemplate,e=this.previewClass,i=t?t.template:null;let r;if(i&&t){const d=t.matchSize?this._initialClientRect:null,c=t.viewContainer.createEmbeddedView(i,t.context);c.detectChanges(),r=o(c,this._document),this._previewRef=c,t.matchSize?g(r,d):r.style.transform=H(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else r=j(this._rootElement),g(r,this._initialClientRect),this._initialTransform&&(r.style.transform=this._initialTransform);return J(r.style,{"pointer-events":"none",margin:"0",position:"fixed",top:"0",left:"0","z-index":`${this._config.zIndex||1e3}`},F),y(r,!1),r.classList.add("cdk-drag-preview"),r.setAttribute("dir",this._direction),e&&(Array.isArray(e)?e.forEach(d=>r.classList.add(d)):r.classList.add(e)),r}_animatePreviewToPlaceholder(){if(!this._hasMoved)return Promise.resolve();const t=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._applyPreviewTransform(t.left,t.top);const e=function de(s){const t=getComputedStyle(s),e=A(t,"transition-property"),i=e.find(p=>"transform"===p||"all"===p);if(!i)return 0;const r=e.indexOf(i),d=A(t,"transition-duration"),c=A(t,"transition-delay");return q(d[r])+q(c[r])}(this._preview);return 0===e?Promise.resolve():this._ngZone.runOutsideAngular(()=>new Promise(i=>{const r=c=>{(!c||(0,n.sA)(c)===this._preview&&"transform"===c.propertyName)&&(this._preview?.removeEventListener("transitionend",r),i(),clearTimeout(d))},d=setTimeout(r,1.5*e);this._preview.addEventListener("transitionend",r)}))}_createPlaceholderElement(){const t=this._placeholderTemplate,e=t?t.template:null;let i;return e?(this._placeholderRef=t.viewContainer.createEmbeddedView(e,t.context),this._placeholderRef.detectChanges(),i=o(this._placeholderRef,this._document)):i=j(this._rootElement),i.style.pointerEvents="none",i.classList.add("cdk-drag-placeholder"),i}_getPointerPositionInElement(t,e,i){const r=e===this._rootElement?null:e,d=r?r.getBoundingClientRect():t,c=h(i)?i.targetTouches[0]:i,p=this._getViewportScrollPosition();return{x:d.left-t.left+(c.pageX-d.left-p.left),y:d.top-t.top+(c.pageY-d.top-p.top)}}_getPointerPositionOnPage(t){const e=this._getViewportScrollPosition(),i=h(t)?t.touches[0]||t.changedTouches[0]||{pageX:0,pageY:0}:t,r=i.pageX-e.left,d=i.pageY-e.top;if(this._ownerSVGElement){const c=this._ownerSVGElement.getScreenCTM();if(c){const p=this._ownerSVGElement.createSVGPoint();return p.x=r,p.y=d,p.matrixTransform(c.inverse())}}return{x:r,y:d}}_getConstrainedPointerPosition(t){const e=this._dropContainer?this._dropContainer.lockAxis:null;let{x:i,y:r}=this.constrainPosition?this.constrainPosition(t,this,this._initialClientRect,this._pickupPositionInElement):t;if("x"===this.lockAxis||"x"===e?r=this._pickupPositionOnPage.y:("y"===this.lockAxis||"y"===e)&&(i=this._pickupPositionOnPage.x),this._boundaryRect){const{x:d,y:c}=this._pickupPositionInElement,p=this._boundaryRect,{width:u,height:_}=this._getPreviewRect(),f=p.top+c,k=p.bottom-(_-c);i=a(i,p.left+d,p.right-(u-d)),r=a(r,f,k)}return{x:i,y:r}}_updatePointerDirectionDelta(t){const{x:e,y:i}=t,r=this._pointerDirectionDelta,d=this._pointerPositionAtLastDirectionChange,c=Math.abs(e-d.x),p=Math.abs(i-d.y);return c>this._config.pointerDirectionChangeThreshold&&(r.x=e>d.x?1:-1,d.x=e),p>this._config.pointerDirectionChangeThreshold&&(r.y=i>d.y?1:-1,d.y=i),r}_toggleNativeDragInteractions(){if(!this._rootElement||!this._handles)return;const t=this._handles.length>0||!this.isDragging();t!==this._nativeInteractionsEnabled&&(this._nativeInteractionsEnabled=t,y(this._rootElement,t))}_removeRootElementListeners(t){t.removeEventListener("mousedown",this._pointerDown,T),t.removeEventListener("touchstart",this._pointerDown,X),t.removeEventListener("dragstart",this._nativeDragStart,T)}_applyRootElementTransform(t,e){const i=H(t,e),r=this._rootElement.style;null==this._initialTransform&&(this._initialTransform=r.transform&&"none"!=r.transform?r.transform:""),r.transform=M(i,this._initialTransform)}_applyPreviewTransform(t,e){const i=this._previewTemplate?.template?void 0:this._initialTransform,r=H(t,e);this._preview.style.transform=M(r,i)}_getDragDistance(t){const e=this._pickupPositionOnPage;return e?{x:t.x-e.x,y:t.y-e.y}:{x:0,y:0}}_cleanupCachedDimensions(){this._boundaryRect=this._previewRect=void 0,this._parentPositions.clear()}_containInsideBoundaryOnResize(){let{x:t,y:e}=this._passiveTransform;if(0===t&&0===e||this.isDragging()||!this._boundaryElement)return;const i=this._rootElement.getBoundingClientRect(),r=this._boundaryElement.getBoundingClientRect();if(0===r.width&&0===r.height||0===i.width&&0===i.height)return;const d=r.left-i.left,c=i.right-r.right,p=r.top-i.top,u=i.bottom-r.bottom;r.width>i.width?(d>0&&(t+=d),c>0&&(t-=c)):t=0,r.height>i.height?(p>0&&(e+=p),u>0&&(e-=u)):e=0,(t!==this._passiveTransform.x||e!==this._passiveTransform.y)&&this.setFreeDragPosition({y:e,x:t})}_getDragStartDelay(t){const e=this.dragStartDelay;return"number"==typeof e?e:h(t)?e.touch:e?e.mouse:0}_updateOnScroll(t){const e=this._parentPositions.handleScroll(t);if(e){const i=(0,n.sA)(t);this._boundaryRect&&i!==this._boundaryElement&&i.contains(this._boundaryElement)&&E(this._boundaryRect,e.top,e.left),this._pickupPositionOnPage.x+=e.left,this._pickupPositionOnPage.y+=e.top,this._dropContainer||(this._activeTransform.x-=e.left,this._activeTransform.y-=e.top,this._applyRootElementTransform(this._activeTransform.x,this._activeTransform.y))}}_getViewportScrollPosition(){return this._parentPositions.positions.get(this._document)?.scrollPosition||this._parentPositions.getViewportScrollPosition()}_getShadowRoot(){return void 0===this._cachedShadowRoot&&(this._cachedShadowRoot=(0,n.kV)(this._rootElement)),this._cachedShadowRoot}_getPreviewInsertionPoint(t,e){const i=this._previewContainer||"global";if("parent"===i)return t;if("global"===i){const r=this._document;return e||r.fullscreenElement||r.webkitFullscreenElement||r.mozFullScreenElement||r.msFullscreenElement||r.body}return(0,D.fI)(i)}_getPreviewRect(){return(!this._previewRect||!this._previewRect.width&&!this._previewRect.height)&&(this._previewRect=this._preview?this._preview.getBoundingClientRect():this._initialClientRect),this._previewRect}_getTargetHandle(t){return this._handles.find(e=>t.target&&(t.target===e||e.contains(t.target)))}}function H(s,t){return`translate3d(${Math.round(s)}px, ${Math.round(t)}px, 0)`}function a(s,t,e){return Math.max(t,Math.min(e,s))}function h(s){return"t"===s.type[0]}function o(s,t){const e=s.rootNodes;if(1===e.length&&e[0].nodeType===t.ELEMENT_NODE)return e[0];const i=t.createElement("div");return e.forEach(r=>i.appendChild(r)),i}function g(s,t){s.style.width=`${t.width}px`,s.style.height=`${t.height}px`,s.style.transform=H(t.left,t.top)}function b(s,t,e){const i=ee(t,s.length-1),r=ee(e,s.length-1);if(i===r)return;const d=s[i],c=r<i?-1:1;for(let p=i;p!==r;p+=c)s[p]=s[p+c];s[r]=d}function m(s,t,e,i){const r=ee(e,s.length-1),d=ee(i,t.length);s.length&&t.splice(d,0,s.splice(r,1)[0])}function ee(s,t){return Math.max(0,Math.min(t,s))}class Me{constructor(t,e){this._element=t,this._dragDropRegistry=e,this._itemPositions=[],this.orientation="vertical",this._previousSwap={drag:null,delta:0,overlaps:!1}}start(t){this.withItems(t)}sort(t,e,i,r){const d=this._itemPositions,c=this._getItemIndexFromPointerPosition(t,e,i,r);if(-1===c&&d.length>0)return null;const p="horizontal"===this.orientation,u=d.findIndex(w=>w.drag===t),_=d[c],k=_.clientRect,P=u>c?1:-1,I=this._getItemOffsetPx(d[u].clientRect,k,P),R=this._getSiblingOffsetPx(u,d,P),N=d.slice();return b(d,u,c),d.forEach((w,Ye)=>{if(N[Ye]===w)return;const Re=w.drag===t,ve=Re?I:R,Oe=Re?t.getPlaceholderElement():w.drag.getRootElement();w.offset+=ve,p?(Oe.style.transform=M(`translate3d(${Math.round(w.offset)}px, 0, 0)`,w.initialTransform),E(w.clientRect,0,ve)):(Oe.style.transform=M(`translate3d(0, ${Math.round(w.offset)}px, 0)`,w.initialTransform),E(w.clientRect,ve,0))}),this._previousSwap.overlaps=z(k,e,i),this._previousSwap.drag=_.drag,this._previousSwap.delta=p?r.x:r.y,{previousIndex:u,currentIndex:c}}enter(t,e,i,r){const d=null==r||r<0?this._getItemIndexFromPointerPosition(t,e,i):r,c=this._activeDraggables,p=c.indexOf(t),u=t.getPlaceholderElement();let _=c[d];if(_===t&&(_=c[d+1]),!_&&(null==d||-1===d||d<c.length-1)&&this._shouldEnterAsFirstChild(e,i)&&(_=c[0]),p>-1&&c.splice(p,1),_&&!this._dragDropRegistry.isDragging(_)){const f=_.getRootElement();f.parentElement.insertBefore(u,f),c.splice(d,0,t)}else(0,D.fI)(this._element).appendChild(u),c.push(t);u.style.transform="",this._cacheItemPositions()}withItems(t){this._activeDraggables=t.slice(),this._cacheItemPositions()}withSortPredicate(t){this._sortPredicate=t}reset(){this._activeDraggables.forEach(t=>{const e=t.getRootElement();if(e){const i=this._itemPositions.find(r=>r.drag===t)?.initialTransform;e.style.transform=i||""}}),this._itemPositions=[],this._activeDraggables=[],this._previousSwap.drag=null,this._previousSwap.delta=0,this._previousSwap.overlaps=!1}getActiveItemsSnapshot(){return this._activeDraggables}getItemIndex(t){return("horizontal"===this.orientation&&"rtl"===this.direction?this._itemPositions.slice().reverse():this._itemPositions).findIndex(i=>i.drag===t)}updateOnScroll(t,e){this._itemPositions.forEach(({clientRect:i})=>{E(i,t,e)}),this._itemPositions.forEach(({drag:i})=>{this._dragDropRegistry.isDragging(i)&&i._sortFromLastPointerPosition()})}_cacheItemPositions(){const t="horizontal"===this.orientation;this._itemPositions=this._activeDraggables.map(e=>{const i=e.getVisibleElement();return{drag:e,offset:0,initialTransform:i.style.transform||"",clientRect:Z(i)}}).sort((e,i)=>t?e.clientRect.left-i.clientRect.left:e.clientRect.top-i.clientRect.top)}_getItemOffsetPx(t,e,i){const r="horizontal"===this.orientation;let d=r?e.left-t.left:e.top-t.top;return-1===i&&(d+=r?e.width-t.width:e.height-t.height),d}_getSiblingOffsetPx(t,e,i){const r="horizontal"===this.orientation,d=e[t].clientRect,c=e[t+-1*i];let p=d[r?"width":"height"]*i;if(c){const u=r?"left":"top",_=r?"right":"bottom";-1===i?p-=c.clientRect[u]-d[_]:p+=d[u]-c.clientRect[_]}return p}_shouldEnterAsFirstChild(t,e){if(!this._activeDraggables.length)return!1;const i=this._itemPositions,r="horizontal"===this.orientation;if(i[0].drag!==this._activeDraggables[0]){const c=i[i.length-1].clientRect;return r?t>=c.right:e>=c.bottom}{const c=i[0].clientRect;return r?t<=c.left:e<=c.top}}_getItemIndexFromPointerPosition(t,e,i,r){const d="horizontal"===this.orientation,c=this._itemPositions.findIndex(({drag:p,clientRect:u})=>{if(p===t)return!1;if(r){const _=d?r.x:r.y;if(p===this._previousSwap.drag&&this._previousSwap.overlaps&&_===this._previousSwap.delta)return!1}return d?e>=Math.floor(u.left)&&e<Math.floor(u.right):i>=Math.floor(u.top)&&i<Math.floor(u.bottom)});return-1!==c&&this._sortPredicate(c,t)?c:-1}}class Ae{constructor(t,e,i,r,d){this._dragDropRegistry=e,this._ngZone=r,this._viewportRuler=d,this.disabled=!1,this.sortingDisabled=!1,this.autoScrollDisabled=!1,this.autoScrollStep=2,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.beforeStarted=new v.xQ,this.entered=new v.xQ,this.exited=new v.xQ,this.dropped=new v.xQ,this.sorted=new v.xQ,this._isDragging=!1,this._draggables=[],this._siblings=[],this._activeSiblings=new Set,this._viewportScrollSubscription=S.w.EMPTY,this._verticalScrollDirection=0,this._horizontalScrollDirection=0,this._stopScrollTimers=new v.xQ,this._cachedShadowRoot=null,this._startScrollInterval=()=>{this._stopScrolling(),function he(s=0,t=B.P){return(!(0,V.k)(s)||s<0)&&(s=0),(!t||"function"!=typeof t.schedule)&&(t=B.P),new G.y(e=>(e.add(t.schedule(ge,s,{subscriber:e,counter:0,period:s})),e))}(0,ue.Z).pipe((0,L.R)(this._stopScrollTimers)).subscribe(()=>{const c=this._scrollNode,p=this.autoScrollStep;1===this._verticalScrollDirection?c.scrollBy(0,-p):2===this._verticalScrollDirection&&c.scrollBy(0,p),1===this._horizontalScrollDirection?c.scrollBy(-p,0):2===this._horizontalScrollDirection&&c.scrollBy(p,0)})},this.element=(0,D.fI)(t),this._document=i,this.withScrollableParents([this.element]),e.registerDropContainer(this),this._parentPositions=new Y(i),this._sortStrategy=new Me(this.element,e),this._sortStrategy.withSortPredicate((c,p)=>this.sortPredicate(c,p,this))}dispose(){this._stopScrolling(),this._stopScrollTimers.complete(),this._viewportScrollSubscription.unsubscribe(),this.beforeStarted.complete(),this.entered.complete(),this.exited.complete(),this.dropped.complete(),this.sorted.complete(),this._activeSiblings.clear(),this._scrollNode=null,this._parentPositions.clear(),this._dragDropRegistry.removeDropContainer(this)}isDragging(){return this._isDragging}start(){this._draggingStarted(),this._notifyReceivingSiblings()}enter(t,e,i,r){this._draggingStarted(),null==r&&this.sortingDisabled&&(r=this._draggables.indexOf(t)),this._sortStrategy.enter(t,e,i,r),this._cacheParentPositions(),this._notifyReceivingSiblings(),this.entered.next({item:t,container:this,currentIndex:this.getItemIndex(t)})}exit(t){this._reset(),this.exited.next({item:t,container:this})}drop(t,e,i,r,d,c,p,u={}){this._reset(),this.dropped.next({item:t,currentIndex:e,previousIndex:i,container:this,previousContainer:r,isPointerOverContainer:d,distance:c,dropPoint:p,event:u})}withItems(t){const e=this._draggables;return this._draggables=t,t.forEach(i=>i._withDropContainer(this)),this.isDragging()&&(e.filter(r=>r.isDragging()).every(r=>-1===t.indexOf(r))?this._reset():this._sortStrategy.withItems(this._draggables)),this}withDirection(t){return this._sortStrategy.direction=t,this}connectedTo(t){return this._siblings=t.slice(),this}withOrientation(t){return this._sortStrategy.orientation=t,this}withScrollableParents(t){const e=(0,D.fI)(this.element);return this._scrollableElements=-1===t.indexOf(e)?[e,...t]:t.slice(),this}getScrollableParents(){return this._scrollableElements}getItemIndex(t){return this._isDragging?this._sortStrategy.getItemIndex(t):this._draggables.indexOf(t)}isReceiving(){return this._activeSiblings.size>0}_sortItem(t,e,i,r){if(this.sortingDisabled||!this._clientRect||!Q(this._clientRect,.05,e,i))return;const d=this._sortStrategy.sort(t,e,i,r);d&&this.sorted.next({previousIndex:d.previousIndex,currentIndex:d.currentIndex,container:this,item:t})}_startScrollingIfNecessary(t,e){if(this.autoScrollDisabled)return;let i,r=0,d=0;if(this._parentPositions.positions.forEach((c,p)=>{p===this._document||!c.clientRect||i||Q(c.clientRect,.05,t,e)&&([r,d]=function Ze(s,t,e,i){const r=we(t,i),d=ye(t,e);let c=0,p=0;if(r){const u=s.scrollTop;1===r?u>0&&(c=1):s.scrollHeight-u>s.clientHeight&&(c=2)}if(d){const u=s.scrollLeft;1===d?u>0&&(p=1):s.scrollWidth-u>s.clientWidth&&(p=2)}return[c,p]}(p,c.clientRect,t,e),(r||d)&&(i=p))}),!r&&!d){const{width:c,height:p}=this._viewportRuler.getViewportSize(),u={width:c,height:p,top:0,right:c,bottom:p,left:0};r=we(u,e),d=ye(u,t),i=window}i&&(r!==this._verticalScrollDirection||d!==this._horizontalScrollDirection||i!==this._scrollNode)&&(this._verticalScrollDirection=r,this._horizontalScrollDirection=d,this._scrollNode=i,(r||d)&&i?this._ngZone.runOutsideAngular(this._startScrollInterval):this._stopScrolling())}_stopScrolling(){this._stopScrollTimers.next()}_draggingStarted(){const t=(0,D.fI)(this.element).style;this.beforeStarted.next(),this._isDragging=!0,this._initialScrollSnap=t.msScrollSnapType||t.scrollSnapType||"",t.scrollSnapType=t.msScrollSnapType="none",this._sortStrategy.start(this._draggables),this._cacheParentPositions(),this._viewportScrollSubscription.unsubscribe(),this._listenToScrollEvents()}_cacheParentPositions(){const t=(0,D.fI)(this.element);this._parentPositions.cache(this._scrollableElements),this._clientRect=this._parentPositions.positions.get(t).clientRect}_reset(){this._isDragging=!1;const t=(0,D.fI)(this.element).style;t.scrollSnapType=t.msScrollSnapType=this._initialScrollSnap,this._siblings.forEach(e=>e._stopReceiving(this)),this._sortStrategy.reset(),this._stopScrolling(),this._viewportScrollSubscription.unsubscribe(),this._parentPositions.clear()}_isOverContainer(t,e){return null!=this._clientRect&&z(this._clientRect,t,e)}_getSiblingContainerFromPosition(t,e,i){return this._siblings.find(r=>r._canReceive(t,e,i))}_canReceive(t,e,i){if(!this._clientRect||!z(this._clientRect,e,i)||!this.enterPredicate(t,this))return!1;const r=this._getShadowRoot().elementFromPoint(e,i);if(!r)return!1;const d=(0,D.fI)(this.element);return r===d||d.contains(r)}_startReceiving(t,e){const i=this._activeSiblings;!i.has(t)&&e.every(r=>this.enterPredicate(r,this)||this._draggables.indexOf(r)>-1)&&(i.add(t),this._cacheParentPositions(),this._listenToScrollEvents())}_stopReceiving(t){this._activeSiblings.delete(t),this._viewportScrollSubscription.unsubscribe()}_listenToScrollEvents(){this._viewportScrollSubscription=this._dragDropRegistry.scrolled(this._getShadowRoot()).subscribe(t=>{if(this.isDragging()){const e=this._parentPositions.handleScroll(t);e&&this._sortStrategy.updateOnScroll(e.top,e.left)}else this.isReceiving()&&this._cacheParentPositions()})}_getShadowRoot(){if(!this._cachedShadowRoot){const t=(0,n.kV)((0,D.fI)(this.element));this._cachedShadowRoot=t||this._document}return this._cachedShadowRoot}_notifyReceivingSiblings(){const t=this._sortStrategy.getActiveItemsSnapshot().filter(e=>e.isDragging());this._siblings.forEach(e=>e._startReceiving(this,t))}}function we(s,t){const{top:e,bottom:i,height:r}=s,d=.05*r;return t>=e-d&&t<=e+d?1:t>=i-d&&t<=i+d?2:0}function ye(s,t){const{left:e,right:i,width:r}=s,d=.05*r;return t>=e-d&&t<=e+d?1:t>=i-d&&t<=i+d?2:0}const pe=(0,n.i$)({passive:!1,capture:!0});let ze=(()=>{class s{constructor(e,i){this._ngZone=e,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=[],this._globalListeners=new Map,this._draggingPredicate=r=>r.isDragging(),this.pointerMove=new v.xQ,this.pointerUp=new v.xQ,this.scroll=new v.xQ,this._preventDefaultWhileDragging=r=>{this._activeDragInstances.length>0&&r.preventDefault()},this._persistentTouchmoveListener=r=>{this._activeDragInstances.length>0&&(this._activeDragInstances.some(this._draggingPredicate)&&r.preventDefault(),this.pointerMove.next(r))},this._document=i}registerDropContainer(e){this._dropInstances.has(e)||this._dropInstances.add(e)}registerDragItem(e){this._dragInstances.add(e),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(()=>{this._document.addEventListener("touchmove",this._persistentTouchmoveListener,pe)})}removeDropContainer(e){this._dropInstances.delete(e)}removeDragItem(e){this._dragInstances.delete(e),this.stopDragging(e),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._persistentTouchmoveListener,pe)}startDragging(e,i){if(!(this._activeDragInstances.indexOf(e)>-1)&&(this._activeDragInstances.push(e),1===this._activeDragInstances.length)){const r=i.type.startsWith("touch");this._globalListeners.set(r?"touchend":"mouseup",{handler:d=>this.pointerUp.next(d),options:!0}).set("scroll",{handler:d=>this.scroll.next(d),options:!0}).set("selectstart",{handler:this._preventDefaultWhileDragging,options:pe}),r||this._globalListeners.set("mousemove",{handler:d=>this.pointerMove.next(d),options:pe}),this._ngZone.runOutsideAngular(()=>{this._globalListeners.forEach((d,c)=>{this._document.addEventListener(c,d.handler,d.options)})})}}stopDragging(e){const i=this._activeDragInstances.indexOf(e);i>-1&&(this._activeDragInstances.splice(i,1),0===this._activeDragInstances.length&&this._clearGlobalListeners())}isDragging(e){return this._activeDragInstances.indexOf(e)>-1}scrolled(e){const i=[this.scroll];return e&&e!==this._document&&i.push(new G.y(r=>this._ngZone.runOutsideAngular(()=>{const c=p=>{this._activeDragInstances.length&&r.next(p)};return e.addEventListener("scroll",c,!0),()=>{e.removeEventListener("scroll",c,!0)}}))),(0,ne.T)(...i)}ngOnDestroy(){this._dragInstances.forEach(e=>this.removeDragItem(e)),this._dropInstances.forEach(e=>this.removeDropContainer(e)),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()}_clearGlobalListeners(){this._globalListeners.forEach((e,i)=>{this._document.removeEventListener(i,e.handler,e.options)}),this._globalListeners.clear()}}return s.\u0275fac=function(e){return new(e||s)(l.LFG(l.R0b),l.LFG(O.K0))},s.\u0275prov=l.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})();const Fe={dragStartThreshold:5,pointerDirectionChangeThreshold:5};let fe=(()=>{class s{constructor(e,i,r,d){this._document=e,this._ngZone=i,this._viewportRuler=r,this._dragDropRegistry=d}createDrag(e,i=Fe){return new ke(e,i,this._document,this._ngZone,this._viewportRuler,this._dragDropRegistry)}createDropList(e){return new Ae(e,this._dragDropRegistry,this._document,this._ngZone,this._viewportRuler)}}return s.\u0275fac=function(e){return new(e||s)(l.LFG(O.K0),l.LFG(l.R0b),l.LFG(C.rL),l.LFG(ze))},s.\u0275prov=l.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})();const xe=new l.OlP("CDK_DRAG_PARENT"),De=new l.OlP("CdkDropListGroup");let He=(()=>{class s{constructor(){this._items=new Set,this._disabled=!1}get disabled(){return this._disabled}set disabled(e){this._disabled=(0,D.Ig)(e)}ngOnDestroy(){this._items.clear()}}return s.\u0275fac=function(e){return new(e||s)},s.\u0275dir=l.lG2({type:s,selectors:[["","cdkDropListGroup",""]],inputs:{disabled:["cdkDropListGroupDisabled","disabled"]},exportAs:["cdkDropListGroup"],features:[l._Bn([{provide:De,useExisting:s}])]}),s})();const Ee=new l.OlP("CDK_DRAG_CONFIG");let Ne=0;const Se=new l.OlP("CdkDropList");let Ge=(()=>{class s{constructor(e,i,r,d,c,p,u){this.element=e,this._changeDetectorRef=r,this._scrollDispatcher=d,this._dir=c,this._group=p,this._destroyed=new v.xQ,this.connectedTo=[],this.id="cdk-drop-list-"+Ne++,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.dropped=new l.vpe,this.entered=new l.vpe,this.exited=new l.vpe,this.sorted=new l.vpe,this._unsortedItems=new Set,this._dropListRef=i.createDropList(e),this._dropListRef.data=this,u&&this._assignDefaults(u),this._dropListRef.enterPredicate=(_,f)=>this.enterPredicate(_.data,f.data),this._dropListRef.sortPredicate=(_,f,k)=>this.sortPredicate(_,f.data,k.data),this._setupInputSyncSubscription(this._dropListRef),this._handleEvents(this._dropListRef),s._dropLists.push(this),p&&p._items.add(this)}get disabled(){return this._disabled||!!this._group&&this._group.disabled}set disabled(e){this._dropListRef.disabled=this._disabled=(0,D.Ig)(e)}addItem(e){this._unsortedItems.add(e),this._dropListRef.isDragging()&&this._syncItemsWithRef()}removeItem(e){this._unsortedItems.delete(e),this._dropListRef.isDragging()&&this._syncItemsWithRef()}getSortedItems(){return Array.from(this._unsortedItems).sort((e,i)=>e._dragRef.getVisibleElement().compareDocumentPosition(i._dragRef.getVisibleElement())&Node.DOCUMENT_POSITION_FOLLOWING?-1:1)}ngOnDestroy(){const e=s._dropLists.indexOf(this);e>-1&&s._dropLists.splice(e,1),this._group&&this._group._items.delete(this),this._unsortedItems.clear(),this._dropListRef.dispose(),this._destroyed.next(),this._destroyed.complete()}_setupInputSyncSubscription(e){this._dir&&this._dir.change.pipe((0,U.O)(this._dir.value),(0,L.R)(this._destroyed)).subscribe(i=>e.withDirection(i)),e.beforeStarted.subscribe(()=>{const i=(0,D.Eq)(this.connectedTo).map(r=>"string"==typeof r?s._dropLists.find(c=>c.id===r):r);if(this._group&&this._group._items.forEach(r=>{-1===i.indexOf(r)&&i.push(r)}),!this._scrollableParentsResolved){const r=this._scrollDispatcher.getAncestorScrollContainers(this.element).map(d=>d.getElementRef().nativeElement);this._dropListRef.withScrollableParents(r),this._scrollableParentsResolved=!0}e.disabled=this.disabled,e.lockAxis=this.lockAxis,e.sortingDisabled=(0,D.Ig)(this.sortingDisabled),e.autoScrollDisabled=(0,D.Ig)(this.autoScrollDisabled),e.autoScrollStep=(0,D.su)(this.autoScrollStep,2),e.connectedTo(i.filter(r=>r&&r!==this).map(r=>r._dropListRef)).withOrientation(this.orientation)})}_handleEvents(e){e.beforeStarted.subscribe(()=>{this._syncItemsWithRef(),this._changeDetectorRef.markForCheck()}),e.entered.subscribe(i=>{this.entered.emit({container:this,item:i.item.data,currentIndex:i.currentIndex})}),e.exited.subscribe(i=>{this.exited.emit({container:this,item:i.item.data}),this._changeDetectorRef.markForCheck()}),e.sorted.subscribe(i=>{this.sorted.emit({previousIndex:i.previousIndex,currentIndex:i.currentIndex,container:this,item:i.item.data})}),e.dropped.subscribe(i=>{this.dropped.emit({previousIndex:i.previousIndex,currentIndex:i.currentIndex,previousContainer:i.previousContainer.data,container:i.container.data,item:i.item.data,isPointerOverContainer:i.isPointerOverContainer,distance:i.distance,dropPoint:i.dropPoint,event:i.event}),this._changeDetectorRef.markForCheck()})}_assignDefaults(e){const{lockAxis:i,draggingDisabled:r,sortingDisabled:d,listAutoScrollDisabled:c,listOrientation:p}=e;this.disabled=r??!1,this.sortingDisabled=d??!1,this.autoScrollDisabled=c??!1,this.orientation=p||"vertical",i&&(this.lockAxis=i)}_syncItemsWithRef(){this._dropListRef.withItems(this.getSortedItems().map(e=>e._dragRef))}}return s._dropLists=[],s.\u0275fac=function(e){return new(e||s)(l.Y36(l.SBq),l.Y36(fe),l.Y36(l.sBO),l.Y36(C.mF),l.Y36(se.Is,8),l.Y36(De,12),l.Y36(Ee,8))},s.\u0275dir=l.lG2({type:s,selectors:[["","cdkDropList",""],["cdk-drop-list"]],hostAttrs:[1,"cdk-drop-list"],hostVars:7,hostBindings:function(e,i){2&e&&(l.uIk("id",i.id),l.ekj("cdk-drop-list-disabled",i.disabled)("cdk-drop-list-dragging",i._dropListRef.isDragging())("cdk-drop-list-receiving",i._dropListRef.isReceiving()))},inputs:{connectedTo:["cdkDropListConnectedTo","connectedTo"],data:["cdkDropListData","data"],orientation:["cdkDropListOrientation","orientation"],id:"id",lockAxis:["cdkDropListLockAxis","lockAxis"],disabled:["cdkDropListDisabled","disabled"],sortingDisabled:["cdkDropListSortingDisabled","sortingDisabled"],enterPredicate:["cdkDropListEnterPredicate","enterPredicate"],sortPredicate:["cdkDropListSortPredicate","sortPredicate"],autoScrollDisabled:["cdkDropListAutoScrollDisabled","autoScrollDisabled"],autoScrollStep:["cdkDropListAutoScrollStep","autoScrollStep"]},outputs:{dropped:"cdkDropListDropped",entered:"cdkDropListEntered",exited:"cdkDropListExited",sorted:"cdkDropListSorted"},exportAs:["cdkDropList"],features:[l._Bn([{provide:De,useValue:void 0},{provide:Se,useExisting:s}])]}),s})();const be=new l.OlP("CdkDragHandle");let Be=(()=>{class s{constructor(e,i){this.element=e,this._stateChanges=new v.xQ,this._disabled=!1,this._parentDrag=i}get disabled(){return this._disabled}set disabled(e){this._disabled=(0,D.Ig)(e),this._stateChanges.next(this)}ngOnDestroy(){this._stateChanges.complete()}}return s.\u0275fac=function(e){return new(e||s)(l.Y36(l.SBq),l.Y36(xe,12))},s.\u0275dir=l.lG2({type:s,selectors:[["","cdkDragHandle",""]],hostAttrs:[1,"cdk-drag-handle"],inputs:{disabled:["cdkDragHandleDisabled","disabled"]},features:[l._Bn([{provide:be,useExisting:s}])]}),s})();const Te=new l.OlP("CdkDragPlaceholder");let Ve=(()=>{class s{constructor(e){this.templateRef=e}}return s.\u0275fac=function(e){return new(e||s)(l.Y36(l.Rgc))},s.\u0275dir=l.lG2({type:s,selectors:[["ng-template","cdkDragPlaceholder",""]],inputs:{data:"data"},features:[l._Bn([{provide:Te,useExisting:s}])]}),s})();const Ie=new l.OlP("CdkDragPreview");let Ue=(()=>{class s{constructor(e){this.templateRef=e,this._matchSize=!1}get matchSize(){return this._matchSize}set matchSize(e){this._matchSize=(0,D.Ig)(e)}}return s.\u0275fac=function(e){return new(e||s)(l.Y36(l.Rgc))},s.\u0275dir=l.lG2({type:s,selectors:[["ng-template","cdkDragPreview",""]],inputs:{data:"data",matchSize:"matchSize"},features:[l._Bn([{provide:Ie,useExisting:s}])]}),s})(),qe=(()=>{class s{constructor(e,i,r,d,c,p,u,_,f,k,P){this.element=e,this.dropContainer=i,this._ngZone=d,this._viewContainerRef=c,this._dir=u,this._changeDetectorRef=f,this._selfHandle=k,this._parentDrag=P,this._destroyed=new v.xQ,this.started=new l.vpe,this.released=new l.vpe,this.ended=new l.vpe,this.entered=new l.vpe,this.exited=new l.vpe,this.dropped=new l.vpe,this.moved=new G.y(I=>{const R=this._dragRef.moved.pipe((0,_e.U)(N=>({source:this,pointerPosition:N.pointerPosition,event:N.event,delta:N.delta,distance:N.distance}))).subscribe(I);return()=>{R.unsubscribe()}}),this._dragRef=_.createDrag(e,{dragStartThreshold:p&&null!=p.dragStartThreshold?p.dragStartThreshold:5,pointerDirectionChangeThreshold:p&&null!=p.pointerDirectionChangeThreshold?p.pointerDirectionChangeThreshold:5,zIndex:p?.zIndex}),this._dragRef.data=this,s._dragInstances.push(this),p&&this._assignDefaults(p),i&&(this._dragRef._withDropContainer(i._dropListRef),i.addItem(this)),this._syncInputs(this._dragRef),this._handleEvents(this._dragRef)}get disabled(){return this._disabled||this.dropContainer&&this.dropContainer.disabled}set disabled(e){this._disabled=(0,D.Ig)(e),this._dragRef.disabled=this._disabled}getPlaceholderElement(){return this._dragRef.getPlaceholderElement()}getRootElement(){return this._dragRef.getRootElement()}reset(){this._dragRef.reset()}getFreeDragPosition(){return this._dragRef.getFreeDragPosition()}setFreeDragPosition(e){this._dragRef.setFreeDragPosition(e)}ngAfterViewInit(){this._ngZone.runOutsideAngular(()=>{this._ngZone.onStable.pipe((0,re.q)(1),(0,L.R)(this._destroyed)).subscribe(()=>{this._updateRootElement(),this._setupHandlesListener(),this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)})})}ngOnChanges(e){const i=e.rootElementSelector,r=e.freeDragPosition;i&&!i.firstChange&&this._updateRootElement(),r&&!r.firstChange&&this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)}ngOnDestroy(){this.dropContainer&&this.dropContainer.removeItem(this);const e=s._dragInstances.indexOf(this);e>-1&&s._dragInstances.splice(e,1),this._ngZone.runOutsideAngular(()=>{this._destroyed.next(),this._destroyed.complete(),this._dragRef.dispose()})}_updateRootElement(){const e=this.element.nativeElement;let i=e;this.rootElementSelector&&(i=void 0!==e.closest?e.closest(this.rootElementSelector):e.parentElement?.closest(this.rootElementSelector)),this._dragRef.withRootElement(i||e)}_getBoundaryElement(){const e=this.boundaryElement;return e?"string"==typeof e?this.element.nativeElement.closest(e):(0,D.fI)(e):null}_syncInputs(e){e.beforeStarted.subscribe(()=>{if(!e.isDragging()){const i=this._dir,r=this.dragStartDelay,d=this._placeholderTemplate?{template:this._placeholderTemplate.templateRef,context:this._placeholderTemplate.data,viewContainer:this._viewContainerRef}:null,c=this._previewTemplate?{template:this._previewTemplate.templateRef,context:this._previewTemplate.data,matchSize:this._previewTemplate.matchSize,viewContainer:this._viewContainerRef}:null;e.disabled=this.disabled,e.lockAxis=this.lockAxis,e.dragStartDelay="object"==typeof r&&r?r:(0,D.su)(r),e.constrainPosition=this.constrainPosition,e.previewClass=this.previewClass,e.withBoundaryElement(this._getBoundaryElement()).withPlaceholderTemplate(d).withPreviewTemplate(c).withPreviewContainer(this.previewContainer||"global"),i&&e.withDirection(i.value)}}),e.beforeStarted.pipe((0,re.q)(1)).subscribe(()=>{if(this._parentDrag)return void e.withParent(this._parentDrag._dragRef);let i=this.element.nativeElement.parentElement;for(;i;){if(i.classList.contains("cdk-drag")){e.withParent(s._dragInstances.find(r=>r.element.nativeElement===i)?._dragRef||null);break}i=i.parentElement}})}_handleEvents(e){e.started.subscribe(i=>{this.started.emit({source:this,event:i.event}),this._changeDetectorRef.markForCheck()}),e.released.subscribe(i=>{this.released.emit({source:this,event:i.event})}),e.ended.subscribe(i=>{this.ended.emit({source:this,distance:i.distance,dropPoint:i.dropPoint,event:i.event}),this._changeDetectorRef.markForCheck()}),e.entered.subscribe(i=>{this.entered.emit({container:i.container.data,item:this,currentIndex:i.currentIndex})}),e.exited.subscribe(i=>{this.exited.emit({container:i.container.data,item:this})}),e.dropped.subscribe(i=>{this.dropped.emit({previousIndex:i.previousIndex,currentIndex:i.currentIndex,previousContainer:i.previousContainer.data,container:i.container.data,isPointerOverContainer:i.isPointerOverContainer,item:this,distance:i.distance,dropPoint:i.dropPoint,event:i.event})})}_assignDefaults(e){const{lockAxis:i,dragStartDelay:r,constrainPosition:d,previewClass:c,boundaryElement:p,draggingDisabled:u,rootElementSelector:_,previewContainer:f}=e;this.disabled=u??!1,this.dragStartDelay=r||0,i&&(this.lockAxis=i),d&&(this.constrainPosition=d),c&&(this.previewClass=c),p&&(this.boundaryElement=p),_&&(this.rootElementSelector=_),f&&(this.previewContainer=f)}_setupHandlesListener(){this._handles.changes.pipe((0,U.O)(this._handles),(0,me.b)(e=>{const i=e.filter(r=>r._parentDrag===this).map(r=>r.element);this._selfHandle&&this.rootElementSelector&&i.push(this.element),this._dragRef.withHandles(i)}),(0,oe.w)(e=>(0,ne.T)(...e.map(i=>i._stateChanges.pipe((0,U.O)(i))))),(0,L.R)(this._destroyed)).subscribe(e=>{const i=this._dragRef,r=e.element.nativeElement;e.disabled?i.disableHandle(r):i.enableHandle(r)})}}return s._dragInstances=[],s.\u0275fac=function(e){return new(e||s)(l.Y36(l.SBq),l.Y36(Se,12),l.Y36(O.K0),l.Y36(l.R0b),l.Y36(l.s_b),l.Y36(Ee,8),l.Y36(se.Is,8),l.Y36(fe),l.Y36(l.sBO),l.Y36(be,10),l.Y36(xe,12))},s.\u0275dir=l.lG2({type:s,selectors:[["","cdkDrag",""]],contentQueries:function(e,i,r){if(1&e&&(l.Suo(r,Ie,5),l.Suo(r,Te,5),l.Suo(r,be,5)),2&e){let d;l.iGM(d=l.CRH())&&(i._previewTemplate=d.first),l.iGM(d=l.CRH())&&(i._placeholderTemplate=d.first),l.iGM(d=l.CRH())&&(i._handles=d)}},hostAttrs:[1,"cdk-drag"],hostVars:4,hostBindings:function(e,i){2&e&&l.ekj("cdk-drag-disabled",i.disabled)("cdk-drag-dragging",i._dragRef.isDragging())},inputs:{data:["cdkDragData","data"],lockAxis:["cdkDragLockAxis","lockAxis"],rootElementSelector:["cdkDragRootElement","rootElementSelector"],boundaryElement:["cdkDragBoundary","boundaryElement"],dragStartDelay:["cdkDragStartDelay","dragStartDelay"],freeDragPosition:["cdkDragFreeDragPosition","freeDragPosition"],disabled:["cdkDragDisabled","disabled"],constrainPosition:["cdkDragConstrainPosition","constrainPosition"],previewClass:["cdkDragPreviewClass","previewClass"],previewContainer:["cdkDragPreviewContainer","previewContainer"]},outputs:{started:"cdkDragStarted",released:"cdkDragReleased",ended:"cdkDragEnded",entered:"cdkDragEntered",exited:"cdkDragExited",dropped:"cdkDragDropped",moved:"cdkDragMoved"},exportAs:["cdkDrag"],features:[l._Bn([{provide:xe,useExisting:s}]),l.TTD]}),s})(),Qe=(()=>{class s{}return s.\u0275fac=function(e){return new(e||s)},s.\u0275mod=l.oAB({type:s}),s.\u0275inj=l.cJS({providers:[fe],imports:[C.ZD]}),s})()},7007:(Le,te,x)=>{x.r(te),x.d(te,{CdkDragDropAxisLockExample:()=>q,CdkDragDropBoundaryExample:()=>de,CdkDragDropConnectedSortingExample:()=>Z,CdkDragDropConnectedSortingGroupExample:()=>A,CdkDragDropCustomPlaceholderExample:()=>z,CdkDragDropCustomPreviewExample:()=>E,CdkDragDropDelayExample:()=>Q,CdkDragDropDisabledExample:()=>j,CdkDragDropDisabledSortingExample:()=>Y,CdkDragDropEnterPredicateExample:()=>W,CdkDragDropExamplesModule:()=>H,CdkDragDropFreeDragPositionExample:()=>le,CdkDragDropHandleExample:()=>$,CdkDragDropHorizontalSortingExample:()=>K,CdkDragDropOverviewExample:()=>X,CdkDragDropRootElementExample:()=>T,CdkDragDropSortPredicateExample:()=>F,CdkDragDropSortingExample:()=>ce});var l=x(3977),O=x(8184),C=x(6895),n=x(4650),D=x(4080);function ie(a,h){if(1&a&&(n.TgZ(0,"div",4),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function v(a,h){if(1&a&&(n.TgZ(0,"div",4),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function S(a,h){if(1&a&&(n.TgZ(0,"div",5),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function G(a,h){if(1&a&&(n.TgZ(0,"div",5),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}const B=function(a){return[a]},V=".example-container[_ngcontent-%COMP%] {\n  width: 400px;\n  max-width: 100%;\n  margin: 0 25px 25px 0;\n  display: inline-block;\n  vertical-align: top;\n}\n\n.example-list[_ngcontent-%COMP%] {\n  border: solid 1px #ccc;\n  min-height: 60px;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n  display: block;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}";function he(a,h){1&a&&n._UZ(0,"div",4)}function ge(a,h){if(1&a&&(n.TgZ(0,"div",2),n.YNc(1,he,1,0,"div",3),n._uU(2),n.qZA()),2&a){const o=h.$implicit;n.xp6(2),n.hij(" ",o," ")}}function ue(a,h){if(1&a&&n._UZ(0,"img",4),2&a){const o=n.oxw().$implicit;n.Q6J("src",o.poster,n.LSH)("alt",o.title)}}function ne(a,h){if(1&a&&(n.TgZ(0,"div",2),n._uU(1),n.YNc(2,ue,1,2,"img",3),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.hij(" ",o.title," ")}}function L(a,h){if(1&a&&(n.TgZ(0,"div",5),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function U(a,h){if(1&a&&(n.TgZ(0,"div",5),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function _e(a,h){if(1&a&&(n.TgZ(0,"div",2),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.Q6J("cdkDragDisabled",o.disabled),n.xp6(1),n.Oqu(o.value)}}function re(a,h){if(1&a&&(n.TgZ(0,"div",4),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.Q6J("cdkDragData",o),n.xp6(1),n.Oqu(o)}}function me(a,h){if(1&a&&(n.TgZ(0,"div",4),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.Q6J("cdkDragData",o),n.xp6(1),n.Oqu(o)}}const oe=".example-box[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background: #fff;\n  border-radius: 4px;\n  position: relative;\n  z-index: 1;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-box[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}";function se(a,h){if(1&a&&(n.TgZ(0,"div",2),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function J(a,h){1&a&&(n.TgZ(0,"div",1),n._uU(1," Drag the dialog around! "),n.qZA())}function y(a,h){if(1&a&&(n.TgZ(0,"div",2),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.xp6(1),n.Oqu(o)}}function M(a,h){if(1&a&&(n.TgZ(0,"div",2),n._uU(1),n.qZA()),2&a){const o=h.$implicit;n.Q6J("cdkDragData",o),n.xp6(1),n.Oqu(o)}}let q=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-axis-lock-example"]],decls:4,vars:0,consts:[["cdkDragLockAxis","y","cdkDrag","",1,"example-box"],["cdkDragLockAxis","x","cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n._uU(1," I can only be dragged up/down\n"),n.qZA(),n.TgZ(2,"div",1),n._uU(3," I can only be dragged left/right\n"),n.qZA())},dependencies:[l.Zt],styles:[".example-box[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  cursor: move;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background: #fff;\n  border-radius: 4px;\n  margin-right: 25px;\n  position: relative;\n  z-index: 1;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-box[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}"]}),a})(),de=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-boundary-example"]],decls:3,vars:0,consts:[[1,"example-boundary"],["cdkDragBoundary",".example-boundary","cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0)(1,"div",1),n._uU(2," I can only be dragged within the dotted container "),n.qZA()())},dependencies:[l.Zt],styles:[".example-box[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  cursor: move;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background: #fff;\n  border-radius: 4px;\n  margin-right: 25px;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 10px;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-box[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.example-boundary[_ngcontent-%COMP%] {\n  width: 400px;\n  height: 400px;\n  max-width: 100%;\n  border: dotted #ccc 2px;\n}"]}),a})(),A=(()=>{class a{constructor(){this.todo=["Get to work","Pick up groceries","Go home","Fall asleep"],this.done=["Get up","Brush teeth","Take a shower","Check e-mail","Walk dog"]}drop(o){o.previousContainer===o.container?(0,l.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,l.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-connected-sorting-group-example"]],decls:11,vars:4,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0)(1,"div",1)(2,"h2"),n._uU(3,"To do"),n.qZA(),n.TgZ(4,"div",2),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(5,ie,2,1,"div",3),n.qZA()(),n.TgZ(6,"div",1)(7,"h2"),n._uU(8,"Done"),n.qZA(),n.TgZ(9,"div",2),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(10,v,2,1,"div",3),n.qZA()()()),2&o&&(n.xp6(4),n.Q6J("cdkDropListData",g.todo),n.xp6(1),n.Q6J("ngForOf",g.todo),n.xp6(4),n.Q6J("cdkDropListData",g.done),n.xp6(1),n.Q6J("ngForOf",g.done))},dependencies:[l.Wj,l.Fd,l.Zt,C.sg],styles:[".example-container[_ngcontent-%COMP%] {\n  width: 400px;\n  max-width: 100%;\n  margin: 0 25px 25px 0;\n  display: inline-block;\n  vertical-align: top;\n}\n\n.example-list[_ngcontent-%COMP%] {\n  border: solid 1px #ccc;\n  min-height: 60px;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n  display: block;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),Z=(()=>{class a{constructor(){this.todo=["Get to work","Pick up groceries","Go home","Fall asleep"],this.done=["Get up","Brush teeth","Take a shower","Check e-mail","Walk dog"]}drop(o){o.previousContainer===o.container?(0,l.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,l.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-connected-sorting-example"]],decls:12,vars:10,consts:[[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListConnectedTo","cdkDropListDropped"],["todoList","cdkDropList"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["doneList","cdkDropList"],["cdkDrag","",1,"example-box"]],template:function(o,g){if(1&o&&(n.TgZ(0,"div",0)(1,"h2"),n._uU(2,"To do"),n.qZA(),n.TgZ(3,"div",1,2),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(5,S,2,1,"div",3),n.qZA()(),n.TgZ(6,"div",0)(7,"h2"),n._uU(8,"Done"),n.qZA(),n.TgZ(9,"div",1,4),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(11,G,2,1,"div",3),n.qZA()()),2&o){const b=n.MAs(4),m=n.MAs(10);n.xp6(3),n.Q6J("cdkDropListData",g.todo)("cdkDropListConnectedTo",n.VKq(6,B,m)),n.xp6(2),n.Q6J("ngForOf",g.todo),n.xp6(4),n.Q6J("cdkDropListData",g.done)("cdkDropListConnectedTo",n.VKq(8,B,b)),n.xp6(2),n.Q6J("ngForOf",g.done)}},dependencies:[l.Wj,l.Zt,C.sg],styles:[V]}),a})(),z=(()=>{class a{constructor(){this.movies=["Episode I - The Phantom Menace","Episode II - Attack of the Clones","Episode III - Revenge of the Sith","Episode IV - A New Hope","Episode V - The Empire Strikes Back","Episode VI - Return of the Jedi","Episode VII - The Force Awakens","Episode VIII - The Last Jedi","Episode IX - The Rise of Skywalker"]}drop(o){(0,l.bA)(this.movies,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-custom-placeholder-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"],["class","example-custom-placeholder",4,"cdkDragPlaceholder"],[1,"example-custom-placeholder"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,ge,3,1,"div",1),n.qZA()),2&o&&(n.xp6(1),n.Q6J("ngForOf",g.movies))},dependencies:[l.Wj,l.Zt,l.Hk,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: block;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-custom-placeholder[_ngcontent-%COMP%] {\n  background: #ccc;\n  border: dotted 3px #999;\n  min-height: 60px;\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),E=(()=>{class a{constructor(){this.movies=[{title:"Episode I - The Phantom Menace",poster:"https://upload.wikimedia.org/wikipedia/en/4/40/Star_Wars_Phantom_Menace_poster.jpg"},{title:"Episode II - Attack of the Clones",poster:"https://upload.wikimedia.org/wikipedia/en/3/32/Star_Wars_-_Episode_II_Attack_of_the_Clones_%28movie_poster%29.jpg"},{title:"Episode III - Revenge of the Sith",poster:"https://upload.wikimedia.org/wikipedia/en/9/93/Star_Wars_Episode_III_Revenge_of_the_Sith_poster.jpg"},{title:"Episode IV - A New Hope",poster:"https://upload.wikimedia.org/wikipedia/en/8/87/StarWarsMoviePoster1977.jpg"},{title:"Episode V - The Empire Strikes Back",poster:"https://upload.wikimedia.org/wikipedia/en/3/3c/SW_-_Empire_Strikes_Back.jpg"},{title:"Episode VI - Return of the Jedi",poster:"https://upload.wikimedia.org/wikipedia/en/b/b2/ReturnOfTheJediPoster1983.jpg"},{title:"Episode VII - The Force Awakens",poster:"https://upload.wikimedia.org/wikipedia/en/a/a2/Star_Wars_The_Force_Awakens_Theatrical_Poster.jpg"},{title:"Episode VIII - The Last Jedi",poster:"https://upload.wikimedia.org/wikipedia/en/7/7f/Star_Wars_The_Last_Jedi.jpg"},{title:"Episode IX \u2013 The Rise of Skywalker",poster:"https://upload.wikimedia.org/wikipedia/en/a/af/Star_Wars_The_Rise_of_Skywalker_poster.jpg"}]}drop(o){(0,l.bA)(this.movies,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-custom-preview-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"],[3,"src","alt",4,"cdkDragPreview"],[3,"src","alt"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,ne,3,1,"div",1),n.qZA()),2&o&&(n.xp6(1),n.Q6J("ngForOf",g.movies))},dependencies:[l.Wj,l.Zt,l.pV,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: block;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),Q=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-delay-example"]],decls:2,vars:1,consts:[["cdkDrag","",1,"example-box",3,"cdkDragStartDelay"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n._uU(1," Dragging starts after one second\n"),n.qZA()),2&o&&n.Q6J("cdkDragStartDelay",1e3)},dependencies:[l.Zt],styles:[".example-box[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background: #fff;\n  border-radius: 4px;\n  position: relative;\n  z-index: 1;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-box[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}"]}),a})(),Y=(()=>{class a{constructor(){this.items=["Carrots","Tomatoes","Onions","Apples","Avocados"],this.basket=["Oranges","Bananas","Cucumbers"]}drop(o){o.previousContainer===o.container?(0,l.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,l.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-disabled-sorting-example"]],decls:11,vars:4,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","","cdkDropListSortingDisabled","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0)(1,"div",1)(2,"h2"),n._uU(3,"Available items"),n.qZA(),n.TgZ(4,"div",2),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(5,L,2,1,"div",3),n.qZA()(),n.TgZ(6,"div",1)(7,"h2"),n._uU(8,"Shopping basket"),n.qZA(),n.TgZ(9,"div",4),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(10,U,2,1,"div",3),n.qZA()()()),2&o&&(n.xp6(4),n.Q6J("cdkDropListData",g.items),n.xp6(1),n.Q6J("ngForOf",g.items),n.xp6(4),n.Q6J("cdkDropListData",g.basket),n.xp6(1),n.Q6J("ngForOf",g.basket))},dependencies:[l.Wj,l.Fd,l.Zt,C.sg],styles:[V]}),a})(),j=(()=>{class a{constructor(){this.items=[{value:"I can be dragged",disabled:!1},{value:"I cannot be dragged",disabled:!0},{value:"I can also be dragged",disabled:!1}]}drop(o){(0,l.bA)(this.items,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-disabled-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragDisabled",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box",3,"cdkDragDisabled"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,_e,2,2,"div",1),n.qZA()),2&o&&(n.xp6(1),n.Q6J("ngForOf",g.items))},dependencies:[l.Wj,l.Zt,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: block;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.example-box.cdk-drag-disabled[_ngcontent-%COMP%] {\n  background: #ccc;\n  cursor: default;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),W=(()=>{class a{constructor(){this.all=[1,2,3,4,5,6,7,8,9],this.even=[10]}drop(o){o.previousContainer===o.container?(0,l.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,l.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}evenPredicate(o){return o.data%2==0}noReturnPredicate(){return!1}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-enter-predicate-example"]],decls:10,vars:6,consts:[[1,"example-container"],["id","all","cdkDropList","","cdkDropListConnectedTo","even",1,"example-list",3,"cdkDropListData","cdkDropListEnterPredicate","cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragData",4,"ngFor","ngForOf"],["id","even","cdkDropList","","cdkDropListConnectedTo","all",1,"example-list",3,"cdkDropListData","cdkDropListEnterPredicate","cdkDropListDropped"],["cdkDrag","",1,"example-box",3,"cdkDragData"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0)(1,"h2"),n._uU(2,"Available numbers"),n.qZA(),n.TgZ(3,"div",1),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(4,re,2,2,"div",2),n.qZA()(),n.TgZ(5,"div",0)(6,"h2"),n._uU(7,"Even numbers"),n.qZA(),n.TgZ(8,"div",3),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(9,me,2,2,"div",2),n.qZA()()),2&o&&(n.xp6(3),n.Q6J("cdkDropListData",g.all)("cdkDropListEnterPredicate",g.noReturnPredicate),n.xp6(1),n.Q6J("ngForOf",g.all),n.xp6(4),n.Q6J("cdkDropListData",g.even)("cdkDropListEnterPredicate",g.evenPredicate),n.xp6(1),n.Q6J("ngForOf",g.even))},dependencies:[l.Wj,l.Zt,C.sg],styles:[V]}),a})(),le=(()=>{class a{constructor(){this.dragPosition={x:0,y:0}}changePosition(){this.dragPosition={x:this.dragPosition.x+50,y:this.dragPosition.y+50}}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-free-drag-position-example"]],decls:5,vars:1,consts:[[3,"click"],["cdkDrag","",1,"example-box",3,"cdkDragFreeDragPosition"]],template:function(o,g){1&o&&(n.TgZ(0,"p")(1,"button",0),n.NdJ("click",function(){return g.changePosition()}),n._uU(2,"Change element position"),n.qZA()(),n.TgZ(3,"div",1),n._uU(4," Drag me around\n"),n.qZA()),2&o&&(n.xp6(3),n.Q6J("cdkDragFreeDragPosition",g.dragPosition))},dependencies:[l.Zt],styles:[oe]}),a})(),$=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-handle-example"]],decls:6,vars:0,consts:[["cdkDrag","",1,"example-box"],["cdkDragHandle","",1,"example-handle"],["width","24px","fill","currentColor","viewBox","0 0 24 24"],["d","M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"],["d","M0 0h24v24H0z","fill","none"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n._uU(1," I can only be dragged using the handle "),n.TgZ(2,"div",1),n.O4$(),n.TgZ(3,"svg",2),n._UZ(4,"path",3)(5,"path",4),n.qZA()()())},dependencies:[l.Zt,l.Bh],styles:[".example-box[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  padding: 10px;\n  box-sizing: border-box;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background: #fff;\n  border-radius: 4px;\n  position: relative;\n  z-index: 1;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-box[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.example-handle[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  color: #ccc;\n  cursor: move;\n  width: 24px;\n  height: 24px;\n}"]}),a})(),K=(()=>{class a{constructor(){this.timePeriods=["Bronze age","Iron age","Middle ages","Early modern period","Long nineteenth century"]}drop(o){(0,l.bA)(this.timePeriods,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-horizontal-sorting-example"]],decls:2,vars:1,consts:[["cdkDropList","","cdkDropListOrientation","horizontal",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,se,2,1,"div",1),n.qZA()),2&o&&(n.xp6(1),n.Q6J("ngForOf",g.timePeriods))},dependencies:[l.Wj,l.Zt,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 1000px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: flex;\n  flex-direction: row;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-right: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n  flex-grow: 1;\n  flex-basis: 0;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),X=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-overview-example"]],decls:2,vars:0,consts:[["cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n._uU(1," Drag me around\n"),n.qZA())},dependencies:[l.Zt],styles:[oe]}),a})(),T=(()=>{class a{constructor(o,g){this._overlay=o,this._viewContainerRef=g}ngAfterViewInit(){this._portal=new D.UE(this._dialogTemplate,this._viewContainerRef),this._overlayRef=this._overlay.create({positionStrategy:this._overlay.position().global().centerHorizontally().centerVertically(),hasBackdrop:!0}),this._overlayRef.backdropClick().subscribe(()=>this._overlayRef.detach())}ngOnDestroy(){this._overlayRef.dispose()}openDialog(){this._overlayRef.attach(this._portal)}}return a.\u0275fac=function(o){return new(o||a)(n.Y36(O.aV),n.Y36(n.s_b))},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-root-element-example"]],viewQuery:function(o,g){if(1&o&&n.Gf(n.Rgc,5),2&o){let b;n.iGM(b=n.CRH())&&(g._dialogTemplate=b.first)}},decls:3,vars:0,consts:[[3,"click"],["cdkDrag","","cdkDragRootElement",".cdk-overlay-pane",1,"example-dialog-content"]],template:function(o,g){1&o&&(n.TgZ(0,"button",0),n.NdJ("click",function(){return g.openDialog()}),n._uU(1,"Open a draggable dialog"),n.qZA(),n.YNc(2,J,2,0,"ng-template"))},dependencies:[l.Zt],styles:[".example-dialog-content[_ngcontent-%COMP%] {\n  width: 200px;\n  height: 200px;\n  border: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  cursor: move;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  border-radius: 4px;\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);\n  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),\n              0 2px 2px 0 rgba(0, 0, 0, 0.14),\n              0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}\n\n.example-dialog-content[_ngcontent-%COMP%]:active {\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}"]}),a})(),ce=(()=>{class a{constructor(){this.movies=["Episode I - The Phantom Menace","Episode II - Attack of the Clones","Episode III - Revenge of the Sith","Episode IV - A New Hope","Episode V - The Empire Strikes Back","Episode VI - Return of the Jedi","Episode VII - The Force Awakens","Episode VIII - The Last Jedi","Episode IX \u2013 The Rise of Skywalker"]}drop(o){(0,l.bA)(this.movies,o.previousIndex,o.currentIndex)}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-sorting-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,y,2,1,"div",1),n.qZA()),2&o&&(n.xp6(1),n.Q6J("ngForOf",g.movies))},dependencies:[l.Wj,l.Zt,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: block;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),F=(()=>{class a{constructor(){this.numbers=[1,2,3,4,5,6,7,8]}drop(o){(0,l.bA)(this.numbers,o.previousIndex,o.currentIndex)}sortPredicate(o,g){return(o+1)%2==g.data%2}}return a.\u0275fac=function(o){return new(o||a)},a.\u0275cmp=n.Xpm({type:a,selectors:[["cdk-drag-drop-sort-predicate-example"]],decls:2,vars:2,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListSortPredicate","cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragData",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box",3,"cdkDragData"]],template:function(o,g){1&o&&(n.TgZ(0,"div",0),n.NdJ("cdkDropListDropped",function(m){return g.drop(m)}),n.YNc(1,M,2,2,"div",1),n.qZA()),2&o&&(n.Q6J("cdkDropListSortPredicate",g.sortPredicate),n.xp6(1),n.Q6J("ngForOf",g.numbers))},dependencies:[l.Wj,l.Zt,C.sg],styles:[".example-list[_ngcontent-%COMP%] {\n  border: solid 1px #ccc;\n  min-height: 60px;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n  display: block;\n  width: 400px;\n  max-width: 100%;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),a})(),H=(()=>{class a{}return a.\u0275fac=function(o){return new(o||a)},a.\u0275mod=n.oAB({type:a}),a.\u0275inj=n.cJS({imports:[l._t,O.U8,C.ez]}),a})()}}]);