https://prod.mechai.app/chunk-MM7TXHQR.js

1import{a as Y}from"./chunk-BWHN67CY.js";import{a as z}from"./chunk-W5R5CI4D.js";import{a as $}from"./chunk-MM7FM36F.js";import{ja as H}from"./chunk-ENDAT2WW.js";import{j}from"./chunk-KBSSFVI3.js";import"./chunk-N6RRKPMH.js";import"./chunk-FJFH4XCE.js";import"./chunk-RWQTLYTV.js";import"./chunk-L7WATY32.js";import"./chunk-2RDPNIM6.js";import"./chunk-XPR5ELEW.js";import"./chunk-GGY6QDTV.js";import"./chunk-5IJU7MQ2.js";import"./chunk-LM6BYTWK.js";import"./chunk-ZWZG7L3J.js";import"./chunk-UXZT3DCY.js";import{o as N}from"./chunk-ECXCM7JU.js";import"./chunk-7DHSGR33.js";import"./chunk-QO327RTO.js";import"./chunk-4MYWE7CD.js";import"./chunk-RS4X3CMD.js";import{i as B}from"./chunk-EWPP756Y.js";import{k as L}from"./chunk-I5EQON52.js";import{c as U,d as G}from"./chunk-G6PWMA7J.js";import{Dd as R,Gb as O,Jc as M,Jd as F,Qb as c,Qc as d,Rb as r,Rc as p,Sb as o,Tb as f,ac as C,cc as x,db as a,ec as m,fd as T,mb as b,oa as h,pa as w,qa as v,qc as I,ra as D,sb as S,sc as g,tc as V,uc as _,wd as P,xd as A,yb as u}from"./chunk-IQ6SK2BU.js";import"./chunk-AMJ4GB2S.js";import"./chunk-WGJEEJGF.js";import"./chunk-6ACFICIG.js";import"./chunk-K7BHMZHH.js";import"./chunk-FE7444LI.js";import"./chunk-OXDKANHF.js";import"./chunk-XUHYVR5R.js";var k=class{constructor(l){l&&Object.assign(this,l)}};var q=()=>[1,2,3,4,5,6],W=()=>[1,2,3];function J(t,l){t&1&&(r(0,"div",17),f(1,"div",18)(2,"div",19)(3,"div",20),o())}function Q(t,l){t&1&&(r(0,"div",15),u(1,J,4,0,"div",16),o()),t&2&&(a(),c("ngForOf",M(1,q)))}function X(t,l){if(t&1){let e=C();r(0,"div",22),d(1,"lowercase"),x("click",function(){let i=h(e).$implicit,n=m(3);return w(n.selectCategory(i))})("keydown.enter",function(){let i=h(e).$implicit,n=m(3);return w(n.selectCategory(i))})("keydown.space",function(i){let n=h(e).$implicit,K=m(3);return i.preventDefault(),w(K.selectCategory(n))}),r(2,"div",23),v(),r(3,"svg",24),f(4,"path",25),o()(),D(),r(5,"h3",26),g(6),d(7,"lowercase"),o()()}if(t&2){let e=l.$implicit;O("aria-label",p(1,2,e)),a(6),_(" ",p(7,4,e)," ")}}function Z(t,l){if(t&1&&(r(0,"div",15),u(1,X,8,6,"div",21),o()),t&2){let e=m(2);a(),c("ngForOf",e.categories)}}function ee(t,l){t&1&&(r(0,"div",27)(1,"p",28),g(2),d(3,"translate"),o()()),t&2&&(a(2),_(" ",p(3,1,"V2.OEM_DIAGRAMS.NO_RESULTS")," "))}function te(t,l){if(t&1&&(r(0,"div"),u(1,Q,2,2,"div",13)(2,Z,2,1,"div",13)(3,ee,4,3,"div",14),o()),t&2){let e=m();a(),c("ngIf",e.loadingCategories),a(),c("ngIf",!e.loadingCategories&&e.categories.length>0),a(),c("ngIf",!e.loadingCategories&&e.categories.length===0)}}function ie(t,l){t&1&&(r(0,"div",17),f(1,"div",33)(2,"div",34),o())}function re(t,l){t&1&&(r(0,"div",32),u(1,ie,3,0,"div",16),o()),t&2&&(a(),c("ngForOf",M(1,W)))}function ne(t,l){if(t&1){let e=C();r(0,"button",36),x("click",function(){let i=h(e).$implicit,n=m(3);return w(n.openDiagram(i))}),r(1,"div",37)(2,"div",38)(3,"h3",39),g(4),o(),r(5,"p",40),g(6),d(7,"lowercase"),o()(),v(),r(8,"svg",41),f(9,"path",42),o()()()}if(t&2){let e=l.$implicit,s=m(3);a(4),_(" ",e.documentName||e.subcategory||s.selectedCategory," "),a(2),V(p(7,2,e.category))}}function ae(t,l){if(t&1&&(r(0,"div",32),u(1,ne,10,4,"button",35),o()),t&2){let e=m(2);a(),c("ngForOf",e.availableDiagrams)}}function oe(t,l){t&1&&(r(0,"p",43),g(1),d(2,"translate"),o()),t&2&&(a(),_(" ",p(2,1,"V2.OEM_DIAGRAMS.NO_RESULTS")," "))}function se(t,l){if(t&1&&(r(0,"div",29),u(1,re,2,2,"div",30)(2,ae,2,1,"div",30)(3,oe,3,3,"p",31),o()),t&2){let e=m();a(),c("ngIf",e.loadingDiagrams),a(),c("ngIf",!e.loadingDiagrams&&e.availableDiagrams.length>0),a(),c("ngIf",!e.loadingDiagrams&&e.availableDiagrams.length===0)}}function le(t,l){if(t&1){let e=C();r(0,"div",44)(1,"div",45)(2,"div",46),g(3),d(4,"translate"),o(),r(5,"app-v2-diagram-viewer",47),x("calloutTapped",function(i){h(e);let n=m();return w(n.onCalloutTapped(i))}),o()(),r(6,"app-v2-diagram-parts-sheet",48),d(7,"translate"),x("findParts",function(){h(e);let i=m();return w(i.goToSubscription())})("overlayTopChange",function(i){h(e);let n=m();return w(n.onPartsSheetOverlayTop(i))})("rowTapped",function(i){h(e);let n=m();return w(n.onRowTapped(i))}),o()()}if(t&2){let e=m();a(3),_(" ",p(4,10,"V2.OEM_DIAGRAMS.DEMO.WATERMARK")," "),a(2),c("imageUrl",e.diagramImageUrl)("loading",e.loadingViewer)("title",(e.selectedDiagram==null?null:e.selectedDiagram.documentName)||e.selectedCategory)("highlightedRef",e.highlightedRef)("bottomOverlayTop",e.partsSheetOverlayTop),a(),c("layers",e.layers)("loading",!1)("vehicleLabel",p(7,12,"V2.OEM_DIAGRAMS.DEMO.VEHICLE_LABEL"))("highlightedRef",e.highlightedRef)}}function ce(t,l){if(t&1){let e=C();r(0,"div",49),d(1,"translate"),r(2,"div",50)(3,"div",51),v(),r(4,"svg",52),f(5,"path",53),o(),D(),r(6,"span",54),g(7),d(8,"translate"),o()(),r(9,"button",55),x("click",function(){h(e);let i=m();return w(i.goToSubscription())}),g(10),d(11,"translate"),v(),r(12,"svg",56),f(13,"path",42),o()()()()}if(t&2){let e=m();O("aria-label",p(1,3,"V2.OEM_DIAGRAMS.DEMO.UPSELL_ARIA")),a(7),V(p(8,5,e.upsellHeadlineKey)),a(3),_(" ",p(11,7,e.upsellCtaKey)," ")}}var y="assets/oem-demo/f150",E={FREE:{headline:"V2.OEM_DIAGRAMS.DEMO.UPSELL_FREE",cta:"V2.OEM_DIAGRAMS.DEMO.UPSELL_FREE_CTA"},DIY:{headline:"V2.OEM_DIAGRAMS.DEMO.UPSELL_DIY",cta:"V2.OEM_DIAGRAMS.DEMO.UPSELL_CTA"},MECHANIC:{headline:"V2.OEM_DIAGRAMS.DEMO.UPSELL_MECHANIC",cta:"V2.OEM_DIAGRAMS.DEMO.UPSELL_CTA"}},Oe=(()=>{class t{constructor(e,s,i,n){this.router=e,this.store=s,this.http=i,this.cdr=n,this.currentPlan="FREE",this.categories=[],this.categorySlugMap={},this.currentView="categories",this.loadingCategories=!0,this.loadingDiagrams=!1,this.loadingViewer=!1,this.selectedCategory="",this.selectedCategorySlug="",this.availableDiagrams=[],this.selectedDiagram=null,this.diagramImageUrl=null,this.layers=[],this.highlightedRef=null,this.partsSheetOverlayTop=null}ngOnInit(){this.planSub=this.store.select(H.currentProduct).subscribe(e=>{e&&(this.currentPlan=j(e.entitlementName)),this.cdr.markForCheck()}),this.loadCategories()}ngOnDestroy(){this.planSub?.unsubscribe()}

1showUpsellBar(){return this.currentPlan==="FREE"||this.currentPlan==="DIY"||this.currentPlan==="MECHANIC"}get upsellHeadlineKey(){return E[this.currentPlan]?.headline??E.FREE.headline}get upsellCtaKey(){return E[this.currentPlan]?.cta??E.FREE.cta}goBack(){if(this.currentView==="viewer"){this.selectedDiagram=null,this.diagramImageUrl=null,this.layers=[],this.highlightedRef=null,this.currentView=this.availableDiagrams.length>1?"diagrams":"categories",this.cdr.markForCheck();return}if(this.currentView==="diagrams"){this.selectedCategory="",this.selectedCategorySlug="",this.availableDiagrams=[],this.currentView="categories",this.cdr.markForCheck();return}this.router.navigate(["/v2/home"])}goToSubscription(){this.router.navigate(["/v2/subscription"],{queryParams:{plan:"shop-pro",src:"oem_diagrams_demo"}})}selectCategory(e){this.selectedCategory=e;let s=this.categorySlugMap[e]??this.toSlug(e);this.selectedCategorySlug=s,this.loadingDiagrams=!0,this.availableDiagrams=[],this.currentView="diagrams",this.cdr.markForCheck(),this.http.get(`${y}/diagrams/${s}.json`).subscribe({next:i=>{this.availableDiagrams=(i.diagrams??[]).map(n=>new $({applicationId:n.applicationId,documentId:n.documentId??n.applicationId,documentName:n.documentName,subcategory:n.subcategory,category:n.category,url:n.url??"",format:n.format})),this.loadingDiagrams=!1,this.availableDiagrams.length===1&&this.openDiagram(this.availableDiagrams[0]),this.cdr.markForCheck()},error:()=>{this.availableDiagrams=[],this.loadingDiagrams=!1,this.cdr.markForCheck()}})}openDiagram(e){this.selectedDiagram=e,this.highlightedRef=null,this.currentView="viewer",this.loadingViewer=!0,this.layers=[],this.diagramImageUrl=null,this.cdr.markForCheck();let s=e.documentId??e.applicationId;this.diagramImageUrl=`${y}/images/${s}.svg`,this.loadingViewer=!1,this.cdr.markForCheck(),this.http.get(`${y}/layers/${s}.json`).subscribe({next:i=>{this.layers=(i.layers??[]).map(n=>new k({reference:n.reference??0,componentName:n.componentName,subcategory:n.subcategory,partNumbers:n.partNumbers})),this.cdr.markForCheck()},error:()=>{this.layers=[],this.cdr.markForCheck()}})}onCalloutTapped(e){this.highlightedRef=this.highlightedRef===e?null:e,this.cdr.markForCheck()}onPartsSheetOverlayTop(e){this.partsSheetOverlayTop=e,this.cdr.markForCheck()}onRowTapped(e){this.highlightedRef=this.highlightedRef===e?null:e,this.cdr.markForCheck()}get pageTitle(){return this.currentView==="viewer"?this.selectedDiagram?.documentName??this.selectedCategory:this.currentView==="diagrams"?this.selectedCategory:"OEM Parts Diagrams"}loadCategories(){this.loadingCategories=!0,this.http.get(`${y}/manifest.json`).subscribe({next:e=>{let s=(e.categories??[]).filter(i=>i.diagramCount>0);for(let i of s)this.categorySlugMap[i.name]=i.slug;this.categories=s.map(i=>i.name),this.loadingCategories=!1,this.cdr.markForCheck()},error:()=>this.loadCategoriesFallback()})}loadCategoriesFallback(){this.http.get(`${y}/categories.json`).subscribe({next:e=>{this.categories=e.categories??[],this.loadingCategories=!1,this.cdr.markForCheck()},error:()=>{this.categories=[],this.loadingCategories=!1,this.cdr.markForCheck()}})}toSlug(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}static{this.\u0275fac=function(s){return new(s||t)(b(B),b(N),b(L),b(T))}}static{this.\u0275cmp=S({type:t,selectors:[["app-v2-oem-diagrams-demo"]],decls:19,vars:16,consts:[[1,"demo-page","tw-pb-8"],[1,"tw-flex","tw-items-center","tw-gap-3","tw-mb-6","tw-px-1"],["type","button",1,"tw-w-9","tw-h-9","tw-rounded-xl","tw-bg-mech-surface-2","tw-flex","tw-items-center","tw-justify-center","tw-border-none","tw-cursor-pointer","hover:tw-bg-mech-surface","tw-transition-colors",3,"click"],["fill","none","stroke","currentColor","viewBox","0 0 24 24","stroke-width","2",1,"tw-w-4","tw-h-4","tw-text-mech-text-secondary"],["stroke-linecap","round","stroke-linejoin","round","d","M15.75 19.5L8.25 12l7.5-7.5"],[1,"tw-flex-1","tw-min-w-0"],[1,"tw-text-xl","md:tw-text-2xl","tw-font-[800]","tw-text-mech-text","tw-tracking-tight","tw-truncate"],[1,"tw-text-[9px]","tw-font-bold","tw-text-mech-text-muted","tw-uppercase","tw-tracking-widest","tw-mt-0.5","tw-block"],[1,"demo-badge"],[4,"ngIf"],["class","detail-enter",4,"ngIf"],["class","detail-enter md:tw-grid md:tw-grid-cols-[1fr_360px] md:tw-gap-4",4,"ngIf"],["class","upsell-bar","role","complementary",4,"ngIf"],["class","tw-grid tw-gri

1d-cols-2 md:tw-grid-cols-3 tw-gap-3",4,"ngIf"],["class","tw-bg-mech-surface tw-rounded-[24px] tw-border-2 tw-border-mech-border tw-p-12 tw-text-center",4,"ngIf"],[1,"tw-grid","tw-grid-cols-2","md:tw-grid-cols-3","tw-gap-3"],["class","tw-bg-mech-surface tw-border-2 tw-border-mech-border tw-rounded-[20px] tw-p-5",4,"ngFor","ngForOf"],[1,"tw-bg-mech-surface","tw-border-2","tw-border-mech-border","tw-rounded-[20px]","tw-p-5"],[1,"shimmer-block","tw-w-11","tw-h-11","tw-rounded-xl","tw-mb-3"],[1,"shimmer-line","tw-h-3","tw-rounded-full","tw-w-3/4","tw-mb-2"],[1,"shimmer-line","tw-h-2","tw-rounded-full","tw-w-1/2"],["role","button","tabindex","0","class","system-card tw-bg-mech-surface tw-border-2 tw-border-mech-border tw-rounded-[20px] tw-p-5 tw-cursor-pointer tw-group",3,"click","keydown.enter","keydown.space",4,"ngFor","ngForOf"],["role","button","tabindex","0",1,"system-card","tw-bg-mech-surface","tw-border-2","tw-border-mech-border","tw-rounded-[20px]","tw-p-5","tw-cursor-pointer","tw-group",3,"click","keydown.enter","keydown.space"],[1,"tw-w-11","tw-h-11","tw-rounded-xl","tw-bg-mech-primary/10","tw-flex","tw-items-center","tw-justify-center","tw-mb-3","group-hover:tw-bg-mech-primary/20","tw-transition-colors"],["fill","none","stroke","currentColor","viewBox","0 0 24 24","stroke-width","1.5",1,"tw-w-5","tw-h-5","tw-text-mech-primary"],["stroke-linecap","round","stroke-linejoin","round","d","M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"],[1,"tw-text-sm","tw-font-bold","tw-text-mech-text","tw-capitalize"],[1,"tw-bg-mech-surface","tw-rounded-[24px]","tw-border-2","tw-border-mech-border","tw-p-12","tw-text-center"],[1,"tw-text-sm","tw-text-mech-text-secondary"],[1,"detail-enter"],["class","tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-3",4,"ngIf"],["class","tw-text-sm tw-text-mech-text-secondary tw-bg-mech-surface tw-rounded-[20px] tw-border-2 tw-border-mech-border tw-p-8 tw-text-center",4,"ngIf"],[1,"tw-grid","tw-grid-cols-1","md:tw-grid-cols-2","tw-gap-3"],[1,"shimmer-line","tw-h-4","tw-rounded-full","tw-w-3/4","tw-mb-2"],[1,"shimmer-line","tw-h-3","tw-rounded-full","tw-w-1/2"],["type","button","class","system-card tw-bg-mech-surface tw-border-2 tw-border-mech-border tw-rounded-[20px] tw-p-5 tw-text-left tw-cursor-pointer tw-w-full",3,"click",4,"ngFor","ngForOf"],["type","button",1,"system-card","tw-bg-mech-surface","tw-border-2","tw-border-mech-border","tw-rounded-[20px]","tw-p-5","tw-text-left","tw-cursor-pointer","tw-w-full",3,"click"],[1,"tw-flex","tw-items-start","tw-justify-between","tw-gap-3"],[1,"tw-min-w-0","tw-flex-1"],[1,"tw-text-sm","tw-font-bold","tw-text-mech-text","tw-truncate"],[1,"tw-text-[11px]","tw-text-mech-text-secondary","tw-mt-1"],["fill","none","stroke","currentColor","viewBox","0 0 24 24","stroke-width","2",1,"tw-w-4","tw-h-4","tw-text-mech-text-muted","tw-flex-shrink-0","tw-mt-1"],["stroke-linecap","round","stroke-linejoin","round","d","M8.25 4.5l7.5 7.5-7.5 7.5"],[1,"tw-text-sm","tw-text-mech-text-secondary","tw-bg-mech-surface","tw-rounded-[20px]","tw-border-2","tw-border-mech-border","tw-p-8","tw-text-center"],[1,"detail-enter","md:tw-grid","md:tw-grid-cols-[1fr_360px]","md:tw-gap-4"],[1,"tw-relative","tw-bg-mech-surface","tw-rounded-[24px]","tw-border-2","tw-border-mech-border","tw-overflow-hidden","tw-min-h-[480px]","tw-flex"],["aria-hidden","true",1,"demo-watermark"],[1,"tw-flex-1",3,"calloutTapped","imageUrl","loading","title","highlightedRef","bottomOverlayTop"],[3,"findParts","overlayTopChange","rowTapped","layers","loading","vehicleLabel","highlightedRef"],["role","complementary",1,"upsell-bar"],[1,"upsell-bar__inner"],[1,"upsell-bar__text"],["fill","none","stroke","currentColor","viewBox","0 0 24 24","stroke-width","1.5","aria-hidden","true",1,"upsell-bar__icon"],["stroke-linecap","round","stroke-linejoin","round","d","M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"],[1,"upsell-bar__headline"],["type","button",1,"upsell-bar__cta",3,"click"],["fill","none","stroke","currentColor","viewBox","0 0 24 24","stroke-width","2.5",1,"tw-w-3.5","tw-h-3.5","tw-ml-1"]],template:function(s,i){s&1&&(r(0,"div",0)(1,"div",1)(2,"button",2),d(3,"translate"),x("click",function(){return i.goBack()}),v(),r(4,"svg",3),f(5,"path",4),o()(),D(),r(6,"div",5)(7,"h1",6),g(8),o(),r(9,"span",7),g(10),d(11,"translate"),o()(),r(12,"span",8),g(13),d(14,"translate"),o()(),u(15,te,4,3,"div",9)(16,se,4,3,"div",10)(17,le,8,14,"div",11)(18,ce,14,9,"div",12),o()),s&2&&(I("demo-has-upsell",i.showUpsellBar()),a(2),O("aria-label",p(3,10,"V2.COMMON.BACK")),a(6),_(" ",i.pageTitle," "),a(2),_(" ",p(11,12,"V2.OEM_DIAGRAMS.DEMO.VEHICLE_LABEL")," "),a(3),_(" ",p(14,14,"V2.OEM_DIAGRAMS.DEMO.BADGE")," "),a(2),c("ngIf",i.currentView==="categories"),a(),c("ngIf",i.currentView==="diagrams"),a(),c("ngIf",i.currentView==="viewer"),a(),c("ngIf",i.showUpsellBar()))},dependencies:[F,P,A,G,z,Y,R,U],styles:['@charset "UTF-8";[_nghost-%COMP%]{display:block;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.demo-badge[_ngcontent-%COMP%]{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--color-primary-tint);color:var(--color-primary);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.demo-watermark[_ngcontent-%COMP%]{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:10px;font-weight:600;

1color:var(--color-text-muted, #71717a);opacity:.55;pointer-events:none;white-space:nowrap;z-index:2;letter-spacing:.05em}.system-card[_ngcontent-%COMP%]{transition:border-color .15s ease,box-shadow .2s ease,transform .15s ease}.system-card[_ngcontent-%COMP%]:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.shimmer-block[_ngcontent-%COMP%], .shimmer-line[_ngcontent-%COMP%]{background:linear-gradient(90deg,var(--color-border, #27272a) 25%,var(--color-surface-2, #1f1f26) 50%,var(--color-border, #27272a) 75%);background-size:200% 100%;animation:_ngcontent-%COMP%_demo-shimmer 1.6s ease-in-out infinite}@keyframes _ngcontent-%COMP%_demo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-enter[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_demo-slide-up .25s ease-out}@keyframes _ngcontent-%COMP%_demo-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upsell-bar[_ngcontent-%COMP%]{position:fixed;bottom:var(--v2-bottom-nav-height, 0);left:0;right:0;z-index:40}.upsell-bar__inner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--color-surface, #15151a);border-top:1px solid var(--color-border, #27272a);box-shadow:0 -4px 24px #0000004d}@media(min-width:640px){.upsell-bar__inner[_ngcontent-%COMP%]{padding:14px 24px}}.upsell-bar__text[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;min-width:0}.upsell-bar__icon[_ngcontent-%COMP%]{width:18px;height:18px;flex-shrink:0;color:var(--color-primary)}.upsell-bar__headline[_ngcontent-%COMP%]{font-size:13px;font-weight:500;color:var(--color-text-secondary, #a1a1aa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:479px){.upsell-bar__headline[_ngcontent-%COMP%]{font-size:12px}}.upsell-bar__cta[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:2px;padding:7px 14px;border-radius:10px;background:var(--color-primary, #f27d26);color:var(--color-on-primary);font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s ease}.upsell-bar__cta[_ngcontent-%COMP%]:hover{opacity:.9}.demo-page.demo-has-upsell[_ngcontent-%COMP%]{padding-bottom:72px}@media(prefers-reduced-motion:reduce){.shimmer-block[_ngcontent-%COMP%], .shimmer-line[_ngcontent-%COMP%], .detail-enter[_ngcontent-%COMP%]{animation:none}.system-card[_ngcontent-%COMP%]{transition:border-color .15s ease}.system-card[_ngcontent-%COMP%]:hover{transform:none}}'],changeDetection:0})}}return t})();export{Oe as V2OemDiagramsDemoComponent};