import{p as l}from"./chunk-QVLAHW2O.js";import"./chunk-LYCHGZAM.js";import{Gc as e,Kb as r,Lb as d,Md as s,Sd as u,hc as t,ic as n,nd as m,ra as p}from"./chunk-PGS4AHIT.js";u();m();var c=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275cmp=r({type:i,selectors:[["paw-sb-guide-view-caption"]],standalone:!1,decls:34,vars:0,consts:[[1,"paw-padding-m"],[1,"paw-padding-bottom-m","paw-font-size-l"],[1,"paw-font-size-m"],[1,"paw-padding-top-m","paw-font-size-m"],["rows","16","disabled","",1,"sb-example-code"]],template:function(o,f){o&1&&(t(0,"div",0)(1,"div",1)(2,"span"),e(3,"View caption"),n()(),t(4,"div")(5,"div",2)(6,"span"),e(7,"View caption set automatically"),n()(),t(8,"p"),e(9,"View caption is set automatically from main app menu navigation definition, from navigation item's label. This works for "),t(10,"b"),e(11,"first two"),n(),e(12," menu levels."),n(),t(13,"div",3)(14,"span"),e(15,"View caption set manually"),n()(),t(16,"p"),e(17,"But automation doesn't work for every possible scenario - this can happen when routes don't share same parent, yet they are logically groupped together. Or we may need an option to set custom View caption for particular view, that's why we can set View caption manually via Route data "),n(),t(18,"textarea",4),e(19,`...
RouterModule.forChild([
    {
        path: '',
        component: SbGuideComponent,
        data: {
            caption: 'Sandbox Guide',
        }
    },
    ...
])
...
        `),n(),t(20,"p"),e(21,"Route's View caption is checked bottom up, meaning first active route is checked, then up the parent hierarchy."),n(),t(22,"p"),e(23," When Route has View caption set, automation is disabled and caption from Route data is used. "),n(),t(24,"div",3)(25,"span"),e(26,"Ignore View caption"),n()(),t(27,"p"),e(28," We can also ignore View caption by setting "),t(29,"b"),e(30,"noCaption"),n(),e(31," flag in Route data of target Active route. "),n(),t(32,"textarea",4),e(33,`...
RouterModule.forChild([
    {
        path: '',
        component: SbGuideComponent,
        data: {
            noCaption: true,
        }
    },
    ...
])
...
        `),n()()())},styles:["code[_ngcontent-%COMP%]{color:#8d0101;padding:4px;background:var(--paw-color-page-bg);border-radius:4px}.sb-example-code[_ngcontent-%COMP%]{width:100%;resize:none;padding:4px}.side-col[_ngcontent-%COMP%]{width:400px}"]})}}return i})();m();var v=(()=>{class i{static{this.\u0275fac=function(o){return new(o||i)}}static{this.\u0275mod=d({type:i})}static{this.\u0275inj=p({imports:[s,l.forChild([{path:"",component:c,data:{caption:"View caption guide"}}])]})}}return i})();export{v as SbGuideViewCaptionModule};
