import * as i0 from '@angular/core';
import { Component, Input } from '@angular/core';
import { NgForOf, NgIf, NgClass } from '@angular/common';
import { LanguageEnum } from '@testlocallibrary/shared-kernel/models/enums';
import { SetBaseUrlPipe } from '@testlocallibrary/shared-kernel/pipes';

class BreadCrumbComponent {
    constructor() {
        this.breadCrumbContents = [];
        this.language = LanguageEnum.En;
        this.LanguageEnum = LanguageEnum;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadCrumbComponent, isStandalone: true, selector: "lib-bread-crumb", inputs: { breadCrumbContents: "breadCrumbContents", language: "language" }, ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n    <ol class=\"breadcrumb\">\r\n      <ng-container *ngFor=\"let breadcrumb of breadCrumbContents let last=last\">\r\n        <li class=\"breadcrumb-item-custom\"><a *ngIf=\"!last; else current\" [href]=\"breadcrumb.link!|setBaseUrl\" [id]=\"breadcrumb?.id + language\">{{breadcrumb.content}}</a>\r\n          <ng-template #current>\r\n            <span class=\"active-custom\">{{breadcrumb.content}}</span>\r\n          </ng-template>\r\n        </li>\r\n        <svg [ngClass]=\"(language === LanguageEnum.Ar) ? LanguageEnum.Ar : ''\" *ngIf=\"!last\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z\" fill=\"#94A3B8\"/>\r\n          </svg>\r\n      </ng-container>\r\n    </ol>\r\n  </nav>", styles: ["svg{margin:10px 0}svg.ar{transform:scaleX(-1)}li{font-size:14px;font-weight:600;font-style:normal;padding:10px}li:first-child{padding-inline-start:0}li a{text-decoration:none;color:#1e293b;font-size:14px}.active-custom{color:#64748b}.breadcrumb-item-custom+.breadcrumb-item-custom:before{color:#94a3b8}ol.breadcrumb{margin:0}@media screen and (max-width: 768px){li{padding-right:0;padding-left:0}}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SetBaseUrlPipe, name: "setBaseUrl" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-bread-crumb', imports: [
                        NgForOf,
                        NgIf,
                        NgClass,
                        SetBaseUrlPipe
                    ], standalone: true, template: "<nav aria-label=\"breadcrumb\">\r\n    <ol class=\"breadcrumb\">\r\n      <ng-container *ngFor=\"let breadcrumb of breadCrumbContents let last=last\">\r\n        <li class=\"breadcrumb-item-custom\"><a *ngIf=\"!last; else current\" [href]=\"breadcrumb.link!|setBaseUrl\" [id]=\"breadcrumb?.id + language\">{{breadcrumb.content}}</a>\r\n          <ng-template #current>\r\n            <span class=\"active-custom\">{{breadcrumb.content}}</span>\r\n          </ng-template>\r\n        </li>\r\n        <svg [ngClass]=\"(language === LanguageEnum.Ar) ? LanguageEnum.Ar : ''\" *ngIf=\"!last\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z\" fill=\"#94A3B8\"/>\r\n          </svg>\r\n      </ng-container>\r\n    </ol>\r\n  </nav>", styles: ["svg{margin:10px 0}svg.ar{transform:scaleX(-1)}li{font-size:14px;font-weight:600;font-style:normal;padding:10px}li:first-child{padding-inline-start:0}li a{text-decoration:none;color:#1e293b;font-size:14px}.active-custom{color:#64748b}.breadcrumb-item-custom+.breadcrumb-item-custom:before{color:#94a3b8}ol.breadcrumb{margin:0}@media screen and (max-width: 768px){li{padding-right:0;padding-left:0}}\n"] }]
        }], propDecorators: { breadCrumbContents: [{
                type: Input
            }], language: [{
                type: Input
            }] } });

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

export { BreadCrumbComponent };
//# sourceMappingURL=testlocallibrary-shared-kernel-components-bread-crumb.mjs.map
