"use strict";(self.webpackChunk_esome_dev_ppms=self.webpackChunk_esome_dev_ppms||[]).push([[258],{40258:(n,o,t)=>{t.r(o);var i,e,r,a,c=t(171),p=(t(89053),t(94430)),d=t(56765),l=t(28120),s=t(99028),v=t(53421),u=t(77675),h=t(15633);function g(n,o,t,i,e,r,a){try{var c=n[r](a),p=c.value}catch(n){return void t(n)}c.done?o(p):Promise.resolve(p).then(i,e)}function w(n){return function(){var o=this,t=arguments;return new Promise((function(i,e){var r=n.apply(o,t);function a(n){g(r,i,e,a,c,"next",n)}function c(n){g(r,i,e,a,c,"throw",n)}a(void 0)}))}}function b(n,o){return o||(o=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(o)}}))}var m=class extends((0,l.$)(u.h)((0,v.NC)(v.z2)(u.B4))){constructor(){super(...arguments),this.showGotoTop=!1}get context(){return{title:v.z2.t("text.help")}}render(){var n=this.topic&&"/helps/".concat(this.topic||"index",".md");return(0,p.dy)(i||(i=b(['\n      <ox-markdown id="content" .src=',' toc></ox-markdown>\n\n      <div id="navigation">\n        <mwc-icon-button icon="home" @click='," ?disabled=",'></mwc-icon-button>\n        <mwc-icon-button icon="keyboard_arrow_left"  @click=','></mwc-icon-button icon="">\n        <mwc-icon-button icon="keyboard_arrow_right"  @click=','></mwc-icon-button icon="">\n      </div>      \n\n      ',"\n    "])),n,(()=>(0,u.c4)("help")),"index"==this.topic,(()=>window.history.back()),(()=>window.history.forward()),this.showGotoTop?(0,p.dy)(e||(e=b([' <mwc-icon id="upward" @click=',">arrow_upward</mwc-icon> "])),(n=>this.gotoTop(n))):(0,p.dy)(r||(r=b([""]))))}firstUpdated(){var n=this;return w((function*(){n.content.addEventListener("scroll",(o=>{var t;n.showGotoTop=0!==(null===(t=o.target)||void 0===t?void 0:t.scrollTop)})),yield n.requestUpdate();var o=parseFloat(getComputedStyle(n.content,null).getPropertyValue("padding-top"));n.content.style.paddingTop=n.navigation.clientHeight+o+"px",new s.Z(n.navigation,{scroller:n.content}).init()}))()}pageUpdated(n,o){var t=this;return w((function*(){t.active&&(t.topic=o.params.topic||"index",t.content.scrollTop=0)}))()}gotoTop(n){this.content.scrollTop=0,n.stopPropagation()}};m.styles=[h.Ix,h.Jz,(0,p.iv)(a||(a=b(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        position: relative;\n      }\n\n      #navigation {\n        position: absolute;\n        display: flex;\n        width: 100%;\n        padding: var(--help-navigation-padding);\n        border-bottom: var(--help-navigation-bottom);\n        background-color: white;\n      }\n      #navigation mwc-icon-button {\n        padding: var(--help-navigation-icon-padding);\n        border-right: var(--help-navigation-icon-border);\n        cursor: pointer;\n        color: var(--help-icon-color);\n      }\n      #content {\n        flex: 1;\n\n        overflow: auto;\n        padding: var(--help-panel-content-padding);\n        margin: var(--help-panel-margin);\n      }\n\n      #upward {\n        --mdc-icon-size: 26px;\n        position: absolute;\n        bottom: var(--data-list-fab-position-vertical);\n        right: var(--data-list-fab-position-horizontal);\n        background-color: rgba(255, 255, 255, 0.7);\n        border-radius: 20px;\n        color: var(--data-list-fab-color);\n        box-shadow: var(--data-list-fab-shadow);\n        padding: 7px;\n\n        scroll-padding-top: 65px;\n      }\n    "])))],(0,c.gn)([(0,d.Cb)({type:String})],m.prototype,"topic",void 0),(0,c.gn)([(0,d.Cb)({type:Boolean})],m.prototype,"showGotoTop",void 0),(0,c.gn)([(0,d.IO)("#content")],m.prototype,"content",void 0),(0,c.gn)([(0,d.IO)("#navigation")],m.prototype,"navigation",void 0),m=(0,c.gn)([(0,d.Mo)("ox-help-home")],m)}}]);