import * as i0 from '@angular/core';
import { input, booleanAttribute, Component } from '@angular/core';
import { RouterLink } from '@angular/router';

class Topbar {
    logo = input(...(ngDevMode ? [undefined, { debugName: "logo" }] : []));
    logoLink = input(...(ngDevMode ? [undefined, { debugName: "logoLink" }] : []));
    bgColor = input('var(--p-primary-color)', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
    bgImage = input(...(ngDevMode ? [undefined, { debugName: "bgImage" }] : []));
    bgRepeat = input(false, { ...(ngDevMode ? { debugName: "bgRepeat" } : {}), transform: booleanAttribute });
    textColor = input('var(--p-primary-contrast-color)', ...(ngDevMode ? [{ debugName: "textColor" }] : []));
    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
    subTitle = input(...(ngDevMode ? [undefined, { debugName: "subTitle" }] : []));
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Topbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Topbar, isStandalone: true, selector: "mt-topbar", inputs: { logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, logoLink: { classPropertyName: "logoLink", publicName: "logoLink", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgImage: { classPropertyName: "bgImage", publicName: "bgImage", isSignal: true, isRequired: false, transformFunction: null }, bgRepeat: { classPropertyName: "bgRepeat", publicName: "bgRepeat", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n  class=\"w-screen flex justify-between align-center bg-primary p-4 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    @if (logo()) {\r\n      <img\r\n        [src]=\"logo()\"\r\n        alt=\"Logo\"\r\n        class=\"h-full\"\r\n        [routerLink]=\"logoLink()\"\r\n        [class.cursor-pointer]=\"logoLink()\"\r\n      />\r\n    }\r\n    @if (logo() && (title() || subTitle())) {\r\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\r\n    }\r\n    @if (title() || subTitle()) {\r\n      <div class=\"flex flex-col gap-1\">\r\n        <h2 class=\"text-xl font-semibold product-name\">\r\n          {{ title() }}\r\n        </h2>\r\n        <span class=\"text-sm font-semibold product-tagline\">{{\r\n          subTitle()\r\n        }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Topbar, decorators: [{
            type: Component,
            args: [{ selector: 'mt-topbar', standalone: true, imports: [RouterLink], template: "<div\r\n  class=\"w-screen flex justify-between align-center bg-primary p-4 h-[var(--header-height)]\"\r\n  [style.backgroundColor]=\"bgColor()\"\r\n  [style.backgroundImage]=\"bgImage() ? 'url(' + bgImage() + ')' : null\"\r\n  [class.bg-no-repeat]=\"!bgRepeat()\"\r\n  [class.bg-repeat]=\"bgRepeat()\"\r\n>\r\n  <div class=\"flex gap-4 items-center\" [style.color]=\"textColor()\">\r\n    @if (logo()) {\r\n      <img\r\n        [src]=\"logo()\"\r\n        alt=\"Logo\"\r\n        class=\"h-full\"\r\n        [routerLink]=\"logoLink()\"\r\n        [class.cursor-pointer]=\"logoLink()\"\r\n      />\r\n    }\r\n    @if (logo() && (title() || subTitle())) {\r\n      <div class=\"h-3/4 w-[1px] bg-current\"></div>\r\n    }\r\n    @if (title() || subTitle()) {\r\n      <div class=\"flex flex-col gap-1\">\r\n        <h2 class=\"text-xl font-semibold product-name\">\r\n          {{ title() }}\r\n        </h2>\r\n        <span class=\"text-sm font-semibold product-tagline\">{{\r\n          subTitle()\r\n        }}</span>\r\n      </div>\r\n    }\r\n  </div>\r\n  <div class=\"flex gap-2 items-center\">\r\n    <ng-content select=\"[actions]\"></ng-content>\r\n  </div>\r\n</div>\r\n" }]
        }], propDecorators: { logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], logoLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoLink", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgImage", required: false }] }], bgRepeat: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgRepeat", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }] } });

/**
 * Generated bundle index. Do not edit.
 */

export { Topbar };
//# sourceMappingURL=masterteam-components-topbar.mjs.map
