import {
  slideDownUp
} from "./chunk-2XS6LH2E.js";
import {
  IconCaretDownComponent
} from "./chunk-FTD7LLNQ.js";
import {
  IconFolderComponent
} from "./chunk-E6CBXFRG.js";
import {
  LocalStorageService,
  RouterLink,
  RouterModule,
  environment
} from "./chunk-P7K2QEDI.js";
import {
  Highlight
} from "./chunk-VXWW42GX.js";
import {
  CommonModule,
  NgClass,
  NgSwitch,
  NgSwitchCase,
  NgSwitchDefault,
  ViewContainerRef,
  ɵsetClassDebugInfo,
  ɵɵStandaloneFeature,
  ɵɵadvance,
  ɵɵclassMap,
  ɵɵdefineComponent,
  ɵɵdirectiveInject,
  ɵɵelement,
  ɵɵelementEnd,
  ɵɵelementStart,
  ɵɵlistener,
  ɵɵloadQuery,
  ɵɵnamespaceSVG,
  ɵɵnextContext,
  ɵɵproperty,
  ɵɵpureFunction1,
  ɵɵqueryRefresh,
  ɵɵsanitizeUrl,
  ɵɵtemplate,
  ɵɵtemplateRefExtractor,
  ɵɵtext,
  ɵɵtextInterpolate,
  ɵɵviewQuery
} from "./chunk-GKZIWABI.js";

// src/app/@lcp-framework/shared/icon/icon-txt-file.ts
var _c0 = ["template"];
function IconTxtFileComponent_ng_template_0_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275namespaceSVG();
    \u0275\u0275elementStart(0, "svg", 1);
    \u0275\u0275element(1, "path", 2)(2, "path", 3)(3, "path", 4)(4, "path", 5);
    \u0275\u0275elementEnd();
  }
  if (rf & 2) {
    const ctx_r0 = \u0275\u0275nextContext();
    \u0275\u0275property("ngClass", ctx_r0.class);
  }
}
var _IconTxtFileComponent = class _IconTxtFileComponent {
  constructor(viewContainerRef) {
    this.viewContainerRef = viewContainerRef;
    this.class = "";
  }
  ngOnInit() {
    this.viewContainerRef.createEmbeddedView(this.template);
    this.viewContainerRef.element.nativeElement.remove();
  }
};
_IconTxtFileComponent.\u0275fac = function IconTxtFileComponent_Factory(t) {
  return new (t || _IconTxtFileComponent)(\u0275\u0275directiveInject(ViewContainerRef));
};
_IconTxtFileComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _IconTxtFileComponent, selectors: [["icon-txt-file"]], viewQuery: function IconTxtFileComponent_Query(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275viewQuery(_c0, 7);
  }
  if (rf & 2) {
    let _t;
    \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.template = _t.first);
  }
}, inputs: { class: "class" }, standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 2, vars: 0, consts: [["template", ""], ["width", "20", "height", "20", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 3, "ngClass"], ["d", "M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z", "fill", "currentColor"], ["opacity", "0.5", "d", "M6 14.5H14", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linecap", "round"], ["opacity", "0.5", "d", "M6 18H11.5", "stroke", "currentColor", "stroke-width", "1.5", "stroke-linecap", "round"], ["opacity", "0.5", "d", "M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22", "stroke", "currentColor", "stroke-width", "1.5"]], template: function IconTxtFileComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275template(0, IconTxtFileComponent_ng_template_0_Template, 5, 1, "ng-template", null, 0, \u0275\u0275templateRefExtractor);
  }
}, dependencies: [CommonModule, NgClass], encapsulation: 2 });
var IconTxtFileComponent = _IconTxtFileComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(IconTxtFileComponent, { className: "IconTxtFileComponent", filePath: "src\\app\\@lcp-framework\\shared\\icon\\icon-txt-file.ts", lineNumber: 27 });
})();

