@tsi-developpement/tsi-shared-ui 0.0.1

package/esm2022/lib/tsi-components/tsi-card-list/tsi-card-list.component.mjs

@@ -0,0 +1,112 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { defaultCardHeader } from '../../consts/tsi-consts';
+import { AppBaseComponent } from '../../tsi-base/components/app-base/app-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/paginator";
+import * as i3 from "../tsi-card/tsi-card.component";
+import * as i4 from "../spinner/spinner.component";
+import * as i5 from "../../pipes/localize.pipe";
+export class TsiCardListComponent extends AppBaseComponent {
+    get page() { return this._page; }
+    set page(value) {
+        this._page = value;
+        this.handlePageChange(value);
+    }
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+        this.buttonClicked = new EventEmitter();
+        this.callSearch = new EventEmitter();
+        this.displayedCards = [];
+        this.listCards = [];
+        this.first = 0;
+        this.rows = 10;
+        this.totalCount = 0;
+        this.isLoading = false;
+    }
+    async ngOnChanges(changes) {
+        if (changes['page']) {
+            this.handlePageChange(this.page);
+        }
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        this.businessClass = this.cardBusinessClass;
+        this.isLoading = true;
+        this.page$.subscribe(page => {
+            this.page = page;
+            this.handlePageChange(page);
+            this.isLoading = this.page?.loading != null && this.page?.loading != undefined
+                ? this.page.loading
+                : false;
+        });
+    }
+    onPageChange(event) {
+        this.first = event.first ?? 0;
+        this.rows = event.rows ?? 10;
+        this.callSearch.emit({ skipCount: this.first, maxResultCount: this.rows });
+    }
+    updateDisplayedCards() {
+        if (this.listCards.length > 0) {
+            this.displayedCards = [...this.listCards];
+        }
+        this.cdr.detectChanges();
+    }
+    async mapItemsToCards(items) {
+        const { col1, col2, col3, photo } = this.getColKeys();
+        return items.map((item, index) => {
+            const keys = Object.keys(item).reduce((acc, key) => {
+                acc[key.toLowerCase()] = key;
+                return acc;
+            }, {});
+            return {
+                id: index + 1 + this.first,
+                uid: `${item.uid}`,
+                headerTitle: `${item[keys[col1]] ?? ''}`,
+                subHeaderTitle: `${item[keys[col2]] ?? ''}`,
+                description: `${item[keys[col3]] ?? ''}`,
+                photo: item[keys[photo]] != '' && item[keys[photo]] != null
+                    ? item[keys[photo]]
+                    : defaultCardHeader.image
+            };
+        });
+    }
+    getColKeys() {
+        return {
+            photo: this.entityInfo?.cardHeaderPhotoColumn?.toLowerCase() ?? '',
+            col1: this.entityInfo?.cardTitleColumn?.toLowerCase() ?? '',
+            col2: this.entityInfo?.cardSubHeaderColumn?.toLowerCase() ?? '',
+            col3: this.entityInfo?.cardDescriptionColumn?.toLowerCase() ?? '',
+        };
+    }
+    async handlePageChange(page) {
+        if (!page || !page.items)
+            return;
+        this.listCards = await this.mapItemsToCards(page.items);
+        this.totalCount = page.totalCount;
+        this.updateDisplayedCards();
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCardListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiCardListComponent, selector: "Tsi-card-list", inputs: { cardBusinessClass: "cardBusinessClass", header: "header", id: "id", page: "page", page$: "page$" }, outputs: { buttonClicked: "buttonClicked", callSearch: "callSearch" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-wrap gap-2\">\r\n    <Tsi-card *ngFor=\"let card of displayedCards\"\r\n        class=\"tsi-card\"\r\n        [uid]=\"card.uid\"\r\n        [headerTitle]=\"card.headerTitle\"\r\n        [subHeaderTitle]=\"card.subHeaderTitle\"\r\n        [description]=\"card.description\"\r\n        [imgUrl]=\"card.photo\"\r\n        [formName]=\"formName\"\r\n        (buttonClicked)=\"buttonClicked.emit($event)\">\r\n    </Tsi-card>\r\n</div>\r\n<div class=\"card flex justify-content-center mt-4\">\r\n    <p-paginator\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalCount\"\r\n    [rowsPerPageOptions]=\"[1, 10, 25, 50]\"\r\n    (onPageChange)=\"onPageChange($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{{ 'Showing' | localize }} {first} {{'to' | localize}} {last} {{ 'of' | localize }} {totalRecords}\">\r\n    </p-paginator>\r\n</div> \r\n\r\n<div class=\"overlay\" *ngIf=\"isLoading\">\r\n    <div class=\"spinner-wrapper\">\r\n        <app-spinner></app-spinner>\r\n    </div>\r\n</div>", styles: ["::ng-deep .tsi-card{overflow:hidden!important;box-shadow:#63636333 0 2px 8px!important;border-radius:1rem;min-width:15rem!important;width:min-content!important}@media (max-width: 768px){.tsi-card{min-width:12rem!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "component", type: i3.TsiCardComponent, selector: "Tsi-card", inputs: ["id", "headerTitle", "subHeaderTitle", "description", "imgUrl", "uid", "formName"], outputs: ["buttonClicked"] }, { kind: "component", type: i4.SpinnerComponent, selector: "app-spinner" }, { kind: "pipe", type: i5.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-card-list', template: "<div class=\"flex flex-wrap gap-2\">\r\n    <Tsi-card *ngFor=\"let card of displayedCards\"\r\n        class=\"tsi-card\"\r\n        [uid]=\"card.uid\"\r\n        [headerTitle]=\"card.headerTitle\"\r\n        [subHeaderTitle]=\"card.subHeaderTitle\"\r\n        [description]=\"card.description\"\r\n        [imgUrl]=\"card.photo\"\r\n        [formName]=\"formName\"\r\n        (buttonClicked)=\"buttonClicked.emit($event)\">\r\n    </Tsi-card>\r\n</div>\r\n<div class=\"card flex justify-content-center mt-4\">\r\n    <p-paginator\r\n    [first]=\"first\"\r\n    [rows]=\"rows\"\r\n    [totalRecords]=\"totalCount\"\r\n    [rowsPerPageOptions]=\"[1, 10, 25, 50]\"\r\n    (onPageChange)=\"onPageChange($event)\"\r\n    [showCurrentPageReport]=\"true\"\r\n    currentPageReportTemplate=\"{{ 'Showing' | localize }} {first} {{'to' | localize}} {last} {{ 'of' | localize }} {totalRecords}\">\r\n    </p-paginator>\r\n</div> \r\n\r\n<div class=\"overlay\" *ngIf=\"isLoading\">\r\n    <div class=\"spinner-wrapper\">\r\n        <app-spinner></app-spinner>\r\n    </div>\r\n</div>", styles: ["::ng-deep .tsi-card{overflow:hidden!important;box-shadow:#63636333 0 2px 8px!important;border-radius:1rem;min-width:15rem!important;width:min-content!important}@media (max-width: 768px){.tsi-card{min-width:12rem!important}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { cardBusinessClass: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], callSearch: [{
+                type: Output
+            }], page$: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWNhcmQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvdHNpLWNhcmQtbGlzdC90c2ktY2FyZC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy90c2ktY2FyZC1saXN0L3RzaS1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBK0IsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUt0SSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQzs7Ozs7OztBQU96RixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsZ0JBQWdCO0lBT3hELElBQUksSUFBSSxLQUFLLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFFakMsSUFBYSxJQUFJLENBQUMsS0FBVTtRQUMxQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQWVELFlBQ1UsR0FBc0I7UUFFOUIsS0FBSyxFQUFFLENBQUM7UUFGQSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQWR0QixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFxQixDQUFDO1FBQ3RELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBSS9DLG1CQUFjLEdBQWMsRUFBRSxDQUFDO1FBQy9CLGNBQVMsR0FBYyxFQUFFLENBQUM7UUFDMUIsVUFBSyxHQUFXLENB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QzsrR0EzR1Usb0JBQW9CO21HQUFwQixvQkFBb0Isc1JDYmpDLG1qQ0E0Qk07OzRGRGZPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxlQUFlO3NGQU1oQixpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFLTyxJQUFJO3NCQUFoQixLQUFLO2dCQUtJLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFFRSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3B0aW9uYWwsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQYWdpbmF0b3JTdGF0ZSB9IGZyb20gJ3ByaW1lbmcvcGFnaW5hdG9yJztcclxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEJ1dHRvbkNsaWNrUmVzdWx0IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFRzaUNhcmQgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBkZWZhdWx0Q2FyZEhlYWRlciB9IGZyb20gJy4uLy4uL2NvbnN0cy90c2ktY29uc3RzJztcclxuaW1wb3J0IHsgQXBwQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3RzaS1iYXNlL2NvbXBvbmVudHMvYXBwLWJhc2UvYXBwLWJhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLWNhcmQtbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi90c2ktY2FyZC1saXN0LmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaUNhcmRMaXN0Q29tcG9uZW50IGV4dGVuZHMgQXBwQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgY2FyZEJ1c2luZXNzQ2xhc3M6IGFueTtcclxuICBASW5wdXQoKSBoZWFkZXI6IGFueTtcclxuICBASW5wdXQoKSBpZDogYW55O1xyXG5cclxuICBwcml2YXRlIF9wYWdlOiBhbnk7XHJcbiAgZ2V0IHBhZ2UoKSB7IHJldHVybiB0aGlzLl9wYWdlOyB9XHJcblxyXG4gIEBJbnB1dCgpIHNldCBwYWdlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMuX3BhZ2UgPSB2YWx1ZTtcclxuICAgIHRoaXMuaGFuZGxlUGFnZUNoYW5nZSh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8QnV0dG9uQ2xpY2tSZXN1bHQ+KCk7XHJcbiAgQE91dHB1dCgpIGNhbGxTZWFyY2ggPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgQElucHV0KCkgcGFnZSQhOiBCZWhhdmlvclN1YmplY3Q8YW55PjtcclxuXHJcbiAgZGlzcGxheWVkQ2FyZHM6IFRzaUNhcmRbXSA9IFtdO1xyXG4gIGxpc3RDYXJkczogVHNpQ2FyZFtdID0gW107XHJcbiAgZmlyc3Q6IG51bWJlciA9IDA7XHJcbiAgcm93czogbnVtYmVyID0gMTA7XHJcbiAgdG90YWxDb3VudDogbnVtYmVyID0gMDtcclxuXHJcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIGFzeW5jIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmIChjaGFuZ2VzWydwYWdlJ10pIHtcclxuICAgICAgdGhpcy5oYW5kbGVQYWdlQ2hhbmdlKHRoaXMucGFnZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBhc3luYyBuZ09uSW5pdCgpIHtcclxuICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICB0aGlzLmJ1c2luZXNzQ2xhc3MgPSB0aGlzLmNhcmRCdXNpbmVzc0NsYXNzO1xyXG5cclxuICAgIHRoaXMuaXNMb2FkaW5nID0gdHJ1ZTtcclxuICAgIHRoaXMucGFnZSQuc3Vic2NyaWJlKHBhZ2UgPT4ge1xyXG4gICAgICB0aGlzLnBhZ2UgPSBwYWdlO1xyXG4gICAgICB0aGlzLmhhbmRsZVBhZ2VDaGFuZ2UocGFnZSk7XHJcbiAgICAgIHRoaXMuaXNMb2FkaW5nID0gdGhpcy5wYWdlPy5sb2FkaW5nICE9IG51bGwgJiYgdGhpcy5wYWdlPy5sb2FkaW5nICE9IHVuZGVmaW5lZFxyXG4gICAgICAgID8gdGhpcy5wYWdlLmxvYWRpbmdcclxuICAgICAgICA6IGZhbHNlO1xyXG4gICAgfSk7XHJcblxyXG4gIH1cclxuXHJcbiAgb25QYWdlQ2hhbmdlKGV2ZW50OiBQYWdpbmF0b3JTdGF0ZSkge1xyXG4gICAgdGhpcy5maXJzdCA9IGV2ZW50LmZpcnN0ID8/IDA7XHJcbiAgICB0aGlzLnJvd3MgPSBldmVudC5yb3dzID8/IDEwO1xyXG4gICAgdGhpcy5jYWxsU2VhcmNoLmVtaXQoeyBza2lwQ291bnQ6IHRoaXMuZmlyc3QsIG1heFJlc3VsdENvdW50OiB0aGlzLnJvd3MgfSk7XHJcblxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSB1cGRhdGVEaXNwbGF5ZWRDYXJkcygpIHtcclxuICAgIGlmICh0aGlzLmxpc3RDYXJkcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMuZGlzcGxheWVkQ2FyZHMgPSBbLi4udGhpcy5saXN0Q2FyZHNdO1xyXG4gICAgfVxyXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhc3luYyBtYXBJdGVtc1RvQ2FyZHMoaXRlbXM6IGFueVtdKTogUHJvbWlzZTxUc2lDYXJkW10+IHtcclxuICAgIGNvbnN0IHsgY29sMSwgY29sMiwgY29sMywgcGhvdG8gfSA9IHRoaXMuZ2V0Q29sS2V5cygpO1xyXG5cclxuICAgIHJldHVybiBpdGVtcy5tYXAoKGl0ZW06IGFueSwgaW5kZXg6IG51bWJlcikgPT4ge1xyXG4gICAgICBjb25zdCBrZXlzID0gT2JqZWN0LmtleXMoaXRlbSkucmVkdWNlKChhY2MsIGtleSkgPT4ge1xyXG4gICAgICAgIGFjY1trZXkudG9Mb3dlckNhc2UoKV0gPSBrZXk7XHJcbiAgICAgICAgcmV0dXJuIGFjYztcclxuICAgICAgfSwge30gYXMgeyBbbG93ZXJLZXk6IHN0cmluZ106IHN0cmluZyB9KTtcclxuXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgaWQ6IGluZGV4ICsgMSArIHRoaXMuZmlyc3QsXHJcbiAgICAgICAgdWlkOiBgJHtpdGVtLnVpZH1gLFxyXG4gICAgICAgIGhlYWRlclRpdGxlOiBgJHtpdGVtW2tleXNbY29sMV1dID8/ICcnfWAsXHJcbiAgICAgICAgc3ViSGVhZGVyVGl0bGU6IGAke2l0ZW1ba2V5c1tjb2wyXV0gPz8gJyd9YCxcclxuICAgICAgICBkZXNjcmlwdGlvbjogYCR7aXRlbVtrZXlzW2NvbDNdXSA/PyAnJ31gLFxyXG4gICAgICAgIHBob3RvOiBpdGVtW2tleXNbcGhvdG9dXSAhPSAnJyAmJiBpdGVtW2tleXNbcGhvdG9dXSAhPSBudWxsXHJcbiAgICAgICAgICA/IGl0ZW1ba2V5c1twaG90b11dXHJcbiAgICAgICAgICA6IGRlZmF1bHRDYXJkSGVhZGVyLmltYWdlXHJcbiAgICAgIH07XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2V0Q29sS2V5cygpIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIHBob3RvOiB0aGlzLmVudGl0eUluZm8/LmNhcmRIZWFkZXJQaG90b0NvbHVtbj8udG9Mb3dlckNhc2UoKSA/PyAnJyxcclxuICAgICAgY29sMTogdGhpcy5lbnRpdHlJbmZvPy5jYXJkVGl0bGVDb2x1bW4/LnRvTG93ZXJDYXNlKCkgPz8gJycsXHJcbiAgICAgIGNvbDI6IHRoaXMuZW50aXR5SW5mbz8uY2FyZFN1YkhlYWRlckNvbHVtbj8udG9Mb3dlckNhc2UoKSA/PyAnJyxcclxuICAgICAgY29sMzogdGhpcy5lbnRpdHlJbmZvPy5jYXJkRGVzY3JpcHRpb25Db2x1bW4/LnRvTG93ZXJDYXNlKCkgPz8gJycsXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBhc3luYyBoYW5kbGVQYWdlQ2hhbmdlKHBhZ2U6IGFueSkge1xyXG4gICAgaWYgKCFwYWdlIHx8ICFwYWdlLml0ZW1zKVxyXG4gICAgICByZXR1cm47XHJcblxyXG4gICAgdGhpcy5saXN0Q2FyZHMgPSBhd2FpdCB0aGlzLm1hcEl0ZW1zVG9DYXJkcyhwYWdlLml0ZW1zKTtcclxuICAgIHRoaXMudG90YWxDb3VudCA9IHBhZ2UudG90YWxDb3VudDtcclxuICAgIHRoaXMudXBkYXRlRGlzcGxheWVkQ2FyZHMoKTtcclxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxufSIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBnYXAtMlwiPlxyXG4gICAgPFRzaS1jYXJkICpuZ0Zvcj1cImxldCBjYXJkIG9mIGRpc3BsYXllZENhcmRzXCJcclxuICAgICAgICBjbGFzcz1cInRzaS1jYXJkXCJcclxuICAgICAgICBbdWlkXT1cImNhcmQudWlkXCJcclxuICAgICAgICBbaGVhZGVyVGl0bGVdPVwiY2FyZC5oZWFkZXJUaXRsZVwiXHJcbiAgICAgICAgW3N1YkhlYWRlclRpdGxlXT1cImNhcmQuc3ViSGVhZGVyVGl0bGVcIlxyXG4gICAgICAgIFtkZXNjcmlwdGlvbl09XCJjYXJkLmRlc2NyaXB0aW9uXCJcclxuICAgICAgICBbaW1nVXJsXT1cImNhcmQucGhvdG9cIlxyXG4gICAgICAgIFtmb3JtTmFtZV09XCJmb3JtTmFtZVwiXHJcbiAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiYnV0dG9uQ2xpY2tlZC5lbWl0KCRldmVudClcIj5cclxuICAgIDwvVHNpLWNhcmQ+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiY2FyZCBmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgbXQtNFwiPlxyXG4gICAgPHAtcGFnaW5hdG9yXHJcbiAgICBbZmlyc3RdPVwiZmlyc3RcIlxyXG4gICAgW3Jvd3NdPVwicm93c1wiXHJcbiAgICBbdG90YWxSZWNvcmRzXT1cInRvdGFsQ291bnRcIlxyXG4gICAgW3Jvd3NQZXJQYWdlT3B0aW9uc109XCJbMSwgMTAsIDI1LCA1MF1cIlxyXG4gICAgKG9uUGFnZUNoYW5nZSk9XCJvblBhZ2VDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICBbc2hvd0N1cnJlbnRQYWdlUmVwb3J0XT1cInRydWVcIlxyXG4gICAgY3VycmVudFBhZ2VSZXBvcnRUZW1wbGF0ZT1cInt7ICdTaG93aW5nJyB8IGxvY2FsaXplIH19IHtmaXJzdH0ge3sndG8nIHwgbG9jYWxpemV9fSB7bGFzdH0ge3sgJ29mJyB8IGxvY2FsaXplIH19IHt0b3RhbFJlY29yZHN9XCI+XHJcbiAgICA8L3AtcGFnaW5hdG9yPlxyXG48L2Rpdj4gXHJcblxyXG48ZGl2IGNsYXNzPVwib3ZlcmxheVwiICpuZ0lmPVwiaXNMb2FkaW5nXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lci13cmFwcGVyXCI+XHJcbiAgICAgICAgPGFwcC1zcGlubmVyPjwvYXBwLXNwaW5uZXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/tsi-change-password/tsi-change-password.component.mjs

@@ -0,0 +1,39 @@
+import { Component } from '@angular/core';
+import { ButtonType } from '../../enums/button-type.enum';
+import { TsiFormComponentBaseComponent } from '../../tsi-base/components/tsi-form-base/tsi-form-base.component';
+import { appProviders } from '../../consts/app-providers';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services";
+import * as i2 from "primeng/dynamicdialog";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/checkbox";
+import * as i5 from "../input-components/tsi-text-box/tsi-text-box.component";
+import * as i6 from "../output-components/tsi-label/tsi-label.component";
+import * as i7 from "../tsi-modal-footer/tsi-modal-footer.component";
+import * as i8 from "../tsi-form/tsi-form.component";
+export class TsiChangePasswordComponent extends TsiFormComponentBaseComponent {
+    constructor(_dialogService, ref, config) {
+        super(ref, config);
+        this._dialogService = _dialogService;
+        this.ref = ref;
+        this.config = config;
+        this.isPasswordVisible = false;
+        this.buttonType = ButtonType;
+        this.saveSubject = this.config.data.saveSubject;
+    }
+    save() {
+        super.save();
+        this._dialogService.setData({ oldPassword: this.oldPassword, newPassword: this.newPassword, confirmedNewPassword: this.confirmedNewPassword });
+        if (this.saveSubject) {
+            this.saveSubject.next({ data: 'save' });
+        }
+        this.ref.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiChangePasswordComponent, deps: [{ token: i1.DialogDataService }, { token: i2.DynamicDialogRef }, { token: i2.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiChangePasswordComponent, selector: "app-tsi-change-password", providers: [...appProviders], usesInheritance: true, ngImport: i0, template: "\r\n  <!-- <Tsi-Button [buttonType]=\"buttonType.Submit\" text=\"{{'paie_parametre_parametreApp_test' | localize}}\" (onClick)=\"SendEmail()\"></Tsi-Button> -->\r\n  <tsi-form (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n\r\n    <div class=\"card\">\r\n      <div class=\" col-12\">\r\n        <div class=\"grid\">\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'oldPwd'\">\r\n            </Tsi-Label>\r\n            <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"oldPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n        </div>\r\n        <div class=\"grid\">\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'newPwd'\">\r\n          </Tsi-Label>\r\n          <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"newPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n      </div>\r\n      <div class=\"grid\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'confirmedPwd'\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"confirmedNewPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <div class=\"col-10\">\r\n        <p-checkbox \r\n          label=\"Afficher les mots de passe\" \r\n          [(ngModel)]=\"isPasswordVisible\" \r\n          [binary]=\"true\">\r\n        </p-checkbox>\r\n      </div>\r\n    </div>\r\n      \r\n  </div>\r\n  </div>\r\n    <Tsi-Modal-Footer (onCancelClick)=\"hide()\"> </Tsi-Modal-Footer>\r\n  </tsi-form>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i5.TsiTextBoxComponent, selector: "Tsi-Text-Box", inputs: ["textBoxType", "autocomplete"], outputs: ["newItemEvent", "inputFieldChange"] }, { kind: "component", type: i6.TsiLabelComponent, selector: "Tsi-Label", inputs: ["labelValue", "styleClass", "infoText"] }, { kind: "component", type: i7.TsiModalFooterComponent, selector: "Tsi-Modal-Footer", inputs: ["cancelDisabled", "saveDisabled", "cancelLabel", "saveLabel", "isConsult", "isDuplicate", "isOnlyCreate"], outputs: ["onCancelClick", "onSaveClick"] }, { kind: "component", type: i8.TsiFormComponent, selector: "tsi-form", inputs: ["class", "autocomplete", "optionalEndpoints", "disabled", "isLoading", "modalSize", "formEndpoint", "formName", "isReportingToolbarDisabled", "isCreateOnly"], outputs: ["onSubmit", "onSubmitFormWorkflowConfiguration", "formRefChange", "onStatusChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiChangePasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tsi-change-password', providers: [...appProviders], template: "\r\n  <!-- <Tsi-Button [buttonType]=\"buttonType.Submit\" text=\"{{'paie_parametre_parametreApp_test' | localize}}\" (onClick)=\"SendEmail()\"></Tsi-Button> -->\r\n  <tsi-form (onSubmit)=\"save()\" [isLoading]=\"isloading\">\r\n\r\n    <div class=\"card\">\r\n      <div class=\" col-12\">\r\n        <div class=\"grid\">\r\n            <Tsi-Label class=\"col-2\" [labelValue]=\"'oldPwd'\">\r\n            </Tsi-Label>\r\n            <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"oldPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n        </div>\r\n        <div class=\"grid\">\r\n          <Tsi-Label class=\"col-2\" [labelValue]=\"'newPwd'\">\r\n          </Tsi-Label>\r\n          <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"newPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n      </div>\r\n      <div class=\"grid\">\r\n        <Tsi-Label class=\"col-2\" [labelValue]=\"'confirmedPwd'\">\r\n        </Tsi-Label>\r\n        <Tsi-Text-Box class=\"col-8\" [inputName]=\"'libelle'\" [(inputField)]=\"confirmedNewPassword\" [textBoxType]=\"isPasswordVisible ? 'text' : 'password'\"></Tsi-Text-Box>\r\n    </div>\r\n\r\n    <div class=\"grid\">\r\n      <div class=\"col-10\">\r\n        <p-checkbox \r\n          label=\"Afficher les mots de passe\" \r\n          [(ngModel)]=\"isPasswordVisible\" \r\n          [binary]=\"true\">\r\n        </p-checkbox>\r\n      </div>\r\n    </div>\r\n      \r\n  </div>\r\n  </div>\r\n    <Tsi-Modal-Footer (onCancelClick)=\"hide()\"> </Tsi-Modal-Footer>\r\n  </tsi-form>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.DialogDataService }, { type: i2.DynamicDialogRef }, { type: i2.DynamicDialogConfig }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWNoYW5nZS1wYXNzd29yZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90c2ktc2hhcmVkLXVpL3NyYy9saWIvdHNpLWNvbXBvbmVudHMvdHNpLWNoYW5nZS1wYXNzd29yZC90c2ktY2hhbmdlLXBhc3N3b3JkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy90c2ktY2hhbmdlLXBhc3N3b3JkL3RzaS1jaGFuZ2UtcGFzc3dvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFJMUQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0saUVBQWlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7Ozs7O0FBUTFELE1BQU0sT0FBTywwQkFBMkIsU0FBUSw2QkFBNkI7SUFVM0UsWUFDVSxjQUFpQyxFQUN6QixHQUFxQixFQUNyQixNQUEyQjtRQUV6QyxLQUFLLENBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBSmIsbUJBQWMsR0FBZCxjQUFjLENBQW1CO1FBQ3pCLFFBQUcsR0FBSCxHQUFHLENBQWtCO1FBQ3JCLFdBQU0sR0FBTixNQUFNLENBQXFCO1FBVDdDLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUVuQyxlQUFVLEdBQUcsVUFBVSxDQUFBO1FBVW5CLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3BELENBQUM7SUFFUSxJQUFJO1FBQ1gsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFBO1FBQ1osSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBQyxXQUFXLEVBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxJQUFJLENBQUMsb0JBQW9CLEVBQUMsQ0FBQyxDQUFDO1FBQy9JLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7UUFDMUMsQ0FBQztRQUNELElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbkIsQ0FBQzsrR0ExQlUsMEJBQTBCO21HQUExQiwwQkFBMEIsa0RBRnpCLENBQUMsR0FBRyxZQUFZLENBQUMsaURDWi9CLG1uREFvQ0E7OzRGRHRCYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UseUJBQXlCLGFBR3ZCLENBQUMsR0FBRyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL2VudW1zL2J1dHRvbi10eXBlLmVudW0nO1xyXG5pbXBvcnQgeyBEeW5hbWljRGlhbG9nQ29uZmlnLCBEeW5hbWljRGlhbG9nUmVmIH0gZnJvbSAncHJpbWVuZy9keW5hbWljZGlhbG9nJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBEaWFsb2dEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgVHNpRm9ybUNvbXBvbmVudEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi90c2ktYmFzZS9jb21wb25lbnRzL3RzaS1mb3JtLWJhc2UvdHNpLWZvcm0tYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBhcHBQcm92aWRlcnMgfSBmcm9tICcuLi8uLi9jb25zdHMvYXBwLXByb3ZpZGVycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10c2ktY2hhbmdlLXBhc3N3b3JkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWNoYW5nZS1wYXNzd29yZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHNpLWNoYW5nZS1wYXNzd29yZC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVycyA6IFsuLi5hcHBQcm92aWRlcnNdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUc2lDaGFuZ2VQYXNzd29yZENvbXBvbmVudCBleHRlbmRzIFRzaUZvcm1Db21wb25lbnRCYXNlQ29tcG9uZW50e1xyXG4gIG9sZFBhc3N3b3JkOiBzdHJpbmd8dW5kZWZpbmVkO1xyXG4gIG5ld1Bhc3N3b3JkOiBzdHJpbmd8dW5kZWZpbmVkO1xyXG4gIGNvbmZpcm1lZE5ld1Bhc3N3b3JkOiBzdHJpbmd8dW5kZWZpbmVkO1xyXG4gIGlzUGFzc3dvcmRWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGJ1dHRvblR5cGUgPSBCdXR0b25UeXBlXHJcblxyXG4gIHNhdmVTdWJqZWN0OiBTdWJqZWN0PGFueT47XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBfZGlhbG9nU2VydmljZTogRGlhbG9nRGF0YVNlcnZpY2UsXHJcbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVmOiBEeW5hbWljRGlhbG9nUmVmLFxyXG4gICAgcHVibGljIG92ZXJyaWRlIGNvbmZpZzogRHluYW1pY0RpYWxvZ0NvbmZpZ1xyXG4gICkge1xyXG4gICAgICBzdXBlcihyZWYsIGNvbmZpZyk7XHJcbiAgICAgIHRoaXMuc2F2ZVN1YmplY3QgPSB0aGlzLmNvbmZpZy5kYXRhLnNhdmVTdWJqZWN0O1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgc2F2ZSgpOiB2b2lkIHtcclxuICAgIHN1cGVyLnNhdmUoKVxyXG4gICAgdGhpcy5fZGlhbG9nU2VydmljZS5zZXREYXRhKHtvbGRQYXNzd29yZCA6IHRoaXMub2xkUGFzc3dvcmQsIG5ld1Bhc3N3b3JkIDogdGhpcy5uZXdQYXNzd29yZCwgY29uZmlybWVkTmV3UGFzc3dvcmQ6IHRoaXMuY29uZmlybWVkTmV3UGFzc3dvcmR9KTtcclxuICAgIGlmICh0aGlzLnNhdmVTdWJqZWN0KSB7XHJcbiAgICAgIHRoaXMuc2F2ZVN1YmplY3QubmV4dCh7IGRhdGE6ICdzYXZlJyB9KTtcclxuICAgIH1cclxuICAgIHRoaXMucmVmLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCJcclxuICA8IS0tIDxUc2ktQnV0dG9uIFtidXR0b25UeXBlXT1cImJ1dHRvblR5cGUuU3VibWl0XCIgdGV4dD1cInt7J3BhaWVfcGFyYW1ldHJlX3BhcmFtZXRyZUFwcF90ZXN0JyB8IGxvY2FsaXplfX1cIiAob25DbGljayk9XCJTZW5kRW1haWwoKVwiPjwvVHNpLUJ1dHRvbj4gLS0+XHJcbiAgPHRzaS1mb3JtIChvblN1Ym1pdCk9XCJzYXZlKClcIiBbaXNMb2FkaW5nXT1cImlzbG9hZGluZ1wiPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCIgY29sLTEyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyaWRcIj5cclxuICAgICAgICAgICAgPFRzaS1MYWJlbCBjbGFzcz1cImNvbC0yXCIgW2xhYmVsVmFsdWVdPVwiJ29sZFB3ZCdcIj5cclxuICAgICAgICAgICAgPC9Uc2ktTGFiZWw+XHJcbiAgICAgICAgICAgIDxUc2ktVGV4dC1Cb3ggY2xhc3M9XCJjb2wtOFwiIFtpbnB1dE5hbWVdPVwiJ2xpYmVsbGUnXCIgWyhpbnB1dEZpZWxkKV09XCJvbGRQYXNzd29yZFwiIFt0ZXh0Qm94VHlwZV09XCJpc1Bhc3N3b3JkVmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCdcIj48L1RzaS1UZXh0LUJveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JpZFwiPlxyXG4gICAgICAgICAgPFRzaS1MYWJlbCBjbGFzcz1cImNvbC0yXCIgW2xhYmVsVmFsdWVdPVwiJ25ld1B3ZCdcIj5cclxuICAgICAgICAgIDwvVHNpLUxhYmVsPlxyXG4gICAgICAgICAgPFRzaS1UZXh0LUJveCBjbGFzcz1cImNvbC04XCIgW2lucHV0TmFtZV09XCInbGliZWxsZSdcIiBbKGlucHV0RmllbGQpXT1cIm5ld1Bhc3N3b3JkXCIgW3RleHRCb3hUeXBlXT1cImlzUGFzc3dvcmRWaXNpYmxlID8gJ3RleHQnIDogJ3Bhc3N3b3JkJ1wiPjwvVHNpLVRleHQtQm94PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImdyaWRcIj5cclxuICAgICAgICA8VHNpLUxhYmVsIGNsYXNzPVwiY29sLTJcIiBbbGFiZWxWYWx1ZV09XCInY29uZmlybWVkUHdkJ1wiPlxyXG4gICAgICAgIDwvVHNpLUxhYmVsPlxyXG4gICAgICAgIDxUc2ktVGV4dC1Cb3ggY2xhc3M9XCJjb2wtOFwiIFtpbnB1dE5hbWVdPVwiJ2xpYmVsbGUnXCIgWyhpbnB1dEZpZWxkKV09XCJjb25maXJtZWROZXdQYXNzd29yZFwiIFt0ZXh0Qm94VHlwZV09XCJpc1Bhc3N3b3JkVmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCdcIj48L1RzaS1UZXh0LUJveD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJncmlkXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTBcIj5cclxuICAgICAgICA8cC1jaGVja2JveCBcclxuICAgICAgICAgIGxhYmVsPVwiQWZmaWNoZXIgbGVzIG1vdHMgZGUgcGFzc2VcIiBcclxuICAgICAgICAgIFsobmdNb2RlbCldPVwiaXNQYXNzd29yZFZpc2libGVcIiBcclxuICAgICAgICAgIFtiaW5hcnldPVwidHJ1ZVwiPlxyXG4gICAgICAgIDwvcC1jaGVja2JveD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgICAgXHJcbiAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgICA8VHNpLU1vZGFsLUZvb3RlciAob25DYW5jZWxDbGljayk9XCJoaWRlKClcIj4gPC9Uc2ktTW9kYWwtRm9vdGVyPlxyXG4gIDwvdHNpLWZvcm0+XHJcbiJdfQ==

package/esm2022/lib/tsi-components/tsi-code-generator/tsi-code-generator.component.mjs

@@ -0,0 +1,83 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import JsBarcode from 'jsbarcode';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angularx-qrcode";
+import * as i3 from "../../pipes/localize.pipe";
+export class TsiCodeGeneratorComponent {
+    set data(value) {
+        this._data = value;
+        this.generateBareCode();
+    }
+    get data() { return this._data; }
+    constructor() {
+        this.isBareCode = false;
+        this.isQrCode = false;
+        this.width = 100;
+        this.labelValue = "Download";
+        this.barCodeGenerated = new EventEmitter();
+        this.qrCodeDownloadLink = '';
+        this.barCodeDownloadLink = '';
+        this._data = "";
+    }
+    ngAfterViewInit() {
+        if (this.isBareCode && this.data) {
+            this.generateBareCode();
+        }
+    }
+    ngOnInit() {
+    }
+    onQrCodeChange(url) {
+        this.qrCodeDownloadLink = this.isQrCode ? url : "";
+    }
+    generateBareCode() {
+        if (this.barecodeSvg) {
+            JsBarcode(this.barecodeSvg.nativeElement, this.data ?? "", {
+                format: 'CODE128',
+                lineColor: '#000',
+                width: 2,
+                height: 40,
+            });
+            const svgElement = this.barecodeSvg.nativeElement;
+            const serializer = new XMLSerializer();
+            const svgString = serializer.serializeToString(svgElement);
+            const svgDataUrl = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svgString);
+            const image = new Image();
+            image.onload = () => {
+                const canvas = document.createElement('canvas');
+                canvas.width = image.width;
+                canvas.height = image.height;
+                const context = canvas.getContext('2d');
+                if (context) {
+                    context.drawImage(image, 0, 0);
+                    const pngDataUrl = canvas.toDataURL('image/png');
+                    this.barCodeDownloadLink = pngDataUrl;
+                }
+            };
+            image.src = svgDataUrl;
+            this.barCodeGenerated.emit(true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCodeGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiCodeGeneratorComponent, selector: "Tsi-code-generator", inputs: { isBareCode: "isBareCode", isQrCode: "isQrCode", width: "width", labelValue: "labelValue", data: "data" }, outputs: { barCodeGenerated: "barCodeGenerated" }, viewQueries: [{ propertyName: "barecodeSvg", first: true, predicate: ["barecodeSvg"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"isBareCode\" class=\"barcode-container\">\r\n    <div class=\"barcode-wrapper\">\r\n      <svg #barecodeSvg></svg>\r\n    </div>\r\n    <div class=\"download\">\r\n      <a class=\"cursor-pointer\" [href]=\"barCodeDownloadLink\" download=\"barcode.png\" target=\"_blank\">\r\n        {{ labelValue | localize }}\r\n      </a>\r\n    </div>\r\n  </div>\r\n  \r\n\r\n<div *ngIf=\"isQrCode\">\r\n    <qrcode\r\n        (qrCodeURL)=\"onQrCodeChange($event)\"\r\n        [qrdata]=\"data!\"\r\n        [allowEmptyString]=\"true\"\r\n        [width]=\"width\">\r\n    </qrcode>\r\n\r\n    <a class=\"pl-3 cursor-pointer\" [href]=\"qrCodeDownloadLink\" download=\"qrcode.png\" target=\"_blank\">{{labelValue | localize }}</a>\r\n</div>", styles: ["a:hover{text-decoration:underline;opacity:.7}.barcode-container{display:flex;align-items:center;gap:1rem}.barcode-wrapper{width:200px}.barcode-wrapper svg{width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }, { kind: "pipe", type: i3.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCodeGeneratorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-code-generator', template: "<div *ngIf=\"isBareCode\" class=\"barcode-container\">\r\n    <div class=\"barcode-wrapper\">\r\n      <svg #barecodeSvg></svg>\r\n    </div>\r\n    <div class=\"download\">\r\n      <a class=\"cursor-pointer\" [href]=\"barCodeDownloadLink\" download=\"barcode.png\" target=\"_blank\">\r\n        {{ labelValue | localize }}\r\n      </a>\r\n    </div>\r\n  </div>\r\n  \r\n\r\n<div *ngIf=\"isQrCode\">\r\n    <qrcode\r\n        (qrCodeURL)=\"onQrCodeChange($event)\"\r\n        [qrdata]=\"data!\"\r\n        [allowEmptyString]=\"true\"\r\n        [width]=\"width\">\r\n    </qrcode>\r\n\r\n    <a class=\"pl-3 cursor-pointer\" [href]=\"qrCodeDownloadLink\" download=\"qrcode.png\" target=\"_blank\">{{labelValue | localize }}</a>\r\n</div>", styles: ["a:hover{text-decoration:underline;opacity:.7}.barcode-container{display:flex;align-items:center;gap:1rem}.barcode-wrapper{width:200px}.barcode-wrapper svg{width:100%;height:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { barecodeSvg: [{
+                type: ViewChild,
+                args: ['barecodeSvg', { static: false }]
+            }], isBareCode: [{
+                type: Input
+            }], isQrCode: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], labelValue: [{
+                type: Input
+            }], barCodeGenerated: [{
+                type: Output
+            }], data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWNvZGUtZ2VuZXJhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy90c2ktY29kZS1nZW5lcmF0b3IvdHNpLWNvZGUtZ2VuZXJhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy90c2ktY29kZS1nZW5lcmF0b3IvdHNpLWNvZGUtZ2VuZXJhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVySCxPQUFPLFNBQVMsTUFBTSxXQUFXLENBQUM7Ozs7O0FBUWxDLE1BQU0sT0FBTyx5QkFBeUI7SUFnQnBDLElBQ0ksSUFBSSxDQUFDLEtBQXlCO1FBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUFJLElBQUksS0FBeUIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUVyRDtRQW5CUyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixlQUFVLEdBQVcsVUFBVSxDQUFDO1FBRS9CLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEQsdUJBQWtCLEdBQVksRUFBRSxDQUFDO1FBQ2pDLHdCQUFtQixHQUFZLEVBQUUsQ0FBQztRQUUxQixVQUFLLEdBQXVCLEVBQUUsQ0FBQztJQVd2QyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO0lBRVIsQ0FBQztJQUVELGNBQWMsQ0FBQyxHQUFZO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNyRCxDQUFDO0lBRU8sZ0JBQWdCO1FBQ3RCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsRUFBRTtnQkFDekQsTUFBTSxFQUFFLFNBQVM7Z0JBQ2pCLFNBQVMsRUFBRSxNQUFNO2dCQUNqQixLQUFLLEVBQUUsQ0FBQztnQkFDUixNQUFNLEVBQUUsRUFBRTthQUNYLENBQUMsQ0FBQztZQUVILE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBOEIsQ0FBQztZQUNuRSxNQUFNLFVBQVUsR0FBRyxJQUFJLGFBQWEsRUFBRSxDQUFDO1lBQ3ZDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMzRCxNQUFNLFVBQVUsR0FBRyxtQ0FBbUMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUN2RixNQUFNLEtBQUssR0FBRyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBRTFCLEtBQUssQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNsQixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNoRCxNQUFNLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7Z0JBQzNCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztnQkFFN0IsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFFeEMsSUFBSSxPQUFPLEVBQUUsQ0FBQztvQkFDWixPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7b0JBQy9CLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDLENBQUM7b0JBQ2pELElBQUksQ0FBQyxtQkFBbUIsR0FBRyxVQUFVLENBQUM7Z0JBQ3hDLENBQUM7WUFDSCxDQUFDLENBQUM7WUFDRixLQUFLLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQztZQUN2QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDOytHQXhFVSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw2VUNWdEMsc3VCQXFCTTs7NEZEWE8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjt3REFNZSxXQUFXO3NCQUF2RCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBRWxDLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBUUgsSUFBSTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNhZmVVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IEpzQmFyY29kZSBmcm9tICdqc2JhcmNvZGUnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLWNvZGUtZ2VuZXJhdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWNvZGUtZ2VuZXJhdG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktY29kZS1nZW5lcmF0b3IuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaUNvZGVHZW5lcmF0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xyXG5cclxuICBAVmlld0NoaWxkKCdiYXJlY29kZVN2ZycsIHsgc3RhdGljOiBmYWxzZSB9KSBiYXJlY29kZVN2ZyE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpIGlzQmFyZUNvZGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc1FyQ29kZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXIgPSAxMDA7XHJcbiAgQElucHV0KCkgbGFiZWxWYWx1ZTogc3RyaW5nID0gXCJEb3dubG9hZFwiO1xyXG5cclxuICBAT3V0cHV0KCkgYmFyQ29kZUdlbmVyYXRlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcXJDb2RlRG93bmxvYWRMaW5rOiBTYWZlVXJsID0gJyc7XHJcbiAgYmFyQ29kZURvd25sb2FkTGluazogU2FmZVVybCA9ICcnO1xyXG5cclxuICBwcml2YXRlIF9kYXRhOiBzdHJpbmcgfCB1bmRlZmluZWQgPSBcIlwiO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBkYXRhKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcclxuICAgIHRoaXMuX2RhdGEgPSB2YWx1ZTtcclxuICAgIHRoaXMuZ2VuZXJhdGVCYXJlQ29kZSgpO1xyXG4gIH1cclxuICBnZXQgZGF0YSgpOiBzdHJpbmcgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fZGF0YTsgfVxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuXHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pc0JhcmVDb2RlICYmIHRoaXMuZGF0YSkge1xyXG4gICAgICB0aGlzLmdlbmVyYXRlQmFyZUNvZGUoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICB9XHJcblxyXG4gIG9uUXJDb2RlQ2hhbmdlKHVybDogU2FmZVVybCkge1xyXG4gICAgdGhpcy5xckNvZGVEb3dubG9hZExpbmsgPSB0aGlzLmlzUXJDb2RlID8gdXJsIDogXCJcIjtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZ2VuZXJhdGVCYXJlQ29kZSgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmJhcmVjb2RlU3ZnKSB7XHJcbiAgICAgIEpzQmFyY29kZSh0aGlzLmJhcmVjb2RlU3ZnLm5hdGl2ZUVsZW1lbnQsIHRoaXMuZGF0YSA/PyBcIlwiLCB7XHJcbiAgICAgICAgZm9ybWF0OiAnQ09ERTEyOCcsXHJcbiAgICAgICAgbGluZUNvbG9yOiAnIzAwMCcsXHJcbiAgICAgICAgd2lkdGg6IDIsXHJcbiAgICAgICAgaGVpZ2h0OiA0MCxcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBjb25zdCBzdmdFbGVtZW50ID0gdGhpcy5iYXJlY29kZVN2Zy5uYXRpdmVFbGVtZW50IGFzIFNWR1NWR0VsZW1lbnQ7XHJcbiAgICAgIGNvbnN0IHNlcmlhbGl6ZXIgPSBuZXcgWE1MU2VyaWFsaXplcigpO1xyXG4gICAgICBjb25zdCBzdmdTdHJpbmcgPSBzZXJpYWxpemVyLnNlcmlhbGl6ZVRvU3RyaW5nKHN2Z0VsZW1lbnQpO1xyXG4gICAgICBjb25zdCBzdmdEYXRhVXJsID0gJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtjaGFyc2V0PXV0Zi04LCcgKyBlbmNvZGVVUklDb21wb25lbnQoc3ZnU3RyaW5nKTtcclxuICAgICAgY29uc3QgaW1hZ2UgPSBuZXcgSW1hZ2UoKTtcclxuXHJcbiAgICAgIGltYWdlLm9ubG9hZCA9ICgpID0+IHtcclxuICAgICAgICBjb25zdCBjYW52YXMgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdjYW52YXMnKTtcclxuICAgICAgICBjYW52YXMud2lkdGggPSBpbWFnZS53aWR0aDtcclxuICAgICAgICBjYW52YXMuaGVpZ2h0ID0gaW1hZ2UuaGVpZ2h0O1xyXG5cclxuICAgICAgICBjb25zdCBjb250ZXh0ID0gY2FudmFzLmdldENvbnRleHQoJzJkJyk7XHJcblxyXG4gICAgICAgIGlmIChjb250ZXh0KSB7XHJcbiAgICAgICAgICBjb250ZXh0LmRyYXdJbWFnZShpbWFnZSwgMCwgMCk7XHJcbiAgICAgICAgICBjb25zdCBwbmdEYXRhVXJsID0gY2FudmFzLnRvRGF0YVVSTCgnaW1hZ2UvcG5nJyk7XHJcbiAgICAgICAgICB0aGlzLmJhckNvZGVEb3dubG9hZExpbmsgPSBwbmdEYXRhVXJsO1xyXG4gICAgICAgIH1cclxuICAgICAgfTtcclxuICAgICAgaW1hZ2Uuc3JjID0gc3ZnRGF0YVVybDtcclxuICAgICAgdGhpcy5iYXJDb2RlR2VuZXJhdGVkLmVtaXQodHJ1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufSIsIjxkaXYgKm5nSWY9XCJpc0JhcmVDb2RlXCIgY2xhc3M9XCJiYXJjb2RlLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImJhcmNvZGUtd3JhcHBlclwiPlxyXG4gICAgICA8c3ZnICNiYXJlY29kZVN2Zz48L3N2Zz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRvd25sb2FkXCI+XHJcbiAgICAgIDxhIGNsYXNzPVwiY3Vyc29yLXBvaW50ZXJcIiBbaHJlZl09XCJiYXJDb2RlRG93bmxvYWRMaW5rXCIgZG93bmxvYWQ9XCJiYXJjb2RlLnBuZ1wiIHRhcmdldD1cIl9ibGFua1wiPlxyXG4gICAgICAgIHt7IGxhYmVsVmFsdWUgfCBsb2NhbGl6ZSB9fVxyXG4gICAgICA8L2E+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICBcclxuXHJcbjxkaXYgKm5nSWY9XCJpc1FyQ29kZVwiPlxyXG4gICAgPHFyY29kZVxyXG4gICAgICAgIChxckNvZGVVUkwpPVwib25RckNvZGVDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgW3FyZGF0YV09XCJkYXRhIVwiXHJcbiAgICAgICAgW2FsbG93RW1wdHlTdHJpbmddPVwidHJ1ZVwiXHJcbiAgICAgICAgW3dpZHRoXT1cIndpZHRoXCI+XHJcbiAgICA8L3FyY29kZT5cclxuXHJcbiAgICA8YSBjbGFzcz1cInBsLTMgY3Vyc29yLXBvaW50ZXJcIiBbaHJlZl09XCJxckNvZGVEb3dubG9hZExpbmtcIiBkb3dubG9hZD1cInFyY29kZS5wbmdcIiB0YXJnZXQ9XCJfYmxhbmtcIj57e2xhYmVsVmFsdWUgfCBsb2NhbGl6ZSB9fTwvYT5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/tsi-divider/tsi-divider.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../pipes/localize.pipe";
+export class TsiDividerComponent {
+    constructor() {
+        this.text = 'divider_or';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiDividerComponent, selector: "Tsi-divider", inputs: { text: "text" }, ngImport: i0, template: "<div *ngIf=\"text\" class=\"separator-container\">\r\n    <div class=\"separator-line\"></div>\r\n    <span class=\"separator-text\">{{ text | localize }}</span>\r\n    <div class=\"separator-line\"></div>\r\n</div>\r\n\r\n<div *ngIf=\"!text\" >\r\n    <div class=\"separator-line\"></div>\r\n</div>", styles: [".separator-container{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0}.separator-line{flex-grow:1;height:1px;background-color:#ccc;margin:0 10px}.separator-text{font-weight:700;color:#666}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LocalizePipe, name: "localize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-divider', template: "<div *ngIf=\"text\" class=\"separator-container\">\r\n    <div class=\"separator-line\"></div>\r\n    <span class=\"separator-text\">{{ text | localize }}</span>\r\n    <div class=\"separator-line\"></div>\r\n</div>\r\n\r\n<div *ngIf=\"!text\" >\r\n    <div class=\"separator-line\"></div>\r\n</div>", styles: [".separator-container{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0}.separator-line{flex-grow:1;height:1px;background-color:#ccc;margin:0 10px}.separator-text{font-weight:700;color:#666}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWRpdmlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL3RzaS1kaXZpZGVyL3RzaS1kaXZpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy90c2ktZGl2aWRlci90c2ktZGl2aWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBT1csU0FBSSxHQUFHLFlBQVksQ0FBQTtLQUU3QjsrR0FKWSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw2RUNQaEMsNlNBUU07OzRGRERPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxhQUFhOzhCQU1kLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLWRpdmlkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90c2ktZGl2aWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdHNpLWRpdmlkZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpRGl2aWRlckNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHRleHQgPSAnZGl2aWRlcl9vcidcclxuXHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cInRleHRcIiBjbGFzcz1cInNlcGFyYXRvci1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3ItbGluZVwiPjwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzZXBhcmF0b3ItdGV4dFwiPnt7IHRleHQgfCBsb2NhbGl6ZSB9fTwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3ItbGluZVwiPjwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKm5nSWY9XCIhdGV4dFwiID5cclxuICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3ItbGluZVwiPjwvZGl2PlxyXG48L2Rpdj4iXX0=