@rangertechnologies/ngnxt 2.1.254 → 2.1.255

package/esm2022/lib/pages/builder/templates/templates.component.mjs

@@ -1,35 +0,0 @@
-import { Component, Output, EventEmitter } from '@angular/core';
-import { NxtCustomTranslatePipe } from '../../../pipe/custom-translate.pipe';
-import * as i0 from "@angular/core";
-import * as i1 from "../../../services/template/template.service";
-export class AppTemplatesComponent {
-    templateService;
-    templateSelected = new EventEmitter();
-    templates = [];
-    sections = { templates: false };
-    constructor(templateService) {
-        this.templateService = templateService;
-        this.templates = this.templateService.getTemplates(); // Load template list
-    }
-    toggleSection(section) {
-        this.sections[section] = !this.sections[section];
-    }
-    selectTemplate(templateId) {
-        const selectedTemplate = this.templates.find(t => t.templateId === templateId);
-        if (!selectedTemplate)
-            return;
-        // Convert template element data to form elements
-        const elements = selectedTemplate.elements.map((el, index) => this.templateService.initializeElementFromTemplate(el, index));
-        // Emit data to parent
-        this.templateSelected.emit({ selectedTemplate, elements });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppTemplatesComponent, deps: [{ token: i1.TemplateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AppTemplatesComponent, isStandalone: true, selector: "app-templates", outputs: { templateSelected: "templateSelected" }, ngImport: i0, template: "<!-- AP-08APR25 -->\n<!-- Templates Section Toggle -->\n<div class=\"field-container\" (click)=\"toggleSection('templates')\"\n     style=\"background-color: #EFF8FF; border: 1px solid #E6F3FF; margin-bottom: 10px; display: flex; justify-content: space-between; padding: 10px; cursor: pointer;\">\n  <div class=\"label-container\">\n    <div class=\"head-elements\" style=\"font-weight: bold;\">{{ 'TEMPLATES' | nxtCustomTranslate : 'Templates' }}</div>\n  </div>\n  <img [src]=\"sections.templates ? '../assets/icons/arrow-down.svg' : '../assets/icons/arrow-right.svg'\"\n       alt=\"{{ 'TOGGLE_ARROW' | nxtCustomTranslate : 'Toggle Arrow' }}\" class=\"arrow-icon\" />\n</div>\n\n<!-- Template List Section -->\n<div *ngIf=\"sections.templates\" class=\"template-container\">\n  <div *ngFor=\"let template of templates\" class=\"field-container template-card\"\n       (click)=\"selectTemplate(template.templateId)\"\n       style=\"border: 1px solid #dbeafe; padding: 12px; margin-bottom: 10px; cursor: pointer; border-radius: 10px; background-color: #f8fafc;\">\n    \n    <div class=\"label-container\" style=\"display: flex; justify-content: space-between;\">\n      <div>\n        <label class=\"template-header\" style=\"font-weight: 600;\">{{ template.templateName }}</label>\n      </div>\n    </div>\n    <div class=\"template-content\" style=\"margin-top: 5px; color: #555;\">{{ template.content }}</div>\n  </div>\n</div>\n", styles: [".toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px}.head-elements{font-size:17px;font-weight:600}.arrow-icon{width:19px;height:23px;transition:transform .3s ease}.toggle-header:hover .arrow-icon{transform:scale(1.1)}.template-card{border:1px solid #ddd;padding:10px;margin:10px 0;cursor:pointer;background-color:#f9f9f9;transition:background-color .3s}.template-card:hover{background-color:#eff8ff}.template-header{font-size:18px;font-weight:700}.template-content{font-size:14px;color:#555}\n"], dependencies: [{ kind: "pipe", type: NxtCustomTranslatePipe, name: "nxtCustomTranslate" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppTemplatesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-templates', standalone: true, imports: [NxtCustomTranslatePipe], template: "<!-- AP-08APR25 -->\n<!-- Templates Section Toggle -->\n<div class=\"field-container\" (click)=\"toggleSection('templates')\"\n     style=\"background-color: #EFF8FF; border: 1px solid #E6F3FF; margin-bottom: 10px; display: flex; justify-content: space-between; padding: 10px; cursor: pointer;\">\n  <div class=\"label-container\">\n    <div class=\"head-elements\" style=\"font-weight: bold;\">{{ 'TEMPLATES' | nxtCustomTranslate : 'Templates' }}</div>\n  </div>\n  <img [src]=\"sections.templates ? '../assets/icons/arrow-down.svg' : '../assets/icons/arrow-right.svg'\"\n       alt=\"{{ 'TOGGLE_ARROW' | nxtCustomTranslate : 'Toggle Arrow' }}\" class=\"arrow-icon\" />\n</div>\n\n<!-- Template List Section -->\n<div *ngIf=\"sections.templates\" class=\"template-container\">\n  <div *ngFor=\"let template of templates\" class=\"field-container template-card\"\n       (click)=\"selectTemplate(template.templateId)\"\n       style=\"border: 1px solid #dbeafe; padding: 12px; margin-bottom: 10px; cursor: pointer; border-radius: 10px; background-color: #f8fafc;\">\n    \n    <div class=\"label-container\" style=\"display: flex; justify-content: space-between;\">\n      <div>\n        <label class=\"template-header\" style=\"font-weight: 600;\">{{ template.templateName }}</label>\n      </div>\n    </div>\n    <div class=\"template-content\" style=\"margin-top: 5px; color: #555;\">{{ template.content }}</div>\n  </div>\n</div>\n", styles: [".toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px}.head-elements{font-size:17px;font-weight:600}.arrow-icon{width:19px;height:23px;transition:transform .3s ease}.toggle-header:hover .arrow-icon{transform:scale(1.1)}.template-card{border:1px solid #ddd;padding:10px;margin:10px 0;cursor:pointer;background-color:#f9f9f9;transition:background-color .3s}.template-card:hover{background-color:#eff8ff}.template-header{font-size:18px;font-weight:700}.template-content{font-size:14px;color:#555}\n"] }]
-        }], ctorParameters: () => [{ type: i1.TemplateService }], propDecorators: { templateSelected: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9wYWdlcy9idWlsZGVyL3RlbXBsYXRlcy90ZW1wbGF0ZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL3BhZ2VzL2J1aWxkZXIvdGVtcGxhdGVzL3RlbXBsYXRlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUNBQXFDLENBQUM7OztBQVM3RSxNQUFNLE9BQU8scUJBQXFCO0lBS1o7SUFKVixnQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ3JELFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDZixRQUFRLEdBQUcsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFFaEMsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2xELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLHFCQUFxQjtJQUM3RSxDQUFDO0lBRUQsYUFBYSxDQUFDLE9BQW9CO1FBQ2hDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxjQUFjLENBQUMsVUFBa0I7UUFDL0IsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxVQUFVLEtBQUssVUFBVSxDQUFDLENBQUM7UUFDL0UsSUFBSSxDQUFDLGdCQUFnQjtZQUFFLE9BQU87UUFFOUIsaURBQWlEO1FBQ2pELE1BQU0sUUFBUSxHQUFHLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyw2QkFBNkIsQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLENBQzlELENBQUM7UUFFRixzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQzt3R0F4QlUscUJBQXFCOzRGQUFyQixxQkFBcUIsNEhDWGxDLDg1Q0F5QkEsdWxCRGxCVyxzQkFBc0I7OzRGQUlwQixxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUixDQUFDLHNCQUFzQixDQUFDO29GQUt0QixnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUZW1wbGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy90ZW1wbGF0ZS90ZW1wbGF0ZS5zZXJ2aWNlJztcbmltcG9ydCB7IE54dEN1c3RvbVRyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi8uLi8uLi9waXBlL2N1c3RvbS10cmFuc2xhdGUucGlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC10ZW1wbGF0ZXMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOltOeHRDdXN0b21UcmFuc2xhdGVQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RlbXBsYXRlcy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQXBwVGVtcGxhdGVzQ29tcG9uZW50IHtcbiAgQE91dHB1dCgpIHRlbXBsYXRlU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgdGVtcGxhdGVzID0gW107XG4gIHNlY3Rpb25zID0geyB0ZW1wbGF0ZXM6IGZhbHNlIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0ZW1wbGF0ZVNlcnZpY2U6IFRlbXBsYXRlU2VydmljZSkge1xuICAgIHRoaXMudGVtcGxhdGVzID0gdGhpcy50ZW1wbGF0ZVNlcnZpY2UuZ2V0VGVtcGxhdGVzKCk7IC8vIExvYWQgdGVtcGxhdGUgbGlzdFxuICB9XG5cbiAgdG9nZ2xlU2VjdGlvbihzZWN0aW9uOiAndGVtcGxhdGVzJykge1xuICAgIHRoaXMuc2VjdGlvbnNbc2VjdGlvbl0gPSAhdGhpcy5zZWN0aW9uc1tzZWN0aW9uXTtcbiAgfVxuXG4gIHNlbGVjdFRlbXBsYXRlKHRlbXBsYXRlSWQ6IG51bWJlcikge1xuICAgIGNvbnN0IHNlbGVjdGVkVGVtcGxhdGUgPSB0aGlzLnRlbXBsYXRlcy5maW5kKHQgPT4gdC50ZW1wbGF0ZUlkID09PSB0ZW1wbGF0ZUlkKTtcbiAgICBpZiAoIXNlbGVjdGVkVGVtcGxhdGUpIHJldHVybjtcblxuICAgIC8vIENvbnZlcnQgdGVtcGxhdGUgZWxlbWVudCBkYXRhIHRvIGZvcm0gZWxlbWVudHNcbiAgICBjb25zdCBlbGVtZW50cyA9IHNlbGVjdGVkVGVtcGxhdGUuZWxlbWVudHMubWFwKChlbCwgaW5kZXgpID0+XG4gICAgICB0aGlzLnRlbXBsYXRlU2VydmljZS5pbml0aWFsaXplRWxlbWVudEZyb21UZW1wbGF0ZShlbCwgaW5kZXgpXG4gICAgKTtcblxuICAgIC8vIEVtaXQgZGF0YSB0byBwYXJlbnRcbiAgICB0aGlzLnRlbXBsYXRlU2VsZWN0ZWQuZW1pdCh7IHNlbGVjdGVkVGVtcGxhdGUsIGVsZW1lbnRzIH0pO1xuICB9XG59IiwiPCEtLSBBUC0wOEFQUjI1IC0tPlxuPCEtLSBUZW1wbGF0ZXMgU2VjdGlvbiBUb2dnbGUgLS0+XG48ZGl2IGNsYXNzPVwiZmllbGQtY29udGFpbmVyXCIgKGNsaWNrKT1cInRvZ2dsZVNlY3Rpb24oJ3RlbXBsYXRlcycpXCJcbiAgICAgc3R5bGU9XCJiYWNrZ3JvdW5kLWNvbG9yOiAjRUZGOEZGOyBib3JkZXI6IDFweCBzb2xpZCAjRTZGM0ZGOyBtYXJnaW4tYm90dG9tOiAxMHB4OyBkaXNwbGF5OiBmbGV4OyBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47IHBhZGRpbmc6IDEwcHg7IGN1cnNvcjogcG9pbnRlcjtcIj5cbiAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLWVsZW1lbnRzXCIgc3R5bGU9XCJmb250LXdlaWdodDogYm9sZDtcIj57eyAnVEVNUExBVEVTJyB8IG54dEN1c3RvbVRyYW5zbGF0ZSA6ICdUZW1wbGF0ZXMnIH19PC9kaXY+XG4gIDwvZGl2PlxuICA8aW1nIFtzcmNdPVwic2VjdGlvbnMudGVtcGxhdGVzID8gJy4uL2Fzc2V0cy9pY29ucy9hcnJvdy1kb3duLnN2ZycgOiAnLi4vYXNzZXRzL2ljb25zL2Fycm93LXJpZ2h0LnN2ZydcIlxuICAgICAgIGFsdD1cInt7ICdUT0dHTEVfQVJST1cnIHwgbnh0Q3VzdG9tVHJhbnNsYXRlIDogJ1RvZ2dsZSBBcnJvdycgfX1cIiBjbGFzcz1cImFycm93LWljb25cIiAvPlxuPC9kaXY+XG5cbjwhLS0gVGVtcGxhdGUgTGlzdCBTZWN0aW9uIC0tPlxuPGRpdiAqbmdJZj1cInNlY3Rpb25zLnRlbXBsYXRlc1wiIGNsYXNzPVwidGVtcGxhdGUtY29udGFpbmVyXCI+XG4gIDxkaXYgKm5nRm9yPVwibGV0IHRlbXBsYXRlIG9mIHRlbXBsYXRlc1wiIGNsYXNzPVwiZmllbGQtY29udGFpbmVyIHRlbXBsYXRlLWNhcmRcIlxuICAgICAgIChjbGljayk9XCJzZWxlY3RUZW1wbGF0ZSh0ZW1wbGF0ZS50ZW1wbGF0ZUlkKVwiXG4gICAgICAgc3R5bGU9XCJib3JkZXI6IDFweCBzb2xpZCAjZGJlYWZlOyBwYWRkaW5nOiAxMnB4OyBtYXJnaW4tYm90dG9tOiAxMHB4OyBjdXJzb3I6IHBvaW50ZXI7IGJvcmRlci1yYWRpdXM6IDEwcHg7IGJhY2tncm91bmQtY29sb3I6ICNmOGZhZmM7XCI+XG4gICAgXG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1wiPlxuICAgICAgPGRpdj5cbiAgICAgICAgPGxhYmVsIGNsYXNzPVwidGVtcGxhdGUtaGVhZGVyXCIgc3R5bGU9XCJmb250LXdlaWdodDogNjAwO1wiPnt7IHRlbXBsYXRlLnRlbXBsYXRlTmFtZSB9fTwvbGFiZWw+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidGVtcGxhdGUtY29udGVudFwiIHN0eWxlPVwibWFyZ2luLXRvcDogNXB4OyBjb2xvcjogIzU1NTtcIj57eyB0ZW1wbGF0ZS5jb250ZW50IH19PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=