33-es5.d13f29699914184e0517.js

!function(){function e(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,r=!1,o=void 0;try{for(var s,a=e[Symbol.iterator]();!(i=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);i=!0);}catch(c){r=!0,o=c}finally{try{i||null==a.return||a.return()}finally{if(r)throw o}}return n}(e,t)||n(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||n(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}(window.webpackJsonp=window.webpackJsonp||[]).push([[33],{"5+WD":function(n,i,o){"use strict";o.d(i,"a",function(){return Ie}),o.d(i,"b",function(){return je}),o.d(i,"c",function(){return Se}),o.d(i,"d",function(){return Ee}),o.d(i,"e",function(){return ye}),o.d(i,"f",function(){return _e}),o.d(i,"g",function(){return Le}),o.d(i,"h",function(){return q}),o.d(i,"i",function(){return J});var a=o("fXoL"),c=o("ofXK"),d=o("vxfF"),l=o("nLfN"),p=o("8LU1"),h=o("XNiG"),u=o("quSY"),g=o("HDdC"),b=o("D0XW"),f=o("Y7HM");function x(e){var t=e.subscriber,n=e.counter,i=e.period;t.next(n),this.schedule({subscriber:t,counter:n+1,period:i},i)}var v=o("eNwd"),m=o("VRyK"),_=o("1G5W"),O=o("JX91"),k=o("lJxs"),D=o("IzEk"),y=o("vkgz"),w=o("eIep"),j=o("cH1L");function P(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function S(e,t){var n=t?"":"none";P(e.style,{touchAction:t?"":"none",webkitUserDrag:t?"":"none",webkitTapHighlightColor:t?"":"transparent",userSelect:n,msUserSelect:n,webkitUserSelect:n,MozUserSelect:n})}function C(e,t){var n=e.style;n.position=t?"":"fixed",n.top=n.opacity=t?"":"0",n.left=t?"":"-999em"}function E(e){var t=e.toLowerCase().indexOf("ms")>-1?1:1e3;return parseFloat(e)*t}function I(e,t){return e.getPropertyValue(t).split(",").map(function(e){return e.trim()})}function R(e){var t=e.getBoundingClientRect();return{top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.width,height:t.height}}function M(e,t,n){var i=e.top,r=e.bottom,o=e.left,s=e.right;return n>=i&&n<=r&&t>=o&&t<=s}function L(e,t,n){e.top+=t,e.bottom=e.top+e.height,e.left+=n,e.right=e.left+e.width}function T(e,t,n,i){var r=e.top,o=e.right,s=e.bottom,a=e.left,c=e.width*t,d=e.height*t;return i>r-d&&i<s+d&&n>a-c&&n<o+c}var z=function(){function e(t,n){r(this,e),this._document=t,this._viewportRuler=n,this.positions=new Map}return s(e,[{key:"clear",value:function(){this.positions.clear()}},{key:"cache",value:function(e){var t=this;this.clear(),this.positions.set(this._document,{scrollPosition:this._viewportRuler.getViewportScrollPosition()}),e.forEach(function(e){t.positions.set(e,{scrollPosition:{top:e.scrollTop,left:e.scrollLeft},clientRect:R(e)})})}},{key:"handleScroll",value:function(e){var t=e.target,n=this.positions.get(t);if(!n)return null;var i,r,o=t===this._document?t.documentElement:t,s=n.scrollPosition;if(t===this._document){var a=this._viewportRuler.getViewportScrollPosition();i=a.top,r=a.left}else i=t.scrollTop,r=t.scrollLeft;var c=s.top-i,d=s.left-r;return this.positions.forEach(function(e,n){e.clientRect&&t!==n&&o.contains(n)&&L(e.clientRect,c,d)}),s.top=i,s.left=r,{top:c,left:d}}}]),e}();function A(e){var t=e.cloneNode(!0),n=t.querySelectorAll("[id]"),i=e.nodeName.toLowerCase();t.removeAttribute("id");for(var r=0;r<n.length;r++)n[r].removeAttribute("id");return"canvas"===i?B(e,t):"input"!==i&&"select"!==i&&"textarea"!==i||H(e,t),F("canvas",e,t,B),F("input, textarea, select",e,t,H),t}function F(e,t,n,i){var r=t.querySelectorAll(e);if(r.length)for(var o=n.querySelectorAll(e),s=0;s<r.length;s++)i(r[s],o[s])}var V=0;function H(e,t){"file"!==t.type&&(t.value=e.value),"radio"===t.type&&t.name&&(t.name="mat-clone-".concat(t.name,"-").concat(V++))}function B(e,t){var n=t.getContext("2d");if(n)try{n.drawImage(e,0,0)}catch(i){}}var N=Object(l.f)({passive:!0}),G=Object(l.f)({passive:!1}),Y=function(){function e(t,n,i,o,s,a){var c=this;r(this,e),this._config=n,this._document=i,this._ngZone=o,this._viewportRuler=s,this._dragDropRegistry=a,this._passiveTransform={x:0,y:0},this._activeTransform={x:0,y:0},this._moveEvents=new h.a,this._pointerMoveSubscription=u.a.EMPTY,this._pointerUpSubscription=u.a.EMPTY,this._scrollSubscription=u.a.EMPTY,this._resizeSubscription=u.a.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 h.a,this.started=new h.a,this.released=new h.a,this.ended=new h.a,this.entered=new h.a,this.exited=new h.a,this.dropped=new h.a,this.moved=this._moveEvents,this._pointerDown=function(e){if(c.beforeStarted.next(),c._handles.length){var t=c._handles.find(function(t){var n=e.target;return!!n&&(n===t||t.contains(n))});!t||c._disabledHandles.has(t)||c.disabled||c._initializeDragSequence(t,e)}else c.disabled||c._initializeDragSequence(c._rootElement,e)},this._pointerMove=function(e){e.preventDefault();var t=c._getPointerPositionOnPage(e);if(c._hasStartedDragging){c._boundaryElement&&(c._previewRect&&(c._previewRect.width||c._previewRect.height)||(c._previewRect=(c._preview||c._rootElement).getBoundingClientRect()));var n=c._getConstrainedPointerPosition(t);if(c._hasMoved=!0,c._lastKnownPointerPosition=t,c._updatePointerDirectionDelta(n),c._dropContainer)c._updateActiveDropContainer(n,t);else{var i=c._activeTransform;i.x=n.x-c._pickupPositionOnPage.x+c._passiveTransform.x,i.y=n.y-c._pickupPositionOnPage.y+c._passiveTransform.y,c._applyRootElementTransform(i.x,i.y),"undefined"!=typeof SVGElement&&c._rootElement instanceof SVGElement&&c._rootElement.setAttribute("transform","translate(".concat(i.x," ").concat(i.y,")"))}c._moveEvents.observers.length&&c._ngZone.run(function(){c._moveEvents.next({source:c,pointerPosition:n,event:e,distance:c._getDragDistance(n),delta:c._pointerDirectionDelta})})}else if(Math.abs(t.x-c._pickupPositionOnPage.x)+Math.abs(t.y-c._pickupPositionOnPage.y)>=c._config.dragStartThreshold){var r=Date.now()>=c._dragStartTime+c._getDragStartDelay(e),o=c._dropContainer;if(!r)return void c._endDragSequence(e);o&&(o.isDragging()||o.isReceiving())||(c._hasStartedDragging=!0,c._ngZone.run(function(){return c._startDragSequence(e)}))}},this._pointerUp=function(e){c._endDragSequence(e)},this.withRootElement(t),this._parentPositions=new z(i,s),a.registerDragItem(this)}return s(e,[{key:"getPlaceholderElement",value:function(){return this._placeholder}},{key:"getRootElement",value:function(){return this._rootElement}},{key:"getVisibleElement",value:function(){return this.isDragging()?this.getPlaceholderElement():this.getRootElement()}},{key:"withHandles",value:function(e){var t=this;this._handles=e.map(function(e){return Object(p.e)(e)}),this._handles.forEach(function(e){return S(e,t.disabled)}),this._toggleNativeDragInteractions();var n=new Set;return this._disabledHandles.forEach(function(e){t._handles.indexOf(e)>-1&&n.add(e)}),this._disabledHandles=n,this}},{key:"withPreviewTemplate",value:function(e){return this._previewTemplate=e,this}},{key:"withPlaceholderTemplate",value:function(e){return this._placeholderTemplate=e,this}},{key:"withRootElement",value:function(e){var t=this,n=Object(p.e)(e);return n!==this._rootElement&&(this._rootElement&&this._removeRootElementListeners(this._rootElement),this._ngZone.runOutsideAngular(function(){n.addEventListener("mousedown",t._pointerDown,G),n.addEventListener("touchstart",t._pointerDown,N)}),this._initialTransform=void 0,this._rootElement=n),"undefined"!=typeof SVGElement&&this._rootElement instanceof SVGElement&&(this._ownerSVGElement=this._rootElement.ownerSVGElement),this}},{key:"withBoundaryElement",value:function(e){var t=this;return this._boundaryElement=e?Object(p.e)(e):null,this._resizeSubscription.unsubscribe(),e&&(this._resizeSubscription=this._viewportRuler.change(10).subscribe(function(){return t._containInsideBoundaryOnResize()})),this}},{key:"dispose",value:function(){this._removeRootElementListeners(this._rootElement),this.isDragging()&&Z(this._rootElement),Z(this._anchor),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=null}},{key:"isDragging",value:function(){return this._hasStartedDragging&&this._dragDropRegistry.isDragging(this)}},{key:"reset",value:function(){this._rootElement.style.transform=this._initialTransform||"",this._activeTransform={x:0,y:0},this._passiveTransform={x:0,y:0}}},{key:"disableHandle",value:function(e){!this._disabledHandles.has(e)&&this._handles.indexOf(e)>-1&&(this._disabledHandles.add(e),S(e,!0))}},{key:"enableHandle",value:function(e){this._disabledHandles.has(e)&&(this._disabledHandles.delete(e),S(e,this.disabled))}},{key:"withDirection",value:function(e){return this._direction=e,this}},{key:"_withDropContainer",value:function(e){this._dropContainer=e}},{key:"getFreeDragPosition",value:function(){var e=this.isDragging()?this._activeTransform:this._passiveTransform;return{x:e.x,y:e.y}}},{key:"setFreeDragPosition",value:function(e){return this._activeTransform={x:0,y:0},this._passiveTransform.x=e.x,this._passiveTransform.y=e.y,this._dropContainer||this._applyRootElementTransform(e.x,e.y),this}},{key:"_sortFromLastPointerPosition",value:function(){var e=this._lastKnownPointerPosition;e&&this._dropContainer&&this._updateActiveDropContainer(this._getConstrainedPointerPosition(e),e)}},{key:"_removeSubscriptions",value:function(){this._pointerMoveSubscription.unsubscribe(),this._pointerUpSubscription.unsubscribe(),this._scrollSubscription.unsubscribe()}},{key:"_destroyPreview",value:function(){this._preview&&Z(this._preview),this._previewRef&&this._previewRef.destroy(),this._preview=this._previewRef=null}},{key:"_destroyPlaceholder",value:function(){this._placeholder&&Z(this._placeholder),this._placeholderRef&&this._placeholderRef.destroy(),this._placeholder=this._placeholderRef=null}},{key:"_endDragSequence",value:function(e){var t=this;this._dragDropRegistry.isDragging(this)&&(this._removeSubscriptions(),this._dragDropRegistry.stopDragging(this),this._toggleNativeDragInteractions(),this._handles&&(this._rootElement.style.webkitTapHighlightColor=this._rootElementTapHighlight),this._hasStartedDragging&&(this.released.next({source:this}),this._dropContainer?(this._dropContainer._stopScrolling(),this._animatePreviewToPlaceholder().then(function(){t._cleanupDragArtifacts(e),t._cleanupCachedDimensions(),t._dragDropRegistry.stopDragging(t)})):(this._passiveTransform.x=this._activeTransform.x,this._passiveTransform.y=this._activeTransform.y,this._ngZone.run(function(){t.ended.next({source:t,distance:t._getDragDistance(t._getPointerPositionOnPage(e))})}),this._cleanupCachedDimensions(),this._dragDropRegistry.stopDragging(this))))}},{key:"_startDragSequence",value:function(e){U(e)&&(this._lastTouchEventTime=Date.now()),this._toggleNativeDragInteractions();var t=this._dropContainer;if(t){var n=this._rootElement,i=n.parentNode,r=this._preview=this._createPreviewElement(),o=this._placeholder=this._createPlaceholderElement(),s=this._anchor=this._anchor||this._document.createComment(""),a=this._getShadowRoot();i.insertBefore(s,n),C(n,!1),this._document.body.appendChild(i.replaceChild(o,n)),function(e,t){return t||e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement||e.body}(this._document,a).appendChild(r),this.started.next({source:this}),t.start(),this._initialContainer=t,this._initialIndex=t.getItemIndex(this)}else this.started.next({source:this}),this._initialContainer=this._initialIndex=void 0;this._parentPositions.cache(t?t.getScrollableParents():[])}},{key:"_initializeDragSequence",value:function(e,t){var n=this;t.stopPropagation();var i=this.isDragging(),r=U(t),o=!r&&0!==t.button,s=this._rootElement,a=!r&&this._lastTouchEventTime&&this._lastTouchEventTime+800>Date.now();if(t.target&&t.target.draggable&&"mousedown"===t.type&&t.preventDefault(),!(i||o||a)){this._handles.length&&(this._rootElementTapHighlight=s.style.webkitTapHighlightColor||"",s.style.webkitTapHighlightColor="transparent"),this._hasStartedDragging=this._hasMoved=!1,this._removeSubscriptions(),this._pointerMoveSubscription=this._dragDropRegistry.pointerMove.subscribe(this._pointerMove),this._pointerUpSubscription=this._dragDropRegistry.pointerUp.subscribe(this._pointerUp),this._scrollSubscription=this._dragDropRegistry.scroll.subscribe(function(e){n._updateOnScroll(e)}),this._boundaryElement&&(this._boundaryRect=R(this._boundaryElement));var c=this._previewTemplate;this._pickupPositionInElement=c&&c.template&&!c.matchSize?{x:0,y:0}:this._getPointerPositionInElement(e,t);var d=this._pickupPositionOnPage=this._lastKnownPointerPosition=this._getPointerPositionOnPage(t);this._pointerDirectionDelta={x:0,y:0},this._pointerPositionAtLastDirectionChange={x:d.x,y:d.y},this._dragStartTime=Date.now(),this._dragDropRegistry.startDragging(this,t)}}},{key:"_cleanupDragArtifacts",value:function(e){var t=this;C(this._rootElement,!0),this._anchor.parentNode.replaceChild(this._rootElement,this._anchor),this._destroyPreview(),this._destroyPlaceholder(),this._boundaryRect=this._previewRect=void 0,this._ngZone.run(function(){var n=t._dropContainer,i=n.getItemIndex(t),r=t._getPointerPositionOnPage(e),o=t._getDragDistance(t._getPointerPositionOnPage(e)),s=n._isOverContainer(r.x,r.y);t.ended.next({source:t,distance:o}),t.dropped.next({item:t,currentIndex:i,previousIndex:t._initialIndex,container:n,previousContainer:t._initialContainer,isPointerOverContainer:s,distance:o}),n.drop(t,i,t._initialIndex,t._initialContainer,s,o),t._dropContainer=t._initialContainer})}},{key:"_updateActiveDropContainer",value:function(e,t){var n=this,i=e.x,r=e.y,o=t.x,s=t.y,a=this._initialContainer._getSiblingContainerFromPosition(this,i,r);!a&&this._dropContainer!==this._initialContainer&&this._initialContainer._isOverContainer(i,r)&&(a=this._initialContainer),a&&a!==this._dropContainer&&this._ngZone.run(function(){n.exited.next({item:n,container:n._dropContainer}),n._dropContainer.exit(n),n._dropContainer=a,n._dropContainer.enter(n,i,r,a===n._initialContainer&&a.sortingDisabled?n._initialIndex:void 0),n.entered.next({item:n,container:a,currentIndex:a.getItemIndex(n)})}),this._dropContainer._startScrollingIfNecessary(o,s),this._dropContainer._sortItem(this,i,r,this._pointerDirectionDelta),this._preview.style.transform=W(i-this._pickupPositionInElement.x,r-this._pickupPositionInElement.y)}},{key:"_createPreviewElement",value:function(){var e,t=this._previewTemplate,n=this.previewClass,i=t?t.template:null;if(i&&t){var r=t.matchSize?this._rootElement.getBoundingClientRect():null,o=t.viewContainer.createEmbeddedView(i,t.context);o.detectChanges(),e=$(o,this._document),this._previewRef=o,t.matchSize?X(e,r):e.style.transform=W(this._pickupPositionOnPage.x,this._pickupPositionOnPage.y)}else{var s=this._rootElement;X(e=A(s),s.getBoundingClientRect())}return P(e.style,{pointerEvents:"none",margin:"0",position:"fixed",top:"0",left:"0",zIndex:""+(this._config.zIndex||1e3)}),S(e,!1),e.classList.add("cdk-drag-preview"),e.setAttribute("dir",this._direction),n&&(Array.isArray(n)?n.forEach(function(t){return e.classList.add(t)}):e.classList.add(n)),e}},{key:"_animatePreviewToPlaceholder",value:function(){var e=this;if(!this._hasMoved)return Promise.resolve();var t=this._placeholder.getBoundingClientRect();this._preview.classList.add("cdk-drag-animating"),this._preview.style.transform=W(t.left,t.top);var n=function(e){var t=getComputedStyle(e),n=I(t,"transition-property"),i=n.find(function(e){return"transform"===e||"all"===e});if(!i)return 0;var r=n.indexOf(i),o=I(t,"transition-duration"),s=I(t,"transition-delay");return E(o[r])+E(s[r])}(this._preview);return 0===n?Promise.resolve():this._ngZone.runOutsideAngular(function(){return new Promise(function(t){var i=function n(i){(!i||i.target===e._preview&&"transform"===i.propertyName)&&(e._preview.removeEventListener("transitionend",n),t(),clearTimeout(r))},r=setTimeout(i,1.5*n);e._preview.addEventListener("transitionend",i)})})}},{key:"_createPlaceholderElement",value:function(){var e,t=this._placeholderTemplate,n=t?t.template:null;return n?(this._placeholderRef=t.viewContainer.createEmbeddedView(n,t.context),this._placeholderRef.detectChanges(),e=$(this._placeholderRef,this._document)):e=A(this._rootElement),e.classList.add("cdk-drag-placeholder"),e}},{key:"_getPointerPositionInElement",value:function(e,t){var n=this._rootElement.getBoundingClientRect(),i=e===this._rootElement?null:e,r=i?i.getBoundingClientRect():n,o=U(t)?t.targetTouches[0]:t,s=this._getViewportScrollPosition();return{x:r.left-n.left+(o.pageX-r.left-s.left),y:r.top-n.top+(o.pageY-r.top-s.top)}}},{key:"_getPointerPositionOnPage",value:function(e){var t=this._getViewportScrollPosition(),n=U(e)?e.touches[0]||e.changedTouches[0]||{pageX:0,pageY:0}:e,i=n.pageX-t.left,r=n.pageY-t.top;if(this._ownerSVGElement){var o=this._ownerSVGElement.getScreenCTM();if(o){var s=this._ownerSVGElement.createSVGPoint();return s.x=i,s.y=r,s.matrixTransform(o.inverse())}}return{x:i,y:r}}},{key:"_getConstrainedPointerPosition",value:function(e){var t=this._dropContainer?this._dropContainer.lockAxis:null,n=this.constrainPosition?this.constrainPosition(e,this):e,i=n.x,r=n.y;if("x"===this.lockAxis||"x"===t?r=this._pickupPositionOnPage.y:"y"!==this.lockAxis&&"y"!==t||(i=this._pickupPositionOnPage.x),this._boundaryRect){var o=this._pickupPositionInElement,s=o.x,a=o.y,c=this._boundaryRect,d=this._previewRect,l=c.top+a,p=c.bottom-(d.height-a);i=Q(i,c.left+s,c.right-(d.width-s)),r=Q(r,l,p)}return{x:i,y:r}}},{key:"_updatePointerDirectionDelta",value:function(e){var t=e.x,n=e.y,i=this._pointerDirectionDelta,r=this._pointerPositionAtLastDirectionChange,o=Math.abs(t-r.x),s=Math.abs(n-r.y);return o>this._config.pointerDirectionChangeThreshold&&(i.x=t>r.x?1:-1,r.x=t),s>this._config.pointerDirectionChangeThreshold&&(i.y=n>r.y?1:-1,r.y=n),i}},{key:"_toggleNativeDragInteractions",value:function(){if(this._rootElement&&this._handles){var e=this._handles.length>0||!this.isDragging();e!==this._nativeInteractionsEnabled&&(this._nativeInteractionsEnabled=e,S(this._rootElement,e))}}},{key:"_removeRootElementListeners",value:function(e){e.removeEventListener("mousedown",this._pointerDown,G),e.removeEventListener("touchstart",this._pointerDown,N)}},{key:"_applyRootElementTransform",value:function(e,t){var n=W(e,t);null==this._initialTransform&&(this._initialTransform=this._rootElement.style.transform||""),this._rootElement.style.transform=this._initialTransform?n+" "+this._initialTransform:n}},{key:"_getDragDistance",value:function(e){var t=this._pickupPositionOnPage;return t?{x:e.x-t.x,y:e.y-t.y}:{x:0,y:0}}},{key:"_cleanupCachedDimensions",value:function(){this._boundaryRect=this._previewRect=void 0,this._parentPositions.clear()}},{key:"_containInsideBoundaryOnResize",value:function(){var e=this._passiveTransform,t=e.x,n=e.y;if(!(0===t&&0===n||this.isDragging())&&this._boundaryElement){var i=this._boundaryElement.getBoundingClientRect(),r=this._rootElement.getBoundingClientRect();if(!(0===i.width&&0===i.height||0===r.width&&0===r.height)){var o=i.left-r.left,s=r.right-i.right,a=i.top-r.top,c=r.bottom-i.bottom;i.width>r.width?(o>0&&(t+=o),s>0&&(t-=s)):t=0,i.height>r.height?(a>0&&(n+=a),c>0&&(n-=c)):n=0,t===this._passiveTransform.x&&n===this._passiveTransform.y||this.setFreeDragPosition({y:n,x:t})}}}},{key:"_getDragStartDelay",value:function(e){var t=this.dragStartDelay;return"number"==typeof t?t:U(e)?t.touch:t?t.mouse:0}},{key:"_updateOnScroll",value:function(e){var t=this._parentPositions.handleScroll(e);if(t){var n=e.target;this._boundaryRect&&(n===this._document||n!==this._boundaryElement&&n.contains(this._boundaryElement))&&L(this._boundaryRect,t.top,t.left),this._pickupPositionOnPage.x+=t.left,this._pickupPositionOnPage.y+=t.top,this._dropContainer||(this._activeTransform.x-=t.left,this._activeTransform.y-=t.top,this._applyRootElementTransform(this._activeTransform.x,this._activeTransform.y))}}},{key:"_getViewportScrollPosition",value:function(){var e=this._parentPositions.positions.get(this._document);return e?e.scrollPosition:this._viewportRuler.getViewportScrollPosition()}},{key:"_getShadowRoot",value:function(){return void 0===this._cachedShadowRoot&&(this._cachedShadowRoot=Object(l.c)(this._rootElement)),this._cachedShadowRoot}},{key:"disabled",get:function(){return this._disabled||!(!this._dropContainer||!this._dropContainer.disabled)},set:function(e){var t=Object(p.c)(e);t!==this._disabled&&(this._disabled=t,this._toggleNativeDragInteractions(),this._handles.forEach(function(e){return S(e,t)}))}}]),e}();function W(e,t){return"translate3d(".concat(Math.round(e),"px, ").concat(Math.round(t),"px, 0)")}function Q(e,t,n){return Math.max(t,Math.min(n,e))}function Z(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function U(e){return"t"===e.type[0]}function $(e,t){var n=e.rootNodes;if(1===n.length&&n[0].nodeType===t.ELEMENT_NODE)return n[0];var i=t.createElement("div");return n.forEach(function(e){return i.appendChild(e)}),i}function X(e,t){e.style.width=t.width+"px",e.style.height=t.height+"px",e.style.transform=W(t.left,t.top)}function q(e,t,n){var i=K(t,e.length-1),r=K(n,e.length-1);if(i!==r){for(var o=e[i],s=r<i?-1:1,a=i;a!==r;a+=s)e[a]=e[a+s];e[r]=o}}function J(e,t,n,i){var r=K(n,e.length-1),o=K(i,t.length);e.length&&t.splice(o,0,e.splice(r,1)[0])}function K(e,t){return Math.max(0,Math.min(t,e))}var ee=function(){function n(e,t,i,o,s){var a=this;r(this,n),this._dragDropRegistry=t,this._ngZone=o,this._viewportRuler=s,this.disabled=!1,this.sortingDisabled=!1,this.autoScrollDisabled=!1,this.enterPredicate=function(){return!0},this.sortPredicate=function(){return!0},this.beforeStarted=new h.a,this.entered=new h.a,this.exited=new h.a,this.dropped=new h.a,this.sorted=new h.a,this._isDragging=!1,this._itemPositions=[],this._previousSwap={drag:null,delta:0,overlaps:!1},this._siblings=[],this._orientation="vertical",this._activeSiblings=new Set,this._direction="ltr",this._viewportScrollSubscription=u.a.EMPTY,this._verticalScrollDirection=0,this._horizontalScrollDirection=0,this._stopScrollTimers=new h.a,this._cachedShadowRoot=null,this._startScrollInterval=function(){a._stopScrolling(),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:b.a;return(!Object(f.a)(e)||e<0)&&(e=0),t&&"function"==typeof t.schedule||(t=b.a),new g.a(function(n){return n.add(t.schedule(x,e,{subscriber:n,counter:0,period:e})),n})}(0,v.a).pipe(Object(_.a)(a._stopScrollTimers)).subscribe(function(){var e=a._scrollNode;1===a._verticalScrollDirection?ne(e,-2):2===a._verticalScrollDirection&&ne(e,2),1===a._horizontalScrollDirection?ie(e,-2):2===a._horizontalScrollDirection&&ie(e,2)})},this.element=Object(p.e)(e),this._document=i,this.withScrollableParents([this.element]),t.registerDropContainer(this),this._parentPositions=new z(i,s)}return s(n,[{key:"dispose",value:function(){this._stopScrolling(),this._stopScrollTimers.complete(),this._viewportScrollSubscription.unsubscribe(),this.beforeStarted.complete(),this.entered.complete(),this.exited.complete(),this.dropped.complete(),this.sorted.complete(),this._activeSiblings.clear(),this._scrollNode=null,this._parentPositions.clear(),this._dragDropRegistry.removeDropContainer(this)}},{key:"isDragging",value:function(){return this._isDragging}},{key:"start",value:function(){var e=this,t=Object(p.e)(this.element).style;this.beforeStarted.next(),this._isDragging=!0,this._initialScrollSnap=t.msScrollSnapType||t.scrollSnapType||"",t.scrollSnapType=t.msScrollSnapType="none",this._cacheItems(),this._siblings.forEach(function(t){return t._startReceiving(e)}),this._viewportScrollSubscription.unsubscribe(),this._listenToScrollEvents()}},{key:"enter",value:function(e,t,n,i){var r;this.start(),null==i?-1===(r=this.sortingDisabled?this._draggables.indexOf(e):-1)&&(r=this._getItemIndexFromPointerPosition(e,t,n)):r=i;var o=this._activeDraggables,s=o.indexOf(e),a=e.getPlaceholderElement(),c=o[r];if(c===e&&(c=o[r+1]),s>-1&&o.splice(s,1),c&&!this._dragDropRegistry.isDragging(c)){var d=c.getRootElement();d.parentElement.insertBefore(a,d),o.splice(r,0,e)}else if(this._shouldEnterAsFirstChild(t,n)){var l=o[0].getRootElement();l.parentNode.insertBefore(a,l),o.unshift(e)}else Object(p.e)(this.element).appendChild(a),o.push(e);a.style.transform="",this._cacheItemPositions(),this._cacheParentPositions(),this.entered.next({item:e,container:this,currentIndex:this.getItemIndex(e)})}},{key:"exit",value:function(e){this._reset(),this.exited.next({item:e,container:this})}},{key:"drop",value:function(e,t,n,i,r,o){this._reset(),this.dropped.next({item:e,currentIndex:t,previousIndex:n,container:this,previousContainer:i,isPointerOverContainer:r,distance:o})}},{key:"withItems",value:function(e){var t=this,n=this._draggables;return this._draggables=e,e.forEach(function(e){return e._withDropContainer(t)}),this.isDragging()&&(n.filter(function(e){return e.isDragging()}).every(function(t){return-1===e.indexOf(t)})?this._reset():this._cacheItems()),this}},{key:"withDirection",value:function(e){return this._direction=e,this}},{key:"connectedTo",value:function(e){return this._siblings=e.slice(),this}},{key:"withOrientation",value:function(e){return this._orientation=e,this}},{key:"withScrollableParents",value:function(e){var n=Object(p.e)(this.element);return this._scrollableElements=-1===e.indexOf(n)?[n].concat(t(e)):e.slice(),this}},{key:"getScrollableParents",value:function(){return this._scrollableElements}},{key:"getItemIndex",value:function(e){return this._isDragging?te("horizontal"===this._orientation&&"rtl"===this._direction?this._itemPositions.slice().reverse():this._itemPositions,function(t){return t.drag===e}):this._draggables.indexOf(e)}},{key:"isReceiving",value:function(){return this._activeSiblings.size>0}},{key:"_sortItem",value:function(e,t,n,i){if(!this.sortingDisabled&&T(this._clientRect,.05,t,n)){var r=this._itemPositions,o=this._getItemIndexFromPointerPosition(e,t,n,i);if(!(-1===o&&r.length>0)){var s="horizontal"===this._orientation,a=te(r,function(t){return t.drag===e}),c=r[o],d=c.clientRect,l=a>o?1:-1,p=this._getItemOffsetPx(r[a].clientRect,d,l),h=this._getSiblingOffsetPx(a,r,l),u=r.slice();q(r,a,o),this.sorted.next({previousIndex:a,currentIndex:o,container:this,item:e}),r.forEach(function(t,n){if(u[n]!==t){var i=t.drag===e,r=i?p:h,o=i?e.getPlaceholderElement():t.drag.getRootElement();t.offset+=r,s?(o.style.transform="translate3d(".concat(Math.round(t.offset),"px, 0, 0)"),L(t.clientRect,0,r)):(o.style.transform="translate3d(0, ".concat(Math.round(t.offset),"px, 0)"),L(t.clientRect,r,0))}}),this._previousSwap.overlaps=M(d,t,n),this._previousSwap.drag=c.drag,this._previousSwap.delta=s?i.x:i.y}}}},{key:"_startScrollingIfNecessary",value:function(t,n){var i=this;if(!this.autoScrollDisabled){var r,o=0,s=0;if(this._parentPositions.positions.forEach(function(a,c){var d;c!==i._document&&a.clientRect&&!r&&T(a.clientRect,.05,t,n)&&(d=e(function(e,t,n,i){var r=re(t,i),o=oe(t,n),s=0,a=0;if(r){var c=e.scrollTop;1===r?c>0&&(s=1):e.scrollHeight-c>e.clientHeight&&(s=2)}if(o){var d=e.scrollLeft;1===o?d>0&&(a=1):e.scrollWidth-d>e.clientWidth&&(a=2)}return[s,a]}(c,a.clientRect,t,n),2),o=d[0],s=d[1],(o||s)&&(r=c))}),!o&&!s){var a=this._viewportRuler.getViewportSize(),c=a.width,d=a.height,l={width:c,height:d,top:0,right:c,bottom:d,left:0};o=re(l,n),s=oe(l,t),r=window}!r||o===this._verticalScrollDirection&&s===this._horizontalScrollDirection&&r===this._scrollNode||(this._verticalScrollDirection=o,this._horizontalScrollDirection=s,this._scrollNode=r,(o||s)&&r?this._ngZone.runOutsideAngular(this._startScrollInterval):this._stopScrolling())}}},{key:"_stopScrolling",value:function(){this._stopScrollTimers.next()}},{key:"_cacheParentPositions",value:function(){var e=Object(p.e)(this.element);this._parentPositions.cache(this._scrollableElements),this._clientRect=this._parentPositions.positions.get(e).clientRect}},{key:"_cacheItemPositions",value:function(){var e="horizontal"===this._orientation;this._itemPositions=this._activeDraggables.map(function(e){var t=e.getVisibleElement();return{drag:e,offset:0,clientRect:R(t)}}).sort(function(t,n){return e?t.clientRect.left-n.clientRect.left:t.clientRect.top-n.clientRect.top})}},{key:"_reset",value:function(){var e=this;this._isDragging=!1;var t=Object(p.e)(this.element).style;t.scrollSnapType=t.msScrollSnapType=this._initialScrollSnap,this._activeDraggables.forEach(function(e){var t=e.getRootElement();t&&(t.style.transform="")}),this._siblings.forEach(function(t){return t._stopReceiving(e)}),this._activeDraggables=[],this._itemPositions=[],this._previousSwap.drag=null,this._previousSwap.delta=0,this._previousSwap.overlaps=!1,this._stopScrolling(),this._viewportScrollSubscription.unsubscribe(),this._parentPositions.clear()}},{key:"_getSiblingOffsetPx",value:function(e,t,n){var i="horizontal"===this._orientation,r=t[e].clientRect,o=t[e+-1*n],s=r[i?"width":"height"]*n;if(o){var a=i?"left":"top",c=i?"right":"bottom";-1===n?s-=o.clientRect[a]-r[c]:s+=r[a]-o.clientRect[c]}return s}},{key:"_getItemOffsetPx",value:function(e,t,n){var i="horizontal"===this._orientation,r=i?t.left-e.left:t.top-e.top;return-1===n&&(r+=i?t.width-e.width:t.height-e.height),r}},{key:"_shouldEnterAsFirstChild",value:function(e,t){if(!this._activeDraggables.length)return!1;var n=this._itemPositions,i="horizontal"===this._orientation;if(n[0].drag!==this._activeDraggables[0]){var r=n[n.length-1].clientRect;return i?e>=r.right:t>=r.bottom}var o=n[0].clientRect;return i?e<=o.left:t<=o.top}},{key:"_getItemIndexFromPointerPosition",value:function(e,t,n,i){var r=this,o="horizontal"===this._orientation,s=te(this._itemPositions,function(s,a,c){var d=s.drag,l=s.clientRect;if(d===e)return c.length<2;if(i){var p=o?i.x:i.y;if(d===r._previousSwap.drag&&r._previousSwap.overlaps&&p===r._previousSwap.delta)return!1}return o?t>=Math.floor(l.left)&&t<Math.floor(l.right):n>=Math.floor(l.top)&&n<Math.floor(l.bottom)});return-1!==s&&this.sortPredicate(s,e,this)?s:-1}},{key:"_cacheItems",value:function(){this._activeDraggables=this._draggables.slice(),this._cacheItemPositions(),this._cacheParentPositions()}},{key:"_isOverContainer",value:function(e,t){return M(this._clientRect,e,t)}},{key:"_getSiblingContainerFromPosition",value:function(e,t,n){return this._siblings.find(function(i){return i._canReceive(e,t,n)})}},{key:"_canReceive",value:function(e,t,n){if(!M(this._clientRect,t,n)||!this.enterPredicate(e,this))return!1;var i=this._getShadowRoot().elementFromPoint(t,n);if(!i)return!1;var r=Object(p.e)(this.element);return i===r||r.contains(i)}},{key:"_startReceiving",value:function(e){var t=this._activeSiblings;t.has(e)||(t.add(e),this._cacheParentPositions(),this._listenToScrollEvents())}},{key:"_stopReceiving",value:function(e){this._activeSiblings.delete(e),this._viewportScrollSubscription.unsubscribe()}},{key:"_listenToScrollEvents",value:function(){var e=this;this._viewportScrollSubscription=this._dragDropRegistry.scroll.subscribe(function(t){if(e.isDragging()){var n=e._parentPositions.handleScroll(t);n&&(e._itemPositions.forEach(function(e){L(e.clientRect,n.top,n.left)}),e._itemPositions.forEach(function(t){var n=t.drag;e._dragDropRegistry.isDragging(n)&&n._sortFromLastPointerPosition()}))}else e.isReceiving()&&e._cacheParentPositions()})}},{key:"_getShadowRoot",value:function(){if(!this._cachedShadowRoot){var e=Object(l.c)(Object(p.e)(this.element));this._cachedShadowRoot=e||this._document}return this._cachedShadowRoot}}]),n}();function te(e,t){for(var n=0;n<e.length;n++)if(t(e[n],n,e))return n;return-1}function ne(e,t){e===window?e.scrollBy(0,t):e.scrollTop+=t}function ie(e,t){e===window?e.scrollBy(t,0):e.scrollLeft+=t}function re(e,t){var n=e.top,i=e.bottom,r=.05*e.height;return t>=n-r&&t<=n+r?1:t>=i-r&&t<=i+r?2:0}function oe(e,t){var n=e.left,i=e.right,r=.05*e.width;return t>=n-r&&t<=n+r?1:t>=i-r&&t<=i+r?2:0}var se,ae,ce,de,le,pe,he,ue,ge=Object(l.f)({passive:!1,capture:!0}),be=((se=function(){function e(t,n){var i=this;r(this,e),this._ngZone=t,this._dropInstances=new Set,this._dragInstances=new Set,this._activeDragInstances=new Set,this._globalListeners=new Map,this.pointerMove=new h.a,this.pointerUp=new h.a,this.scroll=new h.a,this._preventDefaultWhileDragging=function(e){i._activeDragInstances.size&&e.preventDefault()},this._persistentTouchmoveListener=function(e){i._activeDragInstances.size&&(e.preventDefault(),i.pointerMove.next(e))},this._document=n}return s(e,[{key:"registerDropContainer",value:function(e){this._dropInstances.has(e)||this._dropInstances.add(e)}},{key:"registerDragItem",value:function(e){var t=this;this._dragInstances.add(e),1===this._dragInstances.size&&this._ngZone.runOutsideAngular(function(){t._document.addEventListener("touchmove",t._persistentTouchmoveListener,ge)})}},{key:"removeDropContainer",value:function(e){this._dropInstances.delete(e)}},{key:"removeDragItem",value:function(e){this._dragInstances.delete(e),this.stopDragging(e),0===this._dragInstances.size&&this._document.removeEventListener("touchmove",this._persistentTouchmoveListener,ge)}},{key:"startDragging",value:function(e,t){var n=this;if(!this._activeDragInstances.has(e)&&(this._activeDragInstances.add(e),1===this._activeDragInstances.size)){var i=t.type.startsWith("touch");this._globalListeners.set(i?"touchend":"mouseup",{handler:function(e){return n.pointerUp.next(e)},options:!0}).set("scroll",{handler:function(e){return n.scroll.next(e)},options:!0}).set("selectstart",{handler:this._preventDefaultWhileDragging,options:ge}),i||this._globalListeners.set("mousemove",{handler:function(e){return n.pointerMove.next(e)},options:ge}),this._ngZone.runOutsideAngular(function(){n._globalListeners.forEach(function(e,t){n._document.addEventListener(t,e.handler,e.options)})})}}},{key:"stopDragging",value:function(e){this._activeDragInstances.delete(e),0===this._activeDragInstances.size&&this._clearGlobalListeners()}},{key:"isDragging",value:function(e){return this._activeDragInstances.has(e)}},{key:"ngOnDestroy",value:function(){var e=this;this._dragInstances.forEach(function(t){return e.removeDragItem(t)}),this._dropInstances.forEach(function(t){return e.removeDropContainer(t)}),this._clearGlobalListeners(),this.pointerMove.complete(),this.pointerUp.complete()}},{key:"_clearGlobalListeners",value:function(){var e=this;this._globalListeners.forEach(function(t,n){e._document.removeEventListener(n,t.handler,t.options)}),this._globalListeners.clear()}}]),e}()).\u0275fac=function(e){return new(e||se)(a.ic(a.I),a.ic(c.e))},se.\u0275prov=Object(a.Ub)({factory:function(){return new se(Object(a.ic)(a.I),Object(a.ic)(c.e))},token:se,providedIn:"root"}),se),fe={dragStartThreshold:5,pointerDirectionChangeThreshold:5},xe=((ae=function(){function e(t,n,i,o){r(this,e),this._document=t,this._ngZone=n,this._viewportRuler=i,this._dragDropRegistry=o}return s(e,[{key:"createDrag",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:fe;return new Y(e,t,this._document,this._ngZone,this._viewportRuler,this._dragDropRegistry)}},{key:"createDropList",value:function(e){return new ee(e,this._dragDropRegistry,this._document,this._ngZone,this._viewportRuler)}}]),e}()).\u0275fac=function(e){return new(e||ae)(a.ic(c.e),a.ic(a.I),a.ic(d.j),a.ic(be))},ae.\u0275prov=Object(a.Ub)({factory:function(){return new ae(Object(a.ic)(c.e),Object(a.ic)(a.I),Object(a.ic)(d.j),Object(a.ic)(be))},token:ae,providedIn:"root"}),ae),ve=new a.x("CDK_DRAG_PARENT"),me=new a.x("CdkDropListGroup"),_e=((ce=function(){function e(){r(this,e),this._items=new Set,this._disabled=!1}return s(e,[{key:"ngOnDestroy",value:function(){this._items.clear()}},{key:"disabled",get:function(){return this._disabled},set:function(e){this._disabled=Object(p.c)(e)}}]),e}()).\u0275fac=function(e){return new(e||ce)},ce.\u0275dir=a.Tb({type:ce,selectors:[["","cdkDropListGroup",""]],inputs:{disabled:["cdkDropListGroupDisabled","disabled"]},exportAs:["cdkDropListGroup"],features:[a.Lb([{provide:me,useExisting:ce}])]}),ce),Oe=new a.x("CDK_DRAG_CONFIG"),ke=0,De=new a.x("CdkDropList"),ye=((de=function(){function e(t,n,i,o,s,c,d){var l=this;r(this,e),this.element=t,this._changeDetectorRef=i,this._scrollDispatcher=o,this._dir=s,this._group=c,this._destroyed=new h.a,this.connectedTo=[],this.id="cdk-drop-list-"+ke++,this.enterPredicate=function(){return!0},this.sortPredicate=function(){return!0},this.dropped=new a.s,this.entered=new a.s,this.exited=new a.s,this.sorted=new a.s,this._unsortedItems=new Set,this._dropListRef=n.createDropList(t),this._dropListRef.data=this,d&&this._assignDefaults(d),this._dropListRef.enterPredicate=function(e,t){return l.enterPredicate(e.data,t.data)},this._dropListRef.sortPredicate=function(e,t,n){return l.sortPredicate(e,t.data,n.data)},this._setupInputSyncSubscription(this._dropListRef),this._handleEvents(this._dropListRef),e._dropLists.push(this),c&&c._items.add(this)}return s(e,[{key:"addItem",value:function(e){this._unsortedItems.add(e),this._dropListRef.isDragging()&&this._syncItemsWithRef()}},{key:"removeItem",value:function(e){this._unsortedItems.delete(e),this._dropListRef.isDragging()&&this._syncItemsWithRef()}},{key:"getSortedItems",value:function(){return Array.from(this._unsortedItems).sort(function(e,t){return e._dragRef.getVisibleElement().compareDocumentPosition(t._dragRef.getVisibleElement())&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}},{key:"ngOnDestroy",value:function(){var t=e._dropLists.indexOf(this);t>-1&&e._dropLists.splice(t,1),this._group&&this._group._items.delete(this),this._unsortedItems.clear(),this._dropListRef.dispose(),this._destroyed.next(),this._destroyed.complete()}},{key:"_setupInputSyncSubscription",value:function(t){var n=this;this._dir&&this._dir.change.pipe(Object(O.a)(this._dir.value),Object(_.a)(this._destroyed)).subscribe(function(e){return t.withDirection(e)}),t.beforeStarted.subscribe(function(){var i=Object(p.b)(n.connectedTo).map(function(t){return"string"==typeof t?e._dropLists.find(function(e){return e.id===t}):t});if(n._group&&n._group._items.forEach(function(e){-1===i.indexOf(e)&&i.push(e)}),!n._scrollableParentsResolved){var r=n._scrollDispatcher.getAncestorScrollContainers(n.element).map(function(e){return e.getElementRef().nativeElement});n._dropListRef.withScrollableParents(r),n._scrollableParentsResolved=!0}t.disabled=n.disabled,t.lockAxis=n.lockAxis,t.sortingDisabled=Object(p.c)(n.sortingDisabled),t.autoScrollDisabled=Object(p.c)(n.autoScrollDisabled),t.connectedTo(i.filter(function(e){return e&&e!==n}).map(function(e){return e._dropListRef})).withOrientation(n.orientation)})}},{key:"_handleEvents",value:function(e){var t=this;e.beforeStarted.subscribe(function(){t._syncItemsWithRef(),t._changeDetectorRef.markForCheck()}),e.entered.subscribe(function(e){t.entered.emit({container:t,item:e.item.data,currentIndex:e.currentIndex})}),e.exited.subscribe(function(e){t.exited.emit({container:t,item:e.item.data}),t._changeDetectorRef.markForCheck()}),e.sorted.subscribe(function(e){t.sorted.emit({previousIndex:e.previousIndex,currentIndex:e.currentIndex,container:t,item:e.item.data})}),e.dropped.subscribe(function(e){t.dropped.emit({previousIndex:e.previousIndex,currentIndex:e.currentIndex,previousContainer:e.previousContainer.data,container:e.container.data,item:e.item.data,isPointerOverContainer:e.isPointerOverContainer,distance:e.distance}),t._changeDetectorRef.markForCheck()})}},{key:"_assignDefaults",value:function(e){var t=e.lockAxis,n=e.draggingDisabled,i=e.sortingDisabled,r=e.listAutoScrollDisabled,o=e.listOrientation;this.disabled=null!=n&&n,this.sortingDisabled=null!=i&&i,this.autoScrollDisabled=null!=r&&r,this.orientation=o||"vertical",t&&(this.lockAxis=t)}},{key:"_syncItemsWithRef",value:function(){this._dropListRef.withItems(this.getSortedItems().map(function(e){return e._dragRef}))}},{key:"disabled",get:function(){return this._disabled||!!this._group&&this._group.disabled},set:function(e){this._dropListRef.disabled=this._disabled=Object(p.c)(e)}}]),e}()).\u0275fac=function(e){return new(e||de)(a.Yb(a.p),a.Yb(xe),a.Yb(a.i),a.Yb(d.g),a.Yb(j.c,8),a.Yb(me,12),a.Yb(Oe,8))},de.\u0275dir=a.Tb({type:de,selectors:[["","cdkDropList",""],["cdk-drop-list"]],hostAttrs:[1,"cdk-drop-list"],hostVars:7,hostBindings:function(e,t){2&e&&(a.Nb("id",t.id),a.Qb("cdk-drop-list-disabled",t.disabled)("cdk-drop-list-dragging",t._dropListRef.isDragging())("cdk-drop-list-receiving",t._dropListRef.isReceiving()))},inputs:{connectedTo:["cdkDropListConnectedTo","connectedTo"],id:"id",enterPredicate:["cdkDropListEnterPredicate","enterPredicate"],sortPredicate:["cdkDropListSortPredicate","sortPredicate"],disabled:["cdkDropListDisabled","disabled"],sortingDisabled:["cdkDropListSortingDisabled","sortingDisabled"],autoScrollDisabled:["cdkDropListAutoScrollDisabled","autoScrollDisabled"],orientation:["cdkDropListOrientation","orientation"],lockAxis:["cdkDropListLockAxis","lockAxis"],data:["cdkDropListData","data"]},outputs:{dropped:"cdkDropListDropped",entered:"cdkDropListEntered",exited:"cdkDropListExited",sorted:"cdkDropListSorted"},exportAs:["cdkDropList"],features:[a.Lb([{provide:me,useValue:void 0},{provide:De,useExisting:de}])]}),de._dropLists=[],de),we=new a.x("CdkDragHandle"),je=((le=function(){function e(t,n){r(this,e),this.element=t,this._stateChanges=new h.a,this._disabled=!1,this._parentDrag=n}return s(e,[{key:"ngOnDestroy",value:function(){this._stateChanges.complete()}},{key:"disabled",get:function(){return this._disabled},set:function(e){this._disabled=Object(p.c)(e),this._stateChanges.next(this)}}]),e}()).\u0275fac=function(e){return new(e||le)(a.Yb(a.p),a.Yb(ve,12))},le.\u0275dir=a.Tb({type:le,selectors:[["","cdkDragHandle",""]],hostAttrs:[1,"cdk-drag-handle"],inputs:{disabled:["cdkDragHandleDisabled","disabled"]},features:[a.Lb([{provide:we,useExisting:le}])]}),le),Pe=new a.x("CdkDragPlaceholder"),Se=((pe=function e(t){r(this,e),this.templateRef=t}).\u0275fac=function(e){return new(e||pe)(a.Yb(a.V))},pe.\u0275dir=a.Tb({type:pe,selectors:[["ng-template","cdkDragPlaceholder",""]],inputs:{data:"data"},features:[a.Lb([{provide:Pe,useExisting:pe}])]}),pe),Ce=new a.x("CdkDragPreview"),Ee=((ue=function(){function e(t){r(this,e),this.templateRef=t,this._matchSize=!1}return s(e,[{key:"matchSize",get:function(){return this._matchSize},set:function(e){this._matchSize=Object(p.c)(e)}}]),e}()).\u0275fac=function(e){return new(e||ue)(a.Yb(a.V))},ue.\u0275dir=a.Tb({type:ue,selectors:[["ng-template","cdkDragPreview",""]],inputs:{matchSize:"matchSize",data:"data"},features:[a.Lb([{provide:Ce,useExisting:ue}])]}),ue),Ie=((he=function(){function e(t,n,i,o,s,c,d,l,p,u){var b=this;r(this,e),this.element=t,this.dropContainer=n,this._ngZone=o,this._viewContainerRef=s,this._dir=d,this._changeDetectorRef=p,this._selfHandle=u,this._destroyed=new h.a,this.started=new a.s,this.released=new a.s,this.ended=new a.s,this.entered=new a.s,this.exited=new a.s,this.dropped=new a.s,this.moved=new g.a(function(e){var t=b._dragRef.moved.pipe(Object(k.a)(function(e){return{source:b,pointerPosition:e.pointerPosition,event:e.event,delta:e.delta,distance:e.distance}})).subscribe(e);return function(){t.unsubscribe()}}),this._dragRef=l.createDrag(t,{dragStartThreshold:c&&null!=c.dragStartThreshold?c.dragStartThreshold:5,pointerDirectionChangeThreshold:c&&null!=c.pointerDirectionChangeThreshold?c.pointerDirectionChangeThreshold:5,zIndex:null==c?void 0:c.zIndex}),this._dragRef.data=this,c&&this._assignDefaults(c),n&&(this._dragRef._withDropContainer(n._dropListRef),n.addItem(this)),this._syncInputs(this._dragRef),this._handleEvents(this._dragRef)}return s(e,[{key:"getPlaceholderElement",value:function(){return this._dragRef.getPlaceholderElement()}},{key:"getRootElement",value:function(){return this._dragRef.getRootElement()}},{key:"reset",value:function(){this._dragRef.reset()}},{key:"getFreeDragPosition",value:function(){return this._dragRef.getFreeDragPosition()}},{key:"ngAfterViewInit",value:function(){var e=this;this._ngZone.onStable.pipe(Object(D.a)(1),Object(_.a)(this._destroyed)).subscribe(function(){e._updateRootElement(),e._handles.changes.pipe(Object(O.a)(e._handles),Object(y.a)(function(t){var n=t.filter(function(t){return t._parentDrag===e}).map(function(e){return e.element});e._selfHandle&&e.rootElementSelector&&n.push(e.element),e._dragRef.withHandles(n)}),Object(w.a)(function(e){return Object(m.a).apply(void 0,t(e.map(function(e){return e._stateChanges.pipe(Object(O.a)(e))})))}),Object(_.a)(e._destroyed)).subscribe(function(t){var n=e._dragRef,i=t.element.nativeElement;t.disabled?n.disableHandle(i):n.enableHandle(i)}),e.freeDragPosition&&e._dragRef.setFreeDragPosition(e.freeDragPosition)})}},{key:"ngOnChanges",value:function(e){var t=e.rootElementSelector,n=e.freeDragPosition;t&&!t.firstChange&&this._updateRootElement(),n&&!n.firstChange&&this.freeDragPosition&&this._dragRef.setFreeDragPosition(this.freeDragPosition)}},{key:"ngOnDestroy",value:function(){this.dropContainer&&this.dropContainer.removeItem(this),this._destroyed.next(),this._destroyed.complete(),this._dragRef.dispose()}},{key:"_updateRootElement",value:function(){var e=this.element.nativeElement,t=this.rootElementSelector?Re(e,this.rootElementSelector):e;this._dragRef.withRootElement(t||e)}},{key:"_getBoundaryElement",value:function(){var e=this.boundaryElement;return e?"string"==typeof e?Re(this.element.nativeElement,e):Object(p.e)(e):null}},{key:"_syncInputs",value:function(e){var t=this;e.beforeStarted.subscribe(function(){if(!e.isDragging()){var n=t._dir,i=t.dragStartDelay,r=t._placeholderTemplate?{template:t._placeholderTemplate.templateRef,context:t._placeholderTemplate.data,viewContainer:t._viewContainerRef}:null,o=t._previewTemplate?{template:t._previewTemplate.templateRef,context:t._previewTemplate.data,matchSize:t._previewTemplate.matchSize,viewContainer:t._viewContainerRef}:null;e.disabled=t.disabled,e.lockAxis=t.lockAxis,e.dragStartDelay="object"==typeof i&&i?i:Object(p.f)(i),e.constrainPosition=t.constrainPosition,e.previewClass=t.previewClass,e.withBoundaryElement(t._getBoundaryElement()).withPlaceholderTemplate(r).withPreviewTemplate(o),n&&e.withDirection(n.value)}})}},{key:"_handleEvents",value:function(e){var t=this;e.started.subscribe(function(){t.started.emit({source:t}),t._changeDetectorRef.markForCheck()}),e.released.subscribe(function(){t.released.emit({source:t})}),e.ended.subscribe(function(e){t.ended.emit({source:t,distance:e.distance}),t._changeDetectorRef.markForCheck()}),e.entered.subscribe(function(e){t.entered.emit({container:e.container.data,item:t,currentIndex:e.currentIndex})}),e.exited.subscribe(function(e){t.exited.emit({container:e.container.data,item:t})}),e.dropped.subscribe(function(e){t.dropped.emit({previousIndex:e.previousIndex,currentIndex:e.currentIndex,previousContainer:e.previousContainer.data,container:e.container.data,isPointerOverContainer:e.isPointerOverContainer,item:t,distance:e.distance})})}},{key:"_assignDefaults",value:function(e){var t=e.lockAxis,n=e.dragStartDelay,i=e.constrainPosition,r=e.previewClass,o=e.boundaryElement,s=e.draggingDisabled,a=e.rootElementSelector;this.disabled=null!=s&&s,this.dragStartDelay=n||0,t&&(this.lockAxis=t),i&&(this.constrainPosition=i),r&&(this.previewClass=r),o&&(this.boundaryElement=o),a&&(this.rootElementSelector=a)}},{key:"disabled",get:function(){return this._disabled||this.dropContainer&&this.dropContainer.disabled},set:function(e){this._disabled=Object(p.c)(e),this._dragRef.disabled=this._disabled}}]),e}()).\u0275fac=function(e){return new(e||he)(a.Yb(a.p),a.Yb(De,12),a.Yb(c.e),a.Yb(a.I),a.Yb(a.ab),a.Yb(Oe,8),a.Yb(j.c,8),a.Yb(xe),a.Yb(a.i),a.Yb(we,10))},he.\u0275dir=a.Tb({type:he,selectors:[["","cdkDrag",""]],contentQueries:function(e,t,n){var i;1&e&&(a.Rb(n,Ce,!0),a.Rb(n,Pe,!0),a.Rb(n,we,!0)),2&e&&(a.Bc(i=a.mc())&&(t._previewTemplate=i.first),a.Bc(i=a.mc())&&(t._placeholderTemplate=i.first),a.Bc(i=a.mc())&&(t._handles=i))},hostAttrs:[1,"cdk-drag"],hostVars:4,hostBindings:function(e,t){2&e&&a.Qb("cdk-drag-disabled",t.disabled)("cdk-drag-dragging",t._dragRef.isDragging())},inputs:{disabled:["cdkDragDisabled","disabled"],dragStartDelay:["cdkDragStartDelay","dragStartDelay"],lockAxis:["cdkDragLockAxis","lockAxis"],constrainPosition:["cdkDragConstrainPosition","constrainPosition"],previewClass:["cdkDragPreviewClass","previewClass"],boundaryElement:["cdkDragBoundary","boundaryElement"],rootElementSelector:["cdkDragRootElement","rootElementSelector"],data:["cdkDragData","data"],freeDragPosition:["cdkDragFreeDragPosition","freeDragPosition"]},outputs:{started:"cdkDragStarted",released:"cdkDragReleased",ended:"cdkDragEnded",entered:"cdkDragEntered",exited:"cdkDragExited",dropped:"cdkDragDropped",moved:"cdkDragMoved"},exportAs:["cdkDrag"],features:[a.Lb([{provide:ve,useExisting:he}]),a.Kb]}),he);function Re(e,t){for(var n=e.parentElement;n;){if(n.matches?n.matches(t):n.msMatchesSelector(t))return n;n=n.parentElement}return null}var Me,Le=((Me=function e(){r(this,e)}).\u0275mod=a.Wb({type:Me}),Me.\u0275inj=a.Vb({factory:function(e){return new(e||Me)},providers:[xe],imports:[d.c]}),Me)},V6dQ:function(e,t,n){"use strict";n.r(t),n.d(t,"CdkDragDropAxisLockExample",function(){return l}),n.d(t,"CdkDragDropBoundaryExample",function(){return p}),n.d(t,"CdkDragDropConnectedSortingExample",function(){return v}),n.d(t,"CdkDragDropConnectedSortingGroupExample",function(){return g}),n.d(t,"CdkDragDropCustomPlaceholderExample",function(){return O}),n.d(t,"CdkDragDropCustomPreviewExample",function(){return y}),n.d(t,"CdkDragDropDelayExample",function(){return w}),n.d(t,"CdkDragDropDisabledExample",function(){return E}),n.d(t,"CdkDragDropDisabledSortingExample",function(){return S}),n.d(t,"CdkDragDropEnterPredicateExample",function(){return M}),n.d(t,"CdkDragDropExamplesModule",function(){return W}),n.d(t,"CdkDragDropFreeDragPositionExample",function(){return L}),n.d(t,"CdkDragDropHandleExample",function(){return T}),n.d(t,"CdkDragDropHorizontalSortingExample",function(){return A}),n.d(t,"CdkDragDropOverviewExample",function(){return F}),n.d(t,"CdkDragDropRootElementExample",function(){return H}),n.d(t,"CdkDragDropSortPredicateExample",function(){return Y}),n.d(t,"CdkDragDropSortingExample",function(){return N});var i=n("5+WD"),o=n("rDax"),a=n("ofXK"),c=n("fXoL"),d=n("+rOU"),l=function(){var e=function e(){r(this,e)};return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-axis-lock-example"]],decls:4,vars:0,consts:[["cdkDragLockAxis","y","cdkDrag","",1,"example-box"],["cdkDragLockAxis","x","cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.Sc)(1," I can only be dragged up/down\n"),Object(c.dc)(),Object(c.ec)(2,"div",1),Object(c.Sc)(3," I can only be dragged left/right\n"),Object(c.dc)())},directives:[i.a],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}"]}),e}(),p=function(){var e=function e(){r(this,e)};return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-boundary-example"]],decls:3,vars:0,consts:[[1,"example-boundary"],["cdkDragBoundary",".example-boundary","cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.ec)(1,"div",1),Object(c.Sc)(2," I can only be dragged within the dotted container "),Object(c.dc)(),Object(c.dc)())},directives:[i.a],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}"]}),e}();function h(e,t){if(1&e&&(Object(c.ec)(0,"div",4),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}function u(e,t){if(1&e&&(Object(c.ec)(0,"div",4),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}var g=function(){var e=function(){function e(){r(this,e),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"]}return s(e,[{key:"drop",value:function(e){e.previousContainer===e.container?Object(i.h)(e.container.data,e.previousIndex,e.currentIndex):Object(i.i)(e.previousContainer.data,e.container.data,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-connected-sorting-group-example"]],decls:11,vars:4,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.ec)(1,"div",1),Object(c.ec)(2,"h2"),Object(c.Sc)(3,"To do"),Object(c.dc)(),Object(c.ec)(4,"div",2),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(5,h,2,1,"div",3),Object(c.dc)(),Object(c.dc)(),Object(c.ec)(6,"div",1),Object(c.ec)(7,"h2"),Object(c.Sc)(8,"Done"),Object(c.dc)(),Object(c.ec)(9,"div",2),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(10,u,2,1,"div",3),Object(c.dc)(),Object(c.dc)(),Object(c.dc)()),2&e&&(Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.todo),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.todo),Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.done),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.done))},directives:[i.f,i.e,a.s,i.a],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}"]}),e}();function b(e,t){if(1&e&&(Object(c.ec)(0,"div",5),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}function f(e,t){if(1&e&&(Object(c.ec)(0,"div",5),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}var x=function(e){return[e]},v=function(){var e=function(){function e(){r(this,e),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"]}return s(e,[{key:"drop",value:function(e){e.previousContainer===e.container?Object(i.h)(e.container.data,e.previousIndex,e.currentIndex):Object(i.i)(e.previousContainer.data,e.container.data,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-connected-sorting-example"]],decls:12,vars:10,consts:[[1,"example-container"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListConnectedTo","cdkDropListDropped"],["todoList","cdkDropList"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["doneList","cdkDropList"],["cdkDrag","",1,"example-box"]],template:function(e,t){if(1&e&&(Object(c.ec)(0,"div",0),Object(c.ec)(1,"h2"),Object(c.Sc)(2,"To do"),Object(c.dc)(),Object(c.ec)(3,"div",1,2),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(5,b,2,1,"div",3),Object(c.dc)(),Object(c.dc)(),Object(c.ec)(6,"div",0),Object(c.ec)(7,"h2"),Object(c.Sc)(8,"Done"),Object(c.dc)(),Object(c.ec)(9,"div",1,4),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(11,f,2,1,"div",3),Object(c.dc)(),Object(c.dc)()),2&e){var n=Object(c.Cc)(4),i=Object(c.Cc)(10);Object(c.Mb)(3),Object(c.vc)("cdkDropListData",t.todo)("cdkDropListConnectedTo",Object(c.zc)(6,x,i)),Object(c.Mb)(2),Object(c.vc)("ngForOf",t.todo),Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.done)("cdkDropListConnectedTo",Object(c.zc)(8,x,n)),Object(c.Mb)(2),Object(c.vc)("ngForOf",t.done)}},directives:[i.e,a.s,i.a],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}"]}),e}();function m(e,t){1&e&&Object(c.Zb)(0,"div",4)}function _(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Qc)(1,m,1,0,"div",3),Object(c.Sc)(2),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(2),Object(c.Uc)(" ",n," ")}}var O=function(){var e=function(){function e(){r(this,e),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"]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.movies,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-custom-placeholder-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"],["class","example-custom-placeholder",4,"cdkDragPlaceholder"],[1,"example-custom-placeholder"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,_,3,1,"div",1),Object(c.dc)()),2&e&&(Object(c.Mb)(1),Object(c.vc)("ngForOf",t.movies))},directives:[i.e,a.s,i.a,i.c],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}"]}),e}();function k(e,t){if(1&e&&Object(c.Zb)(0,"img",4),2&e){var n=Object(c.pc)().$implicit;Object(c.vc)("src",n.poster,c.Ic)("alt",n.title)}}function D(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Sc)(1),Object(c.Qc)(2,k,1,2,"img",3),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Uc)(" ",n.title," ")}}var y=function(){var e=function(){function e(){r(this,e),this.movies=[{title:"Episode I - The Phantom Menace",poster:"https://upload.wikimedia.org/wikipedia/en/4/40/Star_Wars_Phantom_Menace_poster.jpg"},{title:"Episode II - Attack of the Clones",poster:"https://upload.wikimedia.org/wikipedia/en/3/32/Star_Wars_-_Episode_II_Attack_of_the_Clones_%28movie_poster%29.jpg"},{title:"Episode III - Revenge of the Sith",poster:"https://upload.wikimedia.org/wikipedia/en/9/93/Star_Wars_Episode_III_Revenge_of_the_Sith_poster.jpg"},{title:"Episode IV - A New Hope",poster:"https://upload.wikimedia.org/wikipedia/en/8/87/StarWarsMoviePoster1977.jpg"},{title:"Episode V - The Empire Strikes Back",poster:"https://upload.wikimedia.org/wikipedia/en/3/3c/SW_-_Empire_Strikes_Back.jpg"},{title:"Episode VI - Return of the Jedi",poster:"https://upload.wikimedia.org/wikipedia/en/b/b2/ReturnOfTheJediPoster1983.jpg"},{title:"Episode VII - The Force Awakens",poster:"https://upload.wikimedia.org/wikipedia/en/a/a2/Star_Wars_The_Force_Awakens_Theatrical_Poster.jpg"},{title:"Episode VIII - The Last Jedi",poster:"https://upload.wikimedia.org/wikipedia/en/7/7f/Star_Wars_The_Last_Jedi.jpg"},{title:"Episode IX \u2013 The Rise of Skywalker",poster:"https://upload.wikimedia.org/wikipedia/en/a/af/Star_Wars_The_Rise_of_Skywalker_poster.jpg"}]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.movies,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-custom-preview-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"],[3,"src","alt",4,"cdkDragPreview"],[3,"src","alt"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,D,3,1,"div",1),Object(c.dc)()),2&e&&(Object(c.Mb)(1),Object(c.vc)("ngForOf",t.movies))},directives:[i.e,a.s,i.a,i.d],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}"]}),e}(),w=function(){var e=function e(){r(this,e)};return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-delay-example"]],decls:2,vars:1,consts:[["cdkDrag","",1,"example-box",3,"cdkDragStartDelay"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.Sc)(1," Dragging starts after one second\n"),Object(c.dc)()),2&e&&Object(c.vc)("cdkDragStartDelay",1e3)},directives:[i.a],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}"]}),e}();function j(e,t){if(1&e&&(Object(c.ec)(0,"div",5),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}function P(e,t){if(1&e&&(Object(c.ec)(0,"div",5),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}var S=function(){var e=function(){function e(){r(this,e),this.items=["Carrots","Tomatoes","Onions","Apples","Avocados"],this.basket=["Oranges","Bananas","Cucumbers"]}return s(e,[{key:"drop",value:function(e){e.previousContainer===e.container?Object(i.h)(e.container.data,e.previousIndex,e.currentIndex):Object(i.i)(e.previousContainer.data,e.container.data,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-disabled-sorting-example"]],decls:11,vars:4,consts:[["cdkDropListGroup",""],[1,"example-container"],["cdkDropList","","cdkDropListSortingDisabled","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDropList","",1,"example-list",3,"cdkDropListData","cdkDropListDropped"],["cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.ec)(1,"div",1),Object(c.ec)(2,"h2"),Object(c.Sc)(3,"Available items"),Object(c.dc)(),Object(c.ec)(4,"div",2),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(5,j,2,1,"div",3),Object(c.dc)(),Object(c.dc)(),Object(c.ec)(6,"div",1),Object(c.ec)(7,"h2"),Object(c.Sc)(8,"Shopping basket"),Object(c.dc)(),Object(c.ec)(9,"div",4),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(10,P,2,1,"div",3),Object(c.dc)(),Object(c.dc)(),Object(c.dc)()),2&e&&(Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.items),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.items),Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.basket),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.basket))},directives:[i.f,i.e,a.s,i.a],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}"]}),e}();function C(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.vc)("cdkDragDisabled",n.disabled),Object(c.Mb)(1),Object(c.Tc)(n.value)}}var E=function(){var e=function(){function e(){r(this,e),this.items=[{value:"I can be dragged",disabled:!1},{value:"I cannot be dragged",disabled:!0},{value:"I can also be dragged",disabled:!1}]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.items,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-disabled-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragDisabled",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box",3,"cdkDragDisabled"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,C,2,2,"div",1),Object(c.dc)()),2&e&&(Object(c.Mb)(1),Object(c.vc)("ngForOf",t.items))},directives:[i.e,a.s,i.a],styles:[".example-list[_ngcontent-%COMP%] {\n  width: 500px;\n  max-width: 100%;\n  border: solid 1px #ccc;\n  min-height: 60px;\n  display: block;\n  background: white;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.example-box[_ngcontent-%COMP%] {\n  padding: 20px 10px;\n  border-bottom: solid 1px #ccc;\n  color: rgba(0, 0, 0, 0.87);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  cursor: move;\n  background: white;\n  font-size: 14px;\n}\n\n.example-box.cdk-drag-disabled[_ngcontent-%COMP%] {\n  background: #ccc;\n  cursor: default;\n}\n\n.cdk-drag-preview[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  border-radius: 4px;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n}\n\n.cdk-drag-placeholder[_ngcontent-%COMP%] {\n  opacity: 0;\n}\n\n.cdk-drag-animating[_ngcontent-%COMP%] {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.example-box[_ngcontent-%COMP%]:last-child {\n  border: none;\n}\n\n.example-list.cdk-drop-list-dragging[_ngcontent-%COMP%]   .example-box[_ngcontent-%COMP%]:not(.cdk-drag-placeholder) {\n  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n}"]}),e}();function I(e,t){if(1&e&&(Object(c.ec)(0,"div",4),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.vc)("cdkDragData",n),Object(c.Mb)(1),Object(c.Tc)(n)}}function R(e,t){if(1&e&&(Object(c.ec)(0,"div",4),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.vc)("cdkDragData",n),Object(c.Mb)(1),Object(c.Tc)(n)}}var M=function(){var e=function(){function e(){r(this,e),this.all=[1,2,3,4,5,6,7,8,9],this.even=[10]}return s(e,[{key:"drop",value:function(e){e.previousContainer===e.container?Object(i.h)(e.container.data,e.previousIndex,e.currentIndex):Object(i.i)(e.previousContainer.data,e.container.data,e.previousIndex,e.currentIndex)}},{key:"evenPredicate",value:function(e){return e.data%2==0}},{key:"noReturnPredicate",value:function(){return!1}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-enter-predicate-example"]],decls:10,vars:6,consts:[[1,"example-container"],["id","all","cdkDropList","","cdkDropListConnectedTo","even",1,"example-list",3,"cdkDropListData","cdkDropListEnterPredicate","cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragData",4,"ngFor","ngForOf"],["id","even","cdkDropList","","cdkDropListConnectedTo","all",1,"example-list",3,"cdkDropListData","cdkDropListEnterPredicate","cdkDropListDropped"],["cdkDrag","",1,"example-box",3,"cdkDragData"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.ec)(1,"h2"),Object(c.Sc)(2,"Available numbers"),Object(c.dc)(),Object(c.ec)(3,"div",1),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(4,I,2,2,"div",2),Object(c.dc)(),Object(c.dc)(),Object(c.ec)(5,"div",0),Object(c.ec)(6,"h2"),Object(c.Sc)(7,"Even numbers"),Object(c.dc)(),Object(c.ec)(8,"div",3),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(9,R,2,2,"div",2),Object(c.dc)(),Object(c.dc)()),2&e&&(Object(c.Mb)(3),Object(c.vc)("cdkDropListData",t.all)("cdkDropListEnterPredicate",t.noReturnPredicate),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.all),Object(c.Mb)(4),Object(c.vc)("cdkDropListData",t.even)("cdkDropListEnterPredicate",t.evenPredicate),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.even))},directives:[i.e,a.s,i.a],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}"]}),e}(),L=function(){var e=function(){function e(){r(this,e),this.dragPosition={x:0,y:0}}return s(e,[{key:"changePosition",value:function(){this.dragPosition={x:this.dragPosition.x+50,y:this.dragPosition.y+50}}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-free-drag-position-example"]],decls:5,vars:1,consts:[[3,"click"],["cdkDrag","",1,"example-box",3,"cdkDragFreeDragPosition"]],template:function(e,t){1&e&&(Object(c.ec)(0,"p"),Object(c.ec)(1,"button",0),Object(c.lc)("click",function(){return t.changePosition()}),Object(c.Sc)(2,"Change element position"),Object(c.dc)(),Object(c.dc)(),Object(c.ec)(3,"div",1),Object(c.Sc)(4," Drag me around\n"),Object(c.dc)()),2&e&&(Object(c.Mb)(3),Object(c.vc)("cdkDragFreeDragPosition",t.dragPosition))},directives:[i.a],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}"]}),e}(),T=function(){var e=function e(){r(this,e)};return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-handle-example"]],decls:6,vars:0,consts:[["cdkDrag","",1,"example-box"],["cdkDragHandle","",1,"example-handle"],["width","24px","fill","currentColor","viewBox","0 0 24 24"],["d","M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"],["d","M0 0h24v24H0z","fill","none"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.Sc)(1," I can only be dragged using the handle "),Object(c.ec)(2,"div",1),Object(c.oc)(),Object(c.ec)(3,"svg",2),Object(c.Zb)(4,"path",3),Object(c.Zb)(5,"path",4),Object(c.dc)(),Object(c.dc)(),Object(c.dc)())},directives:[i.a,i.b],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}"]}),e}();function z(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}var A=function(){var e=function(){function e(){r(this,e),this.timePeriods=["Bronze age","Iron age","Middle ages","Early modern period","Long nineteenth century"]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.timePeriods,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-horizontal-sorting-example"]],decls:2,vars:1,consts:[["cdkDropList","","cdkDropListOrientation","horizontal",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,z,2,1,"div",1),Object(c.dc)()),2&e&&(Object(c.Mb)(1),Object(c.vc)("ngForOf",t.timePeriods))},directives:[i.e,a.s,i.a],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}"]}),e}(),F=function(){var e=function e(){r(this,e)};return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-overview-example"]],decls:2,vars:0,consts:[["cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.Sc)(1," Drag me around\n"),Object(c.dc)())},directives:[i.a],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}"]}),e}();function V(e,t){1&e&&(Object(c.ec)(0,"div",1),Object(c.Sc)(1," Drag the dialog around! "),Object(c.dc)())}var H=function(){var e=function(){function e(t,n){r(this,e),this._overlay=t,this._viewContainerRef=n}return s(e,[{key:"ngAfterViewInit",value:function(){var e=this;this._portal=new d.i(this._dialogTemplate,this._viewContainerRef),this._overlayRef=this._overlay.create({positionStrategy:this._overlay.position().global().centerHorizontally().centerVertically(),hasBackdrop:!0}),this._overlayRef.backdropClick().subscribe(function(){return e._overlayRef.detach()})}},{key:"ngOnDestroy",value:function(){this._overlayRef.dispose()}},{key:"openDialog",value:function(){this._overlayRef.attach(this._portal)}}]),e}();return e.\u0275fac=function(t){return new(t||e)(Object(c.Yb)(o.c),Object(c.Yb)(c.ab))},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-root-element-example"]],viewQuery:function(e,t){var n;(1&e&&Object(c.Wc)(c.V,!0),2&e)&&(Object(c.Bc)(n=Object(c.mc)())&&(t._dialogTemplate=n.first))},decls:3,vars:0,consts:[[3,"click"],["cdkDrag","","cdkDragRootElement",".cdk-overlay-pane",1,"example-dialog-content"]],template:function(e,t){1&e&&(Object(c.ec)(0,"button",0),Object(c.lc)("click",function(){return t.openDialog()}),Object(c.Sc)(1,"Open a draggable dialog"),Object(c.dc)(),Object(c.Qc)(2,V,2,0,"ng-template"))},directives:[i.a],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}"]}),e}();function B(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.Mb)(1),Object(c.Tc)(n)}}var N=function(){var e=function(){function e(){r(this,e),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"]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.movies,e.previousIndex,e.currentIndex)}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-sorting-example"]],decls:2,vars:1,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListDropped"],["class","example-box","cdkDrag","",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,B,2,1,"div",1),Object(c.dc)()),2&e&&(Object(c.Mb)(1),Object(c.vc)("ngForOf",t.movies))},directives:[i.e,a.s,i.a],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}"]}),e}();function G(e,t){if(1&e&&(Object(c.ec)(0,"div",2),Object(c.Sc)(1),Object(c.dc)()),2&e){var n=t.$implicit;Object(c.vc)("cdkDragData",n),Object(c.Mb)(1),Object(c.Tc)(n)}}var Y=function(){var e=function(){function e(){r(this,e),this.numbers=[1,2,3,4,5,6,7,8]}return s(e,[{key:"drop",value:function(e){Object(i.h)(this.numbers,e.previousIndex,e.currentIndex)}},{key:"sortPredicate",value:function(e,t){return(e+1)%2==t.data%2}}]),e}();return e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=Object(c.Sb)({type:e,selectors:[["cdk-drag-drop-sort-predicate-example"]],decls:2,vars:2,consts:[["cdkDropList","",1,"example-list",3,"cdkDropListSortPredicate","cdkDropListDropped"],["class","example-box","cdkDrag","",3,"cdkDragData",4,"ngFor","ngForOf"],["cdkDrag","",1,"example-box",3,"cdkDragData"]],template:function(e,t){1&e&&(Object(c.ec)(0,"div",0),Object(c.lc)("cdkDropListDropped",function(e){return t.drop(e)}),Object(c.Qc)(1,G,2,2,"div",1),Object(c.dc)()),2&e&&(Object(c.vc)("cdkDropListSortPredicate",t.sortPredicate),Object(c.Mb)(1),Object(c.vc)("ngForOf",t.numbers))},directives:[i.e,a.s,i.a],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}"]}),e}(),W=function(){var e=function e(){r(this,e)};return e.\u0275mod=Object(c.Wb)({type:e}),e.\u0275inj=Object(c.Vb)({factory:function(t){return new(t||e)},imports:[[i.g,o.f,a.c]]}),e}()}}])}();