5274.9d412ff3dc38c293.js

"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[5274],{5667:(Ge,W,x)=>{x.d(W,{T1:()=>ze,Fb:()=>Le,EM:()=>je,r0:()=>Ae,O7:()=>Ne,RK:()=>Be,HD:()=>Ee,eg:()=>$e});var t=x(4438),u=x(177),Z=x(5478),y=x(6860),w=x(4085),J=x(8617),b=x(5286),T=x(4337),A=x(5817),M=x(1080),he=x(9132);function _e(r){const{subscriber:i,counter:e,period:n}=r;i.next(e),this.schedule({subscriber:i,counter:e+1,period:n},n)}var ue=x(5128),j=x(4670),me=x(9928),H=x(7605),fe=x(5006),xe=x(9493),Q=x(5539),De=x(9090),Y=x(3176),q=x(8203);function V(r,i,e){for(let n in i)if(i.hasOwnProperty(n)){const s=i[n];s?r.setProperty(n,s,e?.has(n)?"important":""):r.removeProperty(n)}return r}function R(r,i){const e=i?"":"none";V(r.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 ee(r,i,e){V(r.style,{position:i?"":"fixed",top:i?"":"0",opacity:i?"":"0",left:i?"":"-999em"},e)}function F(r,i){return i&&"none"!=i?r+" "+i:r}function te(r,i){r.style.width=`${i.width}px`,r.style.height=`${i.height}px`,r.style.transform=z(i.left,i.top)}function z(r,i){return`translate3d(${Math.round(r)}px, ${Math.round(i)}px, 0)`}function G(r){const i=r.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 U(r,i,e){const{top:n,bottom:s,left:o,right:c}=r;return e>=n&&e<=s&&i>=o&&i<=c}function I(r,i,e){r.top+=i,r.bottom=r.top+r.height,r.left+=e,r.right=r.left+r.width}function ie(r,i,e,n){const{top:s,right:o,bottom:c,left:l,width:g,height:_}=r,f=g*i,k=_*i;return n>s-k&&n<c+k&&e>l-f&&e<o+f}class ne{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:G(e)})})}handleScroll(i){const e=(0,y.Fb)(i),n=this.positions.get(e);if(!n)return null;const s=n.scrollPosition;let o,c;if(e===this._document){const _=this.getViewportScrollPosition();o=_.top,c=_.left}else o=e.scrollTop,c=e.scrollLeft;const l=s.top-o,g=s.left-c;return this.positions.forEach((_,f)=>{_.clientRect&&e!==f&&e.contains(f)&&I(_.clientRect,l,g)}),s.top=o,s.left=c,{top:l,left:g}}getViewportScrollPosition(){return{top:window.scrollY,left:window.scrollX}}}function se(r){const i=r.cloneNode(!0),e=i.querySelectorAll("[id]"),n=r.nodeName.toLowerCase();i.removeAttribute("id");for(let s=0;s<e.length;s++)e[s].removeAttribute("id");return"canvas"===n?ae(r,i):("input"===n||"select"===n||"textarea"===n)&&oe(r,i),re("canvas",r,i,ae),re("input, textarea, select",r,i,oe),i}function re(r,i,e,n){const s=i.querySelectorAll(r);if(s.length){const o=e.querySelectorAll(r);for(let c=0;c<s.length;c++)n(s[c],o[c])}}let be=0;function oe(r,i){"file"!==i.type&&(i.value=r.value),"radio"===i.type&&i.name&&(i.name=`mat-clone-${i.name}-${be++}`)}function ae(r,i){const e=i.getContext("2d");if(e)try{e.drawImage(r,0,0)}catch{}}function de(r,i){const e=r.rootNodes;if(1===e.length&&e[0].nodeType===i.ELEMENT_NODE)return e[0];const n=i.createElement("div");return e.forEach(s=>n.appendChild(s)),n}function ce(r){const i=r.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(r)*i}function a(r,i){return r.getPropertyValue(i).split(",").map(n=>n.trim())}const m=new Set(["position"]);class d{constructor(i,e,n,s,o,c,l,g,_){this._document=i,this._rootElement=e,this._direction=n,this._initialDomRect=s,this._previewTemplate=o,this._previewClass=c,this._pickupPositionOnPage=l,this._initialTransform=g,this._zIndex=_}attach(i){this._preview=this._createPreview(),i.appendChild(this._preview),"showPopover"in this._preview&&this._preview.showPopover()}destroy(){this._preview.remove(),this._previewEmbeddedView?.destroy(),this._preview=this._previewEmbeddedView=null}setTransform(i){this._preview.style.transform=i}getBoundingClientRect(){return this._preview.getBoundingClientRect()}addClass(i){this._preview.classList.add(i)}getTransitionDuration(){return function ve(r){const i=getComputedStyle(r),e=a(i,"transition-property"),n=e.find(l=>"transform"===l||"all"===l);if(!n)return 0;const s=e.indexOf(n),o=a(i,"transition-duration"),c=a(i,"transition-delay");return ce(o[s])+ce(c[s])}(this._preview)}addEventListener(i,e){this._preview.addEventListener(i,e)}removeEventListener(i,e){this._preview.removeEventListener(i,e)}_createPreview(){const i=this._previewTemplate,e=this._previewClass,n=i?i.template:null;let s;if(n&&i){const o=i.matchSize?this._initialDomRect:null,c=i.viewContainer.createEmbeddedView(n,i.context);c.detectChanges(),s=de(c,this._document),this._previewEmbeddedView=c,i.matchSize?te(s,o):s.style.transform=z(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else s=se(this._rootElement),te(s,this._initialDomRect),this._initialTransform&&(s.style.transform=this._initialTransform);return V(s.style,{"pointer-events":"none",margin:"0",position:"fixed",top:"0",left:"0","z-index":this._zIndex+""},m),R(s,!1),s.classList.add("cdk-drag-preview"),s.setAttribute("popover","manual"),s.setAttribute("dir",this._direction),e&&(Array.isArray(e)?e.forEach(o=>s.classList.add(o)):s.classList.add(e)),s}}const p=(0,y.BQ)({passive:!0}),h=(0,y.BQ)({passive:!1}),v=(0,y.BQ)({passive:!1,capture:!0}),B=new Set(["position"]);class Ue{get disabled(){return this._disabled||!(!this._dropContainer||!this._dropContainer.disabled)}set disabled(i){i!==this._disabled&&(this._disabled=i,this._toggleNativeDragInteractions(),this._handles.forEach(e=>R(e,i)))}constructor(i,e,n,s,o,c){this._config=e,this._document=n,this._ngZone=s,this._viewportRuler=o,this._dragDropRegistry=c,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._hasStartedDragging=!1,this._moveEvents=new b.B7,this._pointerMoveSubscription=T.y.EMPTY,this._pointerUpSubscription=T.y.EMPTY,this._scrollSubscription=T.y.EMPTY,this._resizeSubscription=T.y.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.B7,this.started=new b.B7,this.released=new b.B7,this.ended=new b.B7,this.entered=new b.B7,this.exited=new b.B7,this.dropped=new b.B7,this.moved=this._moveEvents,this._pointerDown=l=>{if(this.beforeStarted.next(),this._handles.length){const g=this._getTargetHandle(l);g&&!this._disabledHandles.has(g)&&!this.disabled&&this._initializeDragSequence(g,l)}else this.disabled||this._initializeDragSequence(this._rootElement,l)},this._pointerMove=l=>{const g=this._getPointerPositionOnPage(l);if(!this._hasStartedDragging){if(Math.abs(g.x-this._pickupPositionOnPage.x)+Math.abs(g.y-this._pickupPositionOnPage.y)>=this._config.dragStartThreshold){const O=Date.now()>=this._dragStartTime+this._getDragStartDelay(l),L=this._dropContainer;if(!O)return void this._endDragSequence(l);(!L||!L.isDragging()&&!L.isReceiving())&&(l.cancelable&&l.preventDefault(),this._hasStartedDragging=!0,this._ngZone.run(()=>this._startDragSequence(l)))}return}l.cancelable&&l.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._initialDomRect: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:l,distance:this._getDragDistance(_),delta:this._pointerDirectionDelta})})},this._pointerUp=l=>{this._endDragSequence(l)},this._nativeDragStart=l=>{if(this._handles.length){const g=this._getTargetHandle(l);g&&!this._disabledHandles.has(g)&&!this.disabled&&l.preventDefault()}else this.disabled||l.preventDefault()},this.withRootElement(i).withParent(e.parentDragRef||null),this._parentPositions=new ne(n),c.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,w.i8)(n)),this._handles.forEach(n=>R(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,w.i8)(i);return e!==this._rootElement&&(this._rootElement&&this._removeRootElementListeners(this._rootElement),this._ngZone.runOutsideAngular(()=>{e.addEventListener("mousedown",this._pointerDown,h),e.addEventListener("touchstart",this._pointerDown,p),e.addEventListener("dragstart",this._nativeDragStart,h)}),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,w.i8)(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._removeListeners(),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),R(i,!0))}enableHandle(i){this._disabledHandles.has(i)&&(this._disabledHandles.delete(i),R(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)}_removeListeners(){this._pointerMoveSubscription.unsubscribe(),this._pointerUpSubscription.unsubscribe(),this._scrollSubscription.unsubscribe(),this._getShadowRoot()?.removeEventListener("selectstart",ye,v)}_destroyPreview(){this._preview?.destroy(),this._preview=null}_destroyPlaceholder(){this._placeholder?.remove(),this._placeholderRef?.destroy(),this._placeholder=this._placeholderRef=null}_endDragSequence(i){if(this._dragDropRegistry.isDragging(this)&&(this._removeListeners(),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){$(i)&&(this._lastTouchEventTime=Date.now()),this._toggleNativeDragInteractions();const e=this._getShadowRoot(),n=this._dropContainer;if(e&&this._ngZone.runOutsideAngular(()=>{e.addEventListener("selectstart",ye,v)}),n){const s=this._rootElement,o=s.parentNode,c=this._placeholder=this._createPlaceholderElement(),l=this._anchor=this._anchor||this._document.createComment("");o.insertBefore(l,s),this._initialTransform=s.style.transform||"",this._preview=new d(this._document,this._rootElement,this._direction,this._initialDomRect,this._previewTemplate||null,this.previewClass||null,this._pickupPositionOnPage,this._initialTransform,this._config.zIndex||1e3),this._preview.attach(this._getPreviewInsertionPoint(o,e)),ee(s,!1,B),this._document.body.appendChild(o.replaceChild(c,s)),this.started.next({source:this,event:i}),n.start(),this._initialContainer=n,this._initialIndex=n.getItemIndex(this)}else this.started.next({source:this,event:i}),this._initialContainer=this._initialIndex=void 0;this._parentPositions.cache(n?n.getScrollableParents():[])}_initializeDragSequence(i,e){this._parentDragRef&&e.stopPropagation();const n=this.isDragging(),s=$(e),o=!s&&0!==e.button,c=this._rootElement,l=(0,y.Fb)(e),g=!s&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now(),_=s?(0,J.w6)(e):(0,J._G)(e);if(l&&l.draggable&&"mousedown"===e.type&&e.preventDefault(),n||o||g||_)return;if(this._handles.length){const C=c.style;this._rootElementTapHighlight=C.webkitTapHighlightColor||"",C.webkitTapHighlightColor="transparent"}this._hasStartedDragging=this._hasMoved=!1,this._removeListeners(),this._initialDomRect=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(C=>this._updateOnScroll(C)),this._boundaryElement&&(this._boundaryRect=G(this._boundaryElement));const f=this._previewTemplate;this._pickupPositionInElement=f&&f.template&&!f.matchSize?{x:0,y:0}:this._getPointerPositionInElement(this._initialDomRect,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){ee(this._rootElement,!0,B),this._anchor.parentNode.replaceChild(this._rootElement,this._anchor),this._destroyPreview(),this._destroyPlaceholder(),this._initialDomRect=this._boundaryRect=this._previewRect=this._initialTransform=void 0,this._ngZone.run(()=>{const e=this._dropContainer,n=e.getItemIndex(this),s=this._getPointerPositionOnPage(i),o=this._getDragDistance(s),c=e._isOverContainer(s.x,s.y);this.ended.next({source:this,distance:o,dropPoint:s,event:i}),this.dropped.next({item:this,currentIndex:n,previousIndex:this._initialIndex,container:e,previousContainer:this._initialContainer,isPointerOverContainer:c,distance:o,dropPoint:s,event:i}),e.drop(this,n,this._initialIndex,this._initialContainer,c,o,s,i),this._dropContainer=this._initialContainer})}_updateActiveDropContainer({x:i,y:e},{x:n,y:s}){let o=this._initialContainer._getSiblingContainerFromPosition(this,i,e);!o&&this._dropContainer!==this._initialContainer&&this._initialContainer._isOverContainer(i,e)&&(o=this._initialContainer),o&&o!==this._dropContainer&&this._ngZone.run(()=>{this.exited.next({item:this,container:this._dropContainer}),this._dropContainer.exit(this),this._dropContainer=o,this._dropContainer.enter(this,i,e,o===this._initialContainer&&o.sortingDisabled?this._initialIndex:void 0),this.entered.next({item:this,container:o,currentIndex:o.getItemIndex(this)})}),this.isDragging()&&(this._dropContainer._startScrollingIfNecessary(n,s),this._dropContainer._sortItem(this,i,e,this._pointerDirectionDelta),this.constrainPosition?this._applyPreviewTransform(i,e):this._applyPreviewTransform(i-this._pickupPositionInElement.x,e-this._pickupPositionInElement.y))}_animatePreviewToPlaceholder(){if(!this._hasMoved)return Promise.resolve();const i=this._placeholder.getBoundingClientRect();this._preview.addClass("cdk-drag-animating"),this._applyPreviewTransform(i.left,i.top);const e=this._preview.getTransitionDuration();return 0===e?Promise.resolve():this._ngZone.runOutsideAngular(()=>new Promise(n=>{const s=c=>{(!c||(0,y.Fb)(c)===this._preview&&"transform"===c.propertyName)&&(this._preview?.removeEventListener("transitionend",s),n(),clearTimeout(o))},o=setTimeout(s,1.5*e);this._preview.addEventListener("transitionend",s)}))}_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=de(this._placeholderRef,this._document)):n=se(this._rootElement),n.style.pointerEvents="none",n.classList.add("cdk-drag-placeholder"),n}_getPointerPositionInElement(i,e,n){const s=e===this._rootElement?null:e,o=s?s.getBoundingClientRect():i,c=$(n)?n.targetTouches[0]:n,l=this._getViewportScrollPosition();return{x:o.left-i.left+(c.pageX-o.left-l.left),y:o.top-i.top+(c.pageY-o.top-l.top)}}_getPointerPositionOnPage(i){const e=this._getViewportScrollPosition(),n=$(i)?i.touches[0]||i.changedTouches[0]||{pageX:0,pageY:0}:i,s=n.pageX-e.left,o=n.pageY-e.top;if(this._ownerSVGElement){const c=this._ownerSVGElement.getScreenCTM();if(c){const l=this._ownerSVGElement.createSVGPoint();return l.x=s,l.y=o,l.matrixTransform(c.inverse())}}return{x:s,y:o}}_getConstrainedPointerPosition(i){const e=this._dropContainer?this._dropContainer.lockAxis:null;let{x:n,y:s}=this.constrainPosition?this.constrainPosition(i,this,this._initialDomRect,this._pickupPositionInElement):i;if("x"===this.lockAxis||"x"===e?s=this._pickupPositionOnPage.y-(this.constrainPosition?this._pickupPositionInElement.y:0):("y"===this.lockAxis||"y"===e)&&(n=this._pickupPositionOnPage.x-(this.constrainPosition?this._pickupPositionInElement.x:0)),this._boundaryRect){const{x:o,y:c}=this.constrainPosition?{x:0,y:0}:this._pickupPositionInElement,l=this._boundaryRect,{width:g,height:_}=this._getPreviewRect(),f=l.top+c,k=l.bottom-(_-c);n=Pe(n,l.left+o,l.right-(g-o)),s=Pe(s,f,k)}return{x:n,y:s}}_updatePointerDirectionDelta(i){const{x:e,y:n}=i,s=this._pointerDirectionDelta,o=this._pointerPositionAtLastDirectionChange,c=Math.abs(e-o.x),l=Math.abs(n-o.y);return c>this._config.pointerDirectionChangeThreshold&&(s.x=e>o.x?1:-1,o.x=e),l>this._config.pointerDirectionChangeThreshold&&(s.y=n>o.y?1:-1,o.y=n),s}_toggleNativeDragInteractions(){if(!this._rootElement||!this._handles)return;const i=this._handles.length>0||!this.isDragging();i!==this._nativeInteractionsEnabled&&(this._nativeInteractionsEnabled=i,R(this._rootElement,i))}_removeRootElementListeners(i){i.removeEventListener("mousedown",this._pointerDown,h),i.removeEventListener("touchstart",this._pointerDown,p),i.removeEventListener("dragstart",this._nativeDragStart,h)}_applyRootElementTransform(i,e){const n=z(i,e),s=this._rootElement.style;null==this._initialTransform&&(this._initialTransform=s.transform&&"none"!=s.transform?s.transform:""),s.transform=F(n,this._initialTransform)}_applyPreviewTransform(i,e){const n=this._previewTemplate?.template?void 0:this._initialTransform,s=z(i,e);this._preview.setTransform(F(s,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(),s=this._boundaryElement.getBoundingClientRect();if(0===s.width&&0===s.height||0===n.width&&0===n.height)return;const o=s.left-n.left,c=n.right-s.right,l=s.top-n.top,g=n.bottom-s.bottom;s.width>n.width?(o>0&&(i+=o),c>0&&(i-=c)):i=0,s.height>n.height?(l>0&&(e+=l),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:$(i)?e.touch:e?e.mouse:0}_updateOnScroll(i){const e=this._parentPositions.handleScroll(i);if(e){const n=(0,y.Fb)(i);this._boundaryRect&&n!==this._boundaryElement&&n.contains(this._boundaryElement)&&I(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.KT)(this._rootElement)),this._cachedShadowRoot}_getPreviewInsertionPoint(i,e){const n=this._previewContainer||"global";if("parent"===n)return i;if("global"===n){const s=this._document;return e||s.fullscreenElement||s.webkitFullscreenElement||s.mozFullScreenElement||s.msFullscreenElement||s.body}return(0,w.i8)(n)}_getPreviewRect(){return(!this._previewRect||!this._previewRect.width&&!this._previewRect.height)&&(this._previewRect=this._preview?this._preview.getBoundingClientRect():this._initialDomRect),this._previewRect}_getTargetHandle(i){return this._handles.find(e=>i.target&&(i.target===e||e.contains(i.target)))}}function Pe(r,i,e){return Math.max(i,Math.min(e,r))}function $(r){return"t"===r.type[0]}function ye(r){r.preventDefault()}function Ee(r,i,e){const n=X(i,r.length-1),s=X(e,r.length-1);if(n===s)return;const o=r[n],c=s<n?-1:1;for(let l=n;l!==s;l+=c)r[l]=r[l+c];r[s]=o}function $e(r,i,e,n){const s=X(e,r.length-1),o=X(n,i.length);r.length&&i.splice(o,0,r.splice(s,1)[0])}function X(r,i){return Math.max(0,Math.min(i,r))}class Xe{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,s){const o=this._itemPositions,c=this._getItemIndexFromPointerPosition(i,e,n,s);if(-1===c&&o.length>0)return null;const l="horizontal"===this.orientation,g=o.findIndex(S=>S.drag===i),_=o[c],k=_.clientRect,C=g>c?1:-1,O=this._getItemOffsetPx(o[g].clientRect,k,C),L=this._getSiblingOffsetPx(g,o,C),N=o.slice();return Ee(o,g,c),o.forEach((S,it)=>{if(N[it]===S)return;const He=S.drag===i,we=He?O:L,Ve=He?i.getPlaceholderElement():S.drag.getRootElement();S.offset+=we,l?(Ve.style.transform=F(`translate3d(${Math.round(S.offset)}px, 0, 0)`,S.initialTransform),I(S.clientRect,0,we)):(Ve.style.transform=F(`translate3d(0, ${Math.round(S.offset)}px, 0)`,S.initialTransform),I(S.clientRect,we,0))}),this._previousSwap.overlaps=U(k,e,n),this._previousSwap.drag=_.drag,this._previousSwap.delta=l?s.x:s.y,{previousIndex:g,currentIndex:c}}enter(i,e,n,s){const o=null==s||s<0?this._getItemIndexFromPointerPosition(i,e,n):s,c=this._activeDraggables,l=c.indexOf(i),g=i.getPlaceholderElement();let _=c[o];if(_===i&&(_=c[o+1]),!_&&(null==o||-1===o||o<c.length-1)&&this._shouldEnterAsFirstChild(e,n)&&(_=c[0]),l>-1&&c.splice(l,1),_&&!this._dragDropRegistry.isDragging(_)){const f=_.getRootElement();f.parentElement.insertBefore(g,f),c.splice(o,0,i)}else(0,w.i8)(this._element).appendChild(g),c.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(s=>s.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})=>{I(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:G(n)}}).sort((e,n)=>i?e.clientRect.left-n.clientRect.left:e.clientRect.top-n.clientRect.top)}_getItemOffsetPx(i,e,n){const s="horizontal"===this.orientation;let o=s?e.left-i.left:e.top-i.top;return-1===n&&(o+=s?e.width-i.width:e.height-i.height),o}_getSiblingOffsetPx(i,e,n){const s="horizontal"===this.orientation,o=e[i].clientRect,c=e[i+-1*n];let l=o[s?"width":"height"]*n;if(c){const g=s?"left":"top",_=s?"right":"bottom";-1===n?l-=c.clientRect[g]-o[_]:l+=o[g]-c.clientRect[_]}return l}_shouldEnterAsFirstChild(i,e){if(!this._activeDraggables.length)return!1;const n=this._itemPositions,s="horizontal"===this.orientation;if(n[0].drag!==this._activeDraggables[0]){const c=n[n.length-1].clientRect;return s?i>=c.right:e>=c.bottom}{const c=n[0].clientRect;return s?i<=c.left:e<=c.top}}_getItemIndexFromPointerPosition(i,e,n,s){const o="horizontal"===this.orientation,c=this._itemPositions.findIndex(({drag:l,clientRect:g})=>l!==i&&((!s||l!==this._previousSwap.drag||!this._previousSwap.overlaps||(o?s.x:s.y)!==this._previousSwap.delta)&&(o?e>=Math.floor(g.left)&&e<Math.floor(g.right):n>=Math.floor(g.top)&&n<Math.floor(g.bottom))));return-1!==c&&this._sortPredicate(c,i)?c:-1}}var E=function(r){return r[r.NONE=0]="NONE",r[r.UP=1]="UP",r[r.DOWN=2]="DOWN",r}(E||{}),P=function(r){return r[r.NONE=0]="NONE",r[r.LEFT=1]="LEFT",r[r.RIGHT=2]="RIGHT",r}(P||{});class Ke{constructor(i,e,n,s,o){this._dragDropRegistry=e,this._ngZone=s,this._viewportRuler=o,this.disabled=!1,this.sortingDisabled=!1,this.autoScrollDisabled=!1,this.autoScrollStep=2,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.beforeStarted=new b.B7,this.entered=new b.B7,this.exited=new b.B7,this.dropped=new b.B7,this.sorted=new b.B7,this.receivingStarted=new b.B7,this.receivingStopped=new b.B7,this._isDragging=!1,this._draggables=[],this._siblings=[],this._activeSiblings=new Set,this._viewportScrollSubscription=T.y.EMPTY,this._verticalScrollDirection=E.NONE,this._horizontalScrollDirection=P.NONE,this._stopScrollTimers=new b.B7,this._cachedShadowRoot=null,this._startScrollInterval=()=>{this._stopScrolling(),function ge(r=0,i=M.b){return(!(0,he.k)(r)||r<0)&&(r=0),(!i||"function"!=typeof i.schedule)&&(i=M.b),new A.c(e=>(e.add(i.schedule(_e,r,{subscriber:e,counter:0,period:r})),e))}(0,ue.X).pipe((0,H.Q)(this._stopScrollTimers)).subscribe(()=>{const c=this._scrollNode,l=this.autoScrollStep;this._verticalScrollDirection===E.UP?c.scrollBy(0,-l):this._verticalScrollDirection===E.DOWN&&c.scrollBy(0,l),this._horizontalScrollDirection===P.LEFT?c.scrollBy(-l,0):this._horizontalScrollDirection===P.RIGHT&&c.scrollBy(l,0)})},this.element=(0,w.i8)(i),this._document=n,this.withScrollableParents([this.element]),e.registerDropContainer(this),this._parentPositions=new ne(n),this._sortStrategy=new Xe(this.element,e),this._sortStrategy.withSortPredicate((c,l)=>this.sortPredicate(c,l,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,s){this._draggingStarted(),null==s&&this.sortingDisabled&&(s=this._draggables.indexOf(i)),this._sortStrategy.enter(i,e,n,s),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,s,o,c,l,g={}){this._reset(),this.dropped.next({item:i,currentIndex:e,previousIndex:n,container:this,previousContainer:s,isPointerOverContainer:o,distance:c,dropPoint:l,event:g})}withItems(i){const e=this._draggables;return this._draggables=i,i.forEach(n=>n._withDropContainer(this)),this.isDragging()&&(e.filter(s=>s.isDragging()).every(s=>-1===i.indexOf(s))?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,w.i8)(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,s){if(this.sortingDisabled||!this._domRect||!ie(this._domRect,.05,e,n))return;const o=this._sortStrategy.sort(i,e,n,s);o&&this.sorted.next({previousIndex:o.previousIndex,currentIndex:o.currentIndex,container:this,item:i})}_startScrollingIfNecessary(i,e){if(this.autoScrollDisabled)return;let n,s=E.NONE,o=P.NONE;if(this._parentPositions.positions.forEach((c,l)=>{l===this._document||!c.clientRect||n||ie(c.clientRect,.05,i,e)&&([s,o]=function We(r,i,e,n,s){const o=Re(i,s),c=Te(i,n);let l=E.NONE,g=P.NONE;if(o){const _=r.scrollTop;o===E.UP?_>0&&(l=E.UP):r.scrollHeight-_>r.clientHeight&&(l=E.DOWN)}if(c){const _=r.scrollLeft;"rtl"===e?c===P.RIGHT?_<0&&(g=P.RIGHT):r.scrollWidth+_>r.clientWidth&&(g=P.LEFT):c===P.LEFT?_>0&&(g=P.LEFT):r.scrollWidth-_>r.clientWidth&&(g=P.RIGHT)}return[l,g]}(l,c.clientRect,this._sortStrategy.direction,i,e),(s||o)&&(n=l))}),!s&&!o){const{width:c,height:l}=this._viewportRuler.getViewportSize(),g={width:c,height:l,top:0,right:c,bottom:l,left:0};s=Re(g,e),o=Te(g,i),n=window}n&&(s!==this._verticalScrollDirection||o!==this._horizontalScrollDirection||n!==this._scrollNode)&&(this._verticalScrollDirection=s,this._horizontalScrollDirection=o,this._scrollNode=n,(s||o)&&n?this._ngZone.runOutsideAngular(this._startScrollInterval):this._stopScrolling())}_stopScrolling(){this._stopScrollTimers.next()}_draggingStarted(){const i=(0,w.i8)(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,w.i8)(this.element);this._parentPositions.cache(this._scrollableElements),this._domRect=this._parentPositions.positions.get(i).clientRect}_reset(){this._isDragging=!1;const i=(0,w.i8)(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._domRect&&U(this._domRect,i,e)}_getSiblingContainerFromPosition(i,e,n){return this._siblings.find(s=>s._canReceive(i,e,n))}_canReceive(i,e,n){if(!this._domRect||!U(this._domRect,e,n)||!this.enterPredicate(i,this))return!1;const s=this._getShadowRoot().elementFromPoint(e,n);if(!s)return!1;const o=(0,w.i8)(this.element);return s===o||o.contains(s)}_startReceiving(i,e){const n=this._activeSiblings;!n.has(i)&&e.every(s=>this.enterPredicate(s,this)||this._draggables.indexOf(s)>-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.KT)((0,w.i8)(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 Re(r,i){const{top:e,bottom:n,height:s}=r,o=.05*s;return i>=e-o&&i<=e+o?E.UP:i>=n-o&&i<=n+o?E.DOWN:E.NONE}function Te(r,i){const{left:e,right:n,width:s}=r,o=.05*s;return i>=e-o&&i<=e+o?P.LEFT:i>=n-o&&i<=n+o?P.RIGHT:P.NONE}const le=(0,y.BQ)({passive:!1,capture:!0}),pe=new Set;let Ze=(()=>{class r{static#e=this.\u0275fac=function(n){return new(n||r)};static#t=this.\u0275cmp=t.VBU({type:r,selectors:[["ng-component"]],hostAttrs:["cdk-drag-resets-container",""],standalone:!0,features:[t.aNF],decls:0,vars:0,template:function(n,s){},styles:["@layer cdk-resets{.cdk-drag-preview{background:none;border:none;padding:0;color:inherit}}"],encapsulation:2,changeDetection:0})}return r})(),Je=(()=>{class r{constructor(e,n){this._ngZone=e,this._appRef=(0,t.WQX)(t.o8S),this._environmentInjector=(0,t.WQX)(t.uvJ),this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=[],this._globalListeners=new Map,this._draggingPredicate=s=>s.isDragging(),this.pointerMove=new b.B7,this.pointerUp=new b.B7,this.scroll=new b.B7,this._preventDefaultWhileDragging=s=>{this._activeDragInstances.length>0&&s.preventDefault()},this._persistentTouchmoveListener=s=>{this._activeDragInstances.length>0&&(this._activeDragInstances.some(this._draggingPredicate)&&s.preventDefault(),this.pointerMove.next(s))},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,le)})}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,le)}startDragging(e,n){if(!(this._activeDragInstances.indexOf(e)>-1)&&(this._loadResets(),this._activeDragInstances.push(e),1===this._activeDragInstances.length)){const s=n.type.startsWith("touch");this._globalListeners.set(s?"touchend":"mouseup",{handler:o=>this.pointerUp.next(o),options:!0}).set("scroll",{handler:o=>this.scroll.next(o),options:!0}).set("selectstart",{handler:this._preventDefaultWhileDragging,options:le}),s||this._globalListeners.set("mousemove",{handler:o=>this.pointerMove.next(o),options:le}),this._ngZone.runOutsideAngular(()=>{this._globalListeners.forEach((o,c)=>{this._document.addEventListener(c,o.handler,o.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 A.c(s=>this._ngZone.runOutsideAngular(()=>{const c=l=>{this._activeDragInstances.length&&s.next(l)};return e.addEventListener("scroll",c,!0),()=>{e.removeEventListener("scroll",c,!0)}}))),(0,j.h)(...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()}_loadResets(){if(!pe.has(this._appRef)){pe.add(this._appRef);const e=(0,t.a0P)(Ze,{environmentInjector:this._environmentInjector});this._appRef.onDestroy(()=>{pe.delete(this._appRef),0===pe.size&&e.destroy()})}}static#e=this.\u0275fac=function(n){return new(n||r)(t.KVO(t.SKi),t.KVO(u.qQ))};static#t=this.\u0275prov=t.jDH({token:r,factory:r.\u0275fac,providedIn:"root"})}return r})();const Qe={dragStartThreshold:5,pointerDirectionChangeThreshold:5};let Ie=(()=>{class r{constructor(e,n,s,o){this._document=e,this._ngZone=n,this._viewportRuler=s,this._dragDropRegistry=o}createDrag(e,n=Qe){return new Ue(e,n,this._document,this._ngZone,this._viewportRuler,this._dragDropRegistry)}createDropList(e){return new Ke(e,this._dragDropRegistry,this._document,this._ngZone,this._viewportRuler)}static#e=this.\u0275fac=function(n){return new(n||r)(t.KVO(u.qQ),t.KVO(t.SKi),t.KVO(Z.Xj),t.KVO(Je))};static#t=this.\u0275prov=t.jDH({token:r,factory:r.\u0275fac,providedIn:"root"})}return r})();const K=new t.nKC("CDK_DRAG_PARENT"),Oe=new t.nKC("CdkDragHandle");let Le=(()=>{class r{get disabled(){return this._disabled}set disabled(e){this._disabled=e,this._stateChanges.next(this)}constructor(e,n){this.element=e,this._parentDrag=n,this._stateChanges=new b.B7,this._disabled=!1,n?._addHandle(this)}ngOnDestroy(){this._parentDrag?._removeHandle(this),this._stateChanges.complete()}static#e=this.\u0275fac=function(n){return new(n||r)(t.rXU(t.aKT),t.rXU(K,12))};static#t=this.\u0275dir=t.FsC({type:r,selectors:[["","cdkDragHandle",""]],hostAttrs:[1,"cdk-drag-handle"],inputs:{disabled:[2,"cdkDragHandleDisabled","disabled",t.L39]},standalone:!0,features:[t.Jv_([{provide:Oe,useExisting:r}]),t.GFd]})}return r})();const Me=new t.nKC("CDK_DRAG_CONFIG"),Fe=new t.nKC("CdkDropList");let ze=(()=>{class r{static#e=this._dragInstances=[];get disabled(){return this._disabled||this.dropContainer&&this.dropContainer.disabled}set disabled(e){this._disabled=e,this._dragRef.disabled=this._disabled}constructor(e,n,s,o,c,l,g,_,f,k,C){this.element=e,this.dropContainer=n,this._ngZone=o,this._viewContainerRef=c,this._dir=g,this._changeDetectorRef=f,this._selfHandle=k,this._parentDrag=C,this._destroyed=new b.B7,this._handles=new me.t([]),this.started=new t.bkB,this.released=new t.bkB,this.ended=new t.bkB,this.entered=new t.bkB,this.exited=new t.bkB,this.dropped=new t.bkB,this.moved=new A.c(O=>{const L=this._dragRef.moved.pipe((0,fe.T)(N=>({source:this,pointerPosition:N.pointerPosition,event:N.event,delta:N.delta,distance:N.distance}))).subscribe(O);return()=>{L.unsubscribe()}}),this._injector=(0,t.WQX)(t.zZn),this._dragRef=_.createDrag(e,{dragStartThreshold:l&&null!=l.dragStartThreshold?l.dragStartThreshold:5,pointerDirectionChangeThreshold:l&&null!=l.pointerDirectionChangeThreshold?l.pointerDirectionChangeThreshold:5,zIndex:l?.zIndex}),this._dragRef.data=this,r._dragInstances.push(this),l&&this._assignDefaults(l),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(){(0,t.mal)(()=>{this._updateRootElement(),this._setupHandlesListener(),this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)},{injector:this._injector})}ngOnChanges(e){const n=e.rootElementSelector,s=e.freeDragPosition;n&&!n.firstChange&&this._updateRootElement(),s&&!s.firstChange&&this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)}ngOnDestroy(){this.dropContainer&&this.dropContainer.removeItem(this);const e=r._dragInstances.indexOf(this);e>-1&&r._dragInstances.splice(e,1),this._ngZone.runOutsideAngular(()=>{this._handles.complete(),this._destroyed.next(),this._destroyed.complete(),this._dragRef.dispose()})}_addHandle(e){const n=this._handles.getValue();n.push(e),this._handles.next(n)}_removeHandle(e){const n=this._handles.getValue(),s=n.indexOf(e);s>-1&&(n.splice(s,1),this._handles.next(n))}_setPreviewTemplate(e){this._previewTemplate=e}_resetPreviewTemplate(e){e===this._previewTemplate&&(this._previewTemplate=null)}_setPlaceholderTemplate(e){this._placeholderTemplate=e}_resetPlaceholderTemplate(e){e===this._placeholderTemplate&&(this._placeholderTemplate=null)}_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,w.i8)(e):null}_syncInputs(e){e.beforeStarted.subscribe(()=>{if(!e.isDragging()){const n=this._dir,s=this.dragStartDelay,o=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 s&&s?s:(0,w.OE)(s),e.constrainPosition=this.constrainPosition,e.previewClass=this.previewClass,e.withBoundaryElement(this._getBoundaryElement()).withPlaceholderTemplate(o).withPreviewTemplate(c).withPreviewContainer(this.previewContainer||"global"),n&&e.withDirection(n.value)}}),e.beforeStarted.pipe((0,xe.s)(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(r._dragInstances.find(s=>s.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:s,constrainPosition:o,previewClass:c,boundaryElement:l,draggingDisabled:g,rootElementSelector:_,previewContainer:f}=e;this.disabled=g??!1,this.dragStartDelay=s||0,n&&(this.lockAxis=n),o&&(this.constrainPosition=o),c&&(this.previewClass=c),l&&(this.boundaryElement=l),_&&(this.rootElementSelector=_),f&&(this.previewContainer=f)}_setupHandlesListener(){this._handles.pipe((0,Q.M)(e=>{const n=e.map(s=>s.element);this._selfHandle&&this.rootElementSelector&&n.push(this.element),this._dragRef.withHandles(n)}),(0,De.n)(e=>(0,j.h)(...e.map(n=>n._stateChanges.pipe((0,Y.Z)(n))))),(0,H.Q)(this._destroyed)).subscribe(e=>{const n=this._dragRef,s=e.element.nativeElement;e.disabled?n.disableHandle(s):n.enableHandle(s)})}static#t=this.\u0275fac=function(n){return new(n||r)(t.rXU(t.aKT),t.rXU(Fe,12),t.rXU(u.qQ),t.rXU(t.SKi),t.rXU(t.c1b),t.rXU(Me,8),t.rXU(q.dS,8),t.rXU(Ie),t.rXU(t.gRc),t.rXU(Oe,10),t.rXU(K,12))};static#i=this.\u0275dir=t.FsC({type:r,selectors:[["","cdkDrag",""]],hostAttrs:[1,"cdk-drag"],hostVars:4,hostBindings:function(n,s){2&n&&t.AVh("cdk-drag-disabled",s.disabled)("cdk-drag-dragging",s._dragRef.isDragging())},inputs:{data:[0,"cdkDragData","data"],lockAxis:[0,"cdkDragLockAxis","lockAxis"],rootElementSelector:[0,"cdkDragRootElement","rootElementSelector"],boundaryElement:[0,"cdkDragBoundary","boundaryElement"],dragStartDelay:[0,"cdkDragStartDelay","dragStartDelay"],freeDragPosition:[0,"cdkDragFreeDragPosition","freeDragPosition"],disabled:[2,"cdkDragDisabled","disabled",t.L39],constrainPosition:[0,"cdkDragConstrainPosition","constrainPosition"],previewClass:[0,"cdkDragPreviewClass","previewClass"],previewContainer:[0,"cdkDragPreviewContainer","previewContainer"]},outputs:{started:"cdkDragStarted",released:"cdkDragReleased",ended:"cdkDragEnded",entered:"cdkDragEntered",exited:"cdkDragExited",dropped:"cdkDragDropped",moved:"cdkDragMoved"},exportAs:["cdkDrag"],standalone:!0,features:[t.Jv_([{provide:K,useExisting:r}]),t.GFd,t.OA$]})}return r})();const ke=new t.nKC("CdkDropListGroup");let Be=(()=>{class r{constructor(){this._items=new Set,this.disabled=!1}ngOnDestroy(){this._items.clear()}static#e=this.\u0275fac=function(n){return new(n||r)};static#t=this.\u0275dir=t.FsC({type:r,selectors:[["","cdkDropListGroup",""]],inputs:{disabled:[2,"cdkDropListGroupDisabled","disabled",t.L39]},exportAs:["cdkDropListGroup"],standalone:!0,features:[t.Jv_([{provide:ke,useExisting:r}]),t.GFd]})}return r})(),qe=0,Ne=(()=>{class r{static#e=this._dropLists=[];get disabled(){return this._disabled||!!this._group&&this._group.disabled}set disabled(e){this._dropListRef.disabled=this._disabled=e}constructor(e,n,s,o,c,l,g){this.element=e,this._changeDetectorRef=s,this._scrollDispatcher=o,this._dir=c,this._group=l,this._destroyed=new b.B7,this.connectedTo=[],this.id="cdk-drop-list-"+qe++,this.enterPredicate=()=>!0,this.sortPredicate=()=>!0,this.dropped=new t.bkB,this.entered=new t.bkB,this.exited=new t.bkB,this.sorted=new t.bkB,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),r._dropLists.push(this),l&&l._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=r._dropLists.indexOf(this);e>-1&&r._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,Y.Z)(this._dir.value),(0,H.Q)(this._destroyed)).subscribe(n=>e.withDirection(n)),e.beforeStarted.subscribe(()=>{const n=(0,w.FG)(this.connectedTo).map(s=>"string"==typeof s?r._dropLists.find(c=>c.id===s):s);if(this._group&&this._group._items.forEach(s=>{-1===n.indexOf(s)&&n.push(s)}),!this._scrollableParentsResolved){const s=this._scrollDispatcher.getAncestorScrollContainers(this.element).map(o=>o.getElementRef().nativeElement);this._dropListRef.withScrollableParents(s),this._scrollableParentsResolved=!0}e.disabled=this.disabled,e.lockAxis=this.lockAxis,e.sortingDisabled=this.sortingDisabled,e.autoScrollDisabled=this.autoScrollDisabled,e.autoScrollStep=(0,w.OE)(this.autoScrollStep,2),e.connectedTo(n.filter(s=>s&&s!==this).map(s=>s._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,j.h)(e.receivingStarted,e.receivingStopped).subscribe(()=>this._changeDetectorRef.markForCheck())}_assignDefaults(e){const{lockAxis:n,draggingDisabled:s,sortingDisabled:o,listAutoScrollDisabled:c,listOrientation:l}=e;this.disabled=s??!1,this.sortingDisabled=o??!1,this.autoScrollDisabled=c??!1,this.orientation=l||"vertical",n&&(this.lockAxis=n)}_syncItemsWithRef(){this._dropListRef.withItems(this.getSortedItems().map(e=>e._dragRef))}static#t=this.\u0275fac=function(n){return new(n||r)(t.rXU(t.aKT),t.rXU(Ie),t.rXU(t.gRc),t.rXU(Z.R),t.rXU(q.dS,8),t.rXU(ke,12),t.rXU(Me,8))};static#i=this.\u0275dir=t.FsC({type:r,selectors:[["","cdkDropList",""],["cdk-drop-list"]],hostAttrs:[1,"cdk-drop-list"],hostVars:7,hostBindings:function(n,s){2&n&&(t.BMQ("id",s.id),t.AVh("cdk-drop-list-disabled",s.disabled)("cdk-drop-list-dragging",s._dropListRef.isDragging())("cdk-drop-list-receiving",s._dropListRef.isReceiving()))},inputs:{connectedTo:[0,"cdkDropListConnectedTo","connectedTo"],data:[0,"cdkDropListData","data"],orientation:[0,"cdkDropListOrientation","orientation"],id:"id",lockAxis:[0,"cdkDropListLockAxis","lockAxis"],disabled:[2,"cdkDropListDisabled","disabled",t.L39],sortingDisabled:[2,"cdkDropListSortingDisabled","sortingDisabled",t.L39],enterPredicate:[0,"cdkDropListEnterPredicate","enterPredicate"],sortPredicate:[0,"cdkDropListSortPredicate","sortPredicate"],autoScrollDisabled:[2,"cdkDropListAutoScrollDisabled","autoScrollDisabled",t.L39],autoScrollStep:[0,"cdkDropListAutoScrollStep","autoScrollStep"]},outputs:{dropped:"cdkDropListDropped",entered:"cdkDropListEntered",exited:"cdkDropListExited",sorted:"cdkDropListSorted"},exportAs:["cdkDropList"],standalone:!0,features:[t.Jv_([{provide:ke,useValue:void 0},{provide:Fe,useExisting:r}]),t.GFd]})}return r})();const et=new t.nKC("CdkDragPreview");let Ae=(()=>{class r{constructor(e){this.templateRef=e,this._drag=(0,t.WQX)(K,{optional:!0}),this.matchSize=!1,this._drag?._setPreviewTemplate(this)}ngOnDestroy(){this._drag?._resetPreviewTemplate(this)}static#e=this.\u0275fac=function(n){return new(n||r)(t.rXU(t.C4Q))};static#t=this.\u0275dir=t.FsC({type:r,selectors:[["ng-template","cdkDragPreview",""]],inputs:{data:"data",matchSize:[2,"matchSize","matchSize",t.L39]},standalone:!0,features:[t.Jv_([{provide:et,useExisting:r}]),t.GFd]})}return r})();const tt=new t.nKC("CdkDragPlaceholder");let je=(()=>{class r{constructor(e){this.templateRef=e,this._drag=(0,t.WQX)(K,{optional:!0}),this._drag?._setPlaceholderTemplate(this)}ngOnDestroy(){this._drag?._resetPlaceholderTemplate(this)}static#e=this.\u0275fac=function(n){return new(n||r)(t.rXU(t.C4Q))};static#t=this.\u0275dir=t.FsC({type:r,selectors:[["ng-template","cdkDragPlaceholder",""]],inputs:{data:"data"},standalone:!0,features:[t.Jv_([{provide:tt,useExisting:r}])]})}return r})()},5274:(Ge,W,x)=>{x.r(W),x.d(W,{CdkDragDropAxisLockExample:()=>ee,CdkDragDropBoundaryExample:()=>F,CdkDragDropConnectedSortingExample:()=>z,CdkDragDropConnectedSortingGroupExample:()=>te,CdkDragDropCustomPlaceholderExample:()=>G,CdkDragDropCustomPreviewExample:()=>U,CdkDragDropDelayExample:()=>I,CdkDragDropDisabledExample:()=>ne,CdkDragDropDisabledSortingExample:()=>ie,CdkDragDropEnterPredicateExample:()=>se,CdkDragDropFreeDragPositionExample:()=>re,CdkDragDropHandleExample:()=>be,CdkDragDropHorizontalSortingExample:()=>oe,CdkDragDropOverviewExample:()=>ae,CdkDragDropRootElementExample:()=>de,CdkDragDropSortPredicateExample:()=>ve,CdkDragDropSortingExample:()=>ce});var t=x(4438),u=x(5667),Z=x(2753),y=x(6939);function w(a,m){if(1&a&&(t.j41(0,"div",3),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function J(a,m){if(1&a&&(t.j41(0,"div",3),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}const b=a=>[a];function T(a,m){if(1&a&&(t.j41(0,"div",4),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function A(a,m){if(1&a&&(t.j41(0,"div",4),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}const M=".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,m){1&a&&t.nrm(0,"div",3)}function ge(a,m){if(1&a&&(t.j41(0,"div",1),t.DNE(1,he,1,0,"div",2),t.EFF(2),t.k0s()),2&a){const d=m.$implicit;t.R7$(2),t.SpI(" ",d," ")}}function _e(a,m){if(1&a&&t.nrm(0,"img",3),2&a){const d=t.XpG().$implicit;t.Y8G("src",d.poster,t.B4B)("alt",d.title)}}function ue(a,m){if(1&a&&(t.j41(0,"div",1),t.EFF(1),t.DNE(2,_e,1,2,"img",2),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.SpI(" ",d.title," ")}}function j(a,m){if(1&a&&(t.j41(0,"div",3),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function me(a,m){if(1&a&&(t.j41(0,"div",3),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function H(a,m){if(1&a&&(t.j41(0,"div",1),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.Y8G("cdkDragDisabled",d.disabled),t.R7$(),t.JRh(d.value)}}function fe(a,m){if(1&a&&(t.j41(0,"div",2),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.Y8G("cdkDragData",d),t.R7$(),t.JRh(d)}}function xe(a,m){if(1&a&&(t.j41(0,"div",2),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.Y8G("cdkDragData",d),t.R7$(),t.JRh(d)}}const Q=".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 De(a,m){if(1&a&&(t.j41(0,"div",1),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function Y(a,m){1&a&&(t.j41(0,"div",1),t.EFF(1," Drag the dialog around! "),t.k0s())}function q(a,m){if(1&a&&(t.j41(0,"div",1),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.R7$(),t.JRh(d)}}function R(a,m){if(1&a&&(t.j41(0,"div",1),t.EFF(1),t.k0s()),2&a){const d=m.$implicit;t.Y8G("cdkDragData",d),t.R7$(),t.JRh(d)}}let ee=(()=>{class a{static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-axis-lock-example"]],standalone:!0,features:[t.aNF],decls:4,vars:0,consts:[["cdkDragLockAxis","y","cdkDrag","",1,"example-box"],["cdkDragLockAxis","x","cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.EFF(1," I can only be dragged up/down\n"),t.k0s(),t.j41(2,"div",1),t.EFF(3," I can only be dragged left/right\n"),t.k0s())},dependencies:[u.T1],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}"]})}return a})(),F=(()=>{class a{static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-boundary-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[[1,"example-boundary"],["cdkDragBoundary",".example-boundary","cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0)(1,"div",1),t.EFF(2," I can only be dragged within the dotted container "),t.k0s()())},dependencies:[u.T1],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}"]})}return a})(),te=(()=>{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(d){d.previousContainer===d.container?(0,u.HD)(d.container.data,d.previousIndex,d.currentIndex):(0,u.eg)(d.previousContainer.data,d.container.data,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-connected-sorting-group-example"]],standalone:!0,features:[t.aNF],decls:13,vars:2,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListDropped","cdkDropListData"],["cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0)(1,"div",1)(2,"h2"),t.EFF(3,"To do"),t.k0s(),t.j41(4,"div",2),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(5,w,2,1,"div",3,t.fX1),t.k0s()(),t.j41(7,"div",1)(8,"h2"),t.EFF(9,"Done"),t.k0s(),t.j41(10,"div",2),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(11,J,2,1,"div",3,t.fX1),t.k0s()()()),2&p&&(t.R7$(4),t.Y8G("cdkDropListData",h.todo),t.R7$(),t.Dyx(h.todo),t.R7$(5),t.Y8G("cdkDropListData",h.done),t.R7$(),t.Dyx(h.done))},dependencies:[u.RK,u.O7,u.T1],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}"]})}return 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(d){d.previousContainer===d.container?(0,u.HD)(d.container.data,d.previousIndex,d.currentIndex):(0,u.eg)(d.previousContainer.data,d.container.data,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-connected-sorting-example"]],standalone:!0,features:[t.aNF],decls:14,vars:8,consts:[["todoList","cdkDropList"],["doneList","cdkDropList"],[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListDropped","cdkDropListData","cdkDropListConnectedTo"],["cdkDrag","",1,"example-box"]],template:function(p,h){if(1&p){const v=t.RV6();t.j41(0,"div",2)(1,"h2"),t.EFF(2,"To do"),t.k0s(),t.j41(3,"div",3,0),t.bIt("cdkDropListDropped",function(B){return t.eBV(v),t.Njj(h.drop(B))}),t.Z7z(5,T,2,1,"div",4,t.fX1),t.k0s()(),t.j41(7,"div",2)(8,"h2"),t.EFF(9,"Done"),t.k0s(),t.j41(10,"div",3,1),t.bIt("cdkDropListDropped",function(B){return t.eBV(v),t.Njj(h.drop(B))}),t.Z7z(12,A,2,1,"div",4,t.fX1),t.k0s()()}if(2&p){const v=t.sdS(4),D=t.sdS(11);t.R7$(3),t.Y8G("cdkDropListData",h.todo)("cdkDropListConnectedTo",t.eq3(4,b,D)),t.R7$(2),t.Dyx(h.todo),t.R7$(5),t.Y8G("cdkDropListData",h.done)("cdkDropListConnectedTo",t.eq3(6,b,v)),t.R7$(2),t.Dyx(h.done)}},dependencies:[u.O7,u.T1],styles:[M]})}return a})(),G=(()=>{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(d){(0,u.HD)(this.movies,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-custom-placeholder-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box"],["class","example-custom-placeholder",4,"cdkDragPlaceholder"],[1,"example-custom-placeholder"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,ge,3,1,"div",1,t.fX1),t.k0s()),2&p&&(t.R7$(),t.Dyx(h.movies))},dependencies:[u.O7,u.T1,u.EM],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}"]})}return a})(),U=(()=>{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/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(d){(0,u.HD)(this.movies,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-custom-preview-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box"],[3,"src","alt",4,"cdkDragPreview"],[3,"src","alt"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,ue,3,1,"div",1,t.fX1),t.k0s()),2&p&&(t.R7$(),t.Dyx(h.movies))},dependencies:[u.O7,u.T1,u.r0],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}"]})}return a})(),I=(()=>{class a{static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-delay-example"]],standalone:!0,features:[t.aNF],decls:2,vars:1,consts:[["cdkDrag","",1,"example-box",3,"cdkDragStartDelay"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.EFF(1," Dragging starts after one second\n"),t.k0s()),2&p&&t.Y8G("cdkDragStartDelay",1e3)},dependencies:[u.T1],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}"]})}return a})(),ie=(()=>{class a{constructor(){this.items=["Carrots","Tomatoes","Onions","Apples","Avocados"],this.basket=["Oranges","Bananas","Cucumbers"]}drop(d){d.previousContainer===d.container?(0,u.HD)(d.container.data,d.previousIndex,d.currentIndex):(0,u.eg)(d.previousContainer.data,d.container.data,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-disabled-sorting-example"]],standalone:!0,features:[t.aNF],decls:13,vars:2,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","","cdkDropListSortingDisabled","",1,"example-list",3,"cdkDropListDropped","cdkDropListData"],["cdkDrag","",1,"example-box"],["cdkDropList","",1,"example-list",3,"cdkDropListDropped","cdkDropListData"]],template:function(p,h){1&p&&(t.j41(0,"div",0)(1,"div",1)(2,"h2"),t.EFF(3,"Available items"),t.k0s(),t.j41(4,"div",2),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(5,j,2,1,"div",3,t.fX1),t.k0s()(),t.j41(7,"div",1)(8,"h2"),t.EFF(9,"Shopping basket"),t.k0s(),t.j41(10,"div",4),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(11,me,2,1,"div",3,t.fX1),t.k0s()()()),2&p&&(t.R7$(4),t.Y8G("cdkDropListData",h.items),t.R7$(),t.Dyx(h.items),t.R7$(5),t.Y8G("cdkDropListData",h.basket),t.R7$(),t.Dyx(h.basket))},dependencies:[u.RK,u.O7,u.T1],styles:[M]})}return a})(),ne=(()=>{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(d){(0,u.HD)(this.items,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-disabled-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box",3,"cdkDragDisabled"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,H,2,2,"div",1,t.fX1),t.k0s()),2&p&&(t.R7$(),t.Dyx(h.items))},dependencies:[u.O7,u.T1],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}"]})}return a})(),se=(()=>{class a{constructor(){this.all=[1,2,3,4,5,6,7,8,9],this.even=[10]}drop(d){d.previousContainer===d.container?(0,u.HD)(d.container.data,d.previousIndex,d.currentIndex):(0,u.eg)(d.previousContainer.data,d.container.data,d.previousIndex,d.currentIndex)}evenPredicate(d){return d.data%2==0}noReturnPredicate(){return!1}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-enter-predicate-example"]],standalone:!0,features:[t.aNF],decls:12,vars:4,consts:[[1,"example-container"],["id","all","cdkDropList","","cdkDropListConnectedTo","even",1,"example-list",3,"cdkDropListDropped","cdkDropListData","cdkDropListEnterPredicate"],["cdkDrag","",1,"example-box",3,"cdkDragData"],["id","even","cdkDropList","","cdkDropListConnectedTo","all",1,"example-list",3,"cdkDropListDropped","cdkDropListData","cdkDropListEnterPredicate"]],template:function(p,h){1&p&&(t.j41(0,"div",0)(1,"h2"),t.EFF(2,"Available numbers"),t.k0s(),t.j41(3,"div",1),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(4,fe,2,2,"div",2,t.fX1),t.k0s()(),t.j41(6,"div",0)(7,"h2"),t.EFF(8,"Even numbers"),t.k0s(),t.j41(9,"div",3),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(10,xe,2,2,"div",2,t.fX1),t.k0s()()),2&p&&(t.R7$(3),t.Y8G("cdkDropListData",h.all)("cdkDropListEnterPredicate",h.noReturnPredicate),t.R7$(),t.Dyx(h.all),t.R7$(5),t.Y8G("cdkDropListData",h.even)("cdkDropListEnterPredicate",h.evenPredicate),t.R7$(),t.Dyx(h.even))},dependencies:[u.O7,u.T1],styles:[M]})}return a})(),re=(()=>{class a{constructor(){this.dragPosition={x:0,y:0}}changePosition(){this.dragPosition={x:this.dragPosition.x+50,y:this.dragPosition.y+50}}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-free-drag-position-example"]],standalone:!0,features:[t.aNF],decls:5,vars:1,consts:[[3,"click"],["cdkDrag","",1,"example-box",3,"cdkDragFreeDragPosition"]],template:function(p,h){1&p&&(t.j41(0,"p")(1,"button",0),t.bIt("click",function(){return h.changePosition()}),t.EFF(2,"Change element position"),t.k0s()(),t.j41(3,"div",1),t.EFF(4," Drag me around\n"),t.k0s()),2&p&&(t.R7$(3),t.Y8G("cdkDragFreeDragPosition",h.dragPosition))},dependencies:[u.T1],styles:[Q]})}return a})(),be=(()=>{class a{static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-handle-example"]],standalone:!0,features:[t.aNF],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(p,h){1&p&&(t.j41(0,"div",0),t.EFF(1," I can only be dragged using the handle "),t.j41(2,"div",1),t.qSk(),t.j41(3,"svg",2),t.nrm(4,"path",3)(5,"path",4),t.k0s()()())},dependencies:[u.T1,u.Fb],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}"]})}return a})(),oe=(()=>{class a{constructor(){this.timePeriods=["Bronze age","Iron age","Middle ages","Early modern period","Long nineteenth century"]}drop(d){(0,u.HD)(this.timePeriods,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-horizontal-sorting-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[["cdkDropList","","cdkDropListOrientation","horizontal",1,"example-list",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,De,2,1,"div",1,t.fX1),t.k0s()),2&p&&(t.R7$(),t.Dyx(h.timePeriods))},dependencies:[u.O7,u.T1],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}"]})}return a})(),ae=(()=>{class a{static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-overview-example"]],standalone:!0,features:[t.aNF],decls:2,vars:0,consts:[["cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.EFF(1," Drag me around\n"),t.k0s())},dependencies:[u.T1],styles:[Q]})}return a})(),de=(()=>{class a{constructor(d,p){this._overlay=d,this._viewContainerRef=p}ngAfterViewInit(){this._portal=new y.VA(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)}static#e=this.\u0275fac=function(p){return new(p||a)(t.rXU(Z.hJ),t.rXU(t.c1b))};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-root-element-example"]],viewQuery:function(p,h){if(1&p&&t.GBs(t.C4Q,5),2&p){let v;t.mGM(v=t.lsd())&&(h._dialogTemplate=v.first)}},standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[[3,"click"],["cdkDrag","","cdkDragRootElement",".cdk-overlay-pane",1,"example-dialog-content"]],template:function(p,h){1&p&&(t.j41(0,"button",0),t.bIt("click",function(){return h.openDialog()}),t.EFF(1,"Open a draggable dialog"),t.k0s(),t.DNE(2,Y,2,0,"ng-template"))},dependencies:[u.T1],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}"]})}return 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(d){(0,u.HD)(this.movies,d.previousIndex,d.currentIndex)}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-sorting-example"]],standalone:!0,features:[t.aNF],decls:3,vars:0,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["cdkDrag","",1,"example-box"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,q,2,1,"div",1,t.fX1),t.k0s()),2&p&&(t.R7$(),t.Dyx(h.movies))},dependencies:[u.O7,u.T1],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}"]})}return a})(),ve=(()=>{class a{constructor(){this.numbers=[1,2,3,4,5,6,7,8]}drop(d){(0,u.HD)(this.numbers,d.previousIndex,d.currentIndex)}sortPredicate(d,p){return(d+1)%2==p.data%2}static#e=this.\u0275fac=function(p){return new(p||a)};static#t=this.\u0275cmp=t.VBU({type:a,selectors:[["cdk-drag-drop-sort-predicate-example"]],standalone:!0,features:[t.aNF],decls:3,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped","cdkDropListSortPredicate"],["cdkDrag","",1,"example-box",3,"cdkDragData"]],template:function(p,h){1&p&&(t.j41(0,"div",0),t.bIt("cdkDropListDropped",function(D){return h.drop(D)}),t.Z7z(1,R,2,2,"div",1,t.fX1),t.k0s()),2&p&&(t.Y8G("cdkDropListSortPredicate",h.sortPredicate),t.R7$(),t.Dyx(h.numbers))},dependencies:[u.O7,u.T1],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}"]})}return a})()}}]);