1import{B as i,o as e,S as n}from"./main-D5aZgHqq.js";import{h as p}from"./init.js";class s extends i{constructor(i){super(...arguments),this.i18n=p,this.templateString='<div class="helpWrapper podSteez">\n <div class="helpContentWrap">\n <div class="helpContent">\n <span class="hideLink icon closeIcon" data-magic-id="closeBtn"></span>\n <h3><span class="helpTitle">${!i18n.quickHelp.quickGuide}</span></h3>\n <div data-magic-id="helpContentInner">\n <div class="contentHelpWrap">\n <h3>${!i18n.quickHelp.layout.heading}</h3>\n <p>${!i18n.quickHelp.layout.subheading}</p>\n <div class="contentHelpTip tip1">\n <strong>${!i18n.quickHelp.layout.contentBold}</strong> ${!i18n.quickHelp.layout.content}\n </div>\n <div class="contentHelpTip tip2">\n <strong>${!i18n.quickHelp.layout.sectionBold}</strong> ${!i18n.quickHelp.layout.section}\n </div>\n <div class="contentHelpTip tip3">\n <strong>${!i18n.quickHelp.layout.backgroundTextBold}</strong>
1 ${!i18n.quickHelp.layout.backgroundText}\n </div>\n <div class="contentHelpItem">\n <div class="contentHelpSidebar"></div>\n <div class="contentHelpContent">\n <div class="contentHelpContentRow tabRow">\n <span class="tab">References</span>\n <span class="tab tabSelected">Evidence</span>\n <span class="tab">Recommendations</span>\n </div>\n <div class="contentHelpContentRow headerRow">\n <h4>1 Chapter name</h4>\n <button>Background text</button>\n </div>\n <div class="contentHelpPod podSteez"></div>\n <div class="contentHelpPod podSteez"></div>\n </div>\n </div>\n </div>\n <div class="contentHelpWrap">\n <h3>${!i18n.quickHelp.multilayered.heading}</h3>\n <p>${!i18n.quickHelp.multilayered.subheading}</p>\n <div class="contentHelpTip tip4">\n <strong>${!i18n.quickHelp.multilayered.headerBold}</strong>
1 ${!i18n.quickHelp.multilayered.header}\n </div>\n <div class="contentHelpTip tip5">\n <strong>${!i18n.quickHelp.multilayered.strengthBold}</strong> ${!i18n.quickHelp.multilayered.strength}\n </div>\n <div class="contentHelpTip tip6">\n <strong>${!i18n.quickHelp.multilayered.textBold}</strong> ${!i18n.quickHelp.multilayered.text}\n </div>\n <div class="contentHelpTip tip7">\n <strong>${!i18n.quickHelp.multilayered.remarkBold}</strong> ${!i18n.quickHelp.multilayered.remark}\n </div>\n <div class="contentHelpTip tip8">\n <strong>${!i18n.quickHelp.multilayered.expandBold}</strong> ${!i18n.quickHelp.multilayered.expand}\n </div>\n <div class="contentHelpItem multilayeredHelp">\n <h4 class="recommendationHeader">Example recommendation header <span class="icon editIcon"></span></h4>\n <div class="recommendationWrap">\n <div class="strengthRow">\n <span class="strength notset">Not Set | Set</span>\n </div>\n <div class="recommendationTextRow">\n Write recommendation here <span class="icon editIcon"></span>\n </div>\n <div class="recommendationCommentRow">\n Write a comment here <span class="icon editIcon"></span>\n </div>\n <div class="recommendationTabs">\n <span class="tab tabSelected">Effect estimates</span>\n <span class="tab">Key info</span>\n <span class="tab">Rationale</span>\n <span class="tab">Practical advice</span>\n <span class="tab">Adaption</span>\n <span class="tab">References</span>\n <span class="tab">Discussion (0)</span>\n </div>\n <div class="recommendationTabContent">\n <span class="placeholder"></span>\n </div>\n </div>\n </div>\n </div>\n <h3 class="bottomTitle"><span class="helpTitle">${!i18n.quickHelp.heading}</span></h3>\n <ol>\n <li>\n <h3>${!i18n.quickHelp.step1.heading}</h3>\n <p>${!i18n.quickHelp.step1.intro}</p>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide4.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step1.tip1.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step1.tip1.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide1.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step1.tip2.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step1.tip2.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide2.jpg"></div>\n <div class="helpText">${!i18n.quickHelp.step1.tip3.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step1.tip3.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide3.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step1.tip4.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step1.tip4.help}\n </div>\n </div>\n </li>\n <li>\n <h3>${!i18n.quickHelp.step2.heading}</h3>\n <p>${!i18n.quickHelp.step2.intro}</p>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide5.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step2.tip1.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step2.tip1.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide6.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step2.tip2.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step2.tip2.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide7.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step2.tip3.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step2.tip3.help}\n </div>\n </div>\n </li>\n <li>\n <h3>${!i18n.quickHelp.step3.heading}</h3>\n <p>${!i18n.quickHelp.step3.intro}</p>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide8.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step3.tip1.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step3.tip1.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide9.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step3.tip2.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step3.tip2.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide10.jpg"></div>\n <div class="helpText">${!i18n.quickHelp.step3.tip3.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step3.tip3.help}\n </div>\n </div>\n </li>\n <li>\n <h3>${!i18n.quickHelp.step4.heading}</h3>\n <p>${!i18n.quickHelp.step4.intro}</p>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide11.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step4.tip1.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step4.tip1.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide12.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step4.tip2.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step4.tip2.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide13.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step4.tip3.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step4.tip3.help}\n </div>\n </div>\n </li>\n <li>\n <h3>${!i18n.quickHelp.step5.heading}</h3>\n <p>${!i18n.quickHelp.step5.intro}</p>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide14.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step5.tip1.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step5.tip1.help}\n </div>\n </div>\n <div class="helpItemWrap">\n <div class="helpImage"><img src="/app/images/quick-guide/quickguide15.jpg"></div>\n <div class="helpText">\n ${!i18n.quickHelp.step5.tip2.text}\n <h4>${!i18n.quickHelp.help}</h4>\n ${!i18n.quickHelp.step5.tip2.help}\n </div>\n </div>\n </li>\n </ol>\n <div class="helpBottom">\n ${!i18n.quickHelp.afterword}\n </div>\n </div>\n </div>\n </div>\n</div>',Object.assign(this,i)}postCreate(){super.postCreate(),this.own(e(this.closeBtn,"click",this.hide.bind(this)))}
1show(){this.domNode.parentElement.style.display="block",this.trackEvent(this._trackActions.show,"help-quick")}hide(){localStorage.setItem(n.localStorage.showHelp,"no"),this.domNode.parentElement.style.display="none",this.trackEvent(this._trackActions.hide,"help-quick")}}export{s as default}; 2//# sourceMappingURL=guidelineHelp-DhZdTNTF.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.