-
Notifications
You must be signed in to change notification settings - Fork 5
/
1279.30d9bd8c005e8561.js
1 lines (1 loc) · 81.3 KB
/
1279.30d9bd8c005e8561.js
1
"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[1279],{7845:(Fe,q,x)=>{x.d(q,{Zt:()=>Le,Bh:()=>ye,Hk:()=>Se,pV:()=>Ie,Wj:()=>Ae,Fd:()=>Me,bA:()=>be,EA:()=>He});var t=x(5879),u=x(6814),C=x(6672),y=x(2831),D=x(2495),J=x(4300),b=x(2079),S=x(7902),z=x(4699),Z=x(435),F=x(6745);function le(s){const{subscriber:i,counter:e,period:n}=s;i.next(e),this.schedule({subscriber:i,counter:e+1,period:n},n)}var ce=x(3944),H=x(7354),O=x(9352),pe=x(6124),Y=x(1418),N=x(3075),he=x(2420),W=x(5222),$=x(9388);function G(s,i,e){for(let n in i)if(i.hasOwnProperty(n)){const r=i[n];r?s.setProperty(n,r,e?.has(n)?"important":""):s.removeProperty(n)}return s}function E(s,i){const e=i?"":"none";G(s.style,{"touch-action":i?"":"none","-webkit-user-drag":i?"":"none","-webkit-tap-highlight-color":i?"":"transparent","user-select":e,"-ms-user-select":e,"-webkit-user-select":e,"-moz-user-select":e})}function K(s,i,e){G(s.style,{position:i?"":"fixed",top:i?"":"0",opacity:i?"":"0",left:i?"":"-999em"},e)}function L(s,i){return i&&"none"!=i?s+" "+i:s}function X(s){const i=s.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(s)*i}function V(s,i){return s.getPropertyValue(i).split(",").map(n=>n.trim())}function j(s){const i=s.getBoundingClientRect();return{top:i.top,right:i.right,bottom:i.bottom,left:i.left,width:i.width,height:i.height,x:i.x,y:i.y}}function B(s,i,e){const{top:n,bottom:r,left:a,right:l}=s;return e>=n&&e<=r&&i>=a&&i<=l}function T(s,i,e){s.top+=i,s.bottom=s.top+s.height,s.left+=e,s.right=s.left+s.width}function ee(s,i,e,n){const{top:r,right:a,bottom:l,left:c,width:g,height:_}=s,f=g*i,k=_*i;return n>r-k&&n<l+k&&e>c-f&&e<a+f}class te{constructor(i){this._document=i,this.positions=new Map}clear(){this.positions.clear()}cache(i){this.clear(),this.positions.set(this._document,{scrollPosition:this.getViewportScrollPosition()}),i.forEach(e=>{this.positions.set(e,{scrollPosition:{top:e.scrollTop,left:e.scrollLeft},clientRect:j(e)})})}handleScroll(i){const e=(0,y.sA)(i),n=this.positions.get(e);if(!n)return null;const r=n.scrollPosition;let a,l;if(e===this._document){const _=this.getViewportScrollPosition();a=_.top,l=_.left}else a=e.scrollTop,l=e.scrollLeft;const c=r.top-a,g=r.left-l;return this.positions.forEach((_,f)=>{_.clientRect&&e!==f&&e.contains(f)&&T(_.clientRect,c,g)}),r.top=a,r.left=l,{top:c,left:g}}getViewportScrollPosition(){return{top:window.scrollY,left:window.scrollX}}}function ie(s){const i=s.cloneNode(!0),e=i.querySelectorAll("[id]"),n=s.nodeName.toLowerCase();i.removeAttribute("id");for(let r=0;r<e.length;r++)e[r].removeAttribute("id");return"canvas"===n?oe(s,i):("input"===n||"select"===n||"textarea"===n)&&re(s,i),ne("canvas",s,i,oe),ne("input, textarea, select",s,i,re),i}function ne(s,i,e,n){const r=i.querySelectorAll(s);if(r.length){const a=e.querySelectorAll(s);for(let l=0;l<r.length;l++)n(r[l],a[l])}}let ue=0;function re(s,i){"file"!==i.type&&(i.value=s.value),"radio"===i.type&&i.name&&(i.name=`mat-clone-${i.name}-${ue++}`)}function oe(s,i){const e=i.getContext("2d");if(e)try{e.drawImage(s,0,0)}catch{}}const se=(0,y.i$)({passive:!0}),M=(0,y.i$)({passive:!1}),U=new Set(["position"]);class d{get disabled(){return this._disabled||!(!this._dropContainer||!this._dropContainer.disabled)}set disabled(i){const e=(0,D.Ig)(i);e!==this._disabled&&(this._disabled=e,this._toggleNativeDragInteractions(),this._handles.forEach(n=>E(n,e)))}constructor(i,e,n,r,a,l){this._config=e,this._document=n,this._ngZone=r,this._viewportRuler=a,this._dragDropRegistry=l,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._hasStartedDragging=!1,this._moveEvents=new b.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 b.xQ,this.started=new b.xQ,this.released=new b.xQ,this.ended=new b.xQ,this.entered=new b.xQ,this.exited=new b.xQ,this.dropped=new b.xQ,this.moved=this._moveEvents,this._pointerDown=c=>{if(this.beforeStarted.next(),this._handles.length){const g=this._getTargetHandle(c);g&&!this._disabledHandles.has(g)&&!this.disabled&&this._initializeDragSequence(g,c)}else this.disabled||this._initializeDragSequence(this._rootElement,c)},this._pointerMove=c=>{const g=this._getPointerPositionOnPage(c);if(!this._hasStartedDragging){if(Math.abs(g.x-this._pickupPositionOnPage.x)+Math.abs(g.y-this._pickupPositionOnPage.y)>=this._config.dragStartThreshold){const I=Date.now()>=this._dragStartTime+this._getDragStartDelay(c),R=this._dropContainer;if(!I)return void this._endDragSequence(c);(!R||!R.isDragging()&&!R.isReceiving())&&(c.preventDefault(),this._hasStartedDragging=!0,this._ngZone.run(()=>this._startDragSequence(c)))}return}c.preventDefault();const _=this._getConstrainedPointerPosition(g);if(this._hasMoved=!0,this._lastKnownPointerPosition=g,this._updatePointerDirectionDelta(_),this._dropContainer)this._updateActiveDropContainer(_,g);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:c,distance:this._getDragDistance(_),delta:this._pointerDirectionDelta})})},this._pointerUp=c=>{this._endDragSequence(c)},this._nativeDragStart=c=>{if(this._handles.length){const g=this._getTargetHandle(c);g&&!this._disabledHandles.has(g)&&!this.disabled&&c.preventDefault()}else this.disabled||c.preventDefault()},this.withRootElement(i).withParent(e.parentDragRef||null),this._parentPositions=new te(n),l.registerDragItem(this)}getPlaceholderElement(){return this._placeholder}getRootElement(){return this._rootElement}getVisibleElement(){return this.isDragging()?this.getPlaceholderElement():this.getRootElement()}withHandles(i){this._handles=i.map(n=>(0,D.fI)(n)),this._handles.forEach(n=>E(n,this.disabled)),this._toggleNativeDragInteractions();const e=new Set;return this._disabledHandles.forEach(n=>{this._handles.indexOf(n)>-1&&e.add(n)}),this._disabledHandles=e,this}withPreviewTemplate(i){return this._previewTemplate=i,this}withPlaceholderTemplate(i){return this._placeholderTemplate=i,this}withRootElement(i){const e=(0,D.fI)(i);return e!==this._rootElement&&(this._rootElement&&this._removeRootElementListeners(this._rootElement),this._ngZone.runOutsideAngular(()=>{e.addEventListener("mousedown",this._pointerDown,M),e.addEventListener("touchstart",this._pointerDown,se),e.addEventListener("dragstart",this._nativeDragStart,M)}),this._initialTransform=void 0,this._rootElement=e),typeof SVGElement<"u"&&this._rootElement instanceof SVGElement&&(this._ownerSVGElement=this._rootElement.ownerSVGElement),this}withBoundaryElement(i){return this._boundaryElement=i?(0,D.fI)(i):null,this._resizeSubscription.unsubscribe(),i&&(this._resizeSubscription=this._viewportRuler.change(10).subscribe(()=>this._containInsideBoundaryOnResize())),this}withParent(i){return this._parentDragRef=i,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(i){!this._disabledHandles.has(i)&&this._handles.indexOf(i)>-1&&(this._disabledHandles.add(i),E(i,!0))}enableHandle(i){this._disabledHandles.has(i)&&(this._disabledHandles.delete(i),E(i,this.disabled))}withDirection(i){return this._direction=i,this}_withDropContainer(i){this._dropContainer=i}getFreeDragPosition(){const i=this.isDragging()?this._activeTransform:this._passiveTransform;return{x:i.x,y:i.y}}setFreeDragPosition(i){return this._activeTransform={x:0,y:0},this._passiveTransform.x=i.x,this._passiveTransform.y=i.y,this._dropContainer||this._applyRootElementTransform(i.x,i.y),this}withPreviewContainer(i){return this._previewContainer=i,this}_sortFromLastPointerPosition(){const i=this._lastKnownPointerPosition;i&&this._dropContainer&&this._updateActiveDropContainer(this._getConstrainedPointerPosition(i),i)}_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(i){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:i}),this._dropContainer)this._dropContainer._stopScrolling(),this._animatePreviewToPlaceholder().then(()=>{this._cleanupDragArtifacts(i),this._cleanupCachedDimensions(),this._dragDropRegistry.stopDragging(this)});else{this._passiveTransform.x=this._activeTransform.x;const e=this._getPointerPositionOnPage(i);this._passiveTransform.y=this._activeTransform.y,this._ngZone.run(()=>{this.ended.next({source:this,distance:this._getDragDistance(e),dropPoint:e,event:i})}),this._cleanupCachedDimensions(),this._dragDropRegistry.stopDragging(this)}}_startDragSequence(i){h(i)&&(this._lastTouchEventTime=Date.now()),this._toggleNativeDragInteractions();const e=this._dropContainer;if(e){const n=this._rootElement,r=n.parentNode,a=this._placeholder=this._createPlaceholderElement(),l=this._anchor=this._anchor||this._document.createComment(""),c=this._getShadowRoot();r.insertBefore(l,n),this._initialTransform=n.style.transform||"",this._preview=this._createPreviewElement(),K(n,!1,U),this._document.body.appendChild(r.replaceChild(a,n)),this._getPreviewInsertionPoint(r,c).appendChild(this._preview),this.started.next({source:this,event:i}),e.start(),this._initialContainer=e,this._initialIndex=e.getItemIndex(this)}else this.started.next({source:this,event:i}),this._initialContainer=this._initialIndex=void 0;this._parentPositions.cache(e?e.getScrollableParents():[])}_initializeDragSequence(i,e){this._parentDragRef&&e.stopPropagation();const n=this.isDragging(),r=h(e),a=!r&&0!==e.button,l=this._rootElement,c=(0,y.sA)(e),g=!r&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now(),_=r?(0,J.yG)(e):(0,J.X6)(e);if(c&&c.draggable&&"mousedown"===e.type&&e.preventDefault(),n||a||g||_)return;if(this._handles.length){const P=l.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=j(this._boundaryElement));const f=this._previewTemplate;this._pickupPositionInElement=f&&f.template&&!f.matchSize?{x:0,y:0}:this._getPointerPositionInElement(this._initialClientRect,i,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(i){K(this._rootElement,!0,U),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,n=e.getItemIndex(this),r=this._getPointerPositionOnPage(i),a=this._getDragDistance(r),l=e._isOverContainer(r.x,r.y);this.ended.next({source:this,distance:a,dropPoint:r,event:i}),this.dropped.next({item:this,currentIndex:n,previousIndex:this._initialIndex,container:e,previousContainer:this._initialContainer,isPointerOverContainer:l,distance:a,dropPoint:r,event:i}),e.drop(this,n,this._initialIndex,this._initialContainer,l,a,r,i),this._dropContainer=this._initialContainer})}_updateActiveDropContainer({x:i,y:e},{x:n,y:r}){let a=this._initialContainer._getSiblingContainerFromPosition(this,i,e);!a&&this._dropContainer!==this._initialContainer&&this._initialContainer._isOverContainer(i,e)&&(a=this._initialContainer),a&&a!==this._dropContainer&&this._ngZone.run(()=>{this.exited.next({item:this,container:this._dropContainer}),this._dropContainer.exit(this),this._dropContainer=a,this._dropContainer.enter(this,i,e,a===this._initialContainer&&a.sortingDisabled?this._initialIndex:void 0),this.entered.next({item:this,container:a,currentIndex:a.getItemIndex(this)})}),this.isDragging()&&(this._dropContainer._startScrollingIfNecessary(n,r),this._dropContainer._sortItem(this,i,e,this._pointerDirectionDelta),this.constrainPosition?this._applyPreviewTransform(i,e):this._applyPreviewTransform(i-this._pickupPositionInElement.x,e-this._pickupPositionInElement.y))}_createPreviewElement(){const i=this._previewTemplate,e=this.previewClass,n=i?i.template:null;let r;if(n&&i){const a=i.matchSize?this._initialClientRect:null,l=i.viewContainer.createEmbeddedView(n,i.context);l.detectChanges(),r=v(l,this._document),this._previewRef=l,i.matchSize?m(r,a):r.style.transform=p(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else r=ie(this._rootElement),m(r,this._initialClientRect),this._initialTransform&&(r.style.transform=this._initialTransform);return G(r.style,{"pointer-events":"none",margin:"0",position:"fixed",top:"0",left:"0","z-index":`${this._config.zIndex||1e3}`},U),E(r,!1),r.classList.add("cdk-drag-preview"),r.setAttribute("dir",this._direction),e&&(Array.isArray(e)?e.forEach(a=>r.classList.add(a)):r.classList.add(e)),r}_animatePreviewToPlaceholder(){if(!this._hasMoved)return Promise.resolve();const i=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._applyPreviewTransform(i.left,i.top);const e=function ge(s){const i=getComputedStyle(s),e=V(i,"transition-property"),n=e.find(c=>"transform"===c||"all"===c);if(!n)return 0;const r=e.indexOf(n),a=V(i,"transition-duration"),l=V(i,"transition-delay");return X(a[r])+X(l[r])}(this._preview);return 0===e?Promise.resolve():this._ngZone.runOutsideAngular(()=>new Promise(n=>{const r=l=>{(!l||(0,y.sA)(l)===this._preview&&"transform"===l.propertyName)&&(this._preview?.removeEventListener("transitionend",r),n(),clearTimeout(a))},a=setTimeout(r,1.5*e);this._preview.addEventListener("transitionend",r)}))}_createPlaceholderElement(){const i=this._placeholderTemplate,e=i?i.template:null;let n;return e?(this._placeholderRef=i.viewContainer.createEmbeddedView(e,i.context),this._placeholderRef.detectChanges(),n=v(this._placeholderRef,this._document)):n=ie(this._rootElement),n.style.pointerEvents="none",n.classList.add("cdk-drag-placeholder"),n}_getPointerPositionInElement(i,e,n){const r=e===this._rootElement?null:e,a=r?r.getBoundingClientRect():i,l=h(n)?n.targetTouches[0]:n,c=this._getViewportScrollPosition();return{x:a.left-i.left+(l.pageX-a.left-c.left),y:a.top-i.top+(l.pageY-a.top-c.top)}}_getPointerPositionOnPage(i){const e=this._getViewportScrollPosition(),n=h(i)?i.touches[0]||i.changedTouches[0]||{pageX:0,pageY:0}:i,r=n.pageX-e.left,a=n.pageY-e.top;if(this._ownerSVGElement){const l=this._ownerSVGElement.getScreenCTM();if(l){const c=this._ownerSVGElement.createSVGPoint();return c.x=r,c.y=a,c.matrixTransform(l.inverse())}}return{x:r,y:a}}_getConstrainedPointerPosition(i){const e=this._dropContainer?this._dropContainer.lockAxis:null;let{x:n,y:r}=this.constrainPosition?this.constrainPosition(i,this,this._initialClientRect,this._pickupPositionInElement):i;if("x"===this.lockAxis||"x"===e?r=this._pickupPositionOnPage.y:("y"===this.lockAxis||"y"===e)&&(n=this._pickupPositionOnPage.x),this._boundaryRect){const{x:a,y:l}=this._pickupPositionInElement,c=this._boundaryRect,{width:g,height:_}=this._getPreviewRect(),f=c.top+l,k=c.bottom-(_-l);n=o(n,c.left+a,c.right-(g-a)),r=o(r,f,k)}return{x:n,y:r}}_updatePointerDirectionDelta(i){const{x:e,y:n}=i,r=this._pointerDirectionDelta,a=this._pointerPositionAtLastDirectionChange,l=Math.abs(e-a.x),c=Math.abs(n-a.y);return l>this._config.pointerDirectionChangeThreshold&&(r.x=e>a.x?1:-1,a.x=e),c>this._config.pointerDirectionChangeThreshold&&(r.y=n>a.y?1:-1,a.y=n),r}_toggleNativeDragInteractions(){if(!this._rootElement||!this._handles)return;const i=this._handles.length>0||!this.isDragging();i!==this._nativeInteractionsEnabled&&(this._nativeInteractionsEnabled=i,E(this._rootElement,i))}_removeRootElementListeners(i){i.removeEventListener("mousedown",this._pointerDown,M),i.removeEventListener("touchstart",this._pointerDown,se),i.removeEventListener("dragstart",this._nativeDragStart,M)}_applyRootElementTransform(i,e){const n=p(i,e),r=this._rootElement.style;null==this._initialTransform&&(this._initialTransform=r.transform&&"none"!=r.transform?r.transform:""),r.transform=L(n,this._initialTransform)}_applyPreviewTransform(i,e){const n=this._previewTemplate?.template?void 0:this._initialTransform,r=p(i,e);this._preview.style.transform=L(r,n)}_getDragDistance(i){const e=this._pickupPositionOnPage;return e?{x:i.x-e.x,y:i.y-e.y}:{x:0,y:0}}_cleanupCachedDimensions(){this._boundaryRect=this._previewRect=void 0,this._parentPositions.clear()}_containInsideBoundaryOnResize(){let{x:i,y:e}=this._passiveTransform;if(0===i&&0===e||this.isDragging()||!this._boundaryElement)return;const n=this._rootElement.getBoundingClientRect(),r=this._boundaryElement.getBoundingClientRect();if(0===r.width&&0===r.height||0===n.width&&0===n.height)return;const a=r.left-n.left,l=n.right-r.right,c=r.top-n.top,g=n.bottom-r.bottom;r.width>n.width?(a>0&&(i+=a),l>0&&(i-=l)):i=0,r.height>n.height?(c>0&&(e+=c),g>0&&(e-=g)):e=0,(i!==this._passiveTransform.x||e!==this._passiveTransform.y)&&this.setFreeDragPosition({y:e,x:i})}_getDragStartDelay(i){const e=this.dragStartDelay;return"number"==typeof e?e:h(i)?e.touch:e?e.mouse:0}_updateOnScroll(i){const e=this._parentPositions.handleScroll(i);if(e){const n=(0,y.sA)(i);this._boundaryRect&&n!==this._boundaryElement&&n.contains(this._boundaryElement)&&T(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,y.kV)(this._rootElement)),this._cachedShadowRoot}_getPreviewInsertionPoint(i,e){const n=this._previewContainer||"global";if("parent"===n)return i;if("global"===n){const r=this._document;return e||r.fullscreenElement||r.webkitFullscreenElement||r.mozFullScreenElement||r.msFullscreenElement||r.body}return(0,D.fI)(n)}_getPreviewRect(){return(!this._previewRect||!this._previewRect.width&&!this._previewRect.height)&&(this._previewRect=this._preview?this._preview.getBoundingClientRect():this._initialClientRect),this._previewRect}_getTargetHandle(i){return this._handles.find(e=>i.target&&(i.target===e||e.contains(i.target)))}}function p(s,i){return`translate3d(${Math.round(s)}px, ${Math.round(i)}px, 0)`}function o(s,i,e){return Math.max(i,Math.min(e,s))}function h(s){return"t"===s.type[0]}function v(s,i){const e=s.rootNodes;if(1===e.length&&e[0].nodeType===i.ELEMENT_NODE)return e[0];const n=i.createElement("div");return e.forEach(r=>n.appendChild(r)),n}function m(s,i){s.style.width=`${i.width}px`,s.style.height=`${i.height}px`,s.style.transform=p(i.left,i.top)}function be(s,i,e){const n=Q(i,s.length-1),r=Q(e,s.length-1);if(n===r)return;const a=s[n],l=r<n?-1:1;for(let c=n;c!==r;c+=l)s[c]=s[c+l];s[r]=a}function He(s,i,e,n){const r=Q(e,s.length-1),a=Q(n,i.length);s.length&&i.splice(a,0,s.splice(r,1)[0])}function Q(s,i){return Math.max(0,Math.min(i,s))}class Ne{constructor(i,e){this._element=i,this._dragDropRegistry=e,this._itemPositions=[],this.orientation="vertical",this._previousSwap={drag:null,delta:0,overlaps:!1}}start(i){this.withItems(i)}sort(i,e,n,r){const a=this._itemPositions,l=this._getItemIndexFromPointerPosition(i,e,n,r);if(-1===l&&a.length>0)return null;const c="horizontal"===this.orientation,g=a.findIndex(w=>w.drag===i),_=a[l],k=_.clientRect,P=g>l?1:-1,I=this._getItemOffsetPx(a[g].clientRect,k,P),R=this._getSiblingOffsetPx(g,a,P),A=a.slice();return be(a,g,l),a.forEach((w,qe)=>{if(A[qe]===w)return;const ze=w.drag===i,De=ze?I:R,Ze=ze?i.getPlaceholderElement():w.drag.getRootElement();w.offset+=De,c?(Ze.style.transform=L(`translate3d(${Math.round(w.offset)}px, 0, 0)`,w.initialTransform),T(w.clientRect,0,De)):(Ze.style.transform=L(`translate3d(0, ${Math.round(w.offset)}px, 0)`,w.initialTransform),T(w.clientRect,De,0))}),this._previousSwap.overlaps=B(k,e,n),this._previousSwap.drag=_.drag,this._previousSwap.delta=c?r.x:r.y,{previousIndex:g,currentIndex:l}}enter(i,e,n,r){const a=null==r||r<0?this._getItemIndexFromPointerPosition(i,e,n):r,l=this._activeDraggables,c=l.indexOf(i),g=i.getPlaceholderElement();let _=l[a];if(_===i&&(_=l[a+1]),!_&&(null==a||-1===a||a<l.length-1)&&this._shouldEnterAsFirstChild(e,n)&&(_=l[0]),c>-1&&l.splice(c,1),_&&!this._dragDropRegistry.isDragging(_)){const f=_.getRootElement();f.parentElement.insertBefore(g,f),l.splice(a,0,i)}else(0,D.fI)(this._element).appendChild(g),l.push(i);g.style.transform="",this._cacheItemPositions()}withItems(i){this._activeDraggables=i.slice(),this._cacheItemPositions()}withSortPredicate(i){this._sortPredicate=i}reset(){this._activeDraggables.forEach(i=>{const e=i.getRootElement();if(e){const n=this._itemPositions.find(r=>r.drag===i)?.initialTransform;e.style.transform=n||""}}),this._itemPositions=[],this._activeDraggables=[],this._previousSwap.drag=null,this._previousSwap.delta=0,this._previousSwap.overlaps=!1}getActiveItemsSnapshot(){return this._activeDraggables}getItemIndex(i){return("horizontal"===this.orientation&&"rtl"===this.direction?this._itemPositions.slice().reverse():this._itemPositions).findIndex(n=>n.drag===i)}updateOnScroll(i,e){this._itemPositions.forEach(({clientRect:n})=>{T(n,i,e)}),this._itemPositions.forEach(({drag:n})=>{this._dragDropRegistry.isDragging(n)&&n._sortFromLastPointerPosition()})}_cacheItemPositions(){const i="horizontal"===this.orientation;this._itemPositions=this._activeDraggables.map(e=>{const n=e.getVisibleElement();return{drag:e,offset:0,initialTransform:n.style.transform||"",clientRect:j(n)}}).sort((e,n)=>i?e.clientRect.left-n.clientRect.left:e.clientRect.top-n.clientRect.top)}_getItemOffsetPx(i,e,n){const r="horizontal"===this.orientation;let a=r?e.left-i.left:e.top-i.top;return-1===n&&(a+=r?e.width-i.width:e.height-i.height),a}_getSiblingOffsetPx(i,e,n){const r="horizontal"===this.orientation,a=e[i].clientRect,l=e[i+-1*n];let c=a[r?"width":"height"]*n;if(l){const g=r?"left":"top",_=r?"right":"bottom";-1===n?c-=l.clientRect[g]-a[_]:c+=a[g]-l.clientRect[_]}return c}_shouldEnterAsFirstChild(i,e){if(!this._activeDraggables.length)return!1;const n=this._itemPositions,r="horizontal"===this.orientation;if(n[0].drag!==this._activeDraggables[0]){const l=n[n.length-1].clientRect;return r?i>=l.right:e>=l.bottom}{const l=n[0].clientRect;return r?i<=l.left:e<=l.top}}_getItemIndexFromPointerPosition(i,e,n,r){const a="horizontal"===this.orientation,l=this._itemPositions.findIndex(({drag:c,clientRect:g})=>c!==i&&((!r||c!==this._previousSwap.drag||!this._previousSwap.overlaps||(a?r.x:r.y)!==this._previousSwap.delta)&&(a?e>=Math.floor(g.left)&&e<Math.floor(g.right):n>=Math.floor(g.top)&&n<Math.floor(g.bottom))));return-1!==l&&this._sortPredicate(l,i)?l:-1}}class Ge{constructor(i,e,n,r,a){this._dragDropRegistry=e,this._ngZone=r,this._viewportRuler=a,this.disabled=!1,this.sortingDisabled=!1,this.autoScrollDisabled=!1,this.autoScrollStep=2,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.beforeStarted=new b.xQ,this.entered=new b.xQ,this.exited=new b.xQ,this.dropped=new b.xQ,this.sorted=new b.xQ,this.receivingStarted=new b.xQ,this.receivingStopped=new b.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 b.xQ,this._cachedShadowRoot=null,this._startScrollInterval=()=>{this._stopScrolling(),function de(s=0,i=Z.P){return(!(0,F.k)(s)||s<0)&&(s=0),(!i||"function"!=typeof i.schedule)&&(i=Z.P),new z.y(e=>(e.add(i.schedule(le,s,{subscriber:e,counter:0,period:s})),e))}(0,ce.Z).pipe((0,O.R)(this._stopScrollTimers)).subscribe(()=>{const l=this._scrollNode,c=this.autoScrollStep;1===this._verticalScrollDirection?l.scrollBy(0,-c):2===this._verticalScrollDirection&&l.scrollBy(0,c),1===this._horizontalScrollDirection?l.scrollBy(-c,0):2===this._horizontalScrollDirection&&l.scrollBy(c,0)})},this.element=(0,D.fI)(i),this._document=n,this.withScrollableParents([this.element]),e.registerDropContainer(this),this._parentPositions=new te(n),this._sortStrategy=new Ne(this.element,e),this._sortStrategy.withSortPredicate((l,c)=>this.sortPredicate(l,c,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.receivingStarted.complete(),this.receivingStopped.complete(),this._activeSiblings.clear(),this._scrollNode=null,this._parentPositions.clear(),this._dragDropRegistry.removeDropContainer(this)}isDragging(){return this._isDragging}start(){this._draggingStarted(),this._notifyReceivingSiblings()}enter(i,e,n,r){this._draggingStarted(),null==r&&this.sortingDisabled&&(r=this._draggables.indexOf(i)),this._sortStrategy.enter(i,e,n,r),this._cacheParentPositions(),this._notifyReceivingSiblings(),this.entered.next({item:i,container:this,currentIndex:this.getItemIndex(i)})}exit(i){this._reset(),this.exited.next({item:i,container:this})}drop(i,e,n,r,a,l,c,g={}){this._reset(),this.dropped.next({item:i,currentIndex:e,previousIndex:n,container:this,previousContainer:r,isPointerOverContainer:a,distance:l,dropPoint:c,event:g})}withItems(i){const e=this._draggables;return this._draggables=i,i.forEach(n=>n._withDropContainer(this)),this.isDragging()&&(e.filter(r=>r.isDragging()).every(r=>-1===i.indexOf(r))?this._reset():this._sortStrategy.withItems(this._draggables)),this}withDirection(i){return this._sortStrategy.direction=i,this}connectedTo(i){return this._siblings=i.slice(),this}withOrientation(i){return this._sortStrategy.orientation=i,this}withScrollableParents(i){const e=(0,D.fI)(this.element);return this._scrollableElements=-1===i.indexOf(e)?[e,...i]:i.slice(),this}getScrollableParents(){return this._scrollableElements}getItemIndex(i){return this._isDragging?this._sortStrategy.getItemIndex(i):this._draggables.indexOf(i)}isReceiving(){return this._activeSiblings.size>0}_sortItem(i,e,n,r){if(this.sortingDisabled||!this._clientRect||!ee(this._clientRect,.05,e,n))return;const a=this._sortStrategy.sort(i,e,n,r);a&&this.sorted.next({previousIndex:a.previousIndex,currentIndex:a.currentIndex,container:this,item:i})}_startScrollingIfNecessary(i,e){if(this.autoScrollDisabled)return;let n,r=0,a=0;if(this._parentPositions.positions.forEach((l,c)=>{c===this._document||!l.clientRect||n||ee(l.clientRect,.05,i,e)&&([r,a]=function Ve(s,i,e,n){const r=Ce(i,n),a=Pe(i,e);let l=0,c=0;if(r){const g=s.scrollTop;1===r?g>0&&(l=1):s.scrollHeight-g>s.clientHeight&&(l=2)}if(a){const g=s.scrollLeft;1===a?g>0&&(c=1):s.scrollWidth-g>s.clientWidth&&(c=2)}return[l,c]}(c,l.clientRect,i,e),(r||a)&&(n=c))}),!r&&!a){const{width:l,height:c}=this._viewportRuler.getViewportSize(),g={width:l,height:c,top:0,right:l,bottom:c,left:0};r=Ce(g,e),a=Pe(g,i),n=window}n&&(r!==this._verticalScrollDirection||a!==this._horizontalScrollDirection||n!==this._scrollNode)&&(this._verticalScrollDirection=r,this._horizontalScrollDirection=a,this._scrollNode=n,(r||a)&&n?this._ngZone.runOutsideAngular(this._startScrollInterval):this._stopScrolling())}_stopScrolling(){this._stopScrollTimers.next()}_draggingStarted(){const i=(0,D.fI)(this.element).style;this.beforeStarted.next(),this._isDragging=!0,this._initialScrollSnap=i.msScrollSnapType||i.scrollSnapType||"",i.scrollSnapType=i.msScrollSnapType="none",this._sortStrategy.start(this._draggables),this._cacheParentPositions(),this._viewportScrollSubscription.unsubscribe(),this._listenToScrollEvents()}_cacheParentPositions(){const i=(0,D.fI)(this.element);this._parentPositions.cache(this._scrollableElements),this._clientRect=this._parentPositions.positions.get(i).clientRect}_reset(){this._isDragging=!1;const i=(0,D.fI)(this.element).style;i.scrollSnapType=i.msScrollSnapType=this._initialScrollSnap,this._siblings.forEach(e=>e._stopReceiving(this)),this._sortStrategy.reset(),this._stopScrolling(),this._viewportScrollSubscription.unsubscribe(),this._parentPositions.clear()}_isOverContainer(i,e){return null!=this._clientRect&&B(this._clientRect,i,e)}_getSiblingContainerFromPosition(i,e,n){return this._siblings.find(r=>r._canReceive(i,e,n))}_canReceive(i,e,n){if(!this._clientRect||!B(this._clientRect,e,n)||!this.enterPredicate(i,this))return!1;const r=this._getShadowRoot().elementFromPoint(e,n);if(!r)return!1;const a=(0,D.fI)(this.element);return r===a||a.contains(r)}_startReceiving(i,e){const n=this._activeSiblings;!n.has(i)&&e.every(r=>this.enterPredicate(r,this)||this._draggables.indexOf(r)>-1)&&(n.add(i),this._cacheParentPositions(),this._listenToScrollEvents(),this.receivingStarted.next({initiator:i,receiver:this,items:e}))}_stopReceiving(i){this._activeSiblings.delete(i),this._viewportScrollSubscription.unsubscribe(),this.receivingStopped.next({initiator:i,receiver:this})}_listenToScrollEvents(){this._viewportScrollSubscription=this._dragDropRegistry.scrolled(this._getShadowRoot()).subscribe(i=>{if(this.isDragging()){const e=this._parentPositions.handleScroll(i);e&&this._sortStrategy.updateOnScroll(e.top,e.left)}else this.isReceiving()&&this._cacheParentPositions()})}_getShadowRoot(){if(!this._cachedShadowRoot){const i=(0,y.kV)((0,D.fI)(this.element));this._cachedShadowRoot=i||this._document}return this._cachedShadowRoot}_notifyReceivingSiblings(){const i=this._sortStrategy.getActiveItemsSnapshot().filter(e=>e.isDragging());this._siblings.forEach(e=>e._startReceiving(this,i))}}function Ce(s,i){const{top:e,bottom:n,height:r}=s,a=.05*r;return i>=e-a&&i<=e+a?1:i>=n-a&&i<=n+a?2:0}function Pe(s,i){const{left:e,right:n,width:r}=s,a=.05*r;return i>=e-a&&i<=e+a?1:i>=n-a&&i<=n+a?2:0}const ae=(0,y.i$)({passive:!1,capture:!0});let je=(()=>{class s{constructor(e,n){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 b.xQ,this.pointerUp=new b.xQ,this.scroll=new b.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=n}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,ae)})}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,ae)}startDragging(e,n){if(!(this._activeDragInstances.indexOf(e)>-1)&&(this._activeDragInstances.push(e),1===this._activeDragInstances.length)){const r=n.type.startsWith("touch");this._globalListeners.set(r?"touchend":"mouseup",{handler:a=>this.pointerUp.next(a),options:!0}).set("scroll",{handler:a=>this.scroll.next(a),options:!0}).set("selectstart",{handler:this._preventDefaultWhileDragging,options:ae}),r||this._globalListeners.set("mousemove",{handler:a=>this.pointerMove.next(a),options:ae}),this._ngZone.runOutsideAngular(()=>{this._globalListeners.forEach((a,l)=>{this._document.addEventListener(l,a.handler,a.options)})})}}stopDragging(e){const n=this._activeDragInstances.indexOf(e);n>-1&&(this._activeDragInstances.splice(n,1),0===this._activeDragInstances.length&&this._clearGlobalListeners())}isDragging(e){return this._activeDragInstances.indexOf(e)>-1}scrolled(e){const n=[this.scroll];return e&&e!==this._document&&n.push(new z.y(r=>this._ngZone.runOutsideAngular(()=>{const l=c=>{this._activeDragInstances.length&&r.next(c)};return e.addEventListener("scroll",l,!0),()=>{e.removeEventListener("scroll",l,!0)}}))),(0,H.T)(...n)}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,n)=>{this._document.removeEventListener(n,e.handler,e.options)}),this._globalListeners.clear()}}return s.\u0275fac=function(e){return new(e||s)(t.LFG(t.R0b),t.LFG(u.K0))},s.\u0275prov=t.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})();const Be={dragStartThreshold:5,pointerDirectionChangeThreshold:5};let we=(()=>{class s{constructor(e,n,r,a){this._document=e,this._ngZone=n,this._viewportRuler=r,this._dragDropRegistry=a}createDrag(e,n=Be){return new d(e,n,this._document,this._ngZone,this._viewportRuler,this._dragDropRegistry)}createDropList(e){return new Ge(e,this._dragDropRegistry,this._document,this._ngZone,this._viewportRuler)}}return s.\u0275fac=function(e){return new(e||s)(t.LFG(u.K0),t.LFG(t.R0b),t.LFG(C.rL),t.LFG(je))},s.\u0275prov=t.Yz7({token:s,factory:s.\u0275fac,providedIn:"root"}),s})();const me=new t.OlP("CDK_DRAG_PARENT"),fe=new t.OlP("CdkDragHandle");let ye=(()=>{class s{get disabled(){return this._disabled}set disabled(e){this._disabled=(0,D.Ig)(e),this._stateChanges.next(this)}constructor(e,n){this.element=e,this._stateChanges=new b.xQ,this._disabled=!1,this._parentDrag=n}ngOnDestroy(){this._stateChanges.complete()}}return s.\u0275fac=function(e){return new(e||s)(t.Y36(t.SBq),t.Y36(me,12))},s.\u0275dir=t.lG2({type:s,selectors:[["","cdkDragHandle",""]],hostAttrs:[1,"cdk-drag-handle"],inputs:{disabled:["cdkDragHandleDisabled","disabled"]},standalone:!0,features:[t._Bn([{provide:fe,useExisting:s}])]}),s})();const Ee=new t.OlP("CdkDragPlaceholder");let Se=(()=>{class s{constructor(e){this.templateRef=e}}return s.\u0275fac=function(e){return new(e||s)(t.Y36(t.Rgc))},s.\u0275dir=t.lG2({type:s,selectors:[["ng-template","cdkDragPlaceholder",""]],inputs:{data:"data"},standalone:!0,features:[t._Bn([{provide:Ee,useExisting:s}])]}),s})();const Te=new t.OlP("CdkDragPreview");let Ie=(()=>{class s{get matchSize(){return this._matchSize}set matchSize(e){this._matchSize=(0,D.Ig)(e)}constructor(e){this.templateRef=e,this._matchSize=!1}}return s.\u0275fac=function(e){return new(e||s)(t.Y36(t.Rgc))},s.\u0275dir=t.lG2({type:s,selectors:[["ng-template","cdkDragPreview",""]],inputs:{data:"data",matchSize:"matchSize"},standalone:!0,features:[t._Bn([{provide:Te,useExisting:s}])]}),s})();const Re=new t.OlP("CDK_DRAG_CONFIG"),Oe=new t.OlP("CdkDropList");let Le=(()=>{class s{get disabled(){return this._disabled||this.dropContainer&&this.dropContainer.disabled}set disabled(e){this._disabled=(0,D.Ig)(e),this._dragRef.disabled=this._disabled}constructor(e,n,r,a,l,c,g,_,f,k,P){this.element=e,this.dropContainer=n,this._ngZone=a,this._viewContainerRef=l,this._dir=g,this._changeDetectorRef=f,this._selfHandle=k,this._parentDrag=P,this._destroyed=new b.xQ,this.started=new t.vpe,this.released=new t.vpe,this.ended=new t.vpe,this.entered=new t.vpe,this.exited=new t.vpe,this.dropped=new t.vpe,this.moved=new z.y(I=>{const R=this._dragRef.moved.pipe((0,pe.U)(A=>({source:this,pointerPosition:A.pointerPosition,event:A.event,delta:A.delta,distance:A.distance}))).subscribe(I);return()=>{R.unsubscribe()}}),this._dragRef=_.createDrag(e,{dragStartThreshold:c&&null!=c.dragStartThreshold?c.dragStartThreshold:5,pointerDirectionChangeThreshold:c&&null!=c.pointerDirectionChangeThreshold?c.pointerDirectionChangeThreshold:5,zIndex:c?.zIndex}),this._dragRef.data=this,s._dragInstances.push(this),c&&this._assignDefaults(c),n&&(this._dragRef._withDropContainer(n._dropListRef),n.addItem(this)),this._syncInputs(this._dragRef),this._handleEvents(this._dragRef)}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,Y.q)(1),(0,O.R)(this._destroyed)).subscribe(()=>{this._updateRootElement(),this._setupHandlesListener(),this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)})})}ngOnChanges(e){const n=e.rootElementSelector,r=e.freeDragPosition;n&&!n.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 n=e;this.rootElementSelector&&(n=void 0!==e.closest?e.closest(this.rootElementSelector):e.parentElement?.closest(this.rootElementSelector)),this._dragRef.withRootElement(n||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 n=this._dir,r=this.dragStartDelay,a=this._placeholderTemplate?{template:this._placeholderTemplate.templateRef,context:this._placeholderTemplate.data,viewContainer:this._viewContainerRef}:null,l=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(a).withPreviewTemplate(l).withPreviewContainer(this.previewContainer||"global"),n&&e.withDirection(n.value)}}),e.beforeStarted.pipe((0,Y.q)(1)).subscribe(()=>{if(this._parentDrag)return void e.withParent(this._parentDrag._dragRef);let n=this.element.nativeElement.parentElement;for(;n;){if(n.classList.contains("cdk-drag")){e.withParent(s._dragInstances.find(r=>r.element.nativeElement===n)?._dragRef||null);break}n=n.parentElement}})}_handleEvents(e){e.started.subscribe(n=>{this.started.emit({source:this,event:n.event}),this._changeDetectorRef.markForCheck()}),e.released.subscribe(n=>{this.released.emit({source:this,event:n.event})}),e.ended.subscribe(n=>{this.ended.emit({source:this,distance:n.distance,dropPoint:n.dropPoint,event:n.event}),this._changeDetectorRef.markForCheck()}),e.entered.subscribe(n=>{this.entered.emit({container:n.container.data,item:this,currentIndex:n.currentIndex})}),e.exited.subscribe(n=>{this.exited.emit({container:n.container.data,item:this})}),e.dropped.subscribe(n=>{this.dropped.emit({previousIndex:n.previousIndex,currentIndex:n.currentIndex,previousContainer:n.previousContainer.data,container:n.container.data,isPointerOverContainer:n.isPointerOverContainer,item:this,distance:n.distance,dropPoint:n.dropPoint,event:n.event})})}_assignDefaults(e){const{lockAxis:n,dragStartDelay:r,constrainPosition:a,previewClass:l,boundaryElement:c,draggingDisabled:g,rootElementSelector:_,previewContainer:f}=e;this.disabled=g??!1,this.dragStartDelay=r||0,n&&(this.lockAxis=n),a&&(this.constrainPosition=a),l&&(this.previewClass=l),c&&(this.boundaryElement=c),_&&(this.rootElementSelector=_),f&&(this.previewContainer=f)}_setupHandlesListener(){this._handles.changes.pipe((0,N.O)(this._handles),(0,he.b)(e=>{const n=e.filter(r=>r._parentDrag===this).map(r=>r.element);this._selfHandle&&this.rootElementSelector&&n.push(this.element),this._dragRef.withHandles(n)}),(0,W.w)(e=>(0,H.T)(...e.map(n=>n._stateChanges.pipe((0,N.O)(n))))),(0,O.R)(this._destroyed)).subscribe(e=>{const n=this._dragRef,r=e.element.nativeElement;e.disabled?n.disableHandle(r):n.enableHandle(r)})}}return s._dragInstances=[],s.\u0275fac=function(e){return new(e||s)(t.Y36(t.SBq),t.Y36(Oe,12),t.Y36(u.K0),t.Y36(t.R0b),t.Y36(t.s_b),t.Y36(Re,8),t.Y36($.Is,8),t.Y36(we),t.Y36(t.sBO),t.Y36(fe,10),t.Y36(me,12))},s.\u0275dir=t.lG2({type:s,selectors:[["","cdkDrag",""]],contentQueries:function(e,n,r){if(1&e&&(t.Suo(r,Te,5),t.Suo(r,Ee,5),t.Suo(r,fe,5)),2&e){let a;t.iGM(a=t.CRH())&&(n._previewTemplate=a.first),t.iGM(a=t.CRH())&&(n._placeholderTemplate=a.first),t.iGM(a=t.CRH())&&(n._handles=a)}},hostAttrs:[1,"cdk-drag"],hostVars:4,hostBindings:function(e,n){2&e&&t.ekj("cdk-drag-disabled",n.disabled)("cdk-drag-dragging",n._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"],standalone:!0,features:[t._Bn([{provide:me,useExisting:s}]),t.TTD]}),s})();const xe=new t.OlP("CdkDropListGroup");let Me=(()=>{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=t.lG2({type:s,selectors:[["","cdkDropListGroup",""]],inputs:{disabled:["cdkDropListGroupDisabled","disabled"]},exportAs:["cdkDropListGroup"],standalone:!0,features:[t._Bn([{provide:xe,useExisting:s}])]}),s})(),Qe=0,Ae=(()=>{class s{get disabled(){return this._disabled||!!this._group&&this._group.disabled}set disabled(e){this._dropListRef.disabled=this._disabled=(0,D.Ig)(e)}constructor(e,n,r,a,l,c,g){this.element=e,this._changeDetectorRef=r,this._scrollDispatcher=a,this._dir=l,this._group=c,this._destroyed=new b.xQ,this.connectedTo=[],this.id="cdk-drop-list-"+Qe++,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.dropped=new t.vpe,this.entered=new t.vpe,this.exited=new t.vpe,this.sorted=new t.vpe,this._unsortedItems=new Set,this._dropListRef=n.createDropList(e),this._dropListRef.data=this,g&&this._assignDefaults(g),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),c&&c._items.add(this)}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,n)=>e._dragRef.getVisibleElement().compareDocumentPosition(n._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,N.O)(this._dir.value),(0,O.R)(this._destroyed)).subscribe(n=>e.withDirection(n)),e.beforeStarted.subscribe(()=>{const n=(0,D.Eq)(this.connectedTo).map(r=>"string"==typeof r?s._dropLists.find(l=>l.id===r):r);if(this._group&&this._group._items.forEach(r=>{-1===n.indexOf(r)&&n.push(r)}),!this._scrollableParentsResolved){const r=this._scrollDispatcher.getAncestorScrollContainers(this.element).map(a=>a.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(n.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(n=>{this.entered.emit({container:this,item:n.item.data,currentIndex:n.currentIndex})}),e.exited.subscribe(n=>{this.exited.emit({container:this,item:n.item.data}),this._changeDetectorRef.markForCheck()}),e.sorted.subscribe(n=>{this.sorted.emit({previousIndex:n.previousIndex,currentIndex:n.currentIndex,container:this,item:n.item.data})}),e.dropped.subscribe(n=>{this.dropped.emit({previousIndex:n.previousIndex,currentIndex:n.currentIndex,previousContainer:n.previousContainer.data,container:n.container.data,item:n.item.data,isPointerOverContainer:n.isPointerOverContainer,distance:n.distance,dropPoint:n.dropPoint,event:n.event}),this._changeDetectorRef.markForCheck()}),(0,H.T)(e.receivingStarted,e.receivingStopped).subscribe(()=>this._changeDetectorRef.markForCheck())}_assignDefaults(e){const{lockAxis:n,draggingDisabled:r,sortingDisabled:a,listAutoScrollDisabled:l,listOrientation:c}=e;this.disabled=r??!1,this.sortingDisabled=a??!1,this.autoScrollDisabled=l??!1,this.orientation=c||"vertical",n&&(this.lockAxis=n)}_syncItemsWithRef(){this._dropListRef.withItems(this.getSortedItems().map(e=>e._dragRef))}}return s._dropLists=[],s.\u0275fac=function(e){return new(e||s)(t.Y36(t.SBq),t.Y36(we),t.Y36(t.sBO),t.Y36(C.mF),t.Y36($.Is,8),t.Y36(xe,12),t.Y36(Re,8))},s.\u0275dir=t.lG2({type:s,selectors:[["","cdkDropList",""],["cdk-drop-list"]],hostAttrs:[1,"cdk-drop-list"],hostVars:7,hostBindings:function(e,n){2&e&&(t.uIk("id",n.id),t.ekj("cdk-drop-list-disabled",n.disabled)("cdk-drop-list-dragging",n._dropListRef.isDragging())("cdk-drop-list-receiving",n._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"],standalone:!0,features:[t._Bn([{provide:xe,useValue:void 0},{provide:Oe,useExisting:s}])]}),s})()},1279:(Fe,q,x)=>{x.r(q),x.d(q,{CdkDragDropAxisLockExample:()=>X,CdkDragDropBoundaryExample:()=>ge,CdkDragDropConnectedSortingExample:()=>j,CdkDragDropConnectedSortingGroupExample:()=>V,CdkDragDropCustomPlaceholderExample:()=>B,CdkDragDropCustomPreviewExample:()=>T,CdkDragDropDelayExample:()=>ee,CdkDragDropDisabledExample:()=>ie,CdkDragDropDisabledSortingExample:()=>te,CdkDragDropEnterPredicateExample:()=>ne,CdkDragDropFreeDragPositionExample:()=>ue,CdkDragDropHandleExample:()=>re,CdkDragDropHorizontalSortingExample:()=>oe,CdkDragDropOverviewExample:()=>se,CdkDragDropRootElementExample:()=>M,CdkDragDropSortPredicateExample:()=>U,CdkDragDropSortingExample:()=>_e});var t=x(5879),u=x(7845),C=x(6814),y=x(748),D=x(8484);function J(d,p){if(1&d&&(t.TgZ(0,"div",4),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function b(d,p){if(1&d&&(t.TgZ(0,"div",4),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function S(d,p){if(1&d&&(t.TgZ(0,"div",5),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function z(d,p){if(1&d&&(t.TgZ(0,"div",5),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}const Z=function(d){return[d]},F=".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 de(d,p){1&d&&t._UZ(0,"div",4)}function le(d,p){if(1&d&&(t.TgZ(0,"div",2),t.YNc(1,de,1,0,"div",3),t._uU(2),t.qZA()),2&d){const o=p.$implicit;t.xp6(2),t.hij(" ",o," ")}}function ce(d,p){if(1&d&&t._UZ(0,"img",4),2&d){const o=t.oxw().$implicit;t.Q6J("src",o.poster,t.LSH)("alt",o.title)}}function H(d,p){if(1&d&&(t.TgZ(0,"div",2),t._uU(1),t.YNc(2,ce,1,2,"img",3),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.hij(" ",o.title," ")}}function O(d,p){if(1&d&&(t.TgZ(0,"div",5),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function pe(d,p){if(1&d&&(t.TgZ(0,"div",5),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function Y(d,p){if(1&d&&(t.TgZ(0,"div",2),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.Q6J("cdkDragDisabled",o.disabled),t.xp6(1),t.Oqu(o.value)}}function N(d,p){if(1&d&&(t.TgZ(0,"div",4),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.Q6J("cdkDragData",o),t.xp6(1),t.Oqu(o)}}function he(d,p){if(1&d&&(t.TgZ(0,"div",4),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.Q6J("cdkDragData",o),t.xp6(1),t.Oqu(o)}}const W=".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 $(d,p){if(1&d&&(t.TgZ(0,"div",2),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function G(d,p){1&d&&(t.TgZ(0,"div",1),t._uU(1," Drag the dialog around! "),t.qZA())}function E(d,p){if(1&d&&(t.TgZ(0,"div",2),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.xp6(1),t.Oqu(o)}}function L(d,p){if(1&d&&(t.TgZ(0,"div",2),t._uU(1),t.qZA()),2&d){const o=p.$implicit;t.Q6J("cdkDragData",o),t.xp6(1),t.Oqu(o)}}let X=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-axis-lock-example"]],standalone:!0,features:[t.jDz],decls:4,vars:0,consts:[["cdkDragLockAxis","y","cdkDrag","",1,"example-box"],["cdkDragLockAxis","x","cdkDrag","",1,"example-box"]],template:function(o,h){1&o&&(t.TgZ(0,"div",0),t._uU(1," I can only be dragged up/down\n"),t.qZA(),t.TgZ(2,"div",1),t._uU(3," I can only be dragged left/right\n"),t.qZA())},dependencies:[u.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}"]}),d})(),ge=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-boundary-example"]],standalone:!0,features:[t.jDz],decls:3,vars:0,consts:[[1,"example-boundary"],["cdkDragBoundary",".example-boundary","cdkDrag","",1,"example-box"]],template:function(o,h){1&o&&(t.TgZ(0,"div",0)(1,"div",1),t._uU(2," I can only be dragged within the dotted container "),t.qZA()())},dependencies:[u.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}"]}),d})(),V=(()=>{class d{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,u.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,u.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-connected-sorting-group-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0)(1,"div",1)(2,"h2"),t._uU(3,"To do"),t.qZA(),t.TgZ(4,"div",2),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(5,J,2,1,"div",3),t.qZA()(),t.TgZ(6,"div",1)(7,"h2"),t._uU(8,"Done"),t.qZA(),t.TgZ(9,"div",2),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(10,b,2,1,"div",3),t.qZA()()()),2&o&&(t.xp6(4),t.Q6J("cdkDropListData",h.todo),t.xp6(1),t.Q6J("ngForOf",h.todo),t.xp6(4),t.Q6J("cdkDropListData",h.done),t.xp6(1),t.Q6J("ngForOf",h.done))},dependencies:[u.Fd,u.Wj,C.ax,u.Zt],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}"]}),d})(),j=(()=>{class d{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,u.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,u.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-connected-sorting-example"]],standalone:!0,features:[t.jDz],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,h){if(1&o&&(t.TgZ(0,"div",0)(1,"h2"),t._uU(2,"To do"),t.qZA(),t.TgZ(3,"div",1,2),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(5,S,2,1,"div",3),t.qZA()(),t.TgZ(6,"div",0)(7,"h2"),t._uU(8,"Done"),t.qZA(),t.TgZ(9,"div",1,4),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(11,z,2,1,"div",3),t.qZA()()),2&o){const v=t.MAs(4),m=t.MAs(10);t.xp6(3),t.Q6J("cdkDropListData",h.todo)("cdkDropListConnectedTo",t.VKq(6,Z,m)),t.xp6(2),t.Q6J("ngForOf",h.todo),t.xp6(4),t.Q6J("cdkDropListData",h.done)("cdkDropListConnectedTo",t.VKq(8,Z,v)),t.xp6(2),t.Q6J("ngForOf",h.done)}},dependencies:[u.Wj,C.ax,u.Zt],styles:[F]}),d})(),B=(()=>{class d{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,u.bA)(this.movies,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-custom-placeholder-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,le,3,1,"div",1),t.qZA()),2&o&&(t.xp6(1),t.Q6J("ngForOf",h.movies))},dependencies:[u.Wj,C.ax,u.Zt,u.Hk],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}"]}),d})(),T=(()=>{class d{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/3f/The_Empire_Strikes_Back_%281980_film%29.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,u.bA)(this.movies,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-custom-preview-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,H,3,1,"div",1),t.qZA()),2&o&&(t.xp6(1),t.Q6J("ngForOf",h.movies))},dependencies:[u.Wj,C.ax,u.Zt,u.pV],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}"]}),d})(),ee=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-delay-example"]],standalone:!0,features:[t.jDz],decls:2,vars:1,consts:[["cdkDrag","",1,"example-box",3,"cdkDragStartDelay"]],template:function(o,h){1&o&&(t.TgZ(0,"div",0),t._uU(1," Dragging starts after one second\n"),t.qZA()),2&o&&t.Q6J("cdkDragStartDelay",1e3)},dependencies:[u.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}"]}),d})(),te=(()=>{class d{constructor(){this.items=["Carrots","Tomatoes","Onions","Apples","Avocados"],this.basket=["Oranges","Bananas","Cucumbers"]}drop(o){o.previousContainer===o.container?(0,u.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,u.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-disabled-sorting-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0)(1,"div",1)(2,"h2"),t._uU(3,"Available items"),t.qZA(),t.TgZ(4,"div",2),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(5,O,2,1,"div",3),t.qZA()(),t.TgZ(6,"div",1)(7,"h2"),t._uU(8,"Shopping basket"),t.qZA(),t.TgZ(9,"div",4),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(10,pe,2,1,"div",3),t.qZA()()()),2&o&&(t.xp6(4),t.Q6J("cdkDropListData",h.items),t.xp6(1),t.Q6J("ngForOf",h.items),t.xp6(4),t.Q6J("cdkDropListData",h.basket),t.xp6(1),t.Q6J("ngForOf",h.basket))},dependencies:[u.Fd,u.Wj,C.ax,u.Zt],styles:[F]}),d})(),ie=(()=>{class d{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,u.bA)(this.items,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-disabled-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,Y,2,2,"div",1),t.qZA()),2&o&&(t.xp6(1),t.Q6J("ngForOf",h.items))},dependencies:[u.Wj,C.ax,u.Zt],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: not-allowed;\n user-select: none;\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}"]}),d})(),ne=(()=>{class d{constructor(){this.all=[1,2,3,4,5,6,7,8,9],this.even=[10]}drop(o){o.previousContainer===o.container?(0,u.bA)(o.container.data,o.previousIndex,o.currentIndex):(0,u.EA)(o.previousContainer.data,o.container.data,o.previousIndex,o.currentIndex)}evenPredicate(o){return o.data%2==0}noReturnPredicate(){return!1}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-enter-predicate-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0)(1,"h2"),t._uU(2,"Available numbers"),t.qZA(),t.TgZ(3,"div",1),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(4,N,2,2,"div",2),t.qZA()(),t.TgZ(5,"div",0)(6,"h2"),t._uU(7,"Even numbers"),t.qZA(),t.TgZ(8,"div",3),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(9,he,2,2,"div",2),t.qZA()()),2&o&&(t.xp6(3),t.Q6J("cdkDropListData",h.all)("cdkDropListEnterPredicate",h.noReturnPredicate),t.xp6(1),t.Q6J("ngForOf",h.all),t.xp6(4),t.Q6J("cdkDropListData",h.even)("cdkDropListEnterPredicate",h.evenPredicate),t.xp6(1),t.Q6J("ngForOf",h.even))},dependencies:[u.Wj,C.ax,u.Zt],styles:[F]}),d})(),ue=(()=>{class d{constructor(){this.dragPosition={x:0,y:0}}changePosition(){this.dragPosition={x:this.dragPosition.x+50,y:this.dragPosition.y+50}}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-free-drag-position-example"]],standalone:!0,features:[t.jDz],decls:5,vars:1,consts:[[3,"click"],["cdkDrag","",1,"example-box",3,"cdkDragFreeDragPosition"]],template:function(o,h){1&o&&(t.TgZ(0,"p")(1,"button",0),t.NdJ("click",function(){return h.changePosition()}),t._uU(2,"Change element position"),t.qZA()(),t.TgZ(3,"div",1),t._uU(4," Drag me around\n"),t.qZA()),2&o&&(t.xp6(3),t.Q6J("cdkDragFreeDragPosition",h.dragPosition))},dependencies:[u.Zt],styles:[W]}),d})(),re=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-handle-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t._uU(1," I can only be dragged using the handle "),t.TgZ(2,"div",1),t.O4$(),t.TgZ(3,"svg",2),t._UZ(4,"path",3)(5,"path",4),t.qZA()()())},dependencies:[u.Zt,u.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}"]}),d})(),oe=(()=>{class d{constructor(){this.timePeriods=["Bronze age","Iron age","Middle ages","Early modern period","Long nineteenth century"]}drop(o){(0,u.bA)(this.timePeriods,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-horizontal-sorting-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,$,2,1,"div",1),t.qZA()),2&o&&(t.xp6(1),t.Q6J("ngForOf",h.timePeriods))},dependencies:[u.Wj,C.ax,u.Zt],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}"]}),d})(),se=(()=>{class d{}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-overview-example"]],standalone:!0,features:[t.jDz],decls:2,vars:0,consts:[["cdkDrag","",1,"example-box"]],template:function(o,h){1&o&&(t.TgZ(0,"div",0),t._uU(1," Drag me around\n"),t.qZA())},dependencies:[u.Zt],styles:[W]}),d})(),M=(()=>{class d{constructor(o,h){this._overlay=o,this._viewContainerRef=h}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 d.\u0275fac=function(o){return new(o||d)(t.Y36(y.aV),t.Y36(t.s_b))},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-root-element-example"]],viewQuery:function(o,h){if(1&o&&t.Gf(t.Rgc,5),2&o){let v;t.iGM(v=t.CRH())&&(h._dialogTemplate=v.first)}},standalone:!0,features:[t.jDz],decls:3,vars:0,consts:[[3,"click"],["cdkDrag","","cdkDragRootElement",".cdk-overlay-pane",1,"example-dialog-content"]],template:function(o,h){1&o&&(t.TgZ(0,"button",0),t.NdJ("click",function(){return h.openDialog()}),t._uU(1,"Open a draggable dialog"),t.qZA(),t.YNc(2,G,2,0,"ng-template"))},dependencies:[u.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}"]}),d})(),_e=(()=>{class d{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,u.bA)(this.movies,o.previousIndex,o.currentIndex)}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-sorting-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,E,2,1,"div",1),t.qZA()),2&o&&(t.xp6(1),t.Q6J("ngForOf",h.movies))},dependencies:[u.Wj,C.ax,u.Zt],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}"]}),d})(),U=(()=>{class d{constructor(){this.numbers=[1,2,3,4,5,6,7,8]}drop(o){(0,u.bA)(this.numbers,o.previousIndex,o.currentIndex)}sortPredicate(o,h){return(o+1)%2==h.data%2}}return d.\u0275fac=function(o){return new(o||d)},d.\u0275cmp=t.Xpm({type:d,selectors:[["cdk-drag-drop-sort-predicate-example"]],standalone:!0,features:[t.jDz],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,h){1&o&&(t.TgZ(0,"div",0),t.NdJ("cdkDropListDropped",function(m){return h.drop(m)}),t.YNc(1,L,2,2,"div",1),t.qZA()),2&o&&(t.Q6J("cdkDropListSortPredicate",h.sortPredicate),t.xp6(1),t.Q6J("ngForOf",h.numbers))},dependencies:[u.Wj,C.ax,u.Zt],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}"]}),d})()}}]);