@datorama/core 22.9.2-rc.2 → 22.9.2-rc.3

package/bundles/datorama-core.umd.min.js

@@ -425,7 +425,7 @@ qs=t.RenderMethod||(t.RenderMethod={})).Component="Component",qs.Template="Templ
      * Use of this source code is governed by an Apache License 2.0 license that can be
      * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
      */
-al=t.SnackbarType||(t.SnackbarType={})).INFO="info",al.SUCCESS="success",al.ERROR="error",al.DRAMATIC_SUCCESS="dramatic-success",al.DRAMATIC_ERROR="dramatic-error";var Al=function(){function n(t,n){this.renderer=t,this.host=n,this.showLeftIcon=!1,this.close=new e.EventEmitter,this.closedByAction=!1}return n.prototype.onAnimationEnd=function(t){"core-snackbarOut"===t.animationName&&this.close.emit({closedByAction:this.closedByAction})},Object.defineProperty(n.prototype,"dismissible",{get:function(){return this.options.dismissible},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"duration",{get:function(){return this.options.duration},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var t=this;Vt(this.host.nativeElement,"zIndex",Mn()),this.showLeftIcon=!this.isInfo(this.type),this.animate=function(e){return t.renderer.setStyle(t.element,"animation",e)},this.icon=this.options.icon||this.resolveIcon(this.type),this.renderer.addClass(this.element,"dato-snackbar-"+this.type.toLowerCase());var e=this.dismissible?"core-snackbarIn 0.5s":"core-snackbarIn 0.5s, core-snackbarOut 0.5s "+this.duration+"ms";this.animate(e)},n.prototype.onClose=function(){this.animate("core-snackbarOut 0.5s"),this.closedByAction=!0},n.prototype.isInfo=function(e){return e===t.SnackbarType.INFO},n.prototype.isSuccess=function(e){return e===t.SnackbarType.SUCCESS||e===t.SnackbarType.DRAMATIC_SUCCESS},n.prototype.resolveIcon=function(t){if(!this.isInfo(t))return this.isSuccess(t)?"checkmark":"alert"},n.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef}]},vt([e.Input(),Ct("design:type",Object)],n.prototype,"options",void 0),vt([e.Input(),Ct("design:type",String)],n.prototype,"type",void 0),vt([e.HostListener("animationend",["$event"]),Ct("design:type",Function),Ct("design:paramtypes",[Object]),Ct("design:returntype",void 0)],n.prototype,"onAnimationEnd",null),n=vt([e.Component({selector:"dato-snackbar",template:'<div class="d-flex items-center">\n  <div class="dato-snackbar-circle mr-7 d-flex justify-center align-center" *ngIf="showLeftIcon">\n    <dato-icon [datoIcon]="icon"></dato-icon>\n  </div>\n  <span datoColor="primary-0" class="dato-snack-content">\n    <ng-content></ng-content>\n  </span>\n</div>\n\n<dato-icon datoIcon="close" *ngIf="dismissible" (click)="onClose()"></dato-icon>\n',encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:["dato-snackbar{border-radius:2px;font-size:12px;position:fixed;padding:6px 5px 6px 10px;top:100px;left:50%;min-width:250px;transform:translateX(-50%);box-shadow:0 2px 14px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between}dato-snackbar .dato-icon-close{cursor:pointer}dato-snackbar .dato-snackbar-circle{border-radius:50%}dato-snackbar .dato-snackbar-circle dato-icon:not(.dato-icon-alert) svg{width:10.5px;height:7.5px}@-webkit-keyframes core-snackbarIn{from{transform:translate(-50%,-100px);opacity:0}to{ransform:translate(-50%,100px);opacity:1}}@keyframes core-snackbarIn{from{transform:translate(-50%,-100px);opacity:0}to{ransform:translate(-50%,100px);opacity:1}}@-webkit-keyframes core-snackbarOut{to{transform:translate(-50%,-100px);opacity:0}}@keyframes core-snackbarOut{to{transform:translate(-50%,-100px);opacity:0}}"]}),Ct("design:paramtypes",[e.Renderer2,e.ElementRef])],n)}(),Rl=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,Ne,On],declarations:[Al],exports:[Al],entryComponents:[Al]})],t)}(),Pl=function(){function t(){}return Object.defineProperty(t.prototype,"afterDismissed",{get:function(){return this._afterDismissed},set:function(t){this._afterDismissed=t},enumerable:!0,configurable:!0}),t}(),kl=function(){function n(t,e,n,o,i){this.translate=t,this.appRef=e,this.resolver=n,this.injector=o,this.document=i}return n.prototype.snack=function(e,n,o,i){var a=this;if(void 0===n&&(n=t.SnackbarType.INFO),void 0===o&&(o={}),e){this.destroy();var s=mt(mt({},{duration:4e3,dismissible:!1}),o);this.contentRef=Jr({applicationRef:this.appRef,injector:this.injector,resolver:this.resolver,content:Mt(e)?this.translate.transform(e):e,context:i}),this.component=Yr({component:Al,projectableNodes:this.contentRef.nodes,injector:this.injector,resolver:this.resolver});var l=this.component,c=l.instance,p=l.changeDetectorRef,d=l.location.nativeElement;this.nativeElement=d,o.className&&this.nativeElement.classList.add(o.className);var u=new Pl;return u.afterDismissed=c.close,u.close=c.onClose.bind(c),c.options=s,c.type=n,c.close.pipe(r.take(1)).subscribe((function(){a.destroy()})),p.detectChanges(),this.document.body.appendChild(d),u}},n.prototype.info=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.INFO,n,o)},n.prototype.success=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.SUCCESS,n,o)},n.prototype.error=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.ERROR,n,o)},n.prototype.dramaticSuccess=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.DRAMATIC_SUCCESS,n,o)},n.prototype.dramaticError=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.DRAMATIC_ERROR,n,o)},n.prototype.destroy=function(){this.nativeElement&&(this.contentRef.destroy(this.appRef),this.component.destroy(),this.document.body.removeChild(this.nativeElement),this.contentRef=null,this.component=null,this.nativeElement=null)},n.ctorParameters=function(){return[{type:_n},{type:e.ApplicationRef},{type:e.ComponentFactoryResolver},{type:e.Injector},{type:void 0,decorators:[{type:e.Inject,args:[s.DOCUMENT]}]}]},n.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new n(e.ɵɵinject(_n),e.ɵɵinject(e.ApplicationRef),e.ɵɵinject(e.ComponentFactoryResolver),e.ɵɵinject(e.INJECTOR),e.ɵɵinject(s.DOCUMENT))},token:n,providedIn:"root"}),n=vt([e.Injectable({providedIn:"root"}),bt(4,e.Inject(s.DOCUMENT)),Ct("design:paramtypes",[_n,e.ApplicationRef,e.ComponentFactoryResolver,e.Injector,Object])],n)}(),_l={provide:o.NG_VALUE_ACCESSOR,useExisting:e.forwardRef((function(){return jl})),multi:!0},jl=function(t){function n(n,o,i,r,a,s){var l=t.call(this)||this;return l.renderer=n,l.host=o,l.small=i,l.fontSize=r,l.standalone=a,l.cdr=s,l.placeholder="",l.maxLength=524288,l.onFocus=new e.EventEmitter,l.onBlur=new e.EventEmitter,l.initialValue="",l.value="",l}return ft(n,t),n.prototype.ngOnInit=function(){ge(this.standalone)&&this.renderer.addClass(this.host.nativeElement,"standalone");var t=Ft(".editable-header-input",this.host.nativeElement);Vt(t,"fontSize",this.fontSize),rt.coerceBooleanProperty(this.small)&&Ut(t,"editable-header-input--small")},Object.defineProperty(n.prototype,"isValueChanged",{get:function(){return this.value!==this.initialValue},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"inputElement",{get:function(){return this.host.nativeElement.querySelector("input")},enumerable:!0,configurable:!0}),n.prototype.blur=function(t){this.value||this.revert(),this.onBlur.emit(t)},n.prototype.focus=function(t){this.isValueChanged||t.target.setSelectionRange(0,9999),this.onFocus.emit(t)},n.prototype.revert=function(){this.onChange(this.initialValue),this.setInputValue(this.initialValue),this.value=this.initialValue},n.prototype.setDisabledState=function(t){this.renderer.setProperty(this.inputElement,"disabled",t)},n.prototype.writeValue=function(t){this.initialValue||(this.initialValue=t),this.value=t,this.setInputValue(t),this.cdr.markForCheck()},n.prototype.input=function(t){var e=t.target.value;this.onChange(e),this.value=e},n.prototype.setInputValue=function(t){this.renderer.setProperty(this.inputElement,"value",t)},n.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef},{type:void 0,decorators:[{type:e.Attribute,args:["datoSmall"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["fontSize"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["standalone"]}]},{type:e.ChangeDetectorRef}]},vt([e.Input(),Ct("design:type",Object)],n.prototype,"placeholder",void 0),vt([e.Input(),Ct("design:type",Object)],n.prototype,"maxLength",void 0),vt([e.Output(),Ct("design:type",e.EventEmitter)],n.prototype,"onFocus",void 0),vt([e.Output(),Ct("design:type",e.EventEmitter)],n.prototype,"onBlur",void 0),n=vt([e.Component({selector:"dato-editable-header",template:'<section [class.initial]="!isValueChanged">\n  <input type="text"\n         class="ellipsis editable-header-input"\n         [maxLength]="maxLength"\n         [placeholder]="placeholder"\n         (input)="input($event)"\n         (blur)="blur($event)"\n         (focus)="focus($event)"\n         (keyup.esc)="revert()">\n</section>\n',providers:[_l],changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:flex}section{flex:1}.editable-header-input{padding:5px;margin:0;border-color:transparent;border-width:1px;width:100%;font-size:18px;height:34px;line-height:34px}.editable-header-input--small{font-size:14px;height:30px;line-height:30px}.editable-header-input:focus{outline:0}.initial .editable-header-input{font-style:italic}:host:not(.standalone) section{height:48px;padding:0 32px}:host:not(.standalone) .editable-header-input{width:480px;font-size:18px}"]}),bt(2,e.Attribute("datoSmall")),bt(3,e.Attribute("fontSize")),bt(4,e.Attribute("standalone")),Ct("design:paramtypes",[e.Renderer2,e.ElementRef,Object,Object,Object,e.ChangeDetectorRef])],n)}(Dt),Ml=[jl],Ll=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,o.ReactiveFormsModule],declarations:[Ml],exports:[Ml],entryComponents:[Ml]})],t)}(),Nl=function(){function t(t,e){this.http=t,this.config=e}return t.prototype.getLib=function(t,e){return this.richTextScript$||this.initLib(t,e),this.richTextScript$},t.prototype.initLib=function(t,e){this.richTextScript$=n.combineLatest([this.http.get(this.config.paths.richText+"/index.js",{responseType:"text"}).pipe(r.tap((function(e){return t(e,"rich-text-editor")}))),this.http.get(this.config.paths.richText+"/plugins/autocomplete/plugin.css",{responseType:"text"}).pipe(r.tap((function(t){return e(t,"tinymce-autocomplete")})))]).pipe(r.shareReplay(1))},t.ctorParameters=function(){return[{type:ht.HttpClient},{type:void 0,decorators:[{type:e.Inject,args:[Bn]}]}]},t.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new t(e.ɵɵinject(ht.HttpClient),e.ɵɵinject(Bn))},token:t,providedIn:"root"}),t=vt([e.Injectable({providedIn:"root"}),bt(1,e.Inject(Bn)),Ct("design:paramtypes",[ht.HttpClient,Object])],t)}(),Fl=function(){return window&&window.tinymce?window.tinymce:null},Gl=function(t){function r(e,n,o,i){var r=t.call(this)||this;return r.ngZone=e,r.richTextService=n,r.config=o,r.host=i,r.autocompleteOptions={},r.forcePlainTextPasting=!1,r.format="html",r.isOneLine=!1,r.initialValue="",r.defaultPlugins="link fullscreen image lists table autocomplete",r.defaultToolbar=["fontfamily fontsize forecolor backcolor bold italic underline link","alignleft aligncenter alignright alignjustify outdent indent | table numlist bullist  | image fullscreen"],r}var a;return ft(r,t),a=r,Object.defineProperty(r.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=t,this.editor&&this.editor.initialized&&this.editor.setMode(t?"readonly":"design")},enumerable:!0,configurable:!0}),r.prototype.ngAfterViewInit=function(){var t=this;window.tinyMCEPreInit={suffix:"",base:this.config.paths.richText,query:""},this.richTextService.getLib(Xt,Jt).pipe(i.untilDestroyed(this)).subscribe((function(){t.init.call(t)}))},r.prototype.initEditor=function(t,e){var o=this;this.ngZone.run((function(){return e.setContent(o.initialValue)})),n.fromEvent(e,"setcontent").pipe(i.untilDestroyed(this)).subscribe((function(t){var e=t.content;"html"===t.format&&e&&o.ngZone.run((function(){return o.onChange(e)}))})),n.fromEvent(e,"change keyup undo redo").pipe(i.untilDestroyed(this)).subscribe((function(){o.ngZone.run((function(){return o.onChange(e.getContent({format:o.format}))}))}))},r.prototype.defaultOptions=function(){var t=this;return{target:this.host.nativeElement,width:this.width||600,height:this.height||300,force_br_newlines:!0,force_p_newlines:!1,resize:"both",branding:!1,inline:this.inline,elementpath:!1,readonly:this.disabled,plugins:this.plugins||this.defaultPlugins,toolbar:Lt(this.toolbar)?this.defaultToolbar:this.toolbar,fontsize_formats:"8px 10px 12px 14px 18px 24px 36px",min_width:480,menubar:!1,autocomplete:this.autocompleteOptions,suffix:".min",skin:"tinymce-5",setup:function(e){t.editor=e,e.on("init",(function(n){t.initEditor(n,e),t.defaultFont&&e.editorCommands.execCommand("fontName",!1,t.defaultFont)})),e.on("keydown",(function(e){return!t.isOneLine||"Enter"!==e.code})),t.forcePlainTextPasting&&e.on("paste",(function(n){t.clearEditorContentStyling(e,n)}))},content_style:this.isOneLine?"\n        html { height: 100%; }\n        body {\n         height: 100%;\n         color: rgb(55, 56, 58);\n         margin: 0 25px 0 10px;\n         display: flex;\n         flex-direction: column;\n         justify-content: center;\n        }\n        p { padding: 0; margin: 0; }\n      ":""}},r.prototype.init=function(){var t=mt(mt({},this.defaultOptions()),this.options);this.ngZone.runOutsideAngular((function(){return Fl().init(t)}))},r.prototype.ngOnDestroy=function(){null!==Fl()&&(this.editor.off("paste"),Fl().remove(this.editor))},r.prototype.writeValue=function(t){this.initialValue=t||this.initialValue,this.editor&&this.editor.initialized&&Mt(t)&&this.editor.setContent(t)},r.prototype.setDisabledState=function(t){this.editor&&this.editor.setMode(t?"readonly":"design")},r.prototype.clearEditorContentStyling=function(t,e){e.preventDefault();var n=(e.originalEvent||e).clipboardData.getData("Text");t.execCommand("mceInsertContent",!1,n)},r.ctorParameters=function(){return[{type:e.NgZone},{type:Nl},{type:void 0,decorators:[{type:e.Inject,args:[Bn]}]},{type:e.ElementRef}]},vt([e.Input(),Ct("design:type",String)],r.prototype,"plugins",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"toolbar",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"menubar",void 0),vt([e.Input(),Ct("design:type",Boolean)],r.prototype,"inline",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"options",void 0),vt([e.Input(),Ct("design:type",Number)],r.prototype,"width",void 0),vt([e.Input(),Ct("design:type",Number)],r.prototype,"height",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"autocompleteOptions",void 0),vt([e.Input(),Ct("design:type",Boolean),Ct("design:paramtypes",[Boolean])],r.prototype,"disabled",null),vt([e.Input(),Ct("design:type",Object)],r.prototype,"forcePlainTextPasting",void 0),vt([e.Input(),Ct("design:type",String)],r.prototype,"defaultFont",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"format",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"isOneLine",void 0),r=a=vt([e.Directive({selector:"[datoRichText]",providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e.forwardRef((function(){return a})),multi:!0}]}),bt(2,e.Inject(Bn)),Ct("design:paramtypes",[e.NgZone,Nl,Object,e.ElementRef])],r)}(Dt),Vl=[Gl],zl=function(){function t(){}return t=vt([e.NgModule({declarations:[Vl],exports:[Vl]})],t)}(),Bl=function(){function t(t){this.tpl=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"[datoCarouselItem]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Hl={autoRun:!1,datoSize:"lg",loop:!1,selectedIndex:0,showControls:!0,showNavigationArrows:!0,showNavigationButtons:!1,animationTiming:"250ms ease-in"},Ul=function(){function t(){}return t=vt([e.Directive({selector:".dato-carousel-item"})],t)}(),Kl=function(){function t(t,n,o){this.animationBuilder=t,this.cdr=n,this.host=o,this.indexChanged=new e.EventEmitter,this.carouselUlStyle={},this.carouselWrapperStyle={},this.currentSlide=0,this.defaultAutoRunInterval=10}return t.prototype.ngOnChanges=function(t){var e=t.config,n=e.previousValue,o=e.currentValue;if(n){var i=function(t){return n[t]!==o[t]};i("datoSize")&&Qt(this.element,{datoSize:o.datoSize}),i("autoRun")&&this.initAutoRun(o.autoRun),(i("loop")||i("itemWidth"))&&(this.calcCarouselStyle(!0),this.cdr.detectChanges())}else{var r=o.datoSize,a=o.autoRun;r&&Qt(this.element,{datoSize:r}),a&&this.initAutoRun(a)}this.config=mt(mt({},Hl),this.config)},t.prototype.ngAfterViewInit=function(){var t=this;if(this.itemElements.changes.pipe(i.untilDestroyed(this)).subscribe((function(){return t.cdr.detectChanges()})),this.calcCarouselStyle(!1),_t(this.config.selectedIndex)){this.currentSlide=this.config.selectedIndex;var e=(this.hasExtraItems?this.currentSlide+1:this.currentSlide)*this.itemWidth;this.carouselUlStyle.transform="translateX(-"+e+"px)"}this.cdr.detectChanges(),this.indexChanged.emit(this.currentSlide)},t.prototype.ngOnDestroy=function(){this.player&&this.player.destroy()},Object.defineProperty(t.prototype,"itemWidth",{get:function(){return this.config.itemWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasItems",{get:function(){return this.itemElements&&this.itemElements.length>1},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"allowNextArrow",{get:function(){var t=this.itemElements.length-(this.autoRunSub?2:0);return this.config.loop||!(t===this.currentSlide+1)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"allowPrevArrow",{get:function(){return this.config.loop||0!==this.currentSlide},enumerable:!0,configurable:!0}),t.prototype.next=function(){var t=this.currentSlide+1;(this.hasExtraItems||t!==this.items.length)&&(this.currentSlide=t%this.items.length,0===this.currentSlide&&this.preformSlideTransition("0ms ease-in",0),this.preformSlideTransition(),this.indexChanged.emit(this.currentSlide))},t.prototype.prev=function(){(this.config.loop||0!==this.currentSlide)&&(this.currentSlide=(this.currentSlide-1+this.items.length)%this.items.length,this.currentSlide===this.items.length-1&&this.preformSlideTransition("0ms ease-in",(this.items.length+1)*this.itemWidth),this.preformSlideTransition(),this.indexChanged.emit(this.currentSlide))},t.prototype.navigateToSlide=function(t){var e=t%this.items.length,n=Math.abs(this.currentSlide-e);if(n){for(var o=(e>this.currentSlide?this.next:this.prev).bind(this),i=1;i<=n;i++)o();this.cdr.detectChanges()}},Object.defineProperty(t.prototype,"hasExtraItems",{get:function(){return this.config.loop||!!this.autoRunSub},enumerable:!0,configurable:!0}),t.prototype.buildAnimation=function(t,e){var n=_t(e)?e:(this.hasExtraItems?this.currentSlide+1:this.currentSlide)*this.itemWidth;return this.animationBuilder.build([ct.animate(t,ct.style({transform:"translateX(-"+n+"px)"}))])},t.prototype.preformSlideTransition=function(t,e){void 0===t&&(t=this.config.animationTiming),this.player=this.buildAnimation(t,e).create(this.carousel.nativeElement),this.player.play()},t.prototype.calcCarouselStyle=function(t){this.carouselWrapperStyle={width:this.itemWidth+"px"};var e=this.itemElements.length+(this.hasExtraItems?2:0);this.carouselUlStyle={width:this.itemWidth*e+"px"},t&&this.preformSlideTransition("0ms ease-in")},Object.defineProperty(t.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),t.prototype.initAutoRun=function(t){var e=this;if(this.autoRunSub&&this.autoRunSub.unsubscribe(),this.autoRunSub=null,t){Ut(this.element,"auto-play");var o=1e3*(_t(t)?Math.max(t,1):this.defaultAutoRunInterval);this.autoRunSub=n.interval(o).pipe(i.untilDestroyed(this)).subscribe((function(){return e.next()}))}else Wt(this.element,"auto-play");this.items&&!this.config.loop&&this.calcCarouselStyle(!0)},t.ctorParameters=function(){return[{type:ct.AnimationBuilder},{type:e.ChangeDetectorRef},{type:e.ElementRef}]},vt([e.ContentChildren(Bl),Ct("design:type",e.QueryList)],t.prototype,"items",void 0),vt([e.ViewChild("carousel",{read:e.ElementRef,static:!0}),Ct("design:type",e.ElementRef)],t.prototype,"carousel",void 0),vt([e.ViewChildren(Ul,{read:e.ElementRef}),Ct("design:type",e.QueryList)],t.prototype,"itemElements",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"config",void 0),vt([e.Output(),Ct("design:type",Object)],t.prototype,"indexChanged",void 0),t=vt([e.Component({selector:"dato-carousel",template:'<section data-auto-id="carousel-wrapper" class="relative carousel-wrapper overflow-hidden" [ngStyle]="carouselWrapperStyle">\n    <ul class="carousel-inner d-flex" [ngStyle]="carouselUlStyle" #carousel>\n        <li *ngIf="hasExtraItems && items.last" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="items.last.tpl"></ng-container>\n        </li>\n        <li [attr.data-auto-id]="\'carousel-item-\' + i" *ngFor="let item of items;index as i" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="item.tpl"></ng-container>\n        </li>\n        <li *ngIf="hasExtraItems && items.first" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="items.first.tpl"></ng-container>\n        </li>\n    </ul>\n    <ng-container *ngIf="hasItems && config.showControls">\n        <ng-container *ngIf="config.showNavigationButtons">\n            <div class="navigation-buttons absolute d-flex width-100 align-center" data-auto-id="buttons-container">\n                <div class="pointer mx-5 circle primary-100-background-color primary-400-background-color:h"\n                     *ngFor="let item of items; trackBy: \'index\' | trackByProp; index as i"\n                     [attr.data-auto-id]="\'button-\' + i"\n                     (click)="navigateToSlide(i)"\n                     [class.active]="i === currentSlide"\n                ></div>\n            </div>\n        </ng-container>\n        <ng-container *ngIf="config.showNavigationArrows">\n            <button data-auto-id="arrow-left" (click)="prev()" class="absolute d-flex justify-start pl-8 arrow prev" [class.disabled]="!allowPrevArrow">\n                <dato-icon datoIcon="arrow-left" datoSize="md"></dato-icon>\n            </button>\n            <button data-auto-id="arrow-right" (click)="next()" class="absolute d-flex justify-end pr-8 arrow next" [class.disabled]="!allowNextArrow">\n                <dato-icon datoIcon="arrow-right" datoSize="md"></dato-icon>\n            </button>\n        </ng-container>\n    </ng-container>\n</section>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host[datoSize=sm] .circle{height:8px;width:8px;margin:0 8px}:host[datoSize=sm] .arrow,:host[datoSize=sm].auto-play:hover .arrow{align-items:center;bottom:calc(50% - 30px);display:flex;height:60px;opacity:1;width:30px}:host[datoSize=sm] .arrow:hover,:host[datoSize=sm].auto-play:hover .arrow:hover{opacity:1}:host[datoSize=sm] .arrow.next,:host[datoSize=sm].auto-play:hover .arrow.next{border-bottom-left-radius:60px;border-top-left-radius:60px}:host[datoSize=sm] .arrow.prev,:host[datoSize=sm].auto-play:hover .arrow.prev{border-bottom-right-radius:60px;border-top-right-radius:60px}:host[datoSize=sm] .arrow dato-icon[datoSize=md],:host[datoSize=sm].auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:6px}:host[datoSize=md] .arrow,:host[datoSize=md].auto-play:hover .arrow{align-items:center;bottom:calc(50% - 40px);display:flex;height:80px;opacity:1;width:40px}:host[datoSize=md] .arrow:hover,:host[datoSize=md].auto-play:hover .arrow:hover{opacity:1}:host[datoSize=md] .arrow.next,:host[datoSize=md].auto-play:hover .arrow.next{border-bottom-left-radius:80px;border-top-left-radius:80px}:host[datoSize=md] .arrow.prev,:host[datoSize=md].auto-play:hover .arrow.prev{border-bottom-right-radius:80px;border-top-right-radius:80px}:host[datoSize=md] .arrow dato-icon[datoSize=md],:host[datoSize=md].auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:12px}:host.auto-play .arrow{opacity:0}:host .navigation-buttons{height:15px;bottom:10px}:host .circle{transition:background-color .25s ease-in-out,height .25s ease-in-out,width .25s ease-in-out;height:15px;width:15px;margin:0 10px;border-radius:50%}:host .arrow:hover,:host.auto-play:hover .arrow:hover{opacity:1;opacity:.6}:host .arrow.next,:host.auto-play:hover .arrow.next{border-bottom-left-radius:108px;border-top-left-radius:108px;right:0}:host .arrow.prev,:host.auto-play:hover .arrow.prev{border-bottom-right-radius:108px;border-top-right-radius:108px;left:0}:host:not(.auto-play) .arrow.disabled{opacity:1}:host .arrow,:host.auto-play:hover .arrow{align-items:center;bottom:calc(50% - 54px);display:flex;height:108px;opacity:1;width:54px;transition:opacity .25s ease-in-out;border:0;opacity:.3}:host .arrow.next:focus,:host.auto-play:hover .arrow.next:focus{outline:0}:host .arrow.disabled,:host.auto-play:hover .arrow.disabled{cursor:default}:host .arrow.prev:focus,:host.auto-play:hover .arrow.prev:focus{outline:0}:host .arrow dato-icon[datoSize=md],:host.auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:12px}:host ul{list-style:none;margin:0;padding:0}"]}),Ct("design:paramtypes",[ct.AnimationBuilder,e.ChangeDetectorRef,e.ElementRef])],t)}(),Wl=[Kl,Bl,Ul],Ql=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,Ne,yo],declarations:[Wl],exports:[Wl],entryComponents:[Kl]})],t)}(),$l=0,ql=function(){function t(t){this.templateRef=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"ng-template[datoTabTitle]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Yl=function(){function t(t){this.templateRef=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"ng-template[datoTabContent]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Zl=function(){function t(t,e){this.width=t,this.autoId=e,this.id="dato-tab-"+$l++,this.disabled=!1,this.className=""}return t.prototype.ngAfterContentChecked=function(){this.titleTpl=this.titleTpls.first,this.contentTpl=this.contentTpls.first},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Attribute,args:["width"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["data-auto-id"]}]}]},vt([e.Input(),Ct("design:type",Object)],t.prototype,"id",void 0),vt([e.Input(),Ct("design:type",String)],t.prototype,"title",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"disabled",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"className",void 0),vt([e.ContentChildren(ql,{descendants:!1}),Ct("design:type",e.QueryList)],t.prototype,"titleTpls",void 0),vt([e.ContentChildren(Yl,{descendants:!1}),Ct("design:type",e.QueryList)],t.prototype,"contentTpls",void 0),t=vt([e.Directive({selector:"dato-tab"}),bt(0,e.Attribute("width")),bt(1,e.Attribute("data-auto-id")),Ct("design:paramtypes",[Object,Object])],t)}(),Xl=function(){function t(t,n,o,i,r){this.cdr=t,this.host=n,this.datoVertical=o,this.datoNakedActive=i,this.defaultTabWidth=r,this._tabStyle={},this.destroyOnHide=!0,this.tabChange=new e.EventEmitter,this.datoSize="lg"}return Object.defineProperty(t.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this.datoVertical&&Ut(this.element,"dato-tabs--vertical"),this.datoNakedActive&&Ut(this.element,"dato-tabs--clean"),this.datoSize=this.datoSize||"md",this.fontSize_="tab-"+this.datoSize},t.prototype.ngAfterContentChecked=function(){var t=this._getTabById(this.activeId);this.activeId=t?t.id:this.tabs.length?this.tabs.first.id:null,this.setInnerTabsStyle(),this.cdr.detectChanges()},t.prototype.select=function(t){var e=this._getTabById(t);if(e&&!e.disabled&&this.activeId!==e.id){var n=!1;this.tabChange.emit({activeId:this.activeId,nextId:e.id,preventDefault:function(){n=!0}}),n||(this.activeId=e.id,this.movePointer())}this.cdr.markForCheck()},t.prototype.setInnerTabsStyle=function(){var t=this;this._tabStyle=this.tabs.reduce((function(e,n){var o=n.width||t.defaultTabWidth;return o&&(o=rt.coerceCssPixelValue(o),e[n.id]={width:o,"max-width":o}),e}),{})},t.prototype.movePointer=function(){if(!this.datoVertical&&!this.datoNakedActive&&this.activeId){var t=this.getActiveTabElement();if(t){var e=this.getPointer();Ht(e,{opacity:1,width:t.clientWidth+"px",transform:"translateX("+t.offsetLeft+"px)"}),n.fromEvent(e,"transitionend").pipe(r.first()).subscribe((function(){Ht(e,{opacity:0})}))}}},t.prototype.getActiveTabElement=function(){var t=this._getTabById(this.activeId),e=this.element.querySelector("#"+t.id);return e&&e.parentNode},t.prototype.getPointer=function(){return this.element.querySelector(".tab-pointer")},t.prototype._getTabById=function(t){var e=this.tabs.filter((function(e){return e.id===t}));return e.length?e[0]:null},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:void 0,decorators:[{type:e.Attribute,args:["datoVertical"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["datoNakedActive"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["datoTabWidth"]}]}]},vt([e.ContentChildren(Zl),Ct("design:type",e.QueryList)],t.prototype,"tabs",void 0),vt([e.Input(),Ct("design:type",String)],t.prototype,"activeId",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"destroyOnHide",void 0),vt([e.Output(),Ct("design:type",Object)],t.prototype,"tabChange",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"datoSize",void 0),t=vt([e.Component({selector:"dato-tabset",template:'<ul role="tablist" class="dato-tabs">\n  <div class="tab-pointer"></div>\n  <li class="nav-item {{tab.className}}" [ngStyle]="_tabStyle[tab.id]" *ngFor="let tab of tabs; trackBy \'id\' | trackByProp"\n      (click.prevent)="select(tab.id)"\n      [class.active]="tab.id === activeId"\n      [class.disabled]="tab.disabled"\n      [attr.data-tab-id]="tab.id"\n      [attr.data-tab-is-active]="tab.id === activeId">\n    <a [id]="tab.id" class="nav-link" [ngClass]="fontSize_" href role="tab"\n       [attr.tabindex]="(tab.disabled ? \'-1\': undefined)"\n       [attr.data-auto-id]="tab.autoId || tab.id"\n       [attr.aria-controls]="(!destroyOnHide || tab.id === activeId ? tab.id + \'-panel\' : null)"\n       [attr.aria-expanded]="tab.id === activeId"\n       [attr.aria-disabled]="tab.disabled">\n      {{tab.title | translate}}\n      <ng-template [ngTemplateOutlet]="tab.titleTpl?.templateRef"></ng-template>\n    </a>\n  </li>\n</ul>\n<div class="tab-content" data-auto-id="data-tab-content">\n  <ng-template ngFor let-tab [ngForOf]="tabs">\n    <div class="tab-pane" *ngIf="!destroyOnHide || tab.id === activeId" role="tabpanel" [class.is-hidden]="!this.destroyOnHide && tab.id !== activeId"\n      [attr.aria-labelledby]="tab.id" id="{{tab.id}}-panel" [attr.aria-expanded]="tab.id === activeId">\n      <ng-template [ngTemplateOutlet]="tab.contentTpl?.templateRef"></ng-template>\n    </div>\n  </ng-template>\n</div>\n',exportAs:"datoTabset",changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".headline{font-size:34px;font-weight:300;line-height:46px}.large-headline{font-size:48px;font-weight:300;line-height:60px}.sub-headline{font-size:18px;font-weight:600;line-height:24px}.mid-headline{font-size:24px;font-weight:600;line-height:33px}.simple{font-size:14px;line-height:19px}.simple-bold{font-size:14px;font-weight:600;line-height:19px}.simple-italic{font-size:14px;font-style:italic;line-height:19px}.note{font-size:12px;line-height:16px}.note-bold{font-size:12px;font-weight:600;line-height:16px}.note-italic{font-size:12px;font-style:italic;line-height:16px}.dato-headline{font-size:34px;font-weight:300;line-height:46px}.dato-large-headline{font-size:48px;font-weight:300;line-height:60px}.dato-sub-headline{font-size:18px;font-weight:600;line-height:24px}.dato-mid-headline{font-size:24px;font-weight:600;line-height:33px}.dato-simple{font-size:14px;line-height:19px}.dato-simple-bold{font-size:14px;font-weight:600;line-height:19px}.dato-simple-italic{font-size:14px;font-style:italic;line-height:19px}.dato-note{font-size:12px;line-height:16px}.dato-note-bold{font-size:12px;font-weight:600;line-height:16px}.dato-note-italic{font-size:12px;font-style:italic;line-height:16px}:host ul{position:relative;display:flex;flex-shrink:0;padding:0;margin:0;overflow-x:hidden;list-style:none}:host li{flex:1;cursor:pointer;text-align:center;padding:5px 0;border-bottom:2px solid transparent}:host li a{text-decoration:none}:host .is-hidden{display:none!important}:host .active{transition:border-bottom-color .3s}:host .active a{font-weight:600;transition:color .3s,font-weight .3s}:host[datoNativeWidth] li{flex:none;padding:5px 20px}:host .tab-pointer{height:2px;position:absolute;left:0;bottom:0;transition:transform .3s,width .3s}:host .tab-content{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto}:host .tab-content .tab-pane{display:flex;flex-direction:column;flex:1 1 auto}:host(.dato-tabs--vertical){display:flex}:host(.dato-tabs--vertical)>ul{flex-direction:column;flex-shrink:0;box-shadow:inset -5px 5px 5px 0 rgba(0,0,0,.04)}:host(.dato-tabs--vertical)>ul li{display:flex;flex:0;min-width:44px;min-height:40px;padding:2px 2px 0 0}:host(.dato-tabs--vertical)>ul li a{display:flex;flex-grow:1;margin:0 6px;justify-content:center;align-items:center}:host(.dato-tabs--vertical)>.tab-pointer{display:none}.tab-md{font-size:12px;line-height:16px}.tab-lg{font-size:14px;line-height:19px}"]}),bt(2,e.Attribute("datoVertical")),bt(3,e.Attribute("datoNakedActive")),bt(4,e.Attribute("datoTabWidth")),Ct("design:paramtypes",[e.ChangeDetectorRef,e.ElementRef,Object,Object,Object])],t)}(),Jl=[Xl,Zl,Yl,ql],tc=function(){function t(){}return t=vt([e.NgModule({declarations:Jl,exports:Jl,imports:[s.CommonModule,yo]})],t)}();
+al=t.SnackbarType||(t.SnackbarType={})).INFO="info",al.SUCCESS="success",al.ERROR="error",al.DRAMATIC_SUCCESS="dramatic-success",al.DRAMATIC_ERROR="dramatic-error";var Al=function(){function n(t,n){this.renderer=t,this.host=n,this.showLeftIcon=!1,this.close=new e.EventEmitter,this.closedByAction=!1}return n.prototype.onAnimationEnd=function(t){"core-snackbarOut"===t.animationName&&this.close.emit({closedByAction:this.closedByAction})},Object.defineProperty(n.prototype,"dismissible",{get:function(){return this.options.dismissible},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"duration",{get:function(){return this.options.duration},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var t=this;Vt(this.host.nativeElement,"zIndex",Mn()),this.showLeftIcon=!this.isInfo(this.type),this.animate=function(e){return t.renderer.setStyle(t.element,"animation",e)},this.icon=this.options.icon||this.resolveIcon(this.type),this.renderer.addClass(this.element,"dato-snackbar-"+this.type.toLowerCase());var e=this.dismissible?"core-snackbarIn 0.5s":"core-snackbarIn 0.5s, core-snackbarOut 0.5s "+this.duration+"ms";this.animate(e)},n.prototype.onClose=function(){this.animate("core-snackbarOut 0.5s"),this.closedByAction=!0},n.prototype.isInfo=function(e){return e===t.SnackbarType.INFO},n.prototype.isSuccess=function(e){return e===t.SnackbarType.SUCCESS||e===t.SnackbarType.DRAMATIC_SUCCESS},n.prototype.resolveIcon=function(t){if(!this.isInfo(t))return this.isSuccess(t)?"checkmark":"alert"},n.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef}]},vt([e.Input(),Ct("design:type",Object)],n.prototype,"options",void 0),vt([e.Input(),Ct("design:type",String)],n.prototype,"type",void 0),vt([e.HostListener("animationend",["$event"]),Ct("design:type",Function),Ct("design:paramtypes",[Object]),Ct("design:returntype",void 0)],n.prototype,"onAnimationEnd",null),n=vt([e.Component({selector:"dato-snackbar",template:'<div class="d-flex items-center">\n  <div class="dato-snackbar-circle mr-7 d-flex justify-center align-center" *ngIf="showLeftIcon">\n    <dato-icon [datoIcon]="icon"></dato-icon>\n  </div>\n  <span datoColor="primary-0" class="dato-snack-content">\n    <ng-content></ng-content>\n  </span>\n</div>\n\n<dato-icon datoIcon="close" *ngIf="dismissible" (click)="onClose()"></dato-icon>\n',encapsulation:e.ViewEncapsulation.None,changeDetection:e.ChangeDetectionStrategy.OnPush,styles:["dato-snackbar{border-radius:2px;font-size:12px;position:fixed;padding:6px 5px 6px 10px;top:100px;left:50%;min-width:250px;transform:translateX(-50%);box-shadow:0 2px 14px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between}dato-snackbar .dato-icon-close{cursor:pointer}dato-snackbar .dato-snackbar-circle{border-radius:50%}dato-snackbar .dato-snackbar-circle dato-icon:not(.dato-icon-alert) svg{width:10.5px;height:7.5px}@-webkit-keyframes core-snackbarIn{from{transform:translate(-50%,-100px);opacity:0}to{ransform:translate(-50%,100px);opacity:1}}@keyframes core-snackbarIn{from{transform:translate(-50%,-100px);opacity:0}to{ransform:translate(-50%,100px);opacity:1}}@-webkit-keyframes core-snackbarOut{to{transform:translate(-50%,-100px);opacity:0}}@keyframes core-snackbarOut{to{transform:translate(-50%,-100px);opacity:0}}"]}),Ct("design:paramtypes",[e.Renderer2,e.ElementRef])],n)}(),Rl=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,Ne,On],declarations:[Al],exports:[Al],entryComponents:[Al]})],t)}(),Pl=function(){function t(){}return Object.defineProperty(t.prototype,"afterDismissed",{get:function(){return this._afterDismissed},set:function(t){this._afterDismissed=t},enumerable:!0,configurable:!0}),t}(),kl=function(){function n(t,e,n,o,i){this.translate=t,this.appRef=e,this.resolver=n,this.injector=o,this.document=i}return n.prototype.snack=function(e,n,o,i){var a=this;if(void 0===n&&(n=t.SnackbarType.INFO),void 0===o&&(o={}),e){this.destroy();var s=mt(mt({},{duration:4e3,dismissible:!1}),o);this.contentRef=Jr({applicationRef:this.appRef,injector:this.injector,resolver:this.resolver,content:Mt(e)?this.translate.transform(e):e,context:i}),this.component=Yr({component:Al,projectableNodes:this.contentRef.nodes,injector:this.injector,resolver:this.resolver});var l=this.component,c=l.instance,p=l.changeDetectorRef,d=l.location.nativeElement;this.nativeElement=d,o.className&&this.nativeElement.classList.add(o.className);var u=new Pl;return u.afterDismissed=c.close,u.close=c.onClose.bind(c),c.options=s,c.type=n,c.close.pipe(r.take(1)).subscribe((function(){a.destroy()})),p.detectChanges(),this.document.body.appendChild(d),u}},n.prototype.info=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.INFO,n,o)},n.prototype.success=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.SUCCESS,n,o)},n.prototype.error=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.ERROR,n,o)},n.prototype.dramaticSuccess=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.DRAMATIC_SUCCESS,n,o)},n.prototype.dramaticError=function(e,n,o){return void 0===n&&(n={}),this.snack(e,t.SnackbarType.DRAMATIC_ERROR,n,o)},n.prototype.destroy=function(){this.nativeElement&&(this.contentRef.destroy(this.appRef),this.component.destroy(),this.document.body.removeChild(this.nativeElement),this.contentRef=null,this.component=null,this.nativeElement=null)},n.ctorParameters=function(){return[{type:_n},{type:e.ApplicationRef},{type:e.ComponentFactoryResolver},{type:e.Injector},{type:void 0,decorators:[{type:e.Inject,args:[s.DOCUMENT]}]}]},n.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new n(e.ɵɵinject(_n),e.ɵɵinject(e.ApplicationRef),e.ɵɵinject(e.ComponentFactoryResolver),e.ɵɵinject(e.INJECTOR),e.ɵɵinject(s.DOCUMENT))},token:n,providedIn:"root"}),n=vt([e.Injectable({providedIn:"root"}),bt(4,e.Inject(s.DOCUMENT)),Ct("design:paramtypes",[_n,e.ApplicationRef,e.ComponentFactoryResolver,e.Injector,Object])],n)}(),_l={provide:o.NG_VALUE_ACCESSOR,useExisting:e.forwardRef((function(){return jl})),multi:!0},jl=function(t){function n(n,o,i,r,a,s){var l=t.call(this)||this;return l.renderer=n,l.host=o,l.small=i,l.fontSize=r,l.standalone=a,l.cdr=s,l.placeholder="",l.maxLength=524288,l.onFocus=new e.EventEmitter,l.onBlur=new e.EventEmitter,l.initialValue="",l.value="",l}return ft(n,t),n.prototype.ngOnInit=function(){ge(this.standalone)&&this.renderer.addClass(this.host.nativeElement,"standalone");var t=Ft(".editable-header-input",this.host.nativeElement);Vt(t,"fontSize",this.fontSize),rt.coerceBooleanProperty(this.small)&&Ut(t,"editable-header-input--small")},Object.defineProperty(n.prototype,"isValueChanged",{get:function(){return this.value!==this.initialValue},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"inputElement",{get:function(){return this.host.nativeElement.querySelector("input")},enumerable:!0,configurable:!0}),n.prototype.blur=function(t){this.value||this.revert(),this.onBlur.emit(t)},n.prototype.focus=function(t){this.isValueChanged||t.target.setSelectionRange(0,9999),this.onFocus.emit(t)},n.prototype.revert=function(){this.onChange(this.initialValue),this.setInputValue(this.initialValue),this.value=this.initialValue},n.prototype.setDisabledState=function(t){this.renderer.setProperty(this.inputElement,"disabled",t)},n.prototype.writeValue=function(t){this.initialValue||(this.initialValue=t),this.value=t,this.setInputValue(t),this.cdr.markForCheck()},n.prototype.input=function(t){var e=t.target.value;this.onChange(e),this.value=e},n.prototype.setInputValue=function(t){this.renderer.setProperty(this.inputElement,"value",t)},n.ctorParameters=function(){return[{type:e.Renderer2},{type:e.ElementRef},{type:void 0,decorators:[{type:e.Attribute,args:["datoSmall"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["fontSize"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["standalone"]}]},{type:e.ChangeDetectorRef}]},vt([e.Input(),Ct("design:type",Object)],n.prototype,"placeholder",void 0),vt([e.Input(),Ct("design:type",Object)],n.prototype,"maxLength",void 0),vt([e.Output(),Ct("design:type",e.EventEmitter)],n.prototype,"onFocus",void 0),vt([e.Output(),Ct("design:type",e.EventEmitter)],n.prototype,"onBlur",void 0),n=vt([e.Component({selector:"dato-editable-header",template:'<section [class.initial]="!isValueChanged">\n  <input type="text"\n         class="ellipsis editable-header-input"\n         [maxLength]="maxLength"\n         [placeholder]="placeholder"\n         (input)="input($event)"\n         (blur)="blur($event)"\n         (focus)="focus($event)"\n         (keyup.esc)="revert()">\n</section>\n',providers:[_l],changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host{display:flex}section{flex:1}.editable-header-input{padding:5px;margin:0;border-color:transparent;border-width:1px;width:100%;font-size:18px;height:34px;line-height:34px}.editable-header-input--small{font-size:14px;height:30px;line-height:30px}.editable-header-input:focus{outline:0}.initial .editable-header-input{font-style:italic}:host:not(.standalone) section{height:48px;padding:0 32px}:host:not(.standalone) .editable-header-input{width:480px;font-size:18px}"]}),bt(2,e.Attribute("datoSmall")),bt(3,e.Attribute("fontSize")),bt(4,e.Attribute("standalone")),Ct("design:paramtypes",[e.Renderer2,e.ElementRef,Object,Object,Object,e.ChangeDetectorRef])],n)}(Dt),Ml=[jl],Ll=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,o.ReactiveFormsModule],declarations:[Ml],exports:[Ml],entryComponents:[Ml]})],t)}(),Nl=function(){function t(t,e){this.http=t,this.config=e}return t.prototype.getLib=function(t,e){return this.richTextScript$||this.initLib(t,e),this.richTextScript$},t.prototype.initLib=function(t,e){this.richTextScript$=n.combineLatest([this.http.get(this.config.paths.richText+"/index.js",{responseType:"text"}).pipe(r.tap((function(e){return t(e,"rich-text-editor")}))),this.http.get(this.config.paths.richText+"/plugins/autocomplete/plugin.css",{responseType:"text"}).pipe(r.tap((function(t){return e(t,"tinymce-autocomplete")})))]).pipe(r.shareReplay(1))},t.ctorParameters=function(){return[{type:ht.HttpClient},{type:void 0,decorators:[{type:e.Inject,args:[Bn]}]}]},t.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new t(e.ɵɵinject(ht.HttpClient),e.ɵɵinject(Bn))},token:t,providedIn:"root"}),t=vt([e.Injectable({providedIn:"root"}),bt(1,e.Inject(Bn)),Ct("design:paramtypes",[ht.HttpClient,Object])],t)}(),Fl=function(){return window&&window.tinymce?window.tinymce:null},Gl=function(t){function r(e,n,o,i){var r=t.call(this)||this;return r.ngZone=e,r.richTextService=n,r.config=o,r.host=i,r.autocompleteOptions={},r.forcePlainTextPasting=!1,r.format="html",r.isOneLine=!1,r.initialValue="",r.defaultPlugins="link fullscreen image lists table autocomplete",r.defaultToolbar=["fontfamily fontsize forecolor backcolor bold italic underline link","alignleft aligncenter alignright alignjustify outdent indent | table numlist bullist  | image fullscreen"],r}var a;return ft(r,t),a=r,Object.defineProperty(r.prototype,"disabled",{get:function(){return this._disabled},set:function(t){this._disabled=t,this.editor&&this.editor.initialized&&this.editor.setMode(t?"readonly":"design")},enumerable:!0,configurable:!0}),r.prototype.ngAfterViewInit=function(){var t=this;window.tinyMCEPreInit={suffix:"",base:this.config.paths.richText,query:""},this.richTextService.getLib(Xt,Jt).pipe(i.untilDestroyed(this)).subscribe((function(){t.init.call(t)}))},r.prototype.initEditor=function(t,e){var o=this;this.ngZone.run((function(){return e.setContent(o.initialValue)})),n.fromEvent(e,"setcontent").pipe(i.untilDestroyed(this)).subscribe((function(t){var e=t.content;"html"===t.format&&e&&o.ngZone.run((function(){return o.onChange(e)}))})),n.fromEvent(e,"change keyup undo redo").pipe(i.untilDestroyed(this)).subscribe((function(){o.ngZone.run((function(){return o.onChange(e.getContent({format:o.format}))}))}))},r.prototype.defaultOptions=function(){var t=this;return{target:this.host.nativeElement,width:this.width||600,height:this.height||300,force_br_newlines:!0,resize:"both",branding:!1,inline:this.inline,elementpath:!1,readonly:this.disabled,plugins:this.plugins||this.defaultPlugins,toolbar:Lt(this.toolbar)?this.defaultToolbar:this.toolbar,fontsize_formats:"8px 10px 12px 14px 18px 24px 36px",min_width:480,menubar:!1,autocomplete:this.autocompleteOptions,suffix:".min",skin:"tinymce-5",setup:function(e){t.editor=e,e.on("init",(function(n){t.initEditor(n,e),t.defaultFont&&e.editorCommands.execCommand("fontName",!1,t.defaultFont)})),e.on("keydown",(function(e){return!t.isOneLine||"Enter"!==e.code})),t.forcePlainTextPasting&&e.on("paste",(function(n){t.clearEditorContentStyling(e,n)}))},content_style:this.isOneLine?"\n        html { height: 100%; }\n        body {\n         height: 100%;\n         color: rgb(55, 56, 58);\n         margin: 0 25px 0 10px;\n         display: flex;\n         flex-direction: column;\n         justify-content: center;\n        }\n        p { padding: 0; margin: 0; }\n      ":""}},r.prototype.init=function(){var t=mt(mt({},this.defaultOptions()),this.options);this.ngZone.runOutsideAngular((function(){return Fl().init(t)}))},r.prototype.ngOnDestroy=function(){null!==Fl()&&(this.editor.off("paste"),Fl().remove(this.editor))},r.prototype.writeValue=function(t){this.initialValue=t||this.initialValue,this.editor&&this.editor.initialized&&Mt(t)&&this.editor.setContent(t)},r.prototype.setDisabledState=function(t){this.editor&&this.editor.setMode(t?"readonly":"design")},r.prototype.clearEditorContentStyling=function(t,e){e.preventDefault();var n=(e.originalEvent||e).clipboardData.getData("Text");t.execCommand("mceInsertContent",!1,n)},r.ctorParameters=function(){return[{type:e.NgZone},{type:Nl},{type:void 0,decorators:[{type:e.Inject,args:[Bn]}]},{type:e.ElementRef}]},vt([e.Input(),Ct("design:type",String)],r.prototype,"plugins",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"toolbar",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"menubar",void 0),vt([e.Input(),Ct("design:type",Boolean)],r.prototype,"inline",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"options",void 0),vt([e.Input(),Ct("design:type",Number)],r.prototype,"width",void 0),vt([e.Input(),Ct("design:type",Number)],r.prototype,"height",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"autocompleteOptions",void 0),vt([e.Input(),Ct("design:type",Boolean),Ct("design:paramtypes",[Boolean])],r.prototype,"disabled",null),vt([e.Input(),Ct("design:type",Object)],r.prototype,"forcePlainTextPasting",void 0),vt([e.Input(),Ct("design:type",String)],r.prototype,"defaultFont",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"format",void 0),vt([e.Input(),Ct("design:type",Object)],r.prototype,"isOneLine",void 0),r=a=vt([e.Directive({selector:"[datoRichText]",providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e.forwardRef((function(){return a})),multi:!0}]}),bt(2,e.Inject(Bn)),Ct("design:paramtypes",[e.NgZone,Nl,Object,e.ElementRef])],r)}(Dt),Vl=[Gl],zl=function(){function t(){}return t=vt([e.NgModule({declarations:[Vl],exports:[Vl]})],t)}(),Bl=function(){function t(t){this.tpl=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"[datoCarouselItem]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Hl={autoRun:!1,datoSize:"lg",loop:!1,selectedIndex:0,showControls:!0,showNavigationArrows:!0,showNavigationButtons:!1,animationTiming:"250ms ease-in"},Ul=function(){function t(){}return t=vt([e.Directive({selector:".dato-carousel-item"})],t)}(),Kl=function(){function t(t,n,o){this.animationBuilder=t,this.cdr=n,this.host=o,this.indexChanged=new e.EventEmitter,this.carouselUlStyle={},this.carouselWrapperStyle={},this.currentSlide=0,this.defaultAutoRunInterval=10}return t.prototype.ngOnChanges=function(t){var e=t.config,n=e.previousValue,o=e.currentValue;if(n){var i=function(t){return n[t]!==o[t]};i("datoSize")&&Qt(this.element,{datoSize:o.datoSize}),i("autoRun")&&this.initAutoRun(o.autoRun),(i("loop")||i("itemWidth"))&&(this.calcCarouselStyle(!0),this.cdr.detectChanges())}else{var r=o.datoSize,a=o.autoRun;r&&Qt(this.element,{datoSize:r}),a&&this.initAutoRun(a)}this.config=mt(mt({},Hl),this.config)},t.prototype.ngAfterViewInit=function(){var t=this;if(this.itemElements.changes.pipe(i.untilDestroyed(this)).subscribe((function(){return t.cdr.detectChanges()})),this.calcCarouselStyle(!1),_t(this.config.selectedIndex)){this.currentSlide=this.config.selectedIndex;var e=(this.hasExtraItems?this.currentSlide+1:this.currentSlide)*this.itemWidth;this.carouselUlStyle.transform="translateX(-"+e+"px)"}this.cdr.detectChanges(),this.indexChanged.emit(this.currentSlide)},t.prototype.ngOnDestroy=function(){this.player&&this.player.destroy()},Object.defineProperty(t.prototype,"itemWidth",{get:function(){return this.config.itemWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hasItems",{get:function(){return this.itemElements&&this.itemElements.length>1},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"allowNextArrow",{get:function(){var t=this.itemElements.length-(this.autoRunSub?2:0);return this.config.loop||!(t===this.currentSlide+1)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"allowPrevArrow",{get:function(){return this.config.loop||0!==this.currentSlide},enumerable:!0,configurable:!0}),t.prototype.next=function(){var t=this.currentSlide+1;(this.hasExtraItems||t!==this.items.length)&&(this.currentSlide=t%this.items.length,0===this.currentSlide&&this.preformSlideTransition("0ms ease-in",0),this.preformSlideTransition(),this.indexChanged.emit(this.currentSlide))},t.prototype.prev=function(){(this.config.loop||0!==this.currentSlide)&&(this.currentSlide=(this.currentSlide-1+this.items.length)%this.items.length,this.currentSlide===this.items.length-1&&this.preformSlideTransition("0ms ease-in",(this.items.length+1)*this.itemWidth),this.preformSlideTransition(),this.indexChanged.emit(this.currentSlide))},t.prototype.navigateToSlide=function(t){var e=t%this.items.length,n=Math.abs(this.currentSlide-e);if(n){for(var o=(e>this.currentSlide?this.next:this.prev).bind(this),i=1;i<=n;i++)o();this.cdr.detectChanges()}},Object.defineProperty(t.prototype,"hasExtraItems",{get:function(){return this.config.loop||!!this.autoRunSub},enumerable:!0,configurable:!0}),t.prototype.buildAnimation=function(t,e){var n=_t(e)?e:(this.hasExtraItems?this.currentSlide+1:this.currentSlide)*this.itemWidth;return this.animationBuilder.build([ct.animate(t,ct.style({transform:"translateX(-"+n+"px)"}))])},t.prototype.preformSlideTransition=function(t,e){void 0===t&&(t=this.config.animationTiming),this.player=this.buildAnimation(t,e).create(this.carousel.nativeElement),this.player.play()},t.prototype.calcCarouselStyle=function(t){this.carouselWrapperStyle={width:this.itemWidth+"px"};var e=this.itemElements.length+(this.hasExtraItems?2:0);this.carouselUlStyle={width:this.itemWidth*e+"px"},t&&this.preformSlideTransition("0ms ease-in")},Object.defineProperty(t.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),t.prototype.initAutoRun=function(t){var e=this;if(this.autoRunSub&&this.autoRunSub.unsubscribe(),this.autoRunSub=null,t){Ut(this.element,"auto-play");var o=1e3*(_t(t)?Math.max(t,1):this.defaultAutoRunInterval);this.autoRunSub=n.interval(o).pipe(i.untilDestroyed(this)).subscribe((function(){return e.next()}))}else Wt(this.element,"auto-play");this.items&&!this.config.loop&&this.calcCarouselStyle(!0)},t.ctorParameters=function(){return[{type:ct.AnimationBuilder},{type:e.ChangeDetectorRef},{type:e.ElementRef}]},vt([e.ContentChildren(Bl),Ct("design:type",e.QueryList)],t.prototype,"items",void 0),vt([e.ViewChild("carousel",{read:e.ElementRef,static:!0}),Ct("design:type",e.ElementRef)],t.prototype,"carousel",void 0),vt([e.ViewChildren(Ul,{read:e.ElementRef}),Ct("design:type",e.QueryList)],t.prototype,"itemElements",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"config",void 0),vt([e.Output(),Ct("design:type",Object)],t.prototype,"indexChanged",void 0),t=vt([e.Component({selector:"dato-carousel",template:'<section data-auto-id="carousel-wrapper" class="relative carousel-wrapper overflow-hidden" [ngStyle]="carouselWrapperStyle">\n    <ul class="carousel-inner d-flex" [ngStyle]="carouselUlStyle" #carousel>\n        <li *ngIf="hasExtraItems && items.last" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="items.last.tpl"></ng-container>\n        </li>\n        <li [attr.data-auto-id]="\'carousel-item-\' + i" *ngFor="let item of items;index as i" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="item.tpl"></ng-container>\n        </li>\n        <li *ngIf="hasExtraItems && items.first" class="dato-carousel-item" [style.width.px]="itemWidth">\n            <ng-container [ngTemplateOutlet]="items.first.tpl"></ng-container>\n        </li>\n    </ul>\n    <ng-container *ngIf="hasItems && config.showControls">\n        <ng-container *ngIf="config.showNavigationButtons">\n            <div class="navigation-buttons absolute d-flex width-100 align-center" data-auto-id="buttons-container">\n                <div class="pointer mx-5 circle primary-100-background-color primary-400-background-color:h"\n                     *ngFor="let item of items; trackBy: \'index\' | trackByProp; index as i"\n                     [attr.data-auto-id]="\'button-\' + i"\n                     (click)="navigateToSlide(i)"\n                     [class.active]="i === currentSlide"\n                ></div>\n            </div>\n        </ng-container>\n        <ng-container *ngIf="config.showNavigationArrows">\n            <button data-auto-id="arrow-left" (click)="prev()" class="absolute d-flex justify-start pl-8 arrow prev" [class.disabled]="!allowPrevArrow">\n                <dato-icon datoIcon="arrow-left" datoSize="md"></dato-icon>\n            </button>\n            <button data-auto-id="arrow-right" (click)="next()" class="absolute d-flex justify-end pr-8 arrow next" [class.disabled]="!allowNextArrow">\n                <dato-icon datoIcon="arrow-right" datoSize="md"></dato-icon>\n            </button>\n        </ng-container>\n    </ng-container>\n</section>\n',changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[":host[datoSize=sm] .circle{height:8px;width:8px;margin:0 8px}:host[datoSize=sm] .arrow,:host[datoSize=sm].auto-play:hover .arrow{align-items:center;bottom:calc(50% - 30px);display:flex;height:60px;opacity:1;width:30px}:host[datoSize=sm] .arrow:hover,:host[datoSize=sm].auto-play:hover .arrow:hover{opacity:1}:host[datoSize=sm] .arrow.next,:host[datoSize=sm].auto-play:hover .arrow.next{border-bottom-left-radius:60px;border-top-left-radius:60px}:host[datoSize=sm] .arrow.prev,:host[datoSize=sm].auto-play:hover .arrow.prev{border-bottom-right-radius:60px;border-top-right-radius:60px}:host[datoSize=sm] .arrow dato-icon[datoSize=md],:host[datoSize=sm].auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:6px}:host[datoSize=md] .arrow,:host[datoSize=md].auto-play:hover .arrow{align-items:center;bottom:calc(50% - 40px);display:flex;height:80px;opacity:1;width:40px}:host[datoSize=md] .arrow:hover,:host[datoSize=md].auto-play:hover .arrow:hover{opacity:1}:host[datoSize=md] .arrow.next,:host[datoSize=md].auto-play:hover .arrow.next{border-bottom-left-radius:80px;border-top-left-radius:80px}:host[datoSize=md] .arrow.prev,:host[datoSize=md].auto-play:hover .arrow.prev{border-bottom-right-radius:80px;border-top-right-radius:80px}:host[datoSize=md] .arrow dato-icon[datoSize=md],:host[datoSize=md].auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:12px}:host.auto-play .arrow{opacity:0}:host .navigation-buttons{height:15px;bottom:10px}:host .circle{transition:background-color .25s ease-in-out,height .25s ease-in-out,width .25s ease-in-out;height:15px;width:15px;margin:0 10px;border-radius:50%}:host .arrow:hover,:host.auto-play:hover .arrow:hover{opacity:1;opacity:.6}:host .arrow.next,:host.auto-play:hover .arrow.next{border-bottom-left-radius:108px;border-top-left-radius:108px;right:0}:host .arrow.prev,:host.auto-play:hover .arrow.prev{border-bottom-right-radius:108px;border-top-right-radius:108px;left:0}:host:not(.auto-play) .arrow.disabled{opacity:1}:host .arrow,:host.auto-play:hover .arrow{align-items:center;bottom:calc(50% - 54px);display:flex;height:108px;opacity:1;width:54px;transition:opacity .25s ease-in-out;border:0;opacity:.3}:host .arrow.next:focus,:host.auto-play:hover .arrow.next:focus{outline:0}:host .arrow.disabled,:host.auto-play:hover .arrow.disabled{cursor:default}:host .arrow.prev:focus,:host.auto-play:hover .arrow.prev:focus{outline:0}:host .arrow dato-icon[datoSize=md],:host.auto-play:hover .arrow dato-icon[datoSize=md]{height:20px;width:12px}:host ul{list-style:none;margin:0;padding:0}"]}),Ct("design:paramtypes",[ct.AnimationBuilder,e.ChangeDetectorRef,e.ElementRef])],t)}(),Wl=[Kl,Bl,Ul],Ql=function(){function t(){}return t=vt([e.NgModule({imports:[s.CommonModule,Ne,yo],declarations:[Wl],exports:[Wl],entryComponents:[Kl]})],t)}(),$l=0,ql=function(){function t(t){this.templateRef=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"ng-template[datoTabTitle]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Yl=function(){function t(t){this.templateRef=t}return t.ctorParameters=function(){return[{type:e.TemplateRef}]},t=vt([e.Directive({selector:"ng-template[datoTabContent]"}),Ct("design:paramtypes",[e.TemplateRef])],t)}(),Zl=function(){function t(t,e){this.width=t,this.autoId=e,this.id="dato-tab-"+$l++,this.disabled=!1,this.className=""}return t.prototype.ngAfterContentChecked=function(){this.titleTpl=this.titleTpls.first,this.contentTpl=this.contentTpls.first},t.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Attribute,args:["width"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["data-auto-id"]}]}]},vt([e.Input(),Ct("design:type",Object)],t.prototype,"id",void 0),vt([e.Input(),Ct("design:type",String)],t.prototype,"title",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"disabled",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"className",void 0),vt([e.ContentChildren(ql,{descendants:!1}),Ct("design:type",e.QueryList)],t.prototype,"titleTpls",void 0),vt([e.ContentChildren(Yl,{descendants:!1}),Ct("design:type",e.QueryList)],t.prototype,"contentTpls",void 0),t=vt([e.Directive({selector:"dato-tab"}),bt(0,e.Attribute("width")),bt(1,e.Attribute("data-auto-id")),Ct("design:paramtypes",[Object,Object])],t)}(),Xl=function(){function t(t,n,o,i,r){this.cdr=t,this.host=n,this.datoVertical=o,this.datoNakedActive=i,this.defaultTabWidth=r,this._tabStyle={},this.destroyOnHide=!0,this.tabChange=new e.EventEmitter,this.datoSize="lg"}return Object.defineProperty(t.prototype,"element",{get:function(){return this.host.nativeElement},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){this.datoVertical&&Ut(this.element,"dato-tabs--vertical"),this.datoNakedActive&&Ut(this.element,"dato-tabs--clean"),this.datoSize=this.datoSize||"md",this.fontSize_="tab-"+this.datoSize},t.prototype.ngAfterContentChecked=function(){var t=this._getTabById(this.activeId);this.activeId=t?t.id:this.tabs.length?this.tabs.first.id:null,this.setInnerTabsStyle(),this.cdr.detectChanges()},t.prototype.select=function(t){var e=this._getTabById(t);if(e&&!e.disabled&&this.activeId!==e.id){var n=!1;this.tabChange.emit({activeId:this.activeId,nextId:e.id,preventDefault:function(){n=!0}}),n||(this.activeId=e.id,this.movePointer())}this.cdr.markForCheck()},t.prototype.setInnerTabsStyle=function(){var t=this;this._tabStyle=this.tabs.reduce((function(e,n){var o=n.width||t.defaultTabWidth;return o&&(o=rt.coerceCssPixelValue(o),e[n.id]={width:o,"max-width":o}),e}),{})},t.prototype.movePointer=function(){if(!this.datoVertical&&!this.datoNakedActive&&this.activeId){var t=this.getActiveTabElement();if(t){var e=this.getPointer();Ht(e,{opacity:1,width:t.clientWidth+"px",transform:"translateX("+t.offsetLeft+"px)"}),n.fromEvent(e,"transitionend").pipe(r.first()).subscribe((function(){Ht(e,{opacity:0})}))}}},t.prototype.getActiveTabElement=function(){var t=this._getTabById(this.activeId),e=this.element.querySelector("#"+t.id);return e&&e.parentNode},t.prototype.getPointer=function(){return this.element.querySelector(".tab-pointer")},t.prototype._getTabById=function(t){var e=this.tabs.filter((function(e){return e.id===t}));return e.length?e[0]:null},t.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:void 0,decorators:[{type:e.Attribute,args:["datoVertical"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["datoNakedActive"]}]},{type:void 0,decorators:[{type:e.Attribute,args:["datoTabWidth"]}]}]},vt([e.ContentChildren(Zl),Ct("design:type",e.QueryList)],t.prototype,"tabs",void 0),vt([e.Input(),Ct("design:type",String)],t.prototype,"activeId",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"destroyOnHide",void 0),vt([e.Output(),Ct("design:type",Object)],t.prototype,"tabChange",void 0),vt([e.Input(),Ct("design:type",Object)],t.prototype,"datoSize",void 0),t=vt([e.Component({selector:"dato-tabset",template:'<ul role="tablist" class="dato-tabs">\n  <div class="tab-pointer"></div>\n  <li class="nav-item {{tab.className}}" [ngStyle]="_tabStyle[tab.id]" *ngFor="let tab of tabs; trackBy \'id\' | trackByProp"\n      (click.prevent)="select(tab.id)"\n      [class.active]="tab.id === activeId"\n      [class.disabled]="tab.disabled"\n      [attr.data-tab-id]="tab.id"\n      [attr.data-tab-is-active]="tab.id === activeId">\n    <a [id]="tab.id" class="nav-link" [ngClass]="fontSize_" href role="tab"\n       [attr.tabindex]="(tab.disabled ? \'-1\': undefined)"\n       [attr.data-auto-id]="tab.autoId || tab.id"\n       [attr.aria-controls]="(!destroyOnHide || tab.id === activeId ? tab.id + \'-panel\' : null)"\n       [attr.aria-expanded]="tab.id === activeId"\n       [attr.aria-disabled]="tab.disabled">\n      {{tab.title | translate}}\n      <ng-template [ngTemplateOutlet]="tab.titleTpl?.templateRef"></ng-template>\n    </a>\n  </li>\n</ul>\n<div class="tab-content" data-auto-id="data-tab-content">\n  <ng-template ngFor let-tab [ngForOf]="tabs">\n    <div class="tab-pane" *ngIf="!destroyOnHide || tab.id === activeId" role="tabpanel" [class.is-hidden]="!this.destroyOnHide && tab.id !== activeId"\n      [attr.aria-labelledby]="tab.id" id="{{tab.id}}-panel" [attr.aria-expanded]="tab.id === activeId">\n      <ng-template [ngTemplateOutlet]="tab.contentTpl?.templateRef"></ng-template>\n    </div>\n  </ng-template>\n</div>\n',exportAs:"datoTabset",changeDetection:e.ChangeDetectionStrategy.OnPush,styles:[".headline{font-size:34px;font-weight:300;line-height:46px}.large-headline{font-size:48px;font-weight:300;line-height:60px}.sub-headline{font-size:18px;font-weight:600;line-height:24px}.mid-headline{font-size:24px;font-weight:600;line-height:33px}.simple{font-size:14px;line-height:19px}.simple-bold{font-size:14px;font-weight:600;line-height:19px}.simple-italic{font-size:14px;font-style:italic;line-height:19px}.note{font-size:12px;line-height:16px}.note-bold{font-size:12px;font-weight:600;line-height:16px}.note-italic{font-size:12px;font-style:italic;line-height:16px}.dato-headline{font-size:34px;font-weight:300;line-height:46px}.dato-large-headline{font-size:48px;font-weight:300;line-height:60px}.dato-sub-headline{font-size:18px;font-weight:600;line-height:24px}.dato-mid-headline{font-size:24px;font-weight:600;line-height:33px}.dato-simple{font-size:14px;line-height:19px}.dato-simple-bold{font-size:14px;font-weight:600;line-height:19px}.dato-simple-italic{font-size:14px;font-style:italic;line-height:19px}.dato-note{font-size:12px;line-height:16px}.dato-note-bold{font-size:12px;font-weight:600;line-height:16px}.dato-note-italic{font-size:12px;font-style:italic;line-height:16px}:host ul{position:relative;display:flex;flex-shrink:0;padding:0;margin:0;overflow-x:hidden;list-style:none}:host li{flex:1;cursor:pointer;text-align:center;padding:5px 0;border-bottom:2px solid transparent}:host li a{text-decoration:none}:host .is-hidden{display:none!important}:host .active{transition:border-bottom-color .3s}:host .active a{font-weight:600;transition:color .3s,font-weight .3s}:host[datoNativeWidth] li{flex:none;padding:5px 20px}:host .tab-pointer{height:2px;position:absolute;left:0;bottom:0;transition:transform .3s,width .3s}:host .tab-content{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:auto}:host .tab-content .tab-pane{display:flex;flex-direction:column;flex:1 1 auto}:host(.dato-tabs--vertical){display:flex}:host(.dato-tabs--vertical)>ul{flex-direction:column;flex-shrink:0;box-shadow:inset -5px 5px 5px 0 rgba(0,0,0,.04)}:host(.dato-tabs--vertical)>ul li{display:flex;flex:0;min-width:44px;min-height:40px;padding:2px 2px 0 0}:host(.dato-tabs--vertical)>ul li a{display:flex;flex-grow:1;margin:0 6px;justify-content:center;align-items:center}:host(.dato-tabs--vertical)>.tab-pointer{display:none}.tab-md{font-size:12px;line-height:16px}.tab-lg{font-size:14px;line-height:19px}"]}),bt(2,e.Attribute("datoVertical")),bt(3,e.Attribute("datoNakedActive")),bt(4,e.Attribute("datoTabWidth")),Ct("design:paramtypes",[e.ChangeDetectorRef,e.ElementRef,Object,Object,Object])],t)}(),Jl=[Xl,Zl,Yl,ql],tc=function(){function t(){}return t=vt([e.NgModule({declarations:Jl,exports:Jl,imports:[s.CommonModule,yo]})],t)}();
 /**
      * @license
      * Copyright Datorama. All Rights Reserved.