import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { SmzCardsView } from '../../../models/smz-cards-types';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng/button";
import * as i3 from "../../../../smz-menu/smz-menu.component";
import * as i4 from "primeng/tooltip";
import * as i5 from "../../../directives/content-selector.directive";
import * as i6 from "../../../directives/button-actions.directive";
export class SmzInfoATypeComponent {
    constructor() {
        this.isDebug = false;
        this.modes = SmzCardsView;
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SmzInfoATypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SmzInfoATypeComponent, selector: "smz-info-a-type", inputs: { template: "template", data: "data", mode: "mode", isDebug: "isDebug", buttons: "buttons", menu: "menu" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"mode\">\r\n\r\n<ng-container *ngSwitchCase=\"modes.GRID\">\r\n\r\n  <div class=\"h-full grid grid-nogutter flex-col items-start justify-start gap-0 relative rounded-lg p-3 border-0 border-l-8\" [ngClass]=\"template.cardStyleClass + ' ' + template.verticalBarStyleClass + (isDebug ? ' border border-red-500 border-solid' : '')\">\r\n\r\n    <!-- TITLE -->\r\n    <ng-container *ngIf=\"template.title && !template.title.content.hideInGrid\">\r\n      <div class=\"text-xs text-surface-600\">{{ template.title.caption }}</div>\r\n      <div contentSelector [content]=\"template.title.content\" [data]=\"data\" [ngClass]=\"template.title.content.styleClass ?? 'font-bold'\"></div>\r\n    </ng-container>\r\n\r\n    <!-- SUBTITLE -->\r\n    <div *ngIf=\"template.subTitle  && !template.subTitle.hideInGrid\" contentSelector [content]=\"template.subTitle\" [data]=\"data\" class=\"mt-1\" [ngClass]=\"template.subTitle.styleClass ?? 'text-sm'\"></div>\r\n\r\n    <!-- TAGS -->\r\n    <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.tagsContainerStyleClass\">\r\n      <ng-container *ngFor=\"let tag of template.tags let i = index\">\r\n        <div *ngIf=\"!tag.hideInGrid\" contentSelector [content]=\"tag\" [data]=\"data\" class=\"\" [ngClass]=\"tag.conditionalStyleClass != null ? tag.conditionalStyleClass(data) : (tag.styleClass ?? 'px-2 py-1 text-sm bg-gray-200 text-surface-50 rounded')\"></div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- INFOS -->\r\n    <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.infosContainerStyleClass\">\r\n      <ng-container *ngFor=\"let info of template.infos let i = index\">\r\n        <div *ngIf=\"!info.content.hideInGrid\" class=\"grid grid-nogutter items-center justify-start gap-2 mr-3\">\r\n          <div class=\"rounded-2xl h-4 w-4\" [ngClass]=\"info.bulletStyleClass ?? 'bg-gray-200'\"></div>\r\n          <div class=\"grid grid-nogutter flex-col items-start justify-start gap-0\">\r\n            <div class=\"text-xs text-surface-600\">{{ info.caption }}</div>\r\n            <div contentSelector [content]=\"info.content\" [data]=\"data\" class=\"\" [ngClass]=\"info.content.styleClass ?? 'text-sm'\"></div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div class=\"col mt-2\"></div>\r\n\r\n    <!-- MENU -->\r\n    <ng-container *ngIf=\"menu.callback != null && menu.callback(data) as menuItem\">\r\n        <div class=\"grid grid-nogutter items-center justify-end gap-1 col-12 absolute top-2 right-2\">\r\n          <smz-menu [items]=\"menuItem\" [data]=\"data\" [icon]=\"menu.icon\" [styleClass]=\"menu.styleClass\" [buttonClass]=\"menu.buttonClass\"></smz-menu>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <!-- BUTTONS -->\r\n    <ng-container *ngIf=\"buttons.callback != null && buttons.callback(data) as buttons\">\r\n      <div class=\"grid grid-nogutter items-center justify-start gap-1\">\r\n        <ng-container *ngFor=\"let button of buttons; let i = index\">\r\n          <button *ngIf=\"button.visible\" pButton type=\"button\" buttonAction [item]=\"button\" [data]=\"data\" [label]=\"button.label\" [icon]=\"button.icon\" [disabled]=\"button.disabled\" [pTooltip]=\"button.tooltip\" class=\"p-button-outlined p-button-sm px-3 py-2\" [ngClass]=\"button.styleClass\"></button>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n  </div>\r\n\r\n</ng-container>\r\n\r\n<ng-container *ngSwitchCase=\"modes.LIST\">\r\n\r\n    <div class=\"h-full grid grid-nogutter flex-col items-start justify-start gap-0 relative rounded-lg p-3 border-0 border-l-8 col\" [ngClass]=\"template.cardStyleClass + ' ' + template.verticalBarStyleClass + (isDebug ? ' border border-red-500 border-solid' : '')\">\r\n\r\n      <!-- TITLE -->\r\n      <ng-container *ngIf=\"template.title && !template.title.content.hideInList\">\r\n        <div class=\"text-xs text-surface-600\">{{ template.title.caption }}</div>\r\n        <div contentSelector [content]=\"template.title.content\" [data]=\"data\" [ngClass]=\"template.title.content.styleClass ?? 'font-bold'\"></div>\r\n      </ng-container>\r\n\r\n      <!-- SUBTITLE -->\r\n      <div *ngIf=\"template.subTitle  && !template.subTitle.hideInList\" contentSelector [content]=\"template.subTitle\" [data]=\"data\" class=\"mt-1\" [ngClass]=\"template.subTitle.styleClass ?? 'text-sm'\"></div>\r\n\r\n      <!-- TAGS -->\r\n      <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.tagsContainerStyleClass\">\r\n        <ng-container *ngFor=\"let tag of template.tags let i = index\">\r\n          <div *ngIf=\"!tag.hideInList\" contentSelector [content]=\"tag\" [data]=\"data\" [ngClass]=\"tag.conditionalStyleClass != null ? tag.conditionalStyleClass(data) : (tag.styleClass ?? 'px-2 py-1 text-sm bg-gray-200 text-surface-50 rounded')\"></div>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- INFOS -->\r\n      <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.infosContainerStyleClass\">\r\n        <ng-container *ngFor=\"let info of template.infos let i = index\">\r\n          <div *ngIf=\"!info.content.hideInList\" class=\"grid grid-nogutter items-center justify-start gap-2 mr-3\">\r\n            <div class=\"rounded-2xl h-4 w-4 bg-gray-200\" [ngClass]=\"info.bulletStyleClass\"></div>\r\n            <div class=\"grid grid-nogutter flex-col items-start justify-start gap-0\">\r\n              <div class=\"text-xs text-surface-600\">{{ info.caption }}</div>\r\n              <div contentSelector [content]=\"info.content\" [data]=\"data\" class=\"\" [ngClass]=\"info.content.styleClass ?? 'text-sm'\"></div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"col mt-2\"></div>\r\n\r\n      <!-- MENU -->\r\n      <ng-container *ngIf=\"menu.callback != null && menu.callback(data) as menuItem\">\r\n          <div class=\"grid grid-nogutter items-center justify-end gap-1 col-12 absolute top-2 right-2\">\r\n            <smz-menu [items]=\"menuItem\" [data]=\"data\" [icon]=\"menu.icon\" [styleClass]=\"menu.styleClass\" [buttonClass]=\"menu.buttonClass\"></smz-menu>\r\n          </div>\r\n      </ng-container>\r\n\r\n      <!-- BUTTONS -->\r\n      <ng-container *ngIf=\"buttons.callback != null && buttons.callback(data) as buttons\">\r\n        <div class=\"grid grid-nogutter items-center justify-start gap-1\">\r\n          <ng-container *ngFor=\"let button of buttons; let i = index\">\r\n            <button *ngIf=\"button.visible\" pButton type=\"button\" buttonAction [item]=\"button\" [data]=\"data\" [label]=\"button.label\" [icon]=\"button.icon\" [disabled]=\"button.disabled\" [pTooltip]=\"button.tooltip\" class=\"p-button-outlined p-button-sm px-3 py-2\" [ngClass]=\"button.styleClass\"></button>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i3.SmzMenuComponent, selector: "smz-menu", inputs: ["items", "callback", "data", "buttonClass", "styleClass", "icon", "behavior"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i5.SmzCardsContentSelectorDirective, selector: "div[contentSelector]", inputs: ["content", "data", "callback"] }, { kind: "directive", type: i6.ButtonActionsDirective, selector: "[buttonAction]", inputs: ["item", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SmzInfoATypeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'smz-info-a-type', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"mode\">\r\n\r\n<ng-container *ngSwitchCase=\"modes.GRID\">\r\n\r\n  <div class=\"h-full grid grid-nogutter flex-col items-start justify-start gap-0 relative rounded-lg p-3 border-0 border-l-8\" [ngClass]=\"template.cardStyleClass + ' ' + template.verticalBarStyleClass + (isDebug ? ' border border-red-500 border-solid' : '')\">\r\n\r\n    <!-- TITLE -->\r\n    <ng-container *ngIf=\"template.title && !template.title.content.hideInGrid\">\r\n      <div class=\"text-xs text-surface-600\">{{ template.title.caption }}</div>\r\n      <div contentSelector [content]=\"template.title.content\" [data]=\"data\" [ngClass]=\"template.title.content.styleClass ?? 'font-bold'\"></div>\r\n    </ng-container>\r\n\r\n    <!-- SUBTITLE -->\r\n    <div *ngIf=\"template.subTitle  && !template.subTitle.hideInGrid\" contentSelector [content]=\"template.subTitle\" [data]=\"data\" class=\"mt-1\" [ngClass]=\"template.subTitle.styleClass ?? 'text-sm'\"></div>\r\n\r\n    <!-- TAGS -->\r\n    <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.tagsContainerStyleClass\">\r\n      <ng-container *ngFor=\"let tag of template.tags let i = index\">\r\n        <div *ngIf=\"!tag.hideInGrid\" contentSelector [content]=\"tag\" [data]=\"data\" class=\"\" [ngClass]=\"tag.conditionalStyleClass != null ? tag.conditionalStyleClass(data) : (tag.styleClass ?? 'px-2 py-1 text-sm bg-gray-200 text-surface-50 rounded')\"></div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <!-- INFOS -->\r\n    <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.infosContainerStyleClass\">\r\n      <ng-container *ngFor=\"let info of template.infos let i = index\">\r\n        <div *ngIf=\"!info.content.hideInGrid\" class=\"grid grid-nogutter items-center justify-start gap-2 mr-3\">\r\n          <div class=\"rounded-2xl h-4 w-4\" [ngClass]=\"info.bulletStyleClass ?? 'bg-gray-200'\"></div>\r\n          <div class=\"grid grid-nogutter flex-col items-start justify-start gap-0\">\r\n            <div class=\"text-xs text-surface-600\">{{ info.caption }}</div>\r\n            <div contentSelector [content]=\"info.content\" [data]=\"data\" class=\"\" [ngClass]=\"info.content.styleClass ?? 'text-sm'\"></div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div class=\"col mt-2\"></div>\r\n\r\n    <!-- MENU -->\r\n    <ng-container *ngIf=\"menu.callback != null && menu.callback(data) as menuItem\">\r\n        <div class=\"grid grid-nogutter items-center justify-end gap-1 col-12 absolute top-2 right-2\">\r\n          <smz-menu [items]=\"menuItem\" [data]=\"data\" [icon]=\"menu.icon\" [styleClass]=\"menu.styleClass\" [buttonClass]=\"menu.buttonClass\"></smz-menu>\r\n        </div>\r\n    </ng-container>\r\n\r\n    <!-- BUTTONS -->\r\n    <ng-container *ngIf=\"buttons.callback != null && buttons.callback(data) as buttons\">\r\n      <div class=\"grid grid-nogutter items-center justify-start gap-1\">\r\n        <ng-container *ngFor=\"let button of buttons; let i = index\">\r\n          <button *ngIf=\"button.visible\" pButton type=\"button\" buttonAction [item]=\"button\" [data]=\"data\" [label]=\"button.label\" [icon]=\"button.icon\" [disabled]=\"button.disabled\" [pTooltip]=\"button.tooltip\" class=\"p-button-outlined p-button-sm px-3 py-2\" [ngClass]=\"button.styleClass\"></button>\r\n        </ng-container>\r\n      </div>\r\n    </ng-container>\r\n\r\n  </div>\r\n\r\n</ng-container>\r\n\r\n<ng-container *ngSwitchCase=\"modes.LIST\">\r\n\r\n    <div class=\"h-full grid grid-nogutter flex-col items-start justify-start gap-0 relative rounded-lg p-3 border-0 border-l-8 col\" [ngClass]=\"template.cardStyleClass + ' ' + template.verticalBarStyleClass + (isDebug ? ' border border-red-500 border-solid' : '')\">\r\n\r\n      <!-- TITLE -->\r\n      <ng-container *ngIf=\"template.title && !template.title.content.hideInList\">\r\n        <div class=\"text-xs text-surface-600\">{{ template.title.caption }}</div>\r\n        <div contentSelector [content]=\"template.title.content\" [data]=\"data\" [ngClass]=\"template.title.content.styleClass ?? 'font-bold'\"></div>\r\n      </ng-container>\r\n\r\n      <!-- SUBTITLE -->\r\n      <div *ngIf=\"template.subTitle  && !template.subTitle.hideInList\" contentSelector [content]=\"template.subTitle\" [data]=\"data\" class=\"mt-1\" [ngClass]=\"template.subTitle.styleClass ?? 'text-sm'\"></div>\r\n\r\n      <!-- TAGS -->\r\n      <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.tagsContainerStyleClass\">\r\n        <ng-container *ngFor=\"let tag of template.tags let i = index\">\r\n          <div *ngIf=\"!tag.hideInList\" contentSelector [content]=\"tag\" [data]=\"data\" [ngClass]=\"tag.conditionalStyleClass != null ? tag.conditionalStyleClass(data) : (tag.styleClass ?? 'px-2 py-1 text-sm bg-gray-200 text-surface-50 rounded')\"></div>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <!-- INFOS -->\r\n      <div class=\"col-12 grid grid-nogutter items-center justify-start\" [ngClass]=\"template.infosContainerStyleClass\">\r\n        <ng-container *ngFor=\"let info of template.infos let i = index\">\r\n          <div *ngIf=\"!info.content.hideInList\" class=\"grid grid-nogutter items-center justify-start gap-2 mr-3\">\r\n            <div class=\"rounded-2xl h-4 w-4 bg-gray-200\" [ngClass]=\"info.bulletStyleClass\"></div>\r\n            <div class=\"grid grid-nogutter flex-col items-start justify-start gap-0\">\r\n              <div class=\"text-xs text-surface-600\">{{ info.caption }}</div>\r\n              <div contentSelector [content]=\"info.content\" [data]=\"data\" class=\"\" [ngClass]=\"info.content.styleClass ?? 'text-sm'\"></div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n\r\n      <div class=\"col mt-2\"></div>\r\n\r\n      <!-- MENU -->\r\n      <ng-container *ngIf=\"menu.callback != null && menu.callback(data) as menuItem\">\r\n          <div class=\"grid grid-nogutter items-center justify-end gap-1 col-12 absolute top-2 right-2\">\r\n            <smz-menu [items]=\"menuItem\" [data]=\"data\" [icon]=\"menu.icon\" [styleClass]=\"menu.styleClass\" [buttonClass]=\"menu.buttonClass\"></smz-menu>\r\n          </div>\r\n      </ng-container>\r\n\r\n      <!-- BUTTONS -->\r\n      <ng-container *ngIf=\"buttons.callback != null && buttons.callback(data) as buttons\">\r\n        <div class=\"grid grid-nogutter items-center justify-start gap-1\">\r\n          <ng-container *ngFor=\"let button of buttons; let i = index\">\r\n            <button *ngIf=\"button.visible\" pButton type=\"button\" buttonAction [item]=\"button\" [data]=\"data\" [label]=\"button.label\" [icon]=\"button.icon\" [disabled]=\"button.disabled\" [pTooltip]=\"button.tooltip\" class=\"p-button-outlined p-button-sm px-3 py-2\" [ngClass]=\"button.styleClass\"></button>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </div>\r\n\r\n</ng-container>\r\n\r\n</ng-container>" }]
        }], ctorParameters: () => [], propDecorators: { template: [{
                type: Input
            }], data: [{
                type: Input
            }], mode: [{
                type: Input
            }], isDebug: [{
                type: Input
            }], buttons: [{
                type: Input
            }], menu: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 