import { CommonModule } from '@angular/common';
import * as i0 from '@angular/core';
import { Component, Input, ViewChild, NgModule } from '@angular/core';
import { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';
import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';

class ProductHeaderComponent {
    static nextIdSeed = 0;
    static _nextId = ProductHeaderComponent.nextIdSeed;
    static getNextId() {
        return this._nextId++;
    }
    id = `s-product-header-${ProductHeaderComponent.getNextId()}`;
    header;
    baseZIndex = 0;
    isHeaderFrame = true;
    container = null;
    ngAfterViewInit() {
        if (!this.container) {
            return;
        }
        if (this.isHeaderFrame) {
            this.container.nativeElement.style.borderBottom = '1px solid #ddd';
        }
        else {
            this.container.nativeElement.style.borderTop = '1px solid #ddd';
        }
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProductHeaderComponent, selector: "s-product-header", inputs: { id: "id", header: "header", baseZIndex: "baseZIndex", isHeaderFrame: "isHeaderFrame" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["headerContainer"], descendants: true }], ngImport: i0, template: "<div [id]=\"id\" class=\"box\">\n    <div\n      #headerContainer\n      class=\"sds-container\"\n      [class]=\"isHeaderFrame ? 'header-frame' : 'primary-header'\"\n    >\n      <h1 [class]=\"isHeaderFrame ? 'title' : 'primary-title'\">{{ header }}</h1>\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n", styles: [".box{position:relative;width:100%;height:70px}.header-frame{padding-top:15px;padding-bottom:15px;width:100%;top:0;left:0;height:70px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:32}.title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-header{display:flex;width:100%;height:70px;padding:15px 20px;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;background-color:#fff;gap:24px}@media (max-width: 768px){.primary-header{width:100%}}.primary-header .primary-title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis}\n"] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 's-product-header', template: "<div [id]=\"id\" class=\"box\">\n    <div\n      #headerContainer\n      class=\"sds-container\"\n      [class]=\"isHeaderFrame ? 'header-frame' : 'primary-header'\"\n    >\n      <h1 [class]=\"isHeaderFrame ? 'title' : 'primary-title'\">{{ header }}</h1>\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n", styles: [".box{position:relative;width:100%;height:70px}.header-frame{padding-top:15px;padding-bottom:15px;width:100%;top:0;left:0;height:70px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:32}.title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-header{display:flex;width:100%;height:70px;padding:15px 20px;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;background-color:#fff;gap:24px}@media (max-width: 768px){.primary-header{width:100%}}.primary-header .primary-title{color:#999;font-weight:400;font-size:16pt;margin-right:15px;min-width:140px;overflow:hidden;text-overflow:ellipsis}\n"] }]
        }], propDecorators: { id: [{
                type: Input
            }], header: [{
                type: Input,
                args: [{ required: true }]
            }], baseZIndex: [{
                type: Input
            }], isHeaderFrame: [{
                type: Input
            }], container: [{
                type: ViewChild,
                args: ['headerContainer', { static: false }]
            }] } });

class ProductHeaderModule {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderModule, declarations: [ProductHeaderComponent], imports: [CommonModule, TooltipModule, ThumbnailModule], exports: [ProductHeaderComponent, ThumbnailModule] });
    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderModule, imports: [CommonModule, TooltipModule, ThumbnailModule, ThumbnailModule] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProductHeaderModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [CommonModule, TooltipModule, ThumbnailModule],
                    declarations: [ProductHeaderComponent],
                    exports: [ProductHeaderComponent, ThumbnailModule],
                }]
        }] });

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

export { ProductHeaderComponent, ProductHeaderModule };
//# sourceMappingURL=seniorsistemas-angular-components-product-header.mjs.map
