https://horizon.pm/chunk-4VWRBJGI.js

1import{a as N}from"./chunk-6O2TCAMN.js";import{a as $,b as K}from"./chunk-MSPOUGTG.js";import"./chunk-HHONFZYD.js";import"./chunk-HKBTRWGY.js";import{b as O}from"./chunk-3M5KDHT7.js";import"./chunk-JALB7ONO.js";import{l as L}from"./chunk-6LICFJZR.js";import{b as P}from"./chunk-XPHL3HPI.js";import"./chunk-NEKVY5JM.js";import{a as M}from"./chunk-JK3MN647.js";import{a as B}from"./chunk-WO7OOYRL.js";import"./chunk-PD5VQJGQ.js";import"./chunk-3Y4VYNIU.js";import"./chunk-6Q6O7VIC.js";import{j as I}from"./chunk-ODYJMLFL.js";import{c as h,d as D}from"./chunk-EZVCPOKZ.js";import"./chunk-BOBLGWLY.js";import{$a as g,Ab as a,Bb as f,Cb as q,Db as u,Fb as w,Ga as S,Hb as Q,Hc as A,Kb as _,Pa as r,Tb as k,Xb as T,Yb as n,Zb as l,_b as C,bd as F,gb as y,nc as b,pb as v,tc as s,uc as p,vc as R,wb as m,xb as x,xc as z,yb as c,zb as o}from"./chunk-4ILHUPPR.js";import"./chunk-Q7L6LLAK.js";var W=(t,i)=>i.repoUrl;function Y(t,i){if(t&1&&(q(0,"div",1)(1,"div",2)(2,"span",3),n(3),s(4,"translate"),u(),q(5,"span"),n(6),s(7,"translate"),u()(),q(8,"a",4),n(9),s(10,"translate"),u()()),t&2){let e=i.$implicit;r(3),l(p(4,7,e.titleKey)),r(2),T(e.maturity==="ready"?"rounded-full px-2 py-0.5 text-xs font-medium bg-primary/10 text-primary":"rounded-full px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground"),v("data-testid","example-badge-"+e.maturity),r(),C(" ",p(7,9,"quickstart.examples.badge."+e.maturity)," "),r(2),Q("href",e.repoUrl,S),r(),C(" ",p(10,11,"quickstart.examples.viewRepo")," ")}}var E=class t{cards=A.required();static \u0275fac=function(e){return new(e||t)};static \u0275cmp=g({type:t,selectors:[["app-quickstart-example-cards"]],inputs:{cards:[1,"cards"]},decls:3,vars:0,consts:[[1,"grid","gap-3","sm:grid-cols-3"],["data-testid","example-card",1,"flex","flex-col","gap-3","rounded-lg","border","border-border","bg-card","p-4"],[1,"flex","items-center","justify-between","gap-2"],[1,"font-semibold","text-foreground"],["target","_blank","rel","noopener",1,"text-sm","font-medium","text-primary","hover:underline",3,"href"]],template:function(e,d){e&1&&(q(0,"div",0),m(1,Y,11,13,"div",1,W),u()),e&2&&(r(),x(d.cards()))},dependencies:[D,h],encapsulation:2})};var Z=t=>({name:t}),G=t=>({$implicit:t}),H=(t,i)=>i.id;function ee(t,i){if(t&1&&(o(0,"li")(1,"a",11),s(2,"localize"),f(3,"app-icon",12),o(4,"span"),n(5),s(6,"translate"),a()()()),t&2){let e=i.$implicit;r(),c("routerLink",p(2,3,"/quickstart/features/"+e.id)),r(2),c("name",e.icon),r(2),l(p(6,5,e.nameKey))}}function te(t,i){if(t&1&&(o(0,"div",8)(1,"span",9),n(2),s(3,"translate"),a(),o(4,"ul",10),m(5,ee,7,7,"li",null,H),a()()),t&2){let e=i.$implicit,d=_();r(2),l(p(3,1,"qsRef.examples.uses")),r(3),x(d.feats(e))}}function re(t,i){t&1&&w(0)}function ie(t,i){t&1&&w(0)}function ae(t,i){if(t&1&&(o(0,"li",7)(1,"span",13),f(2,"app-icon",12),a(),o(3,"div")(4,"div",14),n(5),s(6,"translate"),a(),o(7,"div",15),n(8),s(9,"translate"),a(),o(10,"p",16),n(11),s(12,"translate"),a(),y(13,ie,1,0,"ng-container",4),a()()),t&2){let e=i.$implicit;_();let d=k(1);v("data-testid","qs-demo-"+e.id),r(2),c("name",e.icon),r(3),l(p(6,7,"examples."+e.id+".title")),r(3),l(p(9,9,"examples."+e.id+".subtitle")),r(3),l(p(12,11,"examples."+e.id+".description")),r(2),c("ngTemplateOutlet",d)("ngTemplateOutletContext",b(13,G,e.features))}}var U="Seagull Storm",j=class t{game=U;cards=P;seagull=$;apps=K;constructor(){O([{id:"seagull",labelKey:"qsRef.examples.game",labelParams:{name:U}},{id:"apps",labelKey:"qsRef.examples.apps"}])}feats(i){return i.map(e=>L(e))}static \u0275fac=function(e){return new(e||t)};static \u0275cmp=g({type:t,selectors:[["app-qs-ref-examples-article"]],decls:16,vars:14,consts:[["uses",""],["navKey","ref:examples","leadKey","qsDocs.meta.refExamples"],["id","seagull",1,"qs-sec"],[3,"cards"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["id","apps",1,"qs-sec"],[1,"qs-r-apps"],[1,"qs-r-app"],[1,"qs-r-uses"],[1,"qs-eyebrow"],[1,"qs-r-chips"],[1,"qs-chip",3,"routerLink"],[1,"size-4",3,"name"],[1,"qs-r-ri"],[1,"qs-r-app-t"],[1,"qs-r-rs"],[1,"qs-prose"]],template:function(e,d){if(e&1&&(y(0,te,7,3,"ng-template",null,0,z),f(2,"app-qs-ref-head",1),o(3,"section",2)(4,"h2"),n(5),s(6,"translate"),a(),f(7,"app-quickstart-example-cards",3),y(8,re,1,0,"ng-container",4),a(),o(9,"section",5)(10,"h2"),n(11),s(12,"translate"),a(),o(13,"ul",6),m(14,ae,14,15,"li",7,H),a()()),e&2){let V=k(1);r(5),l(R(6,5,"qsRef.examples.game",b(10,Z,d.game))),r(2),c("cards",d.cards),r(),c("ngTemplateOutlet",V)("ngTemplateOutletContext",b(12,G,d.seagull)),r(3),l(p(12,8,"qsRef.examples.apps")),r(3),x(d.apps)}},dependencies:[F,I,B,N,E,h,M],styles:[`.qs-docs .qs-r-meta:empty{display:none}.qs-docs .qs-r-lead code,.qs-docs .qs-r-html code{padding:0 4px;border-radius:4px;background:var(--color-muted);font-size:.92em}.qs-docs .qs-sec-bare{margin-top:28px}.qs-docs .qs-r-h3{margin:22px 0 10px;font-size:15px;font-weight:700}.qs-docs .qs-r-rows{display:grid;border-top:1px solid var(--color-border)}.qs-docs .qs-r-row{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid var(--color-border)}.qs-docs a.qs-r-row:hover,.qs-docs button.qs-r-row:hover{background:var(--color-muted)}.qs-docs .qs-r-ri{flex:none;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--qs-tint);color:var(--color-primary)}.qs-docs .qs-r-rb{flex:1;min-width:0;display:grid;gap:2px;text-align:left}.qs-docs .qs-r-rt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700}.qs-docs .qs-r-rs{font-size:12px;color:var(--color-muted-foreground);overflow-wrap:anywhere}.qs-docs .qs-r-ra{flex:none;color:var(--color-muted-foreground)}.qs-docs .qs-r-row:hover .qs-r-ra{color:var(--color-primary)}.qs-docs .qs-r-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qs-docs .qs-r-tile{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}.qs-docs .qs-r-tile:hover{border-color:var(--color-primary)}.qs-docs .qs-r-tile .qs-r-rs{font-size:13px;line-height:1.5}

1.qs-docs .qs-r-chips{display:flex;flex-wrap:wrap;gap:6px}.qs-docs .qs-r-chips .qs-chip app-icon{color:var(--color-primary)}.qs-docs .qs-r-uses{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}.qs-docs .qs-r-steps{display:grid}.qs-docs .qs-r-st{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--color-border)}.qs-docs .qs-r-stn{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-muted);font-weight:700;font-size:13px}.qs-docs .qs-r-stt{font-weight:700;font-size:15px}.qs-docs .qs-r-st .qs-prose{margin-top:4px}.qs-docs .qs-r-st .qs-r-code{margin-top:10px}.qs-docs .qs-r-vlist{display:grid;border-top:1px solid var(--color-border)}.qs-docs .qs-r-vrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-width:0;padding:10px 4px;border-bottom:1px solid var(--color-border)}.qs-docs .qs-r-vid{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);font-weight:700;font-size:13px;text-align:left}.qs-docs .qs-r-vid:hover{background:var(--color-muted)}.qs-docs .qs-r-vid app-icon{flex:none;color:var(--color-primary)}.qs-docs .qs-r-vid-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-docs .qs-r-vid-d{flex:none;color:var(--color-muted-foreground);font-weight:400}.qs-docs .qs-r-vl{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-primary)}.qs-docs .qs-r-vl:hover{text-decoration:underline}.qs-docs .qs-r-vid:focus-visible,.qs-docs .qs-r-row:focus-visible,.qs-docs .qs-r-tile:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}@media(max-width:640px){.qs-docs .qs-r-tiles{grid-template-columns:minmax(0,1fr)}.qs-docs .qs-r-st{grid-template-columns:28px minmax(0,1fr);gap:12px}}
2`,`.qs-docs .qs-r-limit{display:flex;align-items:baseline;gap:14px}.qs-docs .qs-r-limit-n{font-size:56px;line-height:1;font-weight:700;color:var(--color-primary)}.qs-docs .qs-r-limit-t{font-size:16px;font-weight:700}.qs-docs .qs-r-tips{display:grid;border-top:1px solid var(--color-border)}.qs-docs .qs-r-tips li{display:flex;align-items:flex-start;gap:12px;padding:10px 4px;border-bottom:1px solid var(--color-border)}.qs-docs .qs-r-tips app-icon{flex:none;margin-top:2px}.qs-docs .qs-r-apps{display:grid;border-top:1px solid var(--color-border)}.qs-docs .qs-r-app{display:flex;gap:16px;padding:16px 4px;border-bottom:1px solid var(--color-border)}.qs-docs .qs-r-app-t{font-weight:700;font-size:15px}.qs-docs .qs-r-more{margin-top:12px}.qs-docs .qs-r-det{border-bottom:1px solid var(--color-border)}.qs-docs .qs-r-det>summary{padding:10px 4px;font-weight:700;cursor:pointer}.qs-docs .qs-r-det>.qs-r-code{margin:0 0 12px}@media(max-width:640px){.qs-docs .qs-r-limit-n{font-size:44px}.qs-docs .qs-r-app{gap:12px}}
3`],encapsulation:2})};export{j as QsRefExamplesArticle};