https://one.kaseya.com/chunk-TSLYJCPX.js

1import{a as b}from"./chunk-KZQFCZOL.js";import{h as f,i as Z}from"./chunk-MVQ7ZBJA.js";import{a as _t}from"./chunk-EJ33AYEX.js";import{d as Ct}from"./chunk-OZAVT3KV.js";import{b as it}from"./chunk-NI277USN.js";import{a as L}from"./chunk-TYMHKFPE.js";import"./chunk-5K4WB7LI.js";import{a as tt}from"./chunk-RRWQUA52.js";import"./chunk-TXMC2OV7.js";import"./chunk-XNIDF6EB.js";import"./chunk-T6CKQ37T.js";import"./chunk-EDVEK5UK.js";import"./chunk-LGDVSNSB.js";import{a as ut,c as gt,d as mt}from"./chunk-JUMPD7WS.js";import"./chunk-JMC5644U.js";import"./chunk-KWFCCYYP.js";import"./chunk-SDSSSFQN.js";import{a as pt}from"./chunk-XPM5DNW5.js";import"./chunk-MEWFRLQD.js";import"./chunk-ZOPX7MEA.js";import"./chunk-35ANENAP.js";import"./chunk-MDBMCAN3.js";import"./chunk-HAZIF4U3.js";import"./chunk-Q4M2TU6S.js";import"./chunk-QTOCUXEX.js";import"./chunk-ZN5JW2E5.js";import{a as Y}from"./chunk-J5OELFEQ.js";import"./chunk-O74CPK56.js";import"./chunk-Z44GQ2C5.js";import"./chunk-XCWVTAWK.js";import"./chunk-YDOXXKME.js";import"./chunk-R26VZUJT.js";import"./chunk-T5A2W4FD.js";import{b as ft,c as h}from"./chunk-KFJMYS7N.js";import{a as W,d as X}from"./chunk-5INIASG6.js";import{B as ct,P as $}from"./chunk-LI5LLYGX.js";import{k as P,o as dt}from"./chunk-XJBWQHBX.js";import{$b as E,Aa as q,Bb as C,Kc as at,Nc as p,Oc as y,Pc as w,R as ot,Vc as G,Wb as I,Wc as J,Xc as Q,_b as x,ac as T,ad as nt,cc as O,dc as D,ec as F,fb as B,fc as u,gc as l,gd as a,hc as s,hd as n,ic as m,id as lt,jc as U,kc as K,la as _,lb as o,lc as et,qd as st,sc as A,tc as rt,ud as v,v as R,va as z,wa as j,wc as S,xc as H,yc as g}from"./chunk-X322U6OD.js";import"./chunk-FOFG66DE.js";var yt=(()=>{class t{constructor(){this.tutorialsFacade=_(b)}onBackButtonClick(){this.tutorialsFacade.unselectTutorial()}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-suggested-tutorials-header"]],decls:7,vars:6,consts:[[1,"suggested-tutorials-header"],[1,"suggested-tutorials-header__back-button"],["colorScheme","tertiary","iconClass","fa-regular fa-arrow-left",3,"buttonClick","buttonText"],[1,"suggested-tutorials-header__up-next-text"]],template:function(i,r){i&1&&(l(0,"div",0)(1,"div",1)(2,"kds-icon-button",2),a(3,"translate"),S("buttonClick",function(){return r.onBackButtonClick()}),s()(),l(4,"div",3),p(5),a(6,"translate"),s()()),i&2&&(o(2),u("buttonText",n(3,2,"tutorials.suggested-tutorials.back-to-tutorials")),o(3),y(n(6,4,"tutorials.suggested-tutorials.up-next")))},dependencies:[pt,h],styles:[".suggested-tutorials-header[_ngcontent-%COMP%]{padding:0 24px 16px;border-bottom:1px solid var(--border-primary)}.suggested-tutorials-header__back-button[_ngcontent-%COMP%]{padding:24px 0}.suggested-tutorials-header__up-next-text[_ngcontent-%COMP%]{font-family:var(--font-family-medium);color:var(--text-primary);border-bottom:16px}"],changeDetection:0})}}return t})();var kt=(t,d)=>({foundCount:t,totalCount:d}),vt=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.translateService=_(ft),this.totalTutorialsCount$=this.tutorialsFacade.totalTutorialsCount$.pipe(R(e=>e??"-")),this.foundTutorialsCount$=this.tutorialsFacade.foundTutorialsCount$.pipe(R(e=>e??"-")),this.searchConfig=X(this.translateService.get("tutorials.tutorials-filter.search-placeholder").pipe(R(e=>({placeholder:e,debounceTime:500}))),{initialValue:{}})}onSearch(e){this.tutorialsFacade.setSearchKey(e)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorials-filter"]],decls:12,vars:15,consts:[[1,"tutorials-filter"],[1,"tutorials-filter__search"],[3,"search","config"],[1,"tutorials-filter__labels"],[1,"tutorials-filter__of-label"],[1,"tutorials-filter__result-label"]],template:function(i,r){i&1&&(l(0,"div",0)(1,"div",1)(2,"kds-search",2),S("search",function(V){return r.onSearch(V)}),s()(),l(3,"div",3)(4,"span",4),p(5),a(6,"async"),a(7,"async"),a(8,"translate"),s(),l(9,"span",5),p(10),a(11,"translate"),s()()()),i&2&&(o(2),u("config",r.searchConfig()),o(3),w(" ",lt(8,7,"tutorials.tutorials-filter.of",nt(12,kt,n(6,3,r.foundTutorialsCount$),n(7,5,r.totalTutorialsCount$)))," "),o(5),y(n(11,10,"tutorials.tutorials-filter.results")))},dependencies:[_t,P,h],styles:[".tutorials-filter[_ngcontent-%COMP%]{display:flex;padding:24px 16px}.tutorials-filter__search[_ngcontent-%COMP%]{width:100%}.tutorials-filter__labels[_ngcontent-%COMP%]{font-size:var(--font-size);line-height:16px;display:flex;color:var(--text-primary);align-items:center;margin-left:10px}.tutorials-filter__of-label[_ngcontent-%COMP%]{white-space:nowrap;font-family:var(--font-family-bold)}.tutorials-filter__result-label[_ngcontent-%COMP%]{display:flex;align-items:center;margin-left:4px}"],changeDetection:0})}}return t})();var M={[f.All]:"all",[f.GettingStarted]:"getting-started",[f.ITCompleteIntegrations]:"it-complete-integrations",[f.Onboarding]:"home-widget"};var N={[f.All]:"subtle-gray",[f.GettingStarted]:"subtle-teal",[f.ITCompleteIntegrations]:"subtle-blue",[f.Onboarding]:"subtle-purple"};function Ot(t,d){if(t&1&&(m(0,"iframe",1),a(1,"safeResourceUrl")),t&2){let e=g();u("src",n(1,2,d),B),I("title",e.title)}}function Dt(t,d){if(t&1&&(l(0,"div",7),p(1),a(2,"datetime"),s()),t&2){let e=g();o(),w(" ",n(2,1,e.dateOfCreation)," ")}}function Ft(t,d){if(t&1&&(l(0,"div",9),p(1),s()),t&2){let e=g();o(),y(e.description)}}function Bt(t,d){if(t&1){let e=A();l(0,"div",0),x(1,Ot,2,4,"iframe",1),l(2,"div",2)(3,"div",3)(4,"div",4)(5,"div",5),p(6),s(),l(7,"kds-tag",6),p(8),a(9,"translate"),s()(),x(10,Dt,3,3,"div",7),s(),l(11,"button",8),S("click",function(){let r=z(e),c=g();return j(c.openVideoLink(r.videoUrl))}),p(12),a(13,"translate"),s()(),x(14,Ft,2,1,"div",9),s()}if(t&2){let e,i=d,r=g();o(),T((e=r.videoUrl())?1:-1,e),o(5),y(i.title),o(),u("colorVariant",r.tagColorName),o(),w(" ",n(9,7,r.categoryTranslationKey)," "),o(2),T(i.dateOfCreation?10:-1),o(2),w(" ",n(13,9,"tutorials.tutorial-preview.open-in-vimeo")," "),o(2),T(i.description?14:-1)}}var ht=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.destroyRef=_(q),this.selectedTutorial=X(this.tutorialsFacade.selectedTutorial$),this.autoplay=v(),this.videoBaseUrl=st(()=>{let e=this.selectedTutorial();return e?this.autoplay()?`${e.videoUrl}&autoplay=1&muted=1`:e.videoUrl:""}),this.videoUrl=this.tutorialsFacade.getTutorialVideoUrl(this.videoBaseUrl,!1),this.selectedTutorial$=this.tutorialsFacade.selectedTutorial$}openVideoLink(e){window.open(e)}ngOnInit(){this.tutorialsFacade.selectedTutorial$.pipe(ct(),W(this.destroyRef)).subscribe(e=>{this.tagColorName=N[e.category],this.categoryTranslationKey=`tutorials.tutorials-categories.${M[e.category]}`})}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorial-preview"]],inputs:{autoplay:[1,"autoplay"]},decls:2,vars:3,consts:[[1,"tutorial-preview"],["mozallowfullscreen","","webkitallowfullscreen","","allowfullscreen","",1,"tutorial-preview__video",3,"src"],[1,"tutorial-preview__header"],[1,"tutorial-preview__left-section"],[1,"tutorial-preview__header-title-with-tag"],[1,"tutorial-preview__title"],[1,"tutorial-preview__category",3,"colorVariant"],[1,"tutorial-preview__date"],[1,"tutorial-preview__open-in-vimeo-button",3,"click"],[1,"tutorial-preview__description"]],template:function(i,r){if(i&1&&(x(0,Bt,15,11,"div",0),a(1,"async")),i&2){let c;T((c=n(1,1,r.selectedTutorial$))?0:-1,c)}},dependencies:[L,P,h,$,Ct],styles:[".tutorial-preview[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:872px;padding:24px 0}.tutorial-preview__video[_ngcontent-%COMP%]{height:492px;width:872px;margin-bottom:24px}.tutorial-preview__left-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:4px;flex:1}.tutorial-preview__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.tutorial-preview__title-section[_ngcontent-%COMP%]{display:flex;flex-direction:column;row-gap:4px;margin-bottom:16px}.tutorial-preview__title[_ngcontent-%COMP%]{font-size:var(--font-size-medium);line-height:21px;font-family:var(--font-family-medium);line-height:26px;width:calc(100% - 200px)}.tutorial-preview__date[_ngcontent-%COMP%]{color:var(--text-secondary);line-height:22px}.tutorial-preview__header-title-with-tag[_ngcontent-%COMP%]{display:flex;align-items:center}.tutorial-preview__category[_ngcontent-%COMP%]{display:block;align-self:flex-start;margin:0 12px;

1max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tutorial-preview__description[_ngcontent-%COMP%]{padding-top:16px;color:var(--text-secondary);line-height:22px}.tutorial-preview__open-in-vimeo-button[_ngcontent-%COMP%]{font-size:var(--font-size-small);line-height:14px;height:24px;background-color:transparent;color:var(--text-primary);font-family:var(--font-family-medium);padding:2px 12px;border:1px solid var(--input-border-default);border-radius:4px}"],changeDetection:0})}}return t})();function It(t,d){if(t&1&&(et(0,"iframe",2),a(1,"safeResourceUrl"),a(2,"translate")),t&2){g();let e=Q(0);rt("src",n(1,2,d),B),I("title",n(2,4,"tutorials.title")+" - "+e)}}var xt=(()=>{class t{constructor(){this.videoTutorialsFacade=_(b),this.id=v.required(),this.title=v.required(),this.videoUrl=v.required(),this.tutorialVideoUrl=this.videoTutorialsFacade.getTutorialVideoUrl(this.videoUrl)}onCardClick(){this.videoTutorialsFacade.selectTutorial(this.id())}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-suggested-tutorial-card"]],inputs:{id:[1,"id"],title:[1,"title"],videoUrl:[1,"videoUrl"]},decls:6,vars:3,consts:[[1,"suggested-tutorial-card",3,"click"],[1,"suggested-tutorial-card__video-overlay"],[1,"suggested-tutorial-card__video",3,"src"],[1,"suggested-tutorial-card__title"]],template:function(i,r){if(i&1&&(G(0),U(1,"div",0),H("click",function(){return r.onCardClick()}),et(2,"div",1),x(3,It,3,6,"iframe",2),U(4,"div",3),p(5),K()()),i&2){let c,V=J(r.title());o(3),T((c=r.tutorialVideoUrl())?3:-1,c),o(2),y(V)}},dependencies:[$,h],styles:["[_nghost-%COMP%]{--video-width: 163px;--video-height: 92px}.suggested-tutorial-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;cursor:pointer}.suggested-tutorial-card__video[_ngcontent-%COMP%]{width:var(--video-width);height:var(--video-height);margin-bottom:8px}.suggested-tutorial-card__video-overlay[_ngcontent-%COMP%]{position:absolute;width:var(--video-width);height:var(--video-height)}.suggested-tutorial-card__title[_ngcontent-%COMP%]{width:100%;font-family:var(--font-family-medium);line-height:22px}"],changeDetection:0})}}return t})();function Et(t,d){if(t&1&&m(0,"itc-suggested-tutorial-card",1),t&2){let e=g().$implicit;u("id",e.id)("title",e.title)("videoUrl",e.videoUrl)}}function Ut(t,d){if(t&1&&x(0,Et,1,3,"itc-suggested-tutorial-card",1),t&2){let e=d.$implicit,i=g();T(e.id!==i.selectedTutorialId()?0:-1)}}var Tt=(()=>{class t{constructor(){this.category=v.required(),this.tutorials=v.required(),this.selectedTutorialId=v.required()}ngOnInit(){this.tagColorName=N[this.category()],this.categoryTranslationKey=`tutorials.tutorials-categories.${M[this.category()]}`}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-suggested-tutorials-by-category"]],inputs:{category:[1,"category"],tutorials:[1,"tutorials"],selectedTutorialId:[1,"selectedTutorialId"]},decls:5,vars:4,consts:[[1,"suggested-tutorials-by-category__tag",3,"colorVariant"],[3,"id","title","videoUrl"]],template:function(i,r){i&1&&(l(0,"kds-tag",0),p(1),a(2,"translate"),s(),D(3,Ut,1,1,null,null,O)),i&2&&(u("colorVariant",r.tagColorName),o(),w(" ",n(2,2,r.categoryTranslationKey),`
2`),o(2),F(r.tutorials()))},dependencies:[L,xt,h],styles:[".suggested-tutorials-by-category__tag[_ngcontent-%COMP%]{display:block;margin-bottom:16px;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}"],changeDetection:0})}}return t})();function $t(t,d){if(t&1&&m(0,"itc-suggested-tutorials-by-category",4),t&2){let e=d.$implicit,i=g(3);u("category",i.asTutorialCategory(e.key))("tutorials",e.value)("selectedTutorialId",i.selectedTutorial().id)}}function Lt(t,d){t&1&&(D(0,$t,1,3,"itc-suggested-tutorials-by-category",4,O),a(2,"keyvalue")),t&2&&F(n(2,0,d))}function Nt(t,d){if(t&1&&(x(0,Lt,3,2),a(1,"async")),t&2){let e,i=g();T((e=n(1,1,i.suggestedTutorialsByCategory$))?0:-1,e)}}function Vt(t,d){t&1&&m(0,"kds-spinner",1)}function Kt(t,d){t&1&&(l(0,"div",2),m(1,"itc-themed-image",5),a(2,"translate"),l(3,"div",6),p(4),a(5,"translate"),s()()),t&2&&(o(),u("width",200)("height",80)("alt",n(2,4,"general.alts.empty")),o(3),y(n(5,6,"tutorials.suggested-tutorials.empty-list")))}function Rt(t,d){t&1&&(l(0,"div",3)(1,"div",7),m(2,"itc-themed-image",8),a(3,"translate"),s(),l(4,"div",9),p(5),a(6,"translate"),s()()),t&2&&(o(2),u("width",120)("height",80)("alt",n(3,4,"general.alts.sad-cloud")),o(3),y(n(6,6,"tutorials.suggested-tutorials.error")))}var bt=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.selectedTutorial=v.required(),this.tutorialsListState=Z,this.suggestedTutorialsByCategory$=this.tutorialsFacade.suggestedTutorialsByCategory$,this.suggestedTutorialsListState$=this.tutorialsFacade.suggestedTutorialsListState$}asTutorialCategory(e){return Number(e)}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-suggested-tutorials"]],inputs:{selectedTutorial:[1,"selectedTutorial"]},decls:6,vars:3,consts:[[1,"suggested-tutorials"],["size","large","variant","absolute"],[1,"suggested-tutorials__empty-list"],[1,"suggested-tutorials__error"],[3,"category","tutorials","selectedTutorialId"],["lightSrc","assets/icons/empty-states/no-results-light.svg","dar

2kSrc","assets/icons/empty-states/no-results-dark.svg",3,"width","height","alt"],[1,"suggested-tutorials__empty-list-title"],[1,"suggested-tutorials__error-image"],["lightSrc","assets/icons/empty-states/error-light.svg","darkSrc","assets/icons/empty-states/error-dark.svg",3,"width","height","alt"],[1,"suggested-tutorials__error-title"]],template:function(i,r){if(i&1&&(l(0,"div",0),x(1,Nt,2,3),a(2,"async"),E(3,Vt,1,0,"kds-spinner",1)(4,Kt,6,8,"div",2)(5,Rt,7,8,"div",3),s()),i&2){let c;o(),T((c=n(2,1,r.suggestedTutorialsListState$))===r.tutorialsListState.LoadedList?1:c===r.tutorialsListState.Loading?3:c===r.tutorialsListState.LoadedEmptyList?4:c===r.tutorialsListState.LoadingError?5:-1)}},dependencies:[Tt,Y,tt,P,dt,h],styles:[".suggested-tutorials[_ngcontent-%COMP%]{position:relative;padding:0 24px;width:100%;margin-top:16px}.suggested-tutorials__empty-list[_ngcontent-%COMP%], .suggested-tutorials__error[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center}.suggested-tutorials__empty-list-title[_ngcontent-%COMP%], .suggested-tutorials__error-title[_ngcontent-%COMP%]{font-family:var(--font-family-medium);text-align:center}.suggested-tutorials__error-image[_ngcontent-%COMP%]{padding:36px 0}"],changeDetection:0})}}return t})();var wt=[{category:f.All,categoryKey:`tutorials.tutorials-categories.${M[f.All]}`},{category:f.GettingStarted,categoryKey:`tutorials.tutorials-categories.${M[f.GettingStarted]}`},{category:f.ITCompleteIntegrations,categoryKey:`tutorials.tutorials-categories.${M[f.ITCompleteIntegrations]}`},{category:f.Onboarding,categoryKey:`tutorials.tutorials-categories.${M[f.Onboarding]}`}];function zt(t,d){if(t&1){let e=A();U(0,"span",2),H("click",function(){let r=z(e).$implicit,c=g();return j(c.changeCategory(r.category))}),p(1),a(2,"translate"),K()}if(t&2){let e=d.$implicit,i=g();at("tutorials-categories__category--active",i.isActiveCategory(e.category)),o(),w(" ",n(2,3,e.categoryKey)," ")}}var Mt=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.destroyRef=_(q),this.initialCategory=v(),this.categories=wt,this.currentCategory=f.All}ngOnInit(){this.initializeCategory()}changeCategory(e){this.currentCategory=e,this.tutorialsFacade.selectCategory(e)}isActiveCategory(e){return this.currentCategory===e}initializeCategory(){let e=this.initialCategory();if(e){this.currentCategory=e;return}this.tutorialsFacade.filter$.pipe(ot(),W(this.destroyRef)).subscribe(i=>{i.category&&(this.currentCategory=i.category)})}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorials-categories"]],inputs:{initialCategory:[1,"initialCategory"]},decls:3,vars:0,consts:[[1,"tutorials-categories"],[1,"tutorials-categories__category",3,"tutorials-categories__category--active"],[1,"tutorials-categories__category",3,"click"]],template:function(i,r){i&1&&(U(0,"div",0),D(1,zt,3,5,"span",1,O),K()),i&2&&(o(),F(r.categories))},dependencies:[h],styles:['.tutorials-categories[_ngcontent-%COMP%]{display:flex;flex-direction:column;margin-top:24px}.tutorials-categories__category[_ngcontent-%COMP%]{display:flex;text-decoration:none;font-size:var(--font-size-small);line-height:20px;color:var(--text-primary);cursor:pointer;position:relative;padding:5.5px 0 5.5px 24px;outline:none}.tutorials-categories__category--active[_ngcontent-%COMP%]{background-color:var(--background-selected-default);font-family:var(--font-family-bold)}.tutorials-categories__category--active[_ngcontent-%COMP%]:before{content:"";width:4px;position:absolute;top:0;left:0;height:100%;background-color:var(--input-border-focused)}.tutorials-categories__category[_ngcontent-%COMP%]:hover{color:var(--text-primary)}.tutorials-categories__category[_ngcontent-%COMP%]:not(.tutorials-categories__category--active):hover{background-color:var(--background-hover);text-decoration:none;color:var(--text-primary)}'],changeDetection:0})}}return t})();function jt(t,d){if(t&1&&(m(0,"iframe",2),a(1,"safeResourceUrl"),a(2,"translate")),t&2){g();let e=Q(0);u("src",n(1,2,d),B),I("title",n(2,4,"tutorials.title")+" - "+e)}}var St=(()=>{class t{constructor(){this.videoTutorialsFacade=_(b),this.id=v.required(),this.title=v.required(),this.description=v.required(),this.category=v.required(),this.videoUrl=v.required(),this.tutorialVideoUrl=this.videoTutorialsFacade.getTutorialVideoUrl(this.videoUrl)}ngOnInit(){this.tagColorName=N[this.category()],this.categoryTranslationKey=`tutorials.tutorials-categories.${M[this.category()]}`}onCardClick(){this.videoTutorialsFacade.selectTutorial(this.id()),this.videoTutorialsFacade.loadSuggestedTutorials(this.category())}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorial-card"]],inputs:{id:[1,"id"],title:[1,"title"],description:[1,"description"],category:[1,"category"],videoUrl:[1,"videoUrl"]},decls:12,vars:8,consts:[[1,"tutorial-card",3,"click"],[1,"tutorial-card__video-overlay"],[1,"tutorial-card__video",3,"src"],[1,"tutorial-card__content"],[1,"tutorial-card__category",3,"colorVariant"],[1,"tutorial-card__title"],[1,"tutorial-card__description"]],template:function(i,r){if(i&1&&(G(0),l(1,"div",0),S("click",function(){return r.onCardClick()}),m(2,"div",1),x(3,jt,3,6,"iframe",2),l(4,"div",3)(5,"kds-tag",4),p(6),a(7,"translate"),s(),l(8,"div",5),p(9),s(),l(10,"div",6),p(11),s()()()),i&2){let c,V=J(r.title());o(3),T((c=r.tutorialVideoUrl())?3:-1,c),o(2),u("colorVariant",r.tagColorName),o(),w(" ",n(7,6,r.categoryTranslationKey)," "),o(3),y(V),o(2),y(r.description())}},dependencies:[L,h,$],styles:[".tutorial-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:279px;

2cursor:pointer;outline:1px solid var(--border-primary);outline-offset:-1px;position:relative}.tutorial-card[_ngcontent-%COMP%]:hover{box-shadow:var(--shadow-xs)}.tutorial-card__video[_ngcontent-%COMP%]{width:100%;height:158px}.tutorial-card__video-overlay[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute}.tutorial-card__content[_ngcontent-%COMP%]{padding:16px 16px 24px}.tutorial-card__title[_ngcontent-%COMP%]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:16px;margin-bottom:8px;font-family:var(--font-family-medium);color:var(--text-primary)}.tutorial-card__description[_ngcontent-%COMP%]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--text-secondary);text-align:left;line-height:22px}"],changeDetection:0})}}return t})();function qt(t,d){if(t&1&&m(0,"itc-tutorial-card",3),t&2){let e=d.$implicit;u("id",e.id)("title",e.title)("description",e.description)("category",e.category)("videoUrl",e.videoUrl)}}function At(t,d){if(t&1&&(l(0,"div",0),D(1,qt,1,5,"itc-tutorial-card",3,O),a(3,"async"),s()),t&2){let e=g();o(),F(n(3,0,e.filteredTutorials$))}}function Ht(t,d){t&1&&(l(0,"div",1),m(1,"kds-spinner",4),s())}function Gt(t,d){t&1&&(l(0,"div",2),m(1,"itc-themed-image",5),a(2,"translate"),l(3,"div",6),p(4),a(5,"translate"),s()()),t&2&&(o(),u("width",200)("height",80)("alt",n(2,4,"general.alts.empty")),o(3),y(n(5,6,"tutorials.empty-list")))}function Jt(t,d){t&1&&(l(0,"div")(1,"div",7)(2,"div",8),m(3,"itc-themed-image",9),a(4,"translate"),s(),l(5,"div",10),p(6),a(7,"translate"),s()()()),t&2&&(o(3),u("width",200)("height",80)("alt",n(4,4,"general.alts.sad-cloud")),o(3),y(n(7,6,"tutorials.error")))}var Pt=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.tutorialsListState=Z,this.filteredTutorials$=this.tutorialsFacade.tutorials$,this.tutorialsListState$=this.tutorialsFacade.tutorialsListState$}ngOnInit(){this.tutorialsFacade.loadVideoTutorials()}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorials"]],decls:5,vars:3,consts:[[1,"tutorials"],[1,"tutorials__spinner-container"],[1,"tutorials__empty-list"],[3,"id","title","description","category","videoUrl"],["size","large"],["lightSrc","assets/icons/empty-states/no-results-light.svg","darkSrc","assets/icons/empty-states/no-results-dark.svg",3,"width","height","alt"],[1,"tutorials__empty-list-title"],[1,"tutorials__error"],[1,"tutorials__error-image"],["lightSrc","assets/icons/empty-states/error-light.svg","darkSrc","assets/icons/empty-states/error-dark.svg",3,"width","height","alt"],[1,"tutorials__error-title"]],template:function(i,r){if(i&1&&(x(0,At,4,2,"div",0),a(1,"async"),E(2,Ht,2,0,"div",1)(3,Gt,6,8,"div",2)(4,Jt,8,8,"div")),i&2){let c;T((c=n(1,1,r.tutorialsListState$))===r.tutorialsListState.LoadedList?0:c===r.tutorialsListState.Loading?2:c===r.tutorialsListState.LoadedEmptyList?3:c===r.tutorialsListState.LoadingError?4:-1)}},dependencies:[St,Y,tt,P,h],styles:[".tutorials[_ngcontent-%COMP%]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-default) transparent}.tutorials[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px}.tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent;border-radius:4px;margin-bottom:4px}.tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--scrollbar-default);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials[_ngcontent-%COMP%]:not(.p-disabled).p-focus{outline:none;border:1px solid var(--primary-color);box-shadow:unset}.tutorials[_ngcontent-%COMP%]{position:relative;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px;grid-row-gap:24px;padding:0 16px 16px}@media only screen and (min-width:1024px){.tutorials[_ngcontent-%COMP%]{grid-template-columns:1fr 1fr 1fr}}.tutorials__empty-list[_ngcontent-%COMP%], .tutorials__error[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto}.tutorials__empty-list-title[_ngcontent-%COMP%], .tutorials__error-title[_ngcontent-%COMP%]{font-family:var(--font-family-medium)}.tutorials__error-image[_ngcontent-%COMP%]{padding:36px 0}.tutorials__spinner-container[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}"],changeDetection:0})}}return t})();function Qt(t,d){if(t&1&&(l(0,"div",5),m(1,"itc-suggested-tutorials-header")(2,"itc-suggested-tutorials",6),s(),m(3,"itc-tutorial-preview",7)),t&2){let e=g();o(2),u("selectedTutorial",d),o(),u("autoplay",e.autoplay)}}function Wt(t,d){if(t&1&&(m(0,"itc-tutorials-categories",8),l(1,"div",9),m(2,"itc-tutorials-filter")(3,"itc-tutorials",10),s()),t&2){let e=g();u("initialCategory",e.initialCategory)}}var Xi=(()=>{class t{constructor(){this.tutorialsFacade=_(b),this.dialogReference=gt(),this.initialCategory=it()?.initialCategory,this.autoplay=it()?.autoplay||!1,this.selectedTutorial$=this.tutorialsFacade.selectedTutorial$}dismiss(){this.tutorialsFacade.resetState(),this.dialogReference.dismiss()}static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275cmp=C({type:t,selectors:[["itc-tutorials-dialog"]],decls:11,vars:6,consts:[[1,"tutorials-dialog"],["kds-dialog-header","",1,"tutorials-dialog__header"],[1,"tutorials-dialog__close-button",3,"click"],["aria-hidden","true",1,"fa-regular","fa-xmark"],["main","",1,"tutorials-dialog__main"],[1,"tutorials-dialog__suggested-tutorials-column"],[1,"tutorials-dialog__suggested-tutorials",3,"selectedTutorial"],[1,"tutorials-dialog__tutorial-preview",3,"auto

2play"],[1,"tutorials-dialog__categories",3,"initialCategory"],[1,"tutorials-dialog__tutorials-list-container"],[1,"tutorials-dialog__tutorials-list"]],template:function(i,r){if(i&1&&(l(0,"kds-dialog",0)(1,"div",1)(2,"span"),p(3),a(4,"translate"),s(),l(5,"button",2),S("click",function(){return r.dismiss()}),m(6,"i",3),s()(),l(7,"div",4),x(8,Qt,4,2),a(9,"async"),E(10,Wt,4,1),s()()),i&2){let c;o(3),y(n(4,2,"tutorials.title")),o(5),T((c=n(9,4,r.selectedTutorial$))?8:10,c)}},dependencies:[yt,bt,ht,Mt,vt,Pt,ut,mt,P,h],styles:[".tutorials-dialog__header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}.tutorials-dialog__tutorials-list-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1}.tutorials-dialog__main[_ngcontent-%COMP%]{height:100%;display:flex;outline:1px solid var(--border-primary);outline-offset:-1px}.tutorials-dialog__close-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background-color:transparent;border:unset;width:26px;height:26px}.tutorials-dialog__close-button[_ngcontent-%COMP%]:hover{background-color:var(--background-hover)}.tutorials-dialog__close-button[_ngcontent-%COMP%]:focus{outline:none}.tutorials-dialog__categories[_ngcontent-%COMP%], .tutorials-dialog__suggested-tutorials-column[_ngcontent-%COMP%]{height:100%;display:flex;flex-direction:column;width:211px;border-right:1px solid var(--border-primary)}.tutorials-dialog__tutorials-list[_ngcontent-%COMP%]{display:flex;position:relative;overflow:auto}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-default) transparent}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent;border-radius:4px;margin-bottom:4px}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--scrollbar-default);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]:not(.p-disabled).p-focus{outline:none;border:1px solid var(--primary-color);box-shadow:unset}.tutorials-dialog__tutorial-preview[_ngcontent-%COMP%]{display:flex;overflow-y:auto;padding:0 16px}.tutorials-dialog__tutorials-list-column[_ngcontent-%COMP%]{border-right:1px solid var(--border-primary)}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-default) transparent}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]::-webkit-scrollbar{width:10px}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:transparent;border-radius:4px;margin-bottom:4px}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--scrollbar-default);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);border-radius:5px;background-clip:content-box;border:2px solid transparent}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]:not(.p-disabled).p-focus{outline:none;border:1px solid var(--primary-color);box-shadow:unset}.tutorials-dialog__suggested-tutorials[_ngcontent-%COMP%]{display:flex;overflow-y:auto;overflow-x:hidden}"],changeDetection:0})}}return t})();export{Xi as TutorialsDialogComponent};