default~getting-started-ng-for-ng-for-module-ngfactory~getting-started-ng-if-ng-if-module-ngfactory.4426940dcd1fa401d21f.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{J9IF:function(t,e,n){"use strict";n.d(e,"a",function(){return i});var i=function(){return function(){}}()},M2Lx:function(t,e,n){"use strict";n.d(e,"c",function(){return a}),n.d(e,"b",function(){return u}),n.d(e,"a",function(){return c}),n.d(e,"d",function(){return h});var i=n("n6gG"),o=n("CcnG"),s=n("6blF"),r=n("K9Ia"),l=n("Gi3i"),a=function(){function t(){}return t.prototype.create=function(t){return"undefined"==typeof MutationObserver?null:new MutationObserver(t)},t.ngInjectableDef=Object(o.V)({factory:function(){return new t},token:t,providedIn:"root"}),t}(),u=function(){function t(t){this._mutationObserverFactory=t,this._observedElements=new Map}return t.prototype.ngOnDestroy=function(){var t=this;this._observedElements.forEach(function(e,n){return t._cleanupObserver(n)})},t.prototype.observe=function(t){var e=this,n=t instanceof o.k?t.nativeElement:t;return s.a.create(function(t){var i=e._observeElement(n).subscribe(t);return function(){i.unsubscribe(),e._unobserveElement(n)}})},t.prototype._observeElement=function(t){if(this._observedElements.has(t))this._observedElements.get(t).count++;else{var e=new r.a,n=this._mutationObserverFactory.create(function(t){return e.next(t)});n&&n.observe(t,{characterData:!0,childList:!0,subtree:!0}),this._observedElements.set(t,{observer:n,stream:e,count:1})}return this._observedElements.get(t).stream},t.prototype._unobserveElement=function(t){this._observedElements.has(t)&&(this._observedElements.get(t).count--,this._observedElements.get(t).count||this._cleanupObserver(t))},t.prototype._cleanupObserver=function(t){if(this._observedElements.has(t)){var e=this._observedElements.get(t),n=e.observer,i=e.stream;n&&n.disconnect(),i.complete(),this._observedElements.delete(t)}},t.ngInjectableDef=Object(o.V)({factory:function(){return new t(Object(o.Y)(a))},token:t,providedIn:"root"}),t}(),c=function(){function t(t,e,n){this._contentObserver=t,this._elementRef=e,this._ngZone=n,this.event=new o.m,this._disabled=!1,this._currentSubscription=null}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=Object(i.b)(t),this._disabled?this._unsubscribe():this._subscribe()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"debounce",{get:function(){return this._debounce},set:function(t){this._debounce=Object(i.d)(t),this._subscribe()},enumerable:!0,configurable:!0}),t.prototype.ngAfterContentInit=function(){this._currentSubscription||this.disabled||this._subscribe()},t.prototype.ngOnDestroy=function(){this._unsubscribe()},t.prototype._subscribe=function(){var t=this;this._unsubscribe();var e=this._contentObserver.observe(this._elementRef);this._ngZone.runOutsideAngular(function(){t._currentSubscription=(t.debounce?e.pipe(Object(l.a)(t.debounce)):e).subscribe(t.event)})},t.prototype._unsubscribe=function(){this._currentSubscription&&this._currentSubscription.unsubscribe()},t}(),h=function(){return function(){}}()},NcP4:function(t,e,n){"use strict";n.d(e,"a",function(){return c});var i=n("CcnG"),o=n("v9Dh"),s=n("Ip0R"),r=(n("M2Lx"),n("eDkP"),n("Fzqc"),n("ZYjt"),n("Wf4p"),n("dWZg"),n("lLAP"),n("4c35"),n("qAlS"),n("vGXY")),l=i.pb({encapsulation:2,styles:[".mat-tooltip-panel{pointer-events:none!important}.mat-tooltip{color:#fff;border-radius:4px;margin:14px;max-width:250px;padding-left:8px;padding-right:8px;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active){.mat-tooltip{outline:solid 1px}}.mat-tooltip-handset{margin:24px;padding-left:16px;padding-right:16px}"],data:{animation:[{type:7,name:"state",definitions:[{type:0,name:"initial, void, hidden",styles:{type:6,styles:{opacity:0,transform:"scale(0)"},offset:null},options:void 0},{type:0,name:"visible",styles:{type:6,styles:{transform:"scale(1)"},offset:null},options:void 0},{type:1,expr:"* => visible",animation:{type:4,styles:{type:5,steps:[{type:6,styles:{opacity:0,transform:"scale(0)",offset:0},offset:null},{type:6,styles:{opacity:.5,transform:"scale(0.99)",offset:.5},offset:null},{type:6,styles:{opacity:1,transform:"scale(1)",offset:1},offset:null}]},timings:"200ms cubic-bezier(0, 0, 0.2, 1)"},options:null},{type:1,expr:"* => hidden",animation:{type:4,styles:{type:6,styles:{opacity:0},offset:null},timings:"100ms cubic-bezier(0, 0, 0.2, 1)"},options:null}],options:{}}]}});function a(t){return i.Hb(2,[(t()(),i.rb(0,0,null,null,3,"div",[["class","mat-tooltip"]],[[2,"mat-tooltip-handset",null],[24,"@state",0]],[[null,"@state.start"],[null,"@state.done"]],function(t,e,n){var i=!0,o=t.component;return"@state.start"===e&&(i=!1!==o._animationStart()&&i),"@state.done"===e&&(i=!1!==o._animationDone(n)&&i),i},null,null)),i.qb(1,278528,null,0,s.i,[i.t,i.u,i.k,i.F],{klass:[0,"klass"],ngClass:[1,"ngClass"]},null),i.Bb(131072,s.b,[i.h]),(t()(),i.Fb(3,null,["",""]))],function(t,e){t(e,1,0,"mat-tooltip",e.component.tooltipClass)},function(t,e){var n,o=e.component;t(e,0,0,null==(n=i.Gb(e,0,0,i.Ab(e,2).transform(o._isHandset)))?null:n.matches,o._visibility),t(e,3,0,o.message)})}function u(t){return i.Hb(0,[(t()(),i.rb(0,0,null,null,1,"mat-tooltip-component",[["aria-hidden","true"]],[[4,"zoom",null]],[["body","click"]],function(t,e,n){var o=!0;return"body:click"===e&&(o=!1!==i.Ab(t,1)._handleBodyInteraction()&&o),o},a,l)),i.qb(1,49152,null,0,o.f,[i.h,r.a],null,null)],null,function(t,e){t(e,0,0,"visible"===i.Ab(e,1)._visibility?1:null)})}var c=i.nb("mat-tooltip-component",o.f,u,{},{},[])},"W+Rt":function(t,e,n){"use strict";n.d(e,"a",function(){return o}),n.d(e,"b",function(){return s});var i=n("CcnG"),o=(n("uGpm"),i.pb({encapsulation:0,styles:['pre[_ngcontent-%COMP%] {\n      margin: 0;\n    }\n\n    code[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n    }\n\n    @media only screen and (max-width: 760px),\n    (min-device-width: 768px) and (max-device-width: 1024px)  {\n      \n      table[_ngcontent-%COMP%], thead[_ngcontent-%COMP%], tbody[_ngcontent-%COMP%], th[_ngcontent-%COMP%], td[_ngcontent-%COMP%], tr[_ngcontent-%COMP%] {\n        display: block;\n      }\n\n      \n      thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n        position: absolute;\n        top: -9999px;\n        left: -9999px;\n      }\n\n      tr[_ngcontent-%COMP%] { border: 1px solid #ccc; }\n\n      td[_ngcontent-%COMP%] {\n        \n        border: none;\n        border-bottom: 1px solid #eee;\n        position: relative;\n        padding-top: 10%;\n      }\n\n      td[_ngcontent-%COMP%]:before {\n        \n        position: absolute;\n        \n        top: 6px;\n        left: 6px;\n        width: 45%;\n        padding-right: 10px;\n      }\n\n      \n      td[_ngcontent-%COMP%]:nth-of-type(1):before { content: "Template"; }\n      td[_ngcontent-%COMP%]:nth-of-type(2):before { content: "Data"; }\n      td[_ngcontent-%COMP%]:nth-of-type(3):before { content: "Result"; }\n    }'],data:{}}));function s(t){return i.Hb(0,[(t()(),i.rb(0,0,null,null,18,"table",[],null,null,null,null,null)),(t()(),i.rb(1,0,null,null,7,"thead",[],null,null,null,null,null)),(t()(),i.rb(2,0,null,null,6,"tr",[],null,null,null,null,null)),(t()(),i.rb(3,0,null,null,1,"th",[],null,null,null,null,null)),(t()(),i.Fb(-1,null,["Template"])),(t()(),i.rb(5,0,null,null,1,"th",[],null,null,null,null,null)),(t()(),i.Fb(-1,null,["Data"])),(t()(),i.rb(7,0,null,null,1,"th",[],null,null,null,null,null)),(t()(),i.Fb(-1,null,["Result"])),(t()(),i.rb(9,0,null,null,9,"tbody",[],null,null,null,null,null)),(t()(),i.rb(10,0,null,null,8,"tr",[],null,null,null,null,null)),(t()(),i.rb(11,0,null,null,2,"td",[],null,null,null,null,null)),(t()(),i.rb(12,0,null,null,1,"pre",[],null,null,null,null,null)),i.zb(null,0),(t()(),i.rb(14,0,null,null,2,"td",[],null,null,null,null,null)),(t()(),i.rb(15,0,null,null,1,"code",[],null,null,null,null,null)),i.zb(null,1),(t()(),i.rb(17,0,null,null,1,"td",[],null,null,null,null,null)),i.zb(null,2)],null,null)}},lPvc:function(t,e,n){"use strict";n.d(e,"a",function(){return a});var i=n("26FU"),o=n("K9Ia"),s=n("Gi3i"),r=n("xMyE"),l=["Shoes","Phones"],a=function(){function t(){this.productsData$=new i.a(JSON.stringify(l)),this.products$=new i.a(l),this.parseError$=new o.a}return t.prototype.init=function(){var t=this;return this.productsData$.pipe(Object(s.a)(250),Object(r.a)(function(e){var n;try{n=JSON.parse(e)}catch(i){n=null}n&&Array.isArray(n)?(t.products$.next(n),t.parseError$.next(!1)):t.parseError$.next(!0)}))},t}()},uGpm:function(t,e,n){"use strict";n.d(e,"a",function(){return i});var i=function(){return function(){}}()},v9Dh:function(t,e,n){"use strict";n.d(e,"e",function(){return m}),n.d(e,"c",function(){return b}),n.d(e,"b",function(){return f}),n.d(e,"a",function(){return _}),n.d(e,"d",function(){return y}),n.d(e,"f",function(){return v}),n("ihYY");var i=n("4+yM"),o=n("n6gG"),s=n("YSh2"),r=n("vGXY"),l=(n("eDkP"),n("4c35")),a=n("ny24"),u=n("t9fZ"),c=n("CcnG"),h=n("K9Ia"),p=20;function d(t){return Error('Tooltip position "'+t+'" is invalid.')}var f=new c.q("mat-tooltip-scroll-strategy");function b(t){return function(){return t.scrollStrategies.reposition({scrollThrottle:p})}}var _=new c.q("mat-tooltip-default-options",{providedIn:"root",factory:function(){return{showDelay:0,hideDelay:0,touchendHideDelay:1500}}}),y=function(){function t(t,e,n,i,o,s,r,l,u,c,p){var d=this;this._overlay=t,this._elementRef=e,this._scrollDispatcher=n,this._viewContainerRef=i,this._ngZone=o,this._platform=s,this._ariaDescriber=r,this._focusMonitor=l,this._dir=c,this._defaultOptions=p,this._position="below",this._disabled=!1,this.showDelay=this._defaultOptions.showDelay,this.hideDelay=this._defaultOptions.hideDelay,this._message="",this._manualListeners=new Map,this._destroyed=new h.a,this._scrollStrategy=u;var f=e.nativeElement,b=f.style;s.IOS||s.ANDROID||this._manualListeners.set("mouseenter",function(){return d.show()}).set("mouseleave",function(){return d.hide()}).forEach(function(t,e){return f.addEventListener(e,t)}),"INPUT"!==f.nodeName&&"TEXTAREA"!==f.nodeName||(b.webkitUserSelect=b.userSelect=b.msUserSelect=""),f.draggable&&"none"===b.webkitUserDrag&&(b.webkitUserDrag=""),l.monitor(e).pipe(Object(a.a)(this._destroyed)).subscribe(function(t){t?"keyboard"===t&&o.run(function(){return d.show()}):o.run(function(){return d.hide(0)})})}return Object.defineProperty(t.prototype,"position",{get:function(){return this._position},set:function(t){t!==this._position&&(this._position=t,this._overlayRef&&(this._updatePosition(),this._tooltipInstance&&this._tooltipInstance.show(0),this._overlayRef.updatePosition()))},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=Object(o.b)(t),this._disabled&&this.hide(0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"message",{get:function(){return this._message},set:function(t){this._ariaDescriber.removeDescription(this._elementRef.nativeElement,this._message),this._message=null!=t?(""+t).trim():"",!this._message&&this._isTooltipVisible()?this.hide(0):(this._updateTooltipMessage(),this._ariaDescriber.describe(this._elementRef.nativeElement,this.message))},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"tooltipClass",{get:function(){return this._tooltipClass},set:function(t){this._tooltipClass=t,this._tooltipInstance&&this._setTooltipClass(this._tooltipClass)},enumerable:!0,configurable:!0}),t.prototype.ngOnDestroy=function(){var t=this;this._overlayRef&&(this._overlayRef.dispose(),this._tooltipInstance=null),this._platform.IOS||(this._manualListeners.forEach(function(e,n){return t._elementRef.nativeElement.removeEventListener(n,e)}),this._manualListeners.clear()),this._destroyed.next(),this._destroyed.complete(),this._ariaDescriber.removeDescription(this._elementRef.nativeElement,this.message),this._focusMonitor.stopMonitoring(this._elementRef)},t.prototype.show=function(t){var e=this;if(void 0===t&&(t=this.showDelay),!this.disabled&&this.message&&(!this._isTooltipVisible()||this._tooltipInstance._showTimeoutId||this._tooltipInstance._hideTimeoutId)){var n=this._createOverlay();this._detach(),this._portal=this._portal||new l.d(v,this._viewContainerRef),this._tooltipInstance=n.attach(this._portal).instance,this._tooltipInstance.afterHidden().pipe(Object(a.a)(this._destroyed)).subscribe(function(){return e._detach()}),this._setTooltipClass(this._tooltipClass),this._updateTooltipMessage(),this._tooltipInstance.show(t)}},t.prototype.hide=function(t){void 0===t&&(t=this.hideDelay),this._tooltipInstance&&this._tooltipInstance.hide(t)},t.prototype.toggle=function(){this._isTooltipVisible()?this.hide():this.show()},t.prototype._isTooltipVisible=function(){return!!this._tooltipInstance&&this._tooltipInstance.isVisible()},t.prototype._handleKeydown=function(t){this._isTooltipVisible()&&t.keyCode===s.e&&(t.stopPropagation(),this.hide(0))},t.prototype._handleTouchend=function(){this.hide(this._defaultOptions.touchendHideDelay)},t.prototype._createOverlay=function(){var t=this;if(this._overlayRef)return this._overlayRef;var e=this._overlay.position().flexibleConnectedTo(this._elementRef).withTransformOriginOn(".mat-tooltip").withFlexibleDimensions(!1).withViewportMargin(8),n=this._scrollDispatcher.getAncestorScrollContainers(this._elementRef);return e.withScrollableContainers(n),e.positionChanges.pipe(Object(a.a)(this._destroyed)).subscribe(function(e){t._tooltipInstance&&e.scrollableViewProperties.isOverlayClipped&&t._tooltipInstance.isVisible()&&t._ngZone.run(function(){return t.hide(0)})}),this._overlayRef=this._overlay.create({direction:this._dir,positionStrategy:e,panelClass:"mat-tooltip-panel",scrollStrategy:this._scrollStrategy()}),this._updatePosition(),this._overlayRef.detachments().pipe(Object(a.a)(this._destroyed)).subscribe(function(){return t._detach()}),this._overlayRef},t.prototype._detach=function(){this._overlayRef&&this._overlayRef.hasAttached()&&this._overlayRef.detach(),this._tooltipInstance=null},t.prototype._updatePosition=function(){var t=this._overlayRef.getConfig().positionStrategy,e=this._getOrigin(),n=this._getOverlayPosition();t.withPositions([Object(i.a)({},e.main,n.main),Object(i.a)({},e.fallback,n.fallback)])},t.prototype._getOrigin=function(){var t,e=!this._dir||"ltr"==this._dir.value,n=this.position;if("above"==n||"below"==n)t={originX:"center",originY:"above"==n?"top":"bottom"};else if("before"==n||"left"==n&&e||"right"==n&&!e)t={originX:"start",originY:"center"};else{if(!("after"==n||"right"==n&&e||"left"==n&&!e))throw d(n);t={originX:"end",originY:"center"}}var i=this._invertPosition(t.originX,t.originY);return{main:t,fallback:{originX:i.x,originY:i.y}}},t.prototype._getOverlayPosition=function(){var t,e=!this._dir||"ltr"==this._dir.value,n=this.position;if("above"==n)t={overlayX:"center",overlayY:"bottom"};else if("below"==n)t={overlayX:"center",overlayY:"top"};else if("before"==n||"left"==n&&e||"right"==n&&!e)t={overlayX:"end",overlayY:"center"};else{if(!("after"==n||"right"==n&&e||"left"==n&&!e))throw d(n);t={overlayX:"start",overlayY:"center"}}var i=this._invertPosition(t.overlayX,t.overlayY);return{main:t,fallback:{overlayX:i.x,overlayY:i.y}}},t.prototype._updateTooltipMessage=function(){var t=this;this._tooltipInstance&&(this._tooltipInstance.message=this.message,this._tooltipInstance._markForCheck(),this._ngZone.onMicrotaskEmpty.asObservable().pipe(Object(u.a)(1),Object(a.a)(this._destroyed)).subscribe(function(){t._tooltipInstance&&t._overlayRef.updatePosition()}))},t.prototype._setTooltipClass=function(t){this._tooltipInstance&&(this._tooltipInstance.tooltipClass=t,this._tooltipInstance._markForCheck())},t.prototype._invertPosition=function(t,e){return"above"===this.position||"below"===this.position?"top"===e?e="bottom":"bottom"===e&&(e="top"):"end"===t?t="start":"start"===t&&(t="end"),{x:t,y:e}},t}(),v=function(){function t(t,e){this._changeDetectorRef=t,this._breakpointObserver=e,this._visibility="initial",this._closeOnInteraction=!1,this._onHide=new h.a,this._isHandset=this._breakpointObserver.observe(r.b.Handset)}return t.prototype.show=function(t){var e=this;this._hideTimeoutId&&(clearTimeout(this._hideTimeoutId),this._hideTimeoutId=null),this._closeOnInteraction=!0,this._showTimeoutId=setTimeout(function(){e._visibility="visible",e._showTimeoutId=null,e._markForCheck()},t)},t.prototype.hide=function(t){var e=this;this._showTimeoutId&&(clearTimeout(this._showTimeoutId),this._showTimeoutId=null),this._hideTimeoutId=setTimeout(function(){e._visibility="hidden",e._hideTimeoutId=null,e._markForCheck()},t)},t.prototype.afterHidden=function(){return this._onHide.asObservable()},t.prototype.isVisible=function(){return"visible"===this._visibility},t.prototype._animationStart=function(){this._closeOnInteraction=!1},t.prototype._animationDone=function(t){var e=t.toState;"hidden"!==e||this.isVisible()||this._onHide.next(),"visible"!==e&&"hidden"!==e||(this._closeOnInteraction=!0)},t.prototype._handleBodyInteraction=function(){this._closeOnInteraction&&this.hide(0)},t.prototype._markForCheck=function(){this._changeDetectorRef.markForCheck()},t}(),m=function(){return function(){}}()}}]);
//# sourceMappingURL=default~getting-started-ng-for-ng-for-module-ngfactory~getting-started-ng-if-ng-if-module-ngfactory.4426940dcd1fa401d21f.js.map