// src/app/@lcp-framework/components/documentation/installation/installation.component.ts
var _c02 = (a0) => [a0];
var _InstallationComponent = class _InstallationComponent {
  constructor() {
    this.codeArr = [];
    this.toggleCode = (name) => {
      if (this.codeArr.includes(name)) {
        this.codeArr = this.codeArr.filter((d) => d != name);
      } else {
        this.codeArr.push(name);
      }
    };
    this.treeview1 = ["images", "html"];
    this.treeview2 = ["parent-node"];
  }
  ngOnInit() {
    let ele = document.querySelectorAll(".treeview1 button.active") || [];
    if (ele.length > 0) {
      ele.forEach((d) => {
        d.click();
      });
    }
  }
  toggleTreeview1(name) {
    if (this.treeview1.includes(name)) {
      this.treeview1 = this.treeview1.filter((d) => d !== name);
    } else {
      this.treeview1.push(name);
    }
  }
  toggleTreeview2(name) {
    if (this.treeview2.includes(name)) {
      this.treeview2 = this.treeview2.filter((d) => d !== name);
    } else {
      this.treeview2.push(name);
    }
  }
};
_InstallationComponent.\u0275fac = function InstallationComponent_Factory(t) {
  return new (t || _InstallationComponent)();
};
_InstallationComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _InstallationComponent, selectors: [["app-installation"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 412, vars: 90, consts: [[1, "text-2xl", "font-bold", "text-primary"], [1, "panel"], [1, "space-y-4"], [1, "text-black"], [1, "list-decimal", "space-y-2", "pl-5"], ["href", "https://nodejs.org", "target", "_blank", 1, "font-semibold", "text-success", "hover:text-black"], [1, "space-y-2"], [1, "mb-4"], [1, "font-semibold"], [1, "py-[5px]"], ["type", "button", 3, "click"], [1, "relative", "-top-1", "inline", "text-primary", "ltr:mr-2", "rtl:ml-2"], [1, "accordion-content"], [1, "ltr:pl-14", "rtl:pr-14"], [1, "inline", "h-4.5", "w-4.5", "text-primary", "ltr:mr-2", "rtl:ml-2"], [1, "py-[5px]", "ltr:pl-7", "rtl:pr-7"], [1, "mb-5", "space-y-4"], [1, "mb-4", "bg-black-light/5", "p-4"], [1, "list-inside", "list-[lower-alpha]", "space-y-2", "pl-5"], ["language", "xml", "highlight", `<!--  Navbar Component  -->
        <header></header>
        ==========================================================
      
        <!--  BEGIN NAVBAR  -->
        <header class="shadow-sm" [ngClass]="{ 'dark text-white-dark': store.semidark && store.menu === 'horizontal'}">
              <div class="relative flex w-full items-center bg-white px-5 py-2.5 dark:bg-[#0e1726]">
                  ..............................
              </div>
      
              <!-- horizontal menu -->
              <ul
                  class="horizontal-menu hidden border-t border-[#ebedf2] bg-white py-1.5 px-6 font-semibold text-black rtl:space-x-reverse dark:border-[#191e3a] dark:bg-[#0e1726] dark:text-white-dark lg:space-x-1.5 xl:space-x-8"
              >
                  ..............................
              </ul>
        </header>
        <!--  END NAVBAR  -->`], ["highlight", "code", "language", "xml", "highlight", `<!--  BEGIN MAIN CONTAINER  -->
        <div
              class="main-section relative font-nunito text-sm font-normal antialiased"
              [ngClass]="[store.sidebar ? 'toggle-sidebar' : '', store.menu, store.layout, store.rtlClass]"
        >
            ..............................
        </div>
        <!-- END MAIN CONTAINER -->`], ["highlight", "code", "language", "xml", "highlight", `<!--  Sidebar Component  -->
        <sidebar></sidebar>
        ==========================================================
      
        <!--  BEGIN SIDEBAR  -->
        <div [ngClass]="{ 'dark text-white-dark': store.semidark }">
            <nav class="sidebar fixed top-0 bottom-0 z-50 h-full min-h-screen w-[260px] shadow-[5px_0_25px_0_rgba(94,92,154,0.1)] transition-all duration-300">
                ..............................
            </nav>
        </div>
        <!--  END SIDEBAR  -->`], [1, "pl-5"], ["highlight", "code", "language", "xml", "highlight", '<!--  BEGIN CONTENT PART  -->\n        <div class="main-content">\n            ..............................\n        </div>\n      \n        <!--  END CONTENT PART  -->'], ["highlight", "code", "language", "xml", "highlight", '<!--  Footer Component  -->\n        <footer></footer>\n        ==========================================================\n      \n        <!--  BEGIN FOOTER  -->\n        <p class="pt-6 text-center dark:text-white-dark ltr:sm:text-left rtl:sm:text-right">\n            ..............................\n        </p>\n        <!--  END FOOTER  -->'], [1, "mb-5", "text-xl", "font-bold", "text-success"], ["highlight", "code", "language", "xml", "highlight", `<!--  BEGIN MAIN CONTAINER  -->
      <div
      class="main-section relative font-nunito text-sm font-normal antialiased"
      [ngClass]="[store.sidebar ? 'toggle-sidebar' : '', store.menu, store.layout, store.rtlClass]"
      >
      <!-- BEGIN SIDEBAR MENU OVERLAY -->
      <div class="fixed inset-0 z-50 bg-[black]/60 lg:hidden"  [ngClass]="{ hidden: !store.sidebar }"  (click)="storeData.dispatch({ type: 'toggleSidebar' })"></div>
      <!-- END SIDEBAR MENU OVERLAY -->
      
      <!-- BEGIN SCREEN LOADER -->
      <div
      *ngIf="store.isShowMainLoader"
      class="screen_loader fixed inset-0 bg-[#fafafa] dark:bg-[#060818] z-[60] grid place-content-center animate__animated"
      >
      <svg>...</svg>
      </div>
      <!-- END SCREEN LOADER -->
      
      <!-- BEGIN SCROLL TO TOP BUTTON -->
      <div *ngIf="showTopButton" class="fixed bottom-6 z-50 ltr:right-6 rtl:left-6">
      <button type="button" class="btn btn-outline-primary animate-pulse rounded-full bg-[#fafafa] p-2 dark:bg-[#060818] dark:hover:bg-primary" @click="goToTop">
          <svg>...</svg>
      </button>
      </div>
      <!-- END SCROLL TO TOP BUTTON -->
      
      <!-- BEGIN APP SETTING LAUNCHER -->
      <setting></setting>
      <!-- END APP SETTING LAUNCHER -->
      
      <div class="main-container text-black dark:text-white-dark min-h-screen" :class="[store.navbar]">
      <!--  BEGIN SIDEBAR  -->
      <sidebar></sidebar>
      <!--  END SIDEBAR  -->
      
      <!--  BEGIN CONTENT AREA  -->
      <div class="main-content">
        <!--  BEGIN NAVBAR  -->
        <header></header>
        <!--  END NAVBAR  -->
      
        <div class="p-6 animation">
            <!--  BEGIN PAGE CONTENT  -->
            <router-outlet></router-outlet>
            <!--  END PAGE CONTENT  -->
      
            <!-- BEGIN FOOTER -->
            <footer></footer>
            <!-- END FOOTER -->
        </div>
      </div>
      <!--  END CONTENT AREA  -->
      </div>
      </div>
      <!--  END MAIN CONTAINER  -->`], [1, "mb-4", "bg-black-light/5"], ["highlight", "code", "language", "typescript", "highlight", "import { Injectable } from '@angular/core';\n            import { Store } from '@ngrx/store';\n            import { $themeConfig } from '../theme.config';\n            import { TranslateService } from '@ngx-translate/core';\n            \n            @Injectable()\n            export class AppService {\n            storeData: any;\n            constructor(public translate: TranslateService, public store: Store<any>) {\n                this.initStoreData();\n            }\n            \n            initStoreData() {\n                this.store\n                    .select((d: any) => d.index)\n                    .subscribe((d: any) => {\n                        this.storeData = d;\n                    });\n            \n                // set default styles\n                let val: any = localStorage.getItem('theme'); // light, dark, system\n                val = val || $themeConfig.theme;\n                this.store.dispatch({ type: 'toggleTheme', payload: val });\n            \n                val = localStorage.getItem('menu'); // vertical, collapsible-vertical, horizontal\n                val = val || $themeConfig.menu;\n                this.store.dispatch({ type: 'toggleMenu', payload: val });\n            \n                val = localStorage.getItem('layout'); // full, boxed-layout\n                val = val || $themeConfig.layout;\n                this.store.dispatch({ type: 'toggleLayout', payload: val });\n            \n                val = localStorage.getItem('i18n_locale'); // en, da, de, el, es, fr, hu, it, ja, pl, pt, ru, sv, tr, zh\n                val = val || $themeConfig.locale;\n            \n                const list = this.storeData.languageList;\n                const item = list.find((item: any) => item.code === val);\n                if (item) {\n                    this.toggleLanguage(item);\n                }\n            \n                val = localStorage.getItem('rtlClass'); // rtl, ltr\n                val = val || $themeConfig.rtlClass;\n                this.store.dispatch({ type: 'toggleRTL', payload: val });\n            \n                val = localStorage.getItem('animation'); // animate__fadeIn, animate__fadeInDown, animate__fadeInUp, animate__fadeInLeft, animate__fadeInRight, animate__slideInDown, animate__slideInLeft, animate__slideInRight, animate__zoomIn\n                val = val || $themeConfig.animation;\n                this.store.dispatch({ type: 'toggleAnimation', payload: val });\n            \n                val = localStorage.getItem('navbar'); // navbar-sticky, navbar-floating, navbar-static\n                val = val || $themeConfig.navbar;\n                this.store.dispatch({ type: 'toggleNavbar', payload: val });\n            \n                val = localStorage.getItem('semidark');\n                val = val === 'true' ? true : $themeConfig.semidark;\n                this.store.dispatch({ type: 'toggleSemidark', payload: val });\n            }\n            \n            toggleLanguage(item: any) {\n                let lang: any = null;\n                lang = 'en';\n                if (item) {\n                    lang = item;\n                } else {\n                    let code = this.translate.currentLang || null;\n                    if (!code) {\n                        code = localStorage.getItem('i18n_locale');\n                    }\n            \n                    item = this.storeData.languageList.find((d: any) => d.code === code);\n                    if (item) {\n                        lang = item;\n                    }\n                }\n            \n                if (!lang) {\n                    lang = this.storeData.languageList.find((d: any) => d.code === 'en');\n                }\n            \n                this.translate.use(lang.code); // set language\n                this.store.dispatch({ type: 'toggleLocale', payload: lang.code });\n                return lang;\n            }\n            \n            changeAnimation(type = 'add') {\n                if (this.storeData.animation) {\n                    const ele: any = document.querySelector('.animation');\n                    if (type === 'add') {\n                        ele?.classList.add('animate__animated');\n                        ele?.classList.add(this.storeData.animation);\n                    } else {\n                        ele?.classList.remove('animate__animated');\n                        ele?.classList.remove(this.storeData.animation);\n                    }\n                }\n            }\n            }"], ["highlight", "code", "language", "typescript", "highlight", "// APP CONFIG\n            export const $themeConfig = {\n            locale: 'en', // en, da, de, el, es, fr, hu, it, ja, pl, pt, ru, sv, tr, zh\n            theme: 'light', // light, dark, system\n            menu: 'vertical', // vertical, collapsible-vertical, horizontal\n            layout: 'full', // full, boxed-layout\n            rtlClass: 'ltr', // rtl, ltr\n            animation: '', // animate__fadeIn, animate__fadeInDown, animate__fadeInUp, animate__fadeInLeft, animate__fadeInRight, animate__slideInDown, animate__slideInLeft, animate__slideInRight, animate__zoomIn\n            navbar: 'navbar-sticky', // navbar-sticky, navbar-floating, navbar-static\n            semidark: false,\n            };"]], template: function InstallationComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h2", 0);
    \u0275\u0275text(1, "App Installation");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "div", 1)(3, "div", 2)(4, "p", 3)(5, "strong");
    \u0275\u0275text(6, "The following process will be used to install admin dashboard using package manager.");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(7, "ul", 4)(8, "li");
    \u0275\u0275text(9, " Install Node.js: Please install the latest version of Node.js from ");
    \u0275\u0275elementStart(10, "a", 5);
    \u0275\u0275text(11, "https://nodejs.org");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(12, "li");
    \u0275\u0275text(13, "Extract main template: Extract the admin template site to your suitable directory or folder.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(14, "li");
    \u0275\u0275text(15, " Access Command Prompt: Open Node.js command prompt. ");
    \u0275\u0275elementStart(16, "ul")(17, "li")(18, "strong");
    \u0275\u0275text(19, "Note:-");
    \u0275\u0275elementEnd();
    \u0275\u0275text(20, " The process mentioned below can also be executed with the system command prompt.");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(21, "li");
    \u0275\u0275text(22, "In CMD, Navigate to the location where the main folder is extracted.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(23, "li");
    \u0275\u0275text(24, "Navigate to the root folder of the project where the package.json file exists.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(25, "li");
    \u0275\u0275text(26, "Install node dependencies: Run ");
    \u0275\u0275elementStart(27, "code", 3);
    \u0275\u0275text(28, "npm install");
    \u0275\u0275elementEnd();
    \u0275\u0275text(29, ".");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(30, "li");
    \u0275\u0275text(31, " To run ");
    \u0275\u0275elementStart(32, "code", 3);
    \u0275\u0275text(33, "npm start");
    \u0275\u0275elementEnd();
    \u0275\u0275text(34, ". ");
    \u0275\u0275elementStart(35, "ul", 6)(36, "li")(37, "strong");
    \u0275\u0275text(38, "Note:-");
    \u0275\u0275elementEnd();
    \u0275\u0275text(39, " When you run the above command, it will run the project in the browser automatically.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(40, "li")(41, "strong");
    \u0275\u0275text(42, "Note:-");
    \u0275\u0275elementEnd();
    \u0275\u0275text(43, " It will enable the auto-refresh function every time you save a file.");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(44, "li");
    \u0275\u0275text(45, "Run the command ");
    \u0275\u0275elementStart(46, "code", 3);
    \u0275\u0275text(47, "npm run build");
    \u0275\u0275elementEnd();
    \u0275\u0275text(48, " to build for production.");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(49, "h2", 0);
    \u0275\u0275text(50, "File Structure");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(51, "div", 1)(52, "p", 7);
    \u0275\u0275text(53, "The arrangement below describes our file structure.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(54, "ul", 8)(55, "li", 9)(56, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_56_listener() {
      return ctx.toggleTreeview1("app");
    });
    \u0275\u0275element(57, "icon-caret-down")(58, "icon-folder", 11);
    \u0275\u0275text(59, " App ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(60, "div", 12)(61, "ul", 13)(62, "li", 9)(63, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_63_listener() {
      return ctx.toggleTreeview1("components");
    });
    \u0275\u0275element(64, "icon-caret-down")(65, "icon-folder", 11);
    \u0275\u0275text(66, " Components ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(67, "div", 12)(68, "ul", 13)(69, "li", 9);
    \u0275\u0275element(70, "icon-txt-file", 14);
    \u0275\u0275text(71, " All the components files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(72, "li", 9)(73, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_73_listener() {
      return ctx.toggleTreeview1("config");
    });
    \u0275\u0275element(74, "icon-caret-down")(75, "icon-folder", 11);
    \u0275\u0275text(76, " Config ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(77, "div", 12)(78, "ul", 13)(79, "li", 9);
    \u0275\u0275element(80, "icon-txt-file", 14);
    \u0275\u0275text(81, " Common Configuration File ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(82, "li", 9)(83, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_83_listener() {
      return ctx.toggleTreeview1("directives");
    });
    \u0275\u0275element(84, "icon-caret-down")(85, "icon-folder", 11);
    \u0275\u0275text(86, " Directives ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(87, "div", 12)(88, "ul", 13)(89, "li", 9);
    \u0275\u0275element(90, "icon-txt-file", 14);
    \u0275\u0275text(91, " All the directive files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(92, "li", 9)(93, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_93_listener() {
      return ctx.toggleTreeview1("formly");
    });
    \u0275\u0275element(94, "icon-caret-down")(95, "icon-folder", 11);
    \u0275\u0275text(96, " Formly ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(97, "div", 12)(98, "ul", 13)(99, "li", 9);
    \u0275\u0275element(100, "icon-txt-file", 14);
    \u0275\u0275text(101, " All the formly files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(102, "li", 9)(103, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_103_listener() {
      return ctx.toggleTreeview1("guards");
    });
    \u0275\u0275element(104, "icon-caret-down")(105, "icon-folder", 11);
    \u0275\u0275text(106, " Guards ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(107, "div", 12)(108, "ul", 13)(109, "li", 9);
    \u0275\u0275element(110, "icon-txt-file", 14);
    \u0275\u0275text(111, " It contains the authentication and permission guard files ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(112, "li", 9)(113, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_113_listener() {
      return ctx.toggleTreeview1("interceptors");
    });
    \u0275\u0275element(114, "icon-caret-down")(115, "icon-folder", 11);
    \u0275\u0275text(116, " Interceptors ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(117, "div", 12)(118, "ul", 13)(119, "li", 9);
    \u0275\u0275element(120, "icon-txt-file", 14);
    \u0275\u0275text(121, " All the interceptor files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(122, "li", 9)(123, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_123_listener() {
      return ctx.toggleTreeview1("layouts");
    });
    \u0275\u0275element(124, "icon-caret-down")(125, "icon-folder", 11);
    \u0275\u0275text(126, " Layouts ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(127, "div", 12)(128, "ul", 13)(129, "li", 9);
    \u0275\u0275element(130, "icon-txt-file", 14);
    \u0275\u0275text(131, " All the layout components ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(132, "li", 9)(133, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_133_listener() {
      return ctx.toggleTreeview1("pages");
    });
    \u0275\u0275element(134, "icon-caret-down")(135, "icon-folder", 11);
    \u0275\u0275text(136, " Pages ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(137, "div", 12)(138, "ul", 13)(139, "li", 9);
    \u0275\u0275element(140, "icon-txt-file", 14);
    \u0275\u0275text(141, " All the page components ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(142, "li", 9)(143, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_143_listener() {
      return ctx.toggleTreeview1("pipes");
    });
    \u0275\u0275element(144, "icon-caret-down")(145, "icon-folder", 11);
    \u0275\u0275text(146, " Pipes ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(147, "div", 12)(148, "ul", 13)(149, "li", 9);
    \u0275\u0275element(150, "icon-txt-file", 14);
    \u0275\u0275text(151, " All the pipe files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(152, "li", 9)(153, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_153_listener() {
      return ctx.toggleTreeview1("service");
    });
    \u0275\u0275element(154, "icon-caret-down")(155, "icon-folder", 11);
    \u0275\u0275text(156, " Service ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(157, "div", 12)(158, "ul", 13)(159, "li", 9);
    \u0275\u0275element(160, "icon-txt-file", 14);
    \u0275\u0275text(161, " All the service files and folders ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(162, "li", 9);
    \u0275\u0275element(163, "icon-txt-file", 14);
    \u0275\u0275text(164, " route-update.service.ts - It is dynamically loads the different entity components ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(165, "li", 9)(166, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_166_listener() {
      return ctx.toggleTreeview1("shared");
    });
    \u0275\u0275element(167, "icon-caret-down")(168, "icon-folder", 11);
    \u0275\u0275text(169, " Shared ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(170, "div", 12)(171, "ul", 13)(172, "li", 9);
    \u0275\u0275element(173, "icon-txt-file", 14);
    \u0275\u0275text(174, " All the shared module files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(175, "li", 9)(176, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_176_listener() {
      return ctx.toggleTreeview1("store");
    });
    \u0275\u0275element(177, "icon-caret-down")(178, "icon-folder", 11);
    \u0275\u0275text(179, " Store ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(180, "div", 12)(181, "ul", 13)(182, "li", 9);
    \u0275\u0275element(183, "icon-txt-file", 14);
    \u0275\u0275text(184, " Angular JS store file ");
    \u0275\u0275elementEnd()()()()()()();
    \u0275\u0275elementStart(185, "li", 9)(186, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_186_listener() {
      return ctx.toggleTreeview1("assets");
    });
    \u0275\u0275element(187, "icon-caret-down")(188, "icon-folder", 11);
    \u0275\u0275text(189, " Assets ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(190, "div", 12)(191, "ul", 13)(192, "li", 9)(193, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_193_listener() {
      return ctx.toggleTreeview1("css");
    });
    \u0275\u0275element(194, "icon-caret-down")(195, "icon-folder", 11);
    \u0275\u0275text(196, " CSS ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(197, "div", 12)(198, "ul", 13)(199, "li", 9);
    \u0275\u0275element(200, "icon-txt-file", 14);
    \u0275\u0275text(201, " All the css files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(202, "li", 9)(203, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_203_listener() {
      return ctx.toggleTreeview1("images");
    });
    \u0275\u0275element(204, "icon-caret-down")(205, "icon-folder", 11);
    \u0275\u0275text(206, " Images ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(207, "div", 12)(208, "ul", 13)(209, "li", 9);
    \u0275\u0275element(210, "icon-txt-file", 14);
    \u0275\u0275text(211, " All the image files and folders ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(212, "li", 9)(213, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_213_listener() {
      return ctx.toggleTreeview1("i18n");
    });
    \u0275\u0275element(214, "icon-caret-down")(215, "icon-folder", 11);
    \u0275\u0275text(216, " i18n ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(217, "div", 12)(218, "ul", 13)(219, "li", 9);
    \u0275\u0275element(220, "icon-txt-file", 14);
    \u0275\u0275text(221, " all the locales json files ");
    \u0275\u0275elementEnd()()()()()()();
    \u0275\u0275elementStart(222, "li", 9)(223, "button", 10);
    \u0275\u0275listener("click", function InstallationComponent_Template_button_click_223_listener() {
      return ctx.toggleTreeview1("environments");
    });
    \u0275\u0275element(224, "icon-caret-down")(225, "icon-folder", 11);
    \u0275\u0275text(226, " Environments ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(227, "div", 12)(228, "ul", 13)(229, "li", 9);
    \u0275\u0275element(230, "icon-txt-file", 14);
    \u0275\u0275text(231, " environments.development.ts ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(232, "li", 9);
    \u0275\u0275element(233, "icon-txt-file", 14);
    \u0275\u0275text(234, " environments.staging.ts ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(235, "li", 9);
    \u0275\u0275element(236, "icon-txt-file", 14);
    \u0275\u0275text(237, " environments.ts ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(238, "li", 15);
    \u0275\u0275element(239, "icon-txt-file", 14);
    \u0275\u0275text(240, " index.html ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(241, "li", 15);
    \u0275\u0275element(242, "icon-txt-file", 14);
    \u0275\u0275text(243, " main.ts ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(244, "li", 15);
    \u0275\u0275element(245, "icon-txt-file", 14);
    \u0275\u0275text(246, " styles.scss ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(247, "li", 15);
    \u0275\u0275element(248, "icon-txt-file", 14);
    \u0275\u0275text(249, " angular.json ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(250, "li", 15);
    \u0275\u0275element(251, "icon-txt-file", 14);
    \u0275\u0275text(252, " package.json ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(253, "li", 15);
    \u0275\u0275element(254, "icon-txt-file", 14);
    \u0275\u0275text(255, " tailwind.config.js ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(256, "li", 15);
    \u0275\u0275element(257, "icon-txt-file", 14);
    \u0275\u0275text(258, " tsconfig.json ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(259, "h2", 0);
    \u0275\u0275text(260, "Code Structure");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(261, "div", 1)(262, "div", 16)(263, "p", 17);
    \u0275\u0275text(264, "This section will give you a brief description of our code.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(265, "p")(266, "strong", 3);
    \u0275\u0275text(267, "1. Header Section:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(268, " This is the default navbar section. It contains:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(269, "ul", 18)(270, "li");
    \u0275\u0275text(271, "Sidebar Toggle button.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(272, "li");
    \u0275\u0275text(273, "Quick access button for calendar.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(274, "li");
    \u0275\u0275text(275, "Quick access button for todolist.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(276, "li");
    \u0275\u0275text(277, "Quick access button for chat.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(278, "li");
    \u0275\u0275text(279, "Search Bar");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(280, "li");
    \u0275\u0275text(281, "Theme toggle button.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(282, "li");
    \u0275\u0275text(283, "Language Dropdown");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(284, "li");
    \u0275\u0275text(285, "Message Dropdown");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(286, "li");
    \u0275\u0275text(287, "Notification Dropdown");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(288, "li");
    \u0275\u0275text(289, "User Profile with Dropdown");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(290, "li");
    \u0275\u0275text(291, "Horizontal Menu");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(292, "p")(293, "strong");
    \u0275\u0275text(294, "Note:-");
    \u0275\u0275elementEnd();
    \u0275\u0275text(295, " These categories are defined by us and you can modify as per your needs :)");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(296, "div")(297, "pre")(298, "code", 19);
    \u0275\u0275text(299, "\n        \n              ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(300, "div", 16)(301, "p")(302, "strong", 3);
    \u0275\u0275text(303, "2. Main Container Section:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(304, " The main container section includes header, footer, and main content section.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(305, "ul", 18)(306, "li");
    \u0275\u0275text(307, "Sidebar Section");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(308, "li");
    \u0275\u0275text(309, "Header Section");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(310, "li");
    \u0275\u0275text(311, "Main Content Section");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(312, "li");
    \u0275\u0275text(313, "Footer Section");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(314, "div")(315, "pre");
    \u0275\u0275text(316, "        ");
    \u0275\u0275element(317, "code", 20);
    \u0275\u0275text(318, "\n    ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(319, "div", 16)(320, "p")(321, "strong", 3);
    \u0275\u0275text(322, "3. Sidebar:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(323, " This is the sidebar code.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(324, "div")(325, "pre");
    \u0275\u0275text(326, "        ");
    \u0275\u0275element(327, "code", 21);
    \u0275\u0275text(328, "\n    ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(329, "div", 16)(330, "p")(331, "strong", 3);
    \u0275\u0275text(332, "4. Main Content:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(333, " This is the Main Content code section.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(334, "p", 22);
    \u0275\u0275text(335, "This is the root structure where you can create widgets, charts, tables etc.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(336, "div")(337, "pre");
    \u0275\u0275text(338, "        ");
    \u0275\u0275element(339, "code", 23);
    \u0275\u0275text(340, "\n    ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(341, "div", 16)(342, "p")(343, "strong", 3);
    \u0275\u0275text(344, "5. Footer:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(345, " This is the Footer code.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(346, "div")(347, "pre");
    \u0275\u0275text(348, "        ");
    \u0275\u0275element(349, "code", 24);
    \u0275\u0275text(350, "\n    ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(351, "div", 16)(352, "h3", 25);
    \u0275\u0275text(353, "The Combined Code");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(354, "p");
    \u0275\u0275text(355, "Now, after a brief description of our admin template. Below is the combined code of the snippets we have discuss above.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(356, "pre");
    \u0275\u0275text(357, "      ");
    \u0275\u0275element(358, "code", 26);
    \u0275\u0275text(359, "\n  ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(360, "h2", 0);
    \u0275\u0275text(361, "Admin JS Code Structure");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(362, "div", 1)(363, "div", 2)(364, "p", 27);
    \u0275\u0275text(365, "This section will give you a brief description of our admin template JS code.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(366, "p")(367, "strong", 3);
    \u0275\u0275text(368, "1. app.service.ts : ");
    \u0275\u0275elementEnd();
    \u0275\u0275text(369, "This is primary js file. It is necessary for the layout to work. It contains the code as follows :- ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(370, "ul", 18)(371, "li");
    \u0275\u0275text(372, "Set default layout");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(373, "li");
    \u0275\u0275text(374, "Set Navigation Position");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(375, "li");
    \u0275\u0275text(376, "Set Navbar Type");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(377, "li");
    \u0275\u0275text(378, "Set Router Animation");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(379, "li");
    \u0275\u0275text(380, "Theme change funtionality");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(381, "li");
    \u0275\u0275text(382, "Direction change funtionality");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(383, "pre");
    \u0275\u0275text(384, "            ");
    \u0275\u0275element(385, "code", 28);
    \u0275\u0275text(386, "\n        ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(387, "p")(388, "strong", 3);
    \u0275\u0275text(389, "2. theme.config.ts : ");
    \u0275\u0275elementEnd();
    \u0275\u0275text(390, "This is theme configuration js file. This file contains optional setting for set defaut layout, theme and language functionality. It contains the code as follows :- ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(391, "ul", 18)(392, "li");
    \u0275\u0275text(393, "Language");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(394, "li");
    \u0275\u0275text(395, "Theme");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(396, "li");
    \u0275\u0275text(397, "Navigation");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(398, "li");
    \u0275\u0275text(399, "Layout");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(400, "li");
    \u0275\u0275text(401, "Direction");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(402, "li");
    \u0275\u0275text(403, "Animation");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(404, "li");
    \u0275\u0275text(405, "Navbar");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(406, "li");
    \u0275\u0275text(407, "Semidark");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(408, "pre");
    \u0275\u0275text(409, "            ");
    \u0275\u0275element(410, "code", 29);
    \u0275\u0275text(411, "\n        ");
    \u0275\u0275elementEnd()()()();
  }
  if (rf & 2) {
    \u0275\u0275advance(57);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(54, _c02, ctx.treeview1.includes("app") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("app"));
    \u0275\u0275advance(4);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(56, _c02, ctx.treeview1.includes("components") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("components"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(58, _c02, ctx.treeview1.includes("config") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("config"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(60, _c02, ctx.treeview1.includes("directives") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("directives"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(62, _c02, ctx.treeview1.includes("formly") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("formly"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(64, _c02, ctx.treeview1.includes("guards") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("guards"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(66, _c02, ctx.treeview1.includes("interceptors") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("interceptors"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(68, _c02, ctx.treeview1.includes("layouts") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("layouts"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(70, _c02, ctx.treeview1.includes("pages") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("pages"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(72, _c02, ctx.treeview1.includes("pipes") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("pipes"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(74, _c02, ctx.treeview1.includes("service") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("service"));
    \u0275\u0275advance(10);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(76, _c02, ctx.treeview1.includes("shared") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("shared"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(78, _c02, ctx.treeview1.includes("store") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("store"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(80, _c02, ctx.treeview1.includes("assets") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("assets"));
    \u0275\u0275advance(4);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(82, _c02, ctx.treeview1.includes("css") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("css"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(84, _c02, ctx.treeview1.includes("images") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("images"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(86, _c02, ctx.treeview1.includes("i18n") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("i18n"));
    \u0275\u0275advance(7);
    \u0275\u0275classMap("w-5 h-5 text-primary inline relative -top-1 ltr:mr-2 rtl:ml-2 " + \u0275\u0275pureFunction1(88, _c02, ctx.treeview1.includes("environments") ? "rotate-180" : ""));
    \u0275\u0275advance(3);
    \u0275\u0275property("@slideDownUp", !ctx.treeview1.includes("environments"));
  }
}, dependencies: [IconCaretDownComponent, IconFolderComponent, IconTxtFileComponent, Highlight], data: { animation: [slideDownUp] } });
var InstallationComponent = _InstallationComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(InstallationComponent, { className: "InstallationComponent", filePath: "src\\app\\@lcp-framework\\components\\documentation\\installation\\installation.component.ts", lineNumber: 17 });
})();

// src/app/@lcp-framework/components/documentation/getting-started/getting-started.component.ts
var _GettingStartedComponent = class _GettingStartedComponent {
};
_GettingStartedComponent.\u0275fac = function GettingStartedComponent_Factory(t) {
  return new (t || _GettingStartedComponent)();
};
_GettingStartedComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _GettingStartedComponent, selectors: [["app-getting-started"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 76, vars: 0, consts: [[1, "text-2xl", "font-bold", "text-primary"], [1, "panel"], [1, "mb-5", "text-xl", "font-bold", "text-success"], [1, ""], [1, "grid", "gap-5", "sm:grid-cols-2", "lg:grid-cols-3"], [1, "inline-flex", "items-center", "gap-3"], [1, "flex", "h-[35px]", "w-[35px]", "flex-none", "items-center", "justify-center"]], template: function GettingStartedComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h2", 0);
    \u0275\u0275text(1, "Getting Started");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "div", 1)(3, "h3", 2);
    \u0275\u0275text(4, "Introduction to LCP");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(5, "div", 3)(6, "p");
    \u0275\u0275text(7, " The LCP web application is a SaaS-based solution designed to streamline and manage the operations of salesmen who deliver goods and supplies from various companies to restaurants, cafes, and similar establishments. This application facilitates efficient tracking and coordination of the delivery process, ensuring that salesmen can effectively manage their routes, deliveries, and customer interactions. It centralizes the entire workflow, providing real-time insights into inventory levels, delivery status, and sales performance, ultimately enhancing the efficiency of the distribution network and improving customer satisfaction. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(8, "div", 1)(9, "h3", 2);
    \u0275\u0275text(10, "Features");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(11, "ul", 4)(12, "li", 5);
    \u0275\u0275element(13, "span", 6);
    \u0275\u0275text(14, " Fully Responsive ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(15, "li", 5);
    \u0275\u0275element(16, "span", 6);
    \u0275\u0275text(17, " Functional Dashboard ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(18, "li", 5);
    \u0275\u0275element(19, "span", 6);
    \u0275\u0275text(20, " Coded with Tailwind CSS ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(21, "li", 5);
    \u0275\u0275element(22, "span", 6);
    \u0275\u0275text(23, " Huge Number of Components ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(24, "li", 5);
    \u0275\u0275element(25, "span", 6);
    \u0275\u0275text(26, " Clean Code ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(27, "li", 5);
    \u0275\u0275element(28, "span", 6);
    \u0275\u0275text(29, " Drag n Drop Section ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(30, "li", 5);
    \u0275\u0275element(31, "span", 6);
    \u0275\u0275text(32, " Working Apps Section ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(33, "li", 5);
    \u0275\u0275element(34, "span", 6);
    \u0275\u0275text(35, " Free Lifetime Updates ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(36, "li", 5);
    \u0275\u0275element(37, "span", 6);
    \u0275\u0275text(38, " Custom DataTables ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(39, "li", 5);
    \u0275\u0275element(40, "span", 6);
    \u0275\u0275text(41, " Fast Performance ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(42, "li", 5);
    \u0275\u0275element(43, "span", 6);
    \u0275\u0275text(44, " Built-in Tools ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(45, "li", 5);
    \u0275\u0275element(46, "span", 6);
    \u0275\u0275text(47, " Easy to Customize ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(48, "li", 5);
    \u0275\u0275element(49, "span", 6);
    \u0275\u0275text(50, " Fast & Dedicated Support ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(51, "li", 5);
    \u0275\u0275element(52, "span", 6);
    \u0275\u0275text(53, " Useful Pages ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(54, "li", 5);
    \u0275\u0275element(55, "span", 6);
    \u0275\u0275text(56, " Detailed Documentation ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(57, "div", 1)(58, "h3", 2);
    \u0275\u0275text(59, "Browser Compatibility");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(60, "ul", 4)(61, "li", 5);
    \u0275\u0275element(62, "span", 6);
    \u0275\u0275text(63, " Edge (Latest) ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(64, "li", 5);
    \u0275\u0275element(65, "span", 6);
    \u0275\u0275text(66, " Opera (Latest) ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(67, "li", 5);
    \u0275\u0275element(68, "span", 6);
    \u0275\u0275text(69, " Safari (Latest) ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(70, "li", 5);
    \u0275\u0275element(71, "span", 6);
    \u0275\u0275text(72, " Firefox (Latest) ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(73, "li", 5);
    \u0275\u0275element(74, "span", 6);
    \u0275\u0275text(75, " Chrome (Latest) ");
    \u0275\u0275elementEnd()()();
  }
} });
var GettingStartedComponent = _GettingStartedComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(GettingStartedComponent, { className: "GettingStartedComponent", filePath: "src\\app\\@lcp-framework\\components\\documentation\\getting-started\\getting-started.component.ts", lineNumber: 10 });
})();

// src/app/@lcp-framework/components/documentation/master-entity-module/master-entity-module.component.ts
var _MasterEntityModuleComponent = class _MasterEntityModuleComponent {
};
_MasterEntityModuleComponent.\u0275fac = function MasterEntityModuleComponent_Factory(t) {
  return new (t || _MasterEntityModuleComponent)();
};
_MasterEntityModuleComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _MasterEntityModuleComponent, selectors: [["app-master-entity-module"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 69, vars: 0, consts: [[1, "text-2xl", "font-bold", "text-primary"], [1, "panel"], [1, "mb-5", "space-y-4"], [1, "text-black"], [1, "mb-4", "bg-black-light/5", "p-4"], [1, "list-inside", "list-[lower-alpha]", "space-y-2", "pl-5"], [1, "pb-5"], ["src", "assets/images/documentation/add-grid-builder.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"], [1, "pb-5", "pt-5"], ["language", "json", "highlight", "{\n        'name': 'Route Outlet Mapping Grid', \n        'entity_name': 'route_outlet_mapping',  // This is the name of the entity being created or edited.\n        'entity_type': 'grid_builder_module', // Defines the type of entity being managed.\n        \n        'primary_table': 'routes', // This is the main database table associated with the entity. \n        'query_information': { // Defining how data is fetched and displayed for the entity. \n          'group_by': [ // Defines the fields by which the data should be grouped\n            'route_outlet_mappings.route_id,routes.code, routes.id'\n          ],\n          'includes': [ // Specifies the tables to be joined with the primary table and the join conditions.\n            {\n              'join_type': 'LEFT',\n              'table_name': 'route_outlet_mappings',\n              'join_condition': 'routes.id = route_outlet_mappings.route_id'\n            }\n          ]\n        }"], ["language", "xml", "highlight", "SELECT users.id AS user_id, users.name AS user_name, COUNT(DISTINCT user_roles.role_id) AS role_count \n        FROM users \n        LEFT JOIN user_roles ON users.id = user_roles.user_id \n        WHERE users.status_id != '3' \n        GROUP BY users.id, users.name \n        ORDER BY users.name ASC \n        LIMIT 10 OFFSET 0\n        "], ["src", "assets/images/documentation/entity-list-module.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"]], template: function MasterEntityModuleComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h2", 0);
    \u0275\u0275text(1, "Master Entity");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "div", 1)(3, "div", 2)(4, "p")(5, "strong", 3);
    \u0275\u0275text(6, "Introduction");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(7, "p", 4);
    \u0275\u0275text(8, " The Master Entity page is a powerful tool that allows users to manage and interact with a list of entities stored in the backend database. This page presents the data in a common datatable format, making it easy to view, filter, and manipulate the information. The Master Entity is designed to be highly flexible, accommodating various use cases by allowing customization of the data presentation, filtering options, and export capabilities. It serves as a central point for managing different entities across the application, streamlining workflows and enhancing productivity. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(9, "p")(10, "strong", 3);
    \u0275\u0275text(11, "Master Entity Add/Edit Screen:");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(12, "p", 4);
    \u0275\u0275text(13, " The Master Entity Add/Edit screen is designed to provide a seamless experience for creating and managing entities within the system. This screen allows users to define the parameters of a new entity or modify an existing one. Below are the key fields and functionalities available on this screen: ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(14, "ul", 5)(15, "li")(16, "strong", 3);
    \u0275\u0275text(17, "Entity Name:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(18, 'This is the name of the entity being created or edited. For example, the entity name could be "User Grid." ');
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(19, "li")(20, "strong", 3);
    \u0275\u0275text(21, "Entity Type:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(22, ' Defines the type of entity being managed. In this case, it could be a "Grid Builder Module," which specifies that the entity is a part of the grid-building framework within the application. ');
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(23, "li")(24, "strong", 3);
    \u0275\u0275text(25, "Choose Entity Permission:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(26, " This section allows you to assign permissions to the entity, including options like view, add, edit, delete, view details, and export. These permissions control what actions users can perform on this entity. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(27, "li")(28, "strong", 3);
    \u0275\u0275text(29, "Primary Table:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(30, " This is the main database table associated with the entity. For example, the primary table could be 'users,' indicating that the data for this entity will be fetched from the users' table. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(31, "li")(32, "strong", 3);
    \u0275\u0275text(33, "Query Information:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(34, " This section is crucial for defining how data is fetched and displayed for the entity. It includes: ");
    \u0275\u0275elementStart(35, "ul", 5)(36, "li")(37, "strong", 3);
    \u0275\u0275text(38, "Includes:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(39, "Specifies the tables to be joined with the primary table and the join conditions. For example, in a query, you might join the 'users' table with another table to retrieve additional related information. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(40, "li")(41, "strong", 3);
    \u0275\u0275text(42, "Group By:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(43, "Defines the fields by which the data should be grouped. Grouping helps in aggregating data and displaying it in a meaningful way. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(44, "li")(45, "strong", 3);
    \u0275\u0275text(46, "Order By:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(47, "Specifies the order in which the data should be sorted. This ensures that the data is displayed in a logical and user-friendly manner. ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(48, "div")(49, "p", 6)(50, "strong");
    \u0275\u0275text(51, " Screenshot");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(52, "img", 7);
    \u0275\u0275elementStart(53, "p", 8)(54, "strong");
    \u0275\u0275text(55, "Query Information Code Snippet");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(56, "pre")(57, "code", 9);
    \u0275\u0275text(58, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(59, "p", 8)(60, "strong");
    \u0275\u0275text(61, "Raw Query comes like below");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(62, "pre")(63, "code", 10);
    \u0275\u0275text(64, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(65, "p", 8)(66, "strong");
    \u0275\u0275text(67, "Entity List Page Output:");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(68, "img", 11);
    \u0275\u0275elementEnd()()();
  }
}, dependencies: [Highlight] });
var MasterEntityModuleComponent = _MasterEntityModuleComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(MasterEntityModuleComponent, { className: "MasterEntityModuleComponent", filePath: "src\\app\\@lcp-framework\\components\\documentation\\master-entity-module\\master-entity-module.component.ts", lineNumber: 12 });
})();

// src/app/@lcp-framework/components/documentation/page-builder/page-builder.component.ts
var _PageBuilderComponent = class _PageBuilderComponent {
  constructor() {
    this.staticpagecontent = ` <div class="panel">\r
                <div class="mb-5 text-lg font-bold">Recent Users</div>\r
                <div class="table-responsive">\r
                    <table>\r
                        <thead>\r
                            <tr>\r
                                <th>Email</th>\r
                                <th>First Name</th>\r
                                <th>Last Name</th>\r
                                <th>Role</th>\r
                                <th class="text-center ltr:rounded-r-md rtl:rounded-l-md">STATUS</th>\r
                            </tr>\r
                        </thead>\r
                        <tbody>\r
                           {{#each data_list}}\r
          <tr>\r
            <td class="font-semibold">{{email}}</td>\r
            <td class="whitespace-nowrap">{{first_name}}</td>\r
            <td class="whitespace-nowrap">{{last_name}}</td>\r
            <td>{{role}}</td>\r
            <td class="text-center">\r
                <span class="badge rounded-full {{#if status_id }} bg-success/20 text-success{{else}} bg-danger/20 text-danger{{/if}}  hover:top-0">{{#if status_id }}Active{{else}}Inactive{{/if}}</span>\r
            </td>\r
        </tr>\r
        {{/each}}\r
                        </tbody>\r
                    </table>\r
                </div>\r
            </div>`;
  }
};
_PageBuilderComponent.\u0275fac = function PageBuilderComponent_Factory(t) {
  return new (t || _PageBuilderComponent)();
};
_PageBuilderComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _PageBuilderComponent, selectors: [["app-page-builder"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 73, vars: 1, consts: [[1, "text-2xl", "font-bold", "text-primary"], [1, "panel"], [1, "mb-5", "space-y-4"], [1, "text-black"], [1, "mb-4", "bg-black-light/5", "p-4"], [1, "list-inside", "list-[lower-alpha]", "space-y-2", "pl-5"], [1, "pb-5"], ["src", "assets/images/documentation/add-page-builder.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"], [1, "pb-5", "pt-5"], ["language", "xml", 3, "highlight"], ["language", "json", "highlight", "{\n        'group_by': [\n            'users.id',\n            'user_details.first_name',\n            'user_details.last_name'\n        ],\n        'includes': [\n            {\n                'join_type': 'INNER',\n                'table_name': 'user_details',\n                'join_condition': 'user_details.user_id = users.id'\n            }\n        ],\n        'company_id': 1,\n        'limit_range': 10,\n        'print_query': true,\n        'start_index': 0,\n        'sort_columns': [\n            [\n                'users.id',\n                'desc'\n            ]\n        ],\n        'primary_table': 'users',\n        'select_columns': [\n            [\n                'users.email',\n                'email'\n            ],\n            [\n                'users.role',\n                'role'\n            ],\n            [\n                'users.status_id',\n                'status_id'\n            ],\n            [\n                'user_details.first_name',\n                'first_name'\n            ],\n            [\n                'user_details.last_name',\n                'last_name'\n            ]\n        ]\n    }\n    "], ["src", "assets/images/documentation/page-builder-output.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"]], template: function PageBuilderComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h2", 0);
    \u0275\u0275text(1, "Page Builder");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "div", 1)(3, "div", 2)(4, "p")(5, "strong", 3);
    \u0275\u0275text(6, "Introduction");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(7, "p", 4);
    \u0275\u0275text(8, " The Static Page Builder is a flexible and dynamic tool that allows developers to create customized web pages within the application using embedded HTML content and data fetched from a PostgreSQL database. By leveraging the Static Page Builder, users can easily design and implement pages that display real-time data, formatted and styled according to specific requirements. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(9, "p", 4);
    \u0275\u0275text(10, " This tool is particularly useful for creating dashboards, reports, or any page where the content needs to be dynamically generated based on the current data in the system. The Static Page Builder combines the power of HTML for designing the layout with SQL queries for retrieving and displaying data, making it a versatile solution for various use cases. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(11, "p")(12, "strong", 3);
    \u0275\u0275text(13, "How to Create a Page Using Static Page Builder");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(14, "p", 4);
    \u0275\u0275text(15, "To create a page using the Static Page Builder, follow these steps:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(16, "ul", 5)(17, "li")(18, "strong", 3);
    \u0275\u0275text(19, "Define the Entity Information:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(20, "ul", 5)(21, "li")(22, "strong", 3);
    \u0275\u0275text(23, "Entity Name:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(24, ' Choose a meaningful name for the entity, such as "User Grid."');
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(25, "li")(26, "strong", 3);
    \u0275\u0275text(27, "Entity Type:");
    \u0275\u0275elementEnd();
    \u0275\u0275text(28, ' Specify the type of entity, which could be a "Grid Builder Module."');
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(29, "li")(30, "strong", 3);
    \u0275\u0275text(31, "Embed HTML Content");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(32, "ul", 5)(33, "li");
    \u0275\u0275text(34, "Use the static_page_content field to embed HTML code that defines the layout and structure of the page.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(35, "li");
    \u0275\u0275text(36, " You can include placeholders in the HTML where dynamic data will be injected. These placeholders will be replaced with actual data retrieved from the database. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(37, "li")(38, "strong", 3);
    \u0275\u0275text(39, "Configure Query Information:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(40, "ul", 5)(41, "li");
    \u0275\u0275text(42, "Use the query_information field to define the SQL query that will fetch the necessary data from the database.");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(43, "li");
    \u0275\u0275text(44, "This includes specifying the tables, columns, join conditions, filters, and sorting criteria.");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(45, "div")(46, "p", 6)(47, "strong");
    \u0275\u0275text(48, " Example of Creating a Page");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(49, "p", 6);
    \u0275\u0275text(50, 'Below is an example configuration for creating a "User Grid" page using the Static Page Builder:');
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(51, "p", 6)(52, "strong");
    \u0275\u0275text(53, " Screenshot ");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(54, "img", 7);
    \u0275\u0275elementStart(55, "p", 8)(56, "strong");
    \u0275\u0275text(57, "Static Page Content (HTML)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(58, "pre")(59, "code", 9);
    \u0275\u0275text(60, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(61, "p", 8);
    \u0275\u0275text(62, " This HTML code generates a table with columns for Email, First Name, Last Name, Role, and Status. The `#each data_list` block is where the dynamic data will be inserted. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(63, "p", 8)(64, "strong");
    \u0275\u0275text(65, "Query Information (Postgres)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(66, "pre")(67, "code", 10);
    \u0275\u0275text(68, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(69, "p", 8)(70, "strong");
    \u0275\u0275text(71, "Page Builder Output:");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(72, "img", 11);
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    \u0275\u0275advance(59);
    \u0275\u0275property("highlight", ctx.staticpagecontent);
  }
}, dependencies: [Highlight] });
var PageBuilderComponent = _PageBuilderComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(PageBuilderComponent, { className: "PageBuilderComponent", filePath: "src\\app\\@lcp-framework\\components\\documentation\\page-builder\\page-builder.component.ts", lineNumber: 12 });
})();

// src/app/@lcp-framework/components/documentation/dashboard-wizard/dashboard-wizard.component.ts
var _DashboardWizardComponent = class _DashboardWizardComponent {
  constructor() {
    this.staticpagecontent = `<div class="panel bg-gradient-to-r from-fuchsia-500 to-fuchsia-400">\r
                <div class="flex justify-between">\r
                    <div class="text-md font-semibold ltr:mr-1 rtl:ml-1">Error Logs</div>\r
                   \r
                </div>\r
                <div class="mt-5 flex items-center">\r
                    <div class="text-3xl font-bold ltr:mr-3 rtl:ml-3">{{count}}</div>\r
                    <div class="badge bg-white/30">- 0.35%</div>\r
                </div>\r
                <div class="mt-5 flex items-center font-semibold">\r
                    <icon-eye class="shrink-0 ltr:mr-2 rtl:ml-2" />\r
                    Static Information\r
                </div>\r
            </div>`;
  }
};
_DashboardWizardComponent.\u0275fac = function DashboardWizardComponent_Factory(t) {
  return new (t || _DashboardWizardComponent)();
};
_DashboardWizardComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _DashboardWizardComponent, selectors: [["app-dashboard-wizard"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 121, vars: 1, consts: [[1, "text-2xl", "font-bold", "text-primary"], [1, "panel"], [1, "mb-5", "space-y-4"], [1, "text-black"], [1, "mb-4", "bg-black-light/5", "p-4"], [1, "list-inside", "list-[lower-alpha]", "space-y-2", "pl-5"], [1, "pb-5"], ["src", "assets/images/documentation/dashboard-wizard-builder-static.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"], [1, "pb-5", "pt-5"], ["language", "xml", 3, "highlight"], ["language", "json", "highlight", "{\n        'group_by': [\n          'webservice_logs.id'\n        ],\n        'company_id': 1,\n        'limit_range': 1,\n        'print_query': true,\n        'start_index': 0,\n        'sort_columns': [\n          [\n            'webservice_logs.id',\n            'desc'\n          ]\n        ],\n        'primary_table': 'webservice_logs',\n        'select_columns': [\n          [\n            'COUNT(*)',\n            'count'\n          ],\n          [\n            'webservice_logs.id',\n            'id'\n          ]\n        ]\n      }\n      \n    "], ["src", "assets/images/documentation/dashboard-wizard-builder-chart.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"], ["language", "json", "highlight", "[\n        {\n          'grid': {\n            'borderColor': '#e0e6ed'\n          },\n          'chart': {\n            'type': 'bar',\n            'height': 300,\n            'toolbar': {\n              'show': false\n            }\n          },\n          'xaxis': {\n            'axisBorder': {\n              'color': '#e0e6ed'\n            }\n           \n          },\n          'yaxis': {\n            'labels': {\n              'offsetX': 0\n            },\n            'opposite': false\n          },\n          'colors': [\n            '#4361ee'\n          ],\n          \n          'stroke': {\n            'curve': 'smooth',\n            'width': 2\n          },\n          'tooltip': {\n            'y': {\n              'formatter': 'function (number) { return '$' + number; }'\n            },\n            'theme': 'light',\n            'marker': false\n          }\n        }\n      ]"], ["language", "json", "highlight", "{\n        'group_by': [\n          'EXTRACT(MONTH FROM start_date)',\n          'TO_CHAR(start_date, 'Mon')',\n          'quantity'\n        ],\n        'company_id': 1,\n        'search_all': [],\n        'print_query': false,\n        'start_index': 0,\n        'sort_columns': [\n          [\n            'EXTRACT(MONTH FROM start_date)',\n            'asc'\n          ]\n        ],\n        'primary_table': 'free_items',\n        'select_columns': [\n          [\n            'TO_CHAR(start_date, 'Mon')',\n            'labels'\n          ],\n          [\n            'quantity',\n            'quantity'\n          ]\n        ]\n      }\n      \n    "], ["src", "assets/images/documentation/dashboard-screen.png", "alt", "", "appDynamicFontSize", "headerlogo", 1, "w-90", "inline", "ltr:-ml-1", "rtl:-mr-1"]], template: function DashboardWizardComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "h2", 0);
    \u0275\u0275text(1, "Dashboard Wizard");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(2, "div", 1)(3, "div", 2)(4, "p")(5, "strong", 3);
    \u0275\u0275text(6, "Introduction to Dashboard Static Wizard Builder");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(7, "p", 4);
    \u0275\u0275text(8, ' The "Dashboard Static Wizard Builder" is a powerful tool designed to enable users to create customizable widgets that can be added to any tab (wizard group) within the dashboard. This builder allows you to embed dynamic HTML content and fetch relevant information from a PostgreSQL database through a structured query. The flexibility provided by this tool makes it ideal for creating various dashboard components, such as charts, tables, and informative panels, that can be placed across different tabs or groups within the dashboard. ');
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(9, "p")(10, "strong", 3);
    \u0275\u0275text(11, "How to Use the Dashboard Static Wizard Builder");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(12, "p", 4);
    \u0275\u0275text(13, " To create a widget using the Dashboard Static Wizard Builder, you need to define the content and the data source that will populate this content. The builder consists of two primary components: query_information and static_page_content. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(14, "ul", 5)(15, "li")(16, "strong", 3);
    \u0275\u0275text(17, "Define the Entity:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(18, "ul", 5)(19, "li");
    \u0275\u0275text(20, ' Specify the name, type, and the wizard group where the widget will appear. For example, an error log panel might be created under the name "Error Logs" in the dashboard_wizard_builder_module. ');
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(21, "li")(22, "strong", 3);
    \u0275\u0275text(23, "Query Information:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(24, "ul", 5)(25, "li");
    \u0275\u0275text(26, " This section defines how the data will be retrieved from the database. You specify the primary table, the columns to select, any joins needed, and conditions such as group_by, sort_columns, and limit_range. The example provided retrieves a count of error logs from the webservice_logs table, grouped by the id column. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(27, "li")(28, "strong", 3);
    \u0275\u0275text(29, "Static Page Content: ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(30, "ul", 5)(31, "li");
    \u0275\u0275text(32, " This section contains the HTML structure and styling that will display the data fetched by the query. You can use placeholders (e.g., count) to embed dynamic data into your HTML content. The example provided creates a panel that shows the count of error logs. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(33, "li")(34, "strong", 3);
    \u0275\u0275text(35, "Place the Widget:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(36, "ul", 5)(37, "li");
    \u0275\u0275text(38, "Finally, configure the widget's placement on the dashboard by specifying the row, column, and order number.");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(39, "div")(40, "p", 6)(41, "strong");
    \u0275\u0275text(42, " Example of Creating a Widget");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(43, "p", 6);
    \u0275\u0275text(44, "Here is an example of a widget configuration:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(45, "p", 6)(46, "strong");
    \u0275\u0275text(47, " Screenshot ");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(48, "img", 7);
    \u0275\u0275elementStart(49, "p", 8)(50, "strong");
    \u0275\u0275text(51, "Static Page Content (HTML)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(52, "pre")(53, "code", 9);
    \u0275\u0275text(54, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(55, "p", 8)(56, "strong");
    \u0275\u0275text(57, "Query Information (JSON)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(58, "pre")(59, "code", 10);
    \u0275\u0275text(60, "\n        \n              ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(61, "div", 2)(62, "p")(63, "strong", 3);
    \u0275\u0275text(64, "Introduction to Dashboard Chart Widget");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(65, "p", 4);
    \u0275\u0275text(66, " The Dashboard Chart Widget is a dynamic tool within the Dashboard Static Wizard Builder that allows users to create visually appealing and data-driven charts directly on their dashboard. Instead of using static HTML content, this widget leverages dashboard_wizard_options for configuring chart properties and styling, using ApexCharts as the charting library. The widget pulls data through a structured query and then visualizes it in the form of bar charts, line charts, pie charts, or other types. ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(67, "p")(68, "strong", 3);
    \u0275\u0275text(69, "How to Use the Dashboard Chart Widget");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(70, "ul", 5)(71, "li")(72, "strong", 3);
    \u0275\u0275text(73, "Define the Entity:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(74, "ul", 5)(75, "li");
    \u0275\u0275text(76, ' Start by specifying the name, type, and the wizard group where the chart will appear. The example provided is for an "Outlet Credit Limits Bar" chart. ');
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(77, "li")(78, "strong", 3);
    \u0275\u0275text(79, "Set Up Query Information: ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(80, "ul", 5)(81, "li");
    \u0275\u0275text(82, " Define the data that will be fetched from the database. This involves specifying the primary table, the columns to select, how to group the data, and how to sort it. In the example, the chart will display data grouped by the month of start_date and will show the quantity. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(83, "li")(84, "strong", 3);
    \u0275\u0275text(85, "Design Chart Options: ");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(86, "ul", 5)(87, "li");
    \u0275\u0275text(88, " Use the dashboard_wizard_options to customize the chart's appearance. You can define the type of chart, its height, colors, axes, tooltips, and other styling properties. ");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(89, "li")(90, "strong", 3);
    \u0275\u0275text(91, "Place the Widget:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(92, "ul", 5)(93, "li");
    \u0275\u0275text(94, " Finally, configure the widget's placement on the dashboard by specifying the number of rows and columns it will span, and its order number within the group. ");
    \u0275\u0275elementEnd()()()();
    \u0275\u0275elementStart(95, "div")(96, "p", 6)(97, "strong");
    \u0275\u0275text(98, " Example Chart Widget ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(99, "p", 6);
    \u0275\u0275text(100, "Here is an example of a widget configuration:");
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(101, "p", 6)(102, "strong");
    \u0275\u0275text(103, " Screenshot ");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(104, "img", 11);
    \u0275\u0275elementStart(105, "p", 8)(106, "strong");
    \u0275\u0275text(107, "Chart Options (JSON)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(108, "pre")(109, "code", 12);
    \u0275\u0275text(110, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(111, "p", 8)(112, "strong");
    \u0275\u0275text(113, "Query Information (JSON)");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(114, "pre")(115, "code", 13);
    \u0275\u0275text(116, "\n        \n              ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(117, "p", 8)(118, "strong");
    \u0275\u0275text(119, "Dashboard Page Output:");
    \u0275\u0275elementEnd()();
    \u0275\u0275element(120, "img", 14);
    \u0275\u0275elementEnd()()();
  }
  if (rf & 2) {
    \u0275\u0275advance(53);
    \u0275\u0275property("highlight", ctx.staticpagecontent);
  }
}, dependencies: [Highlight] });
var DashboardWizardComponent = _DashboardWizardComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(DashboardWizardComponent, { className: "DashboardWizardComponent", filePath: "src\\app\\@lcp-framework\\components\\documentation\\dashboard-wizard\\dashboard-wizard.component.ts", lineNumber: 12 });
})();

// src/app/@lcp-framework/pages/documentation/documentation.component.ts
function DocumentationComponent_div_37_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "app-getting-started");
    \u0275\u0275elementEnd();
  }
}
function DocumentationComponent_div_38_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "app-installation");
    \u0275\u0275elementEnd();
  }
}
function DocumentationComponent_div_39_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "app-master-entity-module");
    \u0275\u0275elementEnd();
  }
}
function DocumentationComponent_div_40_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "app-page-builder");
    \u0275\u0275elementEnd();
  }
}
function DocumentationComponent_div_41_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div");
    \u0275\u0275element(1, "app-dashboard-wizard");
    \u0275\u0275elementEnd();
  }
}
function DocumentationComponent_div_42_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div")(1, "p");
    \u0275\u0275text(2, "Select an option from the sidebar to view its content.");
    \u0275\u0275elementEnd()();
  }
}
var _DocumentationComponent = class _DocumentationComponent {
  constructor(localstore) {
    this.localstore = localstore;
    this.currentSection = "getting-started";
    this.apiUrl = environment.apiUrl;
  }
  ngOnInit() {
    this.user_info = JSON.parse(this.localstore.getData("user_data"));
    this.config = JSON.parse(this.localstore.getData("config"));
  }
};
_DocumentationComponent.\u0275fac = function DocumentationComponent_Factory(t) {
  return new (t || _DocumentationComponent)(\u0275\u0275directiveInject(LocalStorageService));
};
_DocumentationComponent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _DocumentationComponent, selectors: [["app-documentation"]], standalone: true, features: [\u0275\u0275StandaloneFeature], decls: 43, vars: 11, consts: [[1, "relative", "min-h-screen", "bg-[#fafafa]", "font-nunito", "text-base", "font-medium", "text-black", "antialiased"], [1, "flex"], [1, "sidebar", "fixed", "-left-[260px]", "top-0", "z-[51]", "w-[260px]", "flex-none", "bg-white", "shadow-[5px_0_25px_0_rgba(94,92,154,0.1)]", "duration-500", "lg:relative", "lg:left-0"], [1, "sticky", "top-0"], [1, "p-3"], ["routerLink", "/", 1, "inline-flex", "items-center", "gap-2"], [1, "ml-[5px]", "w-8", "flex-none", 3, "src", "alt"], [1, "text-2xl", "font-semibold"], [1, "h-[calc(100vh_-_60px)]", "overflow-auto", "border-t", "border-dashed", "border-black-light/30", "pb-5"], [1, "text-[15px]", "font-semibold"], ["href", "javascript:void(0);", 1, "block", "px-4", "py-2", "duration-500", "hover:bg-black-light/10", "hover:pl-6", "hover:text-primary", 3, "click"], [1, "flex-1"], [1, "sticky", "top-0", "z-10", "bg-white", "py-2.5", "shadow-md"], [1, "flex", "items-center", "justify-between", "px-4"], ["href", "/", 1, "flex", "items-center", "lg:hidden"], [1, "hidden", "text-xl", "font-bold", "lg:block"], [1, "p-6"], [1, "mx-auto", "grid", "max-w-7xl", "grid-cols-1"], [1, "space-y-5"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"]], template: function DocumentationComponent_Template(rf, ctx) {
  if (rf & 1) {
    \u0275\u0275elementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "a", 5);
    \u0275\u0275element(6, "img", 6);
    \u0275\u0275elementStart(7, "span", 7);
    \u0275\u0275text(8);
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(9, "div", 8)(10, "ul", 9)(11, "li")(12, "a", 10);
    \u0275\u0275listener("click", function DocumentationComponent_Template_a_click_12_listener() {
      return ctx.currentSection = "getting-started";
    });
    \u0275\u0275text(13, " Getting Started ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(14, "li")(15, "a", 10);
    \u0275\u0275listener("click", function DocumentationComponent_Template_a_click_15_listener() {
      return ctx.currentSection = "app-installation";
    });
    \u0275\u0275text(16, " App Installation ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(17, "li")(18, "a", 10);
    \u0275\u0275listener("click", function DocumentationComponent_Template_a_click_18_listener() {
      return ctx.currentSection = "master-entity-module";
    });
    \u0275\u0275text(19, " Master Entity Module ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(20, "li")(21, "a", 10);
    \u0275\u0275listener("click", function DocumentationComponent_Template_a_click_21_listener() {
      return ctx.currentSection = "static-page-module";
    });
    \u0275\u0275text(22, " Page Builder ");
    \u0275\u0275elementEnd()();
    \u0275\u0275elementStart(23, "li")(24, "a", 10);
    \u0275\u0275listener("click", function DocumentationComponent_Template_a_click_24_listener() {
      return ctx.currentSection = "dashboard-wizard-module";
    });
    \u0275\u0275text(25, " Dashboard Wizard ");
    \u0275\u0275elementEnd()()()()()();
    \u0275\u0275elementStart(26, "div", 11)(27, "header", 12)(28, "div", 13)(29, "a", 14);
    \u0275\u0275element(30, "img", 6);
    \u0275\u0275elementEnd();
    \u0275\u0275elementStart(31, "p", 15);
    \u0275\u0275text(32, "Documentation");
    \u0275\u0275elementEnd()()();
    \u0275\u0275elementStart(33, "div", 16)(34, "div", 17)(35, "div", 18)(36, "div", 19);
    \u0275\u0275template(37, DocumentationComponent_div_37_Template, 2, 0, "div", 20)(38, DocumentationComponent_div_38_Template, 2, 0, "div", 20)(39, DocumentationComponent_div_39_Template, 2, 0, "div", 20)(40, DocumentationComponent_div_40_Template, 2, 0, "div", 20)(41, DocumentationComponent_div_41_Template, 2, 0, "div", 20)(42, DocumentationComponent_div_42_Template, 3, 0, "div", 21);
    \u0275\u0275elementEnd()()()()()()();
  }
  if (rf & 2) {
    \u0275\u0275advance(6);
    \u0275\u0275property("src", ctx.apiUrl + "/" + (ctx.config == null ? null : ctx.config.logo), \u0275\u0275sanitizeUrl)("alt", ctx.config == null ? null : ctx.config.company_name);
    \u0275\u0275advance(2);
    \u0275\u0275textInterpolate(ctx.config == null ? null : ctx.config.company_name);
    \u0275\u0275advance(22);
    \u0275\u0275property("src", ctx.apiUrl + "/" + (ctx.config == null ? null : ctx.config.logo), \u0275\u0275sanitizeUrl)("alt", ctx.config == null ? null : ctx.config.company_name);
    \u0275\u0275advance(6);
    \u0275\u0275property("ngSwitch", ctx.currentSection);
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "getting-started");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "app-installation");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "master-entity-module");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "static-page-module");
    \u0275\u0275advance();
    \u0275\u0275property("ngSwitchCase", "dashboard-wizard-module");
  }
}, dependencies: [
  RouterModule,
  RouterLink,
  CommonModule,
  NgSwitch,
  NgSwitchCase,
  NgSwitchDefault,
  InstallationComponent,
  GettingStartedComponent,
  MasterEntityModuleComponent,
  PageBuilderComponent,
  DashboardWizardComponent
] });
var DocumentationComponent = _DocumentationComponent;
(() => {
  (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(DocumentationComponent, { className: "DocumentationComponent", filePath: "src\\app\\@lcp-framework\\pages\\documentation\\documentation.component.ts", lineNumber: 28 });
})();

export {
  DocumentationComponent
};
//# sourceMappingURL=chunk-7JJMDJQY.js.map
