import { AXP_PLATFORM_CONFIG_TOKEN, AXPLogoComponent } from '@acorex/platform/common';
import * as i0 from '@angular/core';
import { inject, ViewEncapsulation, Component } from '@angular/core';
import * as i1 from '@angular/router';
import { RouterModule } from '@angular/router';
import { A as AXM_AUTH_CONFIG_TOKEN } from './acorex-modules-auth-acorex-modules-auth-D1GLmcE-.mjs';
import * as i1$1 from '@acorex/platform/layout/components';
import { AXPComponentSlotModule } from '@acorex/platform/layout/components';

class AXPAuthMasterLayoutComponent {
    constructor() {
        this.authConfig = inject(AXM_AUTH_CONFIG_TOKEN);
        this.platformConfig = inject(AXP_PLATFORM_CONFIG_TOKEN);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPAuthMasterLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPAuthMasterLayoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"ax-w-full ax-h-full ax-flex\">\n  <div\n    class=\"ax-flex-1 ax-bg-lighter ax-text-on-lighter dark:ax-bg-darkest dark:ax-text-on-darkest ax-flex ax-flex-col ax-items-center ax-justify-between ax-py-12\"\n  >\n    <router-outlet></router-outlet>\n    <div class=\"ax-flex ax-justify-between\">\n      <div class=\"auth-footer-links\">\n        <axp-component-slot name=\"auth-footer-links\"></axp-component-slot>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"ax-hidden lg:ax-flex ax-bg-primary-500 ax-light ax-text-primary-on-surface ax-text-on-brand ax-flex-1 axp-auth-bk\"\n  >\n    <div class=\"ax-flex ax-w-full ax-flex-col ax-justify-between ax-px-48 ax-py-20 ax-text-center\">\n      <div>\n        <axp-logo\n          [source]=\"platformConfig.logo?.full?.dark\"\n          [attr.alt]=\"platformConfig.title\"\n          class=\"ax-mx-auto ax-text-2xl\"\n        ></axp-logo>\n      </div>\n      <div class=\"ax-text-primary-on-dark dark:ax-text-primary-on-darkest\">\n        <p class=\"ax-font-black ax-text-4xl ax-mb-4\">{{authConfig.signinPage?.slogan}}</p>\n        <p>{{authConfig.signinPage?.description}}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".auth-footer-links{gap:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.auth-footer-links a{color:rgba(var(--ax-sys-color-primary-surface));cursor:pointer}.auth-footer-links a:hover{text-decoration:underline}.auth-footer-links a:visited{color:rgba(var(--ax-sys-color-primary-darker))}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: AXPLogoComponent, selector: "axp-logo", inputs: ["source"] }, { kind: "ngmodule", type: AXPComponentSlotModule }, { kind: "directive", type: i1$1.AXPComponentSlotDirective, selector: "axp-component-slot", inputs: ["name", "host", "context"], exportAs: ["slot"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPAuthMasterLayoutComponent, decorators: [{
            type: Component,
            args: [{ imports: [RouterModule, AXPLogoComponent, AXPComponentSlotModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-w-full ax-h-full ax-flex\">\n  <div\n    class=\"ax-flex-1 ax-bg-lighter ax-text-on-lighter dark:ax-bg-darkest dark:ax-text-on-darkest ax-flex ax-flex-col ax-items-center ax-justify-between ax-py-12\"\n  >\n    <router-outlet></router-outlet>\n    <div class=\"ax-flex ax-justify-between\">\n      <div class=\"auth-footer-links\">\n        <axp-component-slot name=\"auth-footer-links\"></axp-component-slot>\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"ax-hidden lg:ax-flex ax-bg-primary-500 ax-light ax-text-primary-on-surface ax-text-on-brand ax-flex-1 axp-auth-bk\"\n  >\n    <div class=\"ax-flex ax-w-full ax-flex-col ax-justify-between ax-px-48 ax-py-20 ax-text-center\">\n      <div>\n        <axp-logo\n          [source]=\"platformConfig.logo?.full?.dark\"\n          [attr.alt]=\"platformConfig.title\"\n          class=\"ax-mx-auto ax-text-2xl\"\n        ></axp-logo>\n      </div>\n      <div class=\"ax-text-primary-on-dark dark:ax-text-primary-on-darkest\">\n        <p class=\"ax-font-black ax-text-4xl ax-mb-4\">{{authConfig.signinPage?.slogan}}</p>\n        <p>{{authConfig.signinPage?.description}}</p>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".auth-footer-links{gap:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.auth-footer-links a{color:rgba(var(--ax-sys-color-primary-surface));cursor:pointer}.auth-footer-links a:hover{text-decoration:underline}.auth-footer-links a:visited{color:rgba(var(--ax-sys-color-primary-darker))}\n"] }]
        }] });

export { AXPAuthMasterLayoutComponent };
//# sourceMappingURL=acorex-modules-auth-master.layout-D0iHJc_T.mjs.map
