ngx-view-builder 0.0.1 → 0.1.1

package/LICENSE.md

@@ -0,0 +1,77 @@
+# NGX View Builder Commercial License Agreement
+
+Copyright © 2026 NGX View Builder (https://ngxviewbuilder.io). All rights reserved.
+
+This is a legal agreement between you (the **"Licensee"**) and NGX View Builder (the **"Licensor"**) covering the `ngx-view-builder` package and the official `ngx-view-builder-plugin-*` packages (together the **"Software"**). By installing or using the Software you agree to these terms.
+
+**This is commercial software. It is not open source.** The Software's source form being readable in the npm distribution does not grant any open-source rights.
+
+## 1. Definitions
+
+- **"License Key"** — a cryptographically signed key issued by Licensor that identifies the customer, plan, and expiry date (the **"License Term"**).
+- **"Covered Version"** — any version of the Software whose release date is earlier than the expiry date of Licensee's License Key.
+- **"Application"** — a software product that incorporates the Software, developed by Licensee for itself **or for a client of Licensee** (contract / agency work).
+
+## 2. License grant
+
+Subject to the purchase of a valid License Key and compliance with this agreement, Licensor grants Licensee a non-exclusive, non-transferable, worldwide license to:
+
+1. use the Software to develop Applications, within the limits of the purchased plan;
+2. deploy Covered Versions in any number of Applications and environments, unless the purchased plan states otherwise;
+3. develop Applications **for third parties (Licensee's clients)** and deliver or transfer such Applications to them — the client may operate, host, and use the delivered Application without a separate License Key;
+4. keep using Covered Versions **perpetually** — this right survives the end of the License Term.
+
+End users of Licensee's Applications do **not** need their own License Key; the runtime shows no license UI.
+
+For clarity, development with the Software must be covered by a License Key held by **either side of a contract-work relationship**:
+
+- If Licensee is a development company or agency, its License Key covers the development it performs for its clients (Section 2.3).
+- If Licensee is the end customer of an Application, Licensee's License Key also covers **contractors and outsourced developers** working on that Application on Licensee's behalf. Such contractor use is limited to Licensee's Applications and does not extend to the contractor's own or other clients' projects.
+
+Any party that develops with the Software outside these two cases needs its own License Key.
+
+## 3. Evaluation use
+
+The Software may be used **without** a License Key for evaluation and development trial purposes only. In that mode the builder displays a watermark. Any production use requires a valid License Key.
+
+## 4. Updates
+
+Versions of the Software released **after** the end of the License Term are not Covered Versions. Using them requires renewing the License Key; without renewal they run in degraded (watermarked) mode.
+
+## 5. Restrictions
+
+Licensee may not:
+
+1. redistribute, resell, rent, lease, or sublicense the Software on its own (i.e. other than embedded in an Application);
+2. offer the Software, or a product derived from it, as a form-builder, view-builder, or low-code SDK/service that competes with the Software;
+3. remove, disable, alter, or circumvent the license-enforcement mechanisms (License Keys, watermark, signature or server validation), nor assist or permit anyone else to do so;
+4. exceed the seat, plan, or usage limits of the purchased plan;
+5. remove or alter copyright or license notices.
+
+## 6. Third-party software
+
+The Software depends on third-party open-source packages installed separately from npm, each under its own license (MIT: `codemirror`, `@codemirror/*`, `jexl`, `prettier`, `lodash-es`; 0BSD: `tslib`). Those licenses govern those packages only; this agreement governs the Software.
+
+## 7. Ownership
+
+The Software is licensed, not sold. Licensor retains all right, title, and interest in and to the Software.
+
+## 8. Warranty disclaimer
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT.
+
+## 9. Limitation of liability
+
+TO THE MAXIMUM EXTENT PERMITTED BY LAW, LICENSOR SHALL NOT BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, OR CONSEQUENTIAL DAMAGES, NOR FOR LOSS OF PROFITS, DATA, OR BUSINESS, ARISING FROM THE USE OF THE SOFTWARE. LICENSOR'S AGGREGATE LIABILITY UNDER THIS AGREEMENT SHALL NOT EXCEED THE LICENSE FEES PAID BY LICENSEE IN THE TWELVE (12) MONTHS PRECEDING THE CLAIM.
+
+## 10. Termination
+
+This agreement terminates automatically if Licensee materially breaches it. Upon termination, Licensee must stop using the Software; rights to Covered Versions granted under Section 2.3 do not survive termination for breach. Sections 6–11 survive termination.
+
+## 11. Governing law
+
+This agreement is governed by the laws of the Republic of Lithuania. Any disputes shall be resolved by the competent courts of the Republic of Lithuania.
+
+---
+
+Questions about licensing: support@ngxviewbuilder.io · Pricing and License Keys: https://ngxviewbuilder.io/pricing

package/README.md

@@ -0,0 +1,19 @@
+# NGX View Builder
+
+Visual builder and native runtime for complete Angular views — forms, dashboards, data tables, and guided flows defined as JSON.
+
+## Install
+
+```bash
+npm i ngx-view-builder
+```
+
+## Documentation
+
+Full guides, API reference, and examples: https://ngxviewbuilder.io
+
+## License
+
+NGX View Builder is **commercial software** — see [LICENSE.md](./LICENSE.md). Evaluate for free (the builder shows a watermark; the production runtime never does). A paid license key covers all versions released during your license term, perpetually.
+
+Pricing and keys: https://ngxviewbuilder.io/pricing

package/fesm2022/ngx-view-builder-avatar-element-Bwq_4ceZ.mjs

@@ -0,0 +1,77 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, signal, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { E as ElementActionService, a as ElementWrapper, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-B54ZEWUk.mjs';
+
+class AvatarElement {
+    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    previewOpen = signal(false, ...(ngDevMode ? [{ debugName: "previewOpen" }] : /* istanbul ignore next */ []));
+    previewSrc = signal('', ...(ngDevMode ? [{ debugName: "previewSrc" }] : /* istanbul ignore next */ []));
+    elementActionService = inject(ElementActionService);
+    avatarStyle = computed(() => {
+        const sizeRaw = Number(this.model()?.size);
+        const size = Number.isFinite(sizeRaw) && sizeRaw > 0 ? Math.floor(sizeRaw) : 48;
+        const shape = String(this.model()?.shape ?? 'circle')
+            .trim()
+            .toLowerCase();
+        return {
+            width: `${size}px`,
+            height: `${size}px`,
+            'border-radius': shape === 'square' ? '10px' : '999px',
+            'background-color': String(this.model()?.backgroundColor ?? '#dfe6ff').trim() || '#dfe6ff',
+            color: String(this.model()?.textColor ?? '#1b2d6b').trim() || '#1b2d6b',
+            border: this.model().showBorder ? '1px solid var(--color-neutral-300)' : 'none',
+        };
+    }, ...(ngDevMode ? [{ debugName: "avatarStyle" }] : /* istanbul ignore next */ []));
+    initials = computed(() => {
+        const value = String(this.model()?.nameText ?? '').trim();
+        if (!value) {
+            return 'U';
+        }
+        const parts = value
+            .split(/\s+/)
+            .map((part) => part.trim())
+            .filter((part) => part.length > 0);
+        if (!parts.length) {
+            return 'U';
+        }
+        return parts
+            .slice(0, 2)
+            .map((part) => part[0].toUpperCase())
+            .join('');
+    }, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+    onAvatarClick(src, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const runtimeContext = {
+            value: src || this.initials(),
+            item: null,
+            row: null,
+        };
+        const elementName = String(this.model().name ?? '').trim();
+        if (elementName) {
+            runtimeContext[elementName] = runtimeContext['value'];
+        }
+        void this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
+        if (!this.model().showPreview || !src) {
+            return;
+        }
+        this.previewSrc.set(src);
+        this.previewOpen.set(true);
+    }
+    closePreview(event) {
+        event?.preventDefault();
+        event?.stopPropagation();
+        this.previewOpen.set(false);
+        this.previewSrc.set('');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: AvatarElement, isStandalone: true, selector: "avatar-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-avatar-wrap{width:100%;display:flex;justify-content:flex-start;align-items:center}.nvb-avatar{border:none;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:14px;line-height:1}.nvb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nvb-avatar-preview{position:fixed;inset:0;background:#000000b8;z-index:1300;display:grid;place-items:center;padding:20px}.nvb-avatar-preview img{width:min(300px,100vw - 40px);height:min(300px,100vw - 40px);object-fit:cover;border-radius:14px;box-shadow:0 16px 32px #0000004d;background:#fff}.nvb-avatar-preview__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nvb-avatar-preview__close span{font-size:20px}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AvatarElement, decorators: [{
+            type: Component,
+            args: [{ selector: 'avatar-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, NgStyle, DynamicTextPipe], template: "<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-avatar-wrap{width:100%;display:flex;justify-content:flex-start;align-items:center}.nvb-avatar{border:none;padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:14px;line-height:1}.nvb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nvb-avatar-preview{position:fixed;inset:0;background:#000000b8;z-index:1300;display:grid;place-items:center;padding:20px}.nvb-avatar-preview img{width:min(300px,100vw - 40px);height:min(300px,100vw - 40px);object-fit:cover;border-radius:14px;box-shadow:0 16px 32px #0000004d;background:#fff}.nvb-avatar-preview__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:8px;background:#ffffff2e;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.nvb-avatar-preview__close span{font-size:20px}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
+
+export { AvatarElement };
+//# sourceMappingURL=ngx-view-builder-avatar-element-Bwq_4ceZ.mjs.map

package/fesm2022/ngx-view-builder-avatar-element-Bwq_4ceZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-view-builder-avatar-element-Bwq_4ceZ.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/avatar-element/avatar-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/avatar-element/avatar-element.html"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { Component, computed, inject, input, signal, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\n\r\nimport { AvatarModel } from '../../models/elements/avatar.model';\r\n\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\n\r\nimport { ElementActionService } from '../../services/element-action.service';\r\n\r\n@Component({\r\n  selector: 'avatar-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n\r\n  imports: [ElementWrapper, NgStyle, DynamicTextPipe],\r\n\r\n  templateUrl: './avatar-element.html',\r\n\r\n  styleUrl: './avatar-element.scss',\r\n})\r\nexport class AvatarElement {\r\n  model = input.required<AvatarModel>();\r\n\r\n  previewOpen = signal<boolean>(false);\r\n\r\n  previewSrc = signal<string>('');\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n\r\n  avatarStyle = computed<Record<string, string>>(() => {\r\n    const sizeRaw = Number(this.model()?.size);\r\n\r\n    const size = Number.isFinite(sizeRaw) && sizeRaw > 0 ? Math.floor(sizeRaw) : 48;\r\n\r\n    const shape = String(this.model()?.shape ?? 'circle')\r\n      .trim()\r\n\r\n      .toLowerCase();\r\n\r\n    return {\r\n      width: `${size}px`,\r\n\r\n      height: `${size}px`,\r\n\r\n      'border-radius': shape === 'square' ? '10px' : '999px',\r\n\r\n      'background-color': String(this.model()?.backgroundColor ?? '#dfe6ff').trim() || '#dfe6ff',\r\n\r\n      color: String(this.model()?.textColor ?? '#1b2d6b').trim() || '#1b2d6b',\r\n\r\n      border: this.model().showBorder ? '1px solid var(--color-neutral-300)' : 'none',\r\n    };\r\n  });\r\n\r\n  initials = computed(() => {\r\n    const value = String(this.model()?.nameText ?? '').trim();\r\n\r\n    if (!value) {\r\n      return 'U';\r\n    }\r\n\r\n    const parts = value\r\n\r\n      .split(/\\s+/)\r\n\r\n      .map((part) => part.trim())\r\n\r\n      .filter((part) => part.length > 0);\r\n\r\n    if (!parts.length) {\r\n      return 'U';\r\n    }\r\n\r\n    return parts\r\n\r\n      .slice(0, 2)\r\n\r\n      .map((part) => part[0].toUpperCase())\r\n\r\n      .join('');\r\n  });\r\n\r\n  onAvatarClick(src: string, event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    const runtimeContext: Record<string, unknown> = {\r\n      value: src || this.initials(),\r\n\r\n      item: null,\r\n\r\n      row: null,\r\n    };\r\n\r\n    const elementName = String(this.model().name ?? '').trim();\r\n\r\n    if (elementName) {\r\n      runtimeContext[elementName] = runtimeContext['value'];\r\n    }\r\n\r\n    void this.elementActionService.runActions(\r\n      this.model(),\r\n\r\n      this.model().events ?? [],\r\n\r\n      'click',\r\n\r\n      runtimeContext,\r\n    );\r\n\r\n    if (!this.model().showPreview || !src) {\r\n      return;\r\n    }\r\n\r\n    this.previewSrc.set(src);\r\n\r\n    this.previewOpen.set(true);\r\n  }\r\n\r\n  closePreview(event?: Event): void {\r\n    event?.preventDefault();\r\n\r\n    event?.stopPropagation();\r\n\r\n    this.previewOpen.set(false);\r\n\r\n    this.previewSrc.set('');\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  @let avatarSrc = model().src | dynamicText: model();\r\n  @let avatarName = model().nameText | dynamicText: model();\r\n\r\n  <div class=\"nvb-avatar-wrap\" data-testid=\"avatar-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-avatar\"\r\n      [ngStyle]=\"avatarStyle()\"\r\n      (click)=\"onAvatarClick(avatarSrc, $event)\"\r\n    >\r\n      @if (avatarSrc) {\r\n        <img [src]=\"avatarSrc\" [alt]=\"avatarName\" />\r\n      } @else {\r\n        <span>{{ initials() }}</span>\r\n      }\r\n    </button>\r\n  </div>\r\n\r\n  @if (previewOpen()) {\r\n    <div class=\"nvb-avatar-preview\" (click)=\"closePreview()\">\r\n      <button type=\"button\" class=\"nvb-avatar-preview__close\" (click)=\"closePreview($event)\">\r\n        <span class=\"material-symbols-outlined\">close</span>\r\n      </button>\r\n      <img [src]=\"previewSrc()\" [alt]=\"avatarName\" />\r\n    </div>\r\n  }\r\n</element-wrapper>\r\n"],"names":[],"mappings":";;;;;MAsBa,aAAa,CAAA;AACxB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAe;AAErC,IAAA,WAAW,GAAG,MAAM,CAAU,KAAK,kFAAC;AAEpC,IAAA,UAAU,GAAG,MAAM,CAAS,EAAE,iFAAC;AAEvB,IAAA,oBAAoB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAE3D,IAAA,WAAW,GAAG,QAAQ,CAAyB,MAAK;QAClD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC;QAE1C,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;AAE/E,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,IAAI,QAAQ;AACjD,aAAA,IAAI;AAEJ,aAAA,WAAW,EAAE;QAEhB,OAAO;YACL,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;YAElB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;YAEnB,eAAe,EAAE,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO;AAEtD,YAAA,kBAAkB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,eAAe,IAAI,SAAS,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS;AAE1F,YAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,IAAI,SAAS,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS;AAEvE,YAAA,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,UAAU,GAAG,oCAAoC,GAAG,MAAM;SAChF;AACH,IAAA,CAAC,kFAAC;AAEF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACvB,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAEzD,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,OAAO,GAAG;QACZ;QAEA,MAAM,KAAK,GAAG;aAEX,KAAK,CAAC,KAAK;aAEX,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;AAEzB,aAAA,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;AAEpC,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACjB,YAAA,OAAO,GAAG;QACZ;AAEA,QAAA,OAAO;AAEJ,aAAA,KAAK,CAAC,CAAC,EAAE,CAAC;AAEV,aAAA,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;aAEnC,IAAI,CAAC,EAAE,CAAC;AACb,IAAA,CAAC,+EAAC;IAEF,aAAa,CAAC,GAAW,EAAE,KAAiB,EAAA;QAC1C,KAAK,CAAC,cAAc,EAAE;QAEtB,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,MAAM,cAAc,GAA4B;AAC9C,YAAA,KAAK,EAAE,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE;AAE7B,YAAA,IAAI,EAAE,IAAI;AAEV,YAAA,GAAG,EAAE,IAAI;SACV;AAED,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAE1D,IAAI,WAAW,EAAE;YACf,cAAc,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC;QACvD;QAEA,KAAK,IAAI,CAAC,oBAAoB,CAAC,UAAU,CACvC,IAAI,CAAC,KAAK,EAAE,EAEZ,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,IAAI,EAAE,EAEzB,OAAO,EAEP,cAAc,CACf;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE;YACrC;QACF;AAEA,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;AAExB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;AAEA,IAAA,YAAY,CAAC,KAAa,EAAA;QACxB,KAAK,EAAE,cAAc,EAAE;QAEvB,KAAK,EAAE,eAAe,EAAE;AAExB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAE3B,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;IACzB;wGA5GW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,6MCtB1B,u9BA4BA,EAAA,MAAA,EAAA,CAAA,k6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZY,cAAc,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,sEAAE,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAMvC,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,OAAA,EAEtC,CAAC,cAAc,EAAE,OAAO,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,u9BAAA,EAAA,MAAA,EAAA,CAAA,k6BAAA,CAAA,EAAA;;;;;"}

package/fesm2022/ngx-view-builder-breadcrumbs-element-B7bwS9wN.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { input, inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { get } from 'lodash-es';
+import { filter } from 'rxjs';
+import { E as ElementActionService, M as MarkupSecurityService, U as UiTranslationService, a as ElementWrapper, N as NvbIcon, D as DynamicTextPipe } from './ngx-view-builder-ngx-view-builder-B54ZEWUk.mjs';
+
+class BreadcrumbsElement {
+    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    elementActionService = inject(ElementActionService);
+    markupSecurityService = inject(MarkupSecurityService);
+    uiTranslationService = inject(UiTranslationService);
+    router = inject(Router, { optional: true });
+    routeRefresh = signal(0, ...(ngDevMode ? [{ debugName: "routeRefresh" }] : /* istanbul ignore next */ []));
+    navigationSubscription = null;
+    ngOnInit() {
+        if (!this.router) {
+            return;
+        }
+        this.navigationSubscription = this.router.events
+            .pipe(filter((event) => event instanceof NavigationEnd))
+            .subscribe(() => {
+            this.routeRefresh.update((value) => value + 1);
+        });
+    }
+    ngOnDestroy() {
+        this.navigationSubscription?.unsubscribe();
+        this.navigationSubscription = null;
+    }
+    renderedItems = computed(() => {
+        this.routeRefresh();
+        const source = this.resolveSourceItems();
+        const items = [];
+        if (this.model().showHome) {
+            const configuredHomeLabel = String(this.model()?.homeLabel ?? '').trim();
+            items.push({
+                label: configuredHomeLabel || this.uiTranslationService.translate('breadcrumbs.home', 'Home'),
+                value: String(this.model()?.homeUrl ?? '/').trim() || '/',
+            });
+        }
+        items.push(...source);
+        const maxItemsRaw = Number(this.model()?.maxItems ?? 0);
+        const maxItems = Number.isFinite(maxItemsRaw) && maxItemsRaw > 0 ? Math.floor(maxItemsRaw) : 0;
+        if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {
+            const first = items[0];
+            const lastItems = items.slice(items.length - (maxItems - 1));
+            return [first, { label: '...', value: '', ellipsis: true }, ...lastItems];
+        }
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "renderedItems" }] : /* istanbul ignore next */ []));
+    separatorIcon = computed(() => {
+        const value = String(this.model()?.separator ?? '').trim();
+        return value || 'chevron_right';
+    }, ...(ngDevMode ? [{ debugName: "separatorIcon" }] : /* istanbul ignore next */ []));
+    resolveItemHref(value) {
+        return this.markupSecurityService.sanitizeNavigationUrl(String(value ?? ''));
+    }
+    onItemClick(item, index, event) {
+        if (item.ellipsis) {
+            event.preventDefault();
+            return;
+        }
+        const hasClickActions = Array.isArray(this.model().events) && this.model().events.length > 0;
+        if (hasClickActions) {
+            event.preventDefault();
+        }
+        else {
+            const anchorHref = event.currentTarget instanceof HTMLAnchorElement
+                ? String(event.currentTarget.getAttribute('href') ?? '').trim()
+                : '';
+            if (anchorHref.startsWith('/') && this.router) {
+                event.preventDefault();
+                this.router.navigateByUrl(anchorHref).catch(() => {
+                    if (typeof window !== 'undefined' && typeof window.location?.assign === 'function') {
+                        window.location.assign(anchorHref);
+                    }
+                });
+                return;
+            }
+        }
+        const runtimeContext = {
+            item,
+            row: item,
+            index,
+            value: item.value,
+        };
+        const elementName = String(this.model().name ?? '').trim();
+        if (elementName) {
+            runtimeContext[elementName] = item.value;
+        }
+        void this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
+    }
+    resolveSourceItems() {
+        if (this.model()?.itemsSource === 'route') {
+            return this.buildRouteItems();
+        }
+        return Array.isArray(this.model()?.items) ? [...this.model().items] : [];
+    }
+    buildRouteItems() {
+        const rootSnapshot = this.router?.routerState?.snapshot?.root ?? null;
+        if (!rootSnapshot) {
+            return [];
+        }
+        const labelDataKey = String(this.model()?.routeLabelDataKey ?? 'breadcrumb').trim() || 'breadcrumb';
+        const usePathFallback = this.model()?.routeUsePathFallback !== false;
+        const includeCurrent = this.model()?.routeIncludeCurrent !== false;
+        const leaf = this.resolveLeafSnapshot(rootSnapshot);
+        const accumulatedSegments = [];
+        const items = [];
+        for (const snapshot of leaf.pathFromRoot) {
+            const urlSegments = snapshot.url
+                .map((segment) => String(segment?.path ?? '').trim())
+                .filter(Boolean);
+            if (urlSegments.length > 0) {
+                accumulatedSegments.push(...urlSegments);
+            }
+            const item = this.resolveRouteItem(snapshot, accumulatedSegments, labelDataKey, usePathFallback);
+            if (item) {
+                items.push(item);
+            }
+        }
+        if (!includeCurrent && items.length > 0) {
+            items.pop();
+        }
+        return items;
+    }
+    resolveLeafSnapshot(snapshot) {
+        let current = snapshot;
+        while (current.firstChild) {
+            current = current.firstChild;
+        }
+        return current;
+    }
+    resolveRouteItem(snapshot, accumulatedSegments, labelDataKey, usePathFallback) {
+        const config = this.resolveRouteBreadcrumbConfig(snapshot, labelDataKey);
+        if (config?.skip) {
+            return null;
+        }
+        const fallbackLabel = usePathFallback ? this.resolveFallbackRouteLabel(snapshot) : '';
+        const label = this.resolveRouteTemplate(String(config?.label ?? fallbackLabel ?? '').trim(), snapshot, accumulatedSegments);
+        if (!label) {
+            return null;
+        }
+        const explicitValue = this.resolveRouteTemplate(String(config?.value ?? '').trim(), snapshot, accumulatedSegments);
+        const accumulatedUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';
+        return {
+            label,
+            value: explicitValue || accumulatedUrl,
+        };
+    }
+    resolveRouteBreadcrumbConfig(snapshot, labelDataKey) {
+        const rawConfig = snapshot.data?.[labelDataKey];
+        if (rawConfig === false || rawConfig === null) {
+            return { skip: true };
+        }
+        if (typeof rawConfig === 'string') {
+            const label = rawConfig.trim();
+            return label ? { label } : null;
+        }
+        if (!rawConfig || typeof rawConfig !== 'object' || Array.isArray(rawConfig)) {
+            return null;
+        }
+        const config = rawConfig;
+        return {
+            label: String(config['label'] ?? '').trim() || undefined,
+            value: String(config['value'] ?? '').trim() || undefined,
+            skip: Boolean(config['skip']),
+        };
+    }
+    resolveFallbackRouteLabel(snapshot) {
+        const dataTitle = String(snapshot.data?.['title'] ?? '').trim();
+        if (dataTitle) {
+            return dataTitle;
+        }
+        const urlLabel = snapshot.url
+            .map((segment) => this.humanizeSegment(String(segment?.path ?? '').trim()))
+            .filter(Boolean)
+            .join(' / ');
+        if (urlLabel) {
+            return urlLabel;
+        }
+        const routePath = String(snapshot.routeConfig?.path ?? '').trim();
+        if (routePath.startsWith(':')) {
+            const paramName = routePath.slice(1).split('/')[0];
+            const paramValue = String(snapshot.params?.[paramName] ?? '').trim();
+            if (paramValue) {
+                return paramValue;
+            }
+        }
+        return '';
+    }
+    humanizeSegment(value) {
+        const normalized = decodeURIComponent(String(value ?? '').trim());
+        if (!normalized) {
+            return '';
+        }
+        return normalized
+            .replace(/[-_]+/g, ' ')
+            .replace(/\s+/g, ' ')
+            .trim()
+            .replace(/\b\w/g, (letter) => letter.toUpperCase());
+    }
+    resolveRouteTemplate(template, snapshot, accumulatedSegments) {
+        const normalizedTemplate = String(template ?? '').trim();
+        if (!normalizedTemplate) {
+            return '';
+        }
+        const currentUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';
+        const routeId = String(snapshot.params?.['id'] ?? snapshot.paramMap.get('id') ?? '').trim() || undefined;
+        const context = {
+            route: {
+                id: routeId,
+                url: currentUrl,
+                params: snapshot.params ?? {},
+                queryParams: snapshot.queryParams ?? {},
+                data: snapshot.data ?? {},
+                fragment: snapshot.fragment ?? '',
+                path: String(snapshot.routeConfig?.path ?? '').trim(),
+            },
+            id: routeId,
+            url: currentUrl,
+            params: snapshot.params ?? {},
+            queryParams: snapshot.queryParams ?? {},
+            data: snapshot.data ?? {},
+        };
+        const resolveToken = (token) => {
+            const path = String(token ?? '').trim();
+            if (!path) {
+                return '';
+            }
+            const resolved = get(context, path);
+            if (resolved === null || resolved === undefined) {
+                return '';
+            }
+            return String(resolved);
+        };
+        const withMustache = normalizedTemplate.replace(/\{\{([^}]+)\}\}/g, (_match, token) => resolveToken(token));
+        return withMustache.replace(/\{([^}]+)\}/g, (_match, token) => resolveToken(token));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbsElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: BreadcrumbsElement, isStandalone: true, selector: "breadcrumbs-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-breadcrumbs{width:100%}.nvb-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.nvb-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}.nvb-breadcrumbs a,.nvb-breadcrumbs__current,.nvb-breadcrumbs__ellipsis{font-size:12px;line-height:1.3;text-decoration:none;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvb-breadcrumbs a{color:var(--color-primary-700);cursor:pointer}.nvb-breadcrumbs a:hover{text-decoration:underline}.nvb-breadcrumbs__current{color:var(--color-neutral-700);font-weight:600}.nvb-breadcrumbs__ellipsis{color:var(--color-neutral-500)}.nvb-breadcrumbs__separator{font-size:14px;color:var(--color-neutral-500)}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "component", type: NvbIcon, selector: "nvb-icon", inputs: ["name", "svg", "ariaLabel"] }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbsElement, decorators: [{
+            type: Component,
+            args: [{ selector: 'breadcrumbs-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, DynamicTextPipe, NvbIcon], template: "<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-breadcrumbs{width:100%}.nvb-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.nvb-breadcrumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}.nvb-breadcrumbs a,.nvb-breadcrumbs__current,.nvb-breadcrumbs__ellipsis{font-size:12px;line-height:1.3;text-decoration:none;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvb-breadcrumbs a{color:var(--color-primary-700);cursor:pointer}.nvb-breadcrumbs a:hover{text-decoration:underline}.nvb-breadcrumbs__current{color:var(--color-neutral-700);font-weight:600}.nvb-breadcrumbs__ellipsis{color:var(--color-neutral-500)}.nvb-breadcrumbs__separator{font-size:14px;color:var(--color-neutral-500)}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
+
+export { BreadcrumbsElement };
+//# sourceMappingURL=ngx-view-builder-breadcrumbs-element-B7bwS9wN.mjs.map

package/fesm2022/ngx-view-builder-breadcrumbs-element-B7bwS9wN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-view-builder-breadcrumbs-element-B7bwS9wN.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/breadcrumbs-element/breadcrumbs-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/breadcrumbs-element/breadcrumbs-element.html"],"sourcesContent":["import {\r\n  Component,\r\n  OnDestroy,\r\n  OnInit,\r\n  computed,\r\n  inject,\r\n  input,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';\r\nimport { get } from 'lodash-es';\r\nimport { filter, Subscription } from 'rxjs';\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\nimport { NvbIcon } from '../../components/nvb-icon/nvb-icon';\r\nimport {\r\n  BreadcrumbsModel,\r\n  IBreadcrumbItem,\r\n  IRouteBreadcrumbConfig,\r\n} from '../../models/elements/breadcrumbs.model';\r\nimport { DynamicTextPipe } from '../../pipes/dynamic-text.pipe';\r\nimport { ElementActionService } from '../../services/element-action.service';\r\nimport { MarkupSecurityService } from '../../services/markup-security.service';\r\nimport { UiTranslationService } from '../../services/ui-translation.service';\r\n\r\ninterface IRenderedBreadcrumbItem extends IBreadcrumbItem {\r\n  ellipsis?: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'breadcrumbs-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [ElementWrapper, DynamicTextPipe, NvbIcon],\r\n  templateUrl: './breadcrumbs-element.html',\r\n  styleUrl: './breadcrumbs-element.scss',\r\n})\r\nexport class BreadcrumbsElement implements OnInit, OnDestroy {\r\n  model = input.required<BreadcrumbsModel>();\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n  private markupSecurityService = inject(MarkupSecurityService);\r\n  private uiTranslationService = inject(UiTranslationService);\r\n  private router = inject(Router, { optional: true });\r\n  private routeRefresh = signal(0);\r\n  private navigationSubscription: Subscription | null = null;\r\n\r\n  ngOnInit(): void {\r\n    if (!this.router) {\r\n      return;\r\n    }\r\n    this.navigationSubscription = this.router.events\r\n      .pipe(filter((event) => event instanceof NavigationEnd))\r\n      .subscribe(() => {\r\n        this.routeRefresh.update((value) => value + 1);\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.navigationSubscription?.unsubscribe();\r\n    this.navigationSubscription = null;\r\n  }\r\n\r\n  renderedItems = computed<IRenderedBreadcrumbItem[]>(() => {\r\n    this.routeRefresh();\r\n    const source = this.resolveSourceItems();\r\n    const items: IRenderedBreadcrumbItem[] = [];\r\n    if (this.model().showHome) {\r\n      const configuredHomeLabel = String(this.model()?.homeLabel ?? '').trim();\r\n      items.push({\r\n        label:\r\n          configuredHomeLabel || this.uiTranslationService.translate('breadcrumbs.home', 'Home'),\r\n        value: String(this.model()?.homeUrl ?? '/').trim() || '/',\r\n      });\r\n    }\r\n    items.push(...source);\r\n    const maxItemsRaw = Number(this.model()?.maxItems ?? 0);\r\n    const maxItems = Number.isFinite(maxItemsRaw) && maxItemsRaw > 0 ? Math.floor(maxItemsRaw) : 0;\r\n    if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {\r\n      const first = items[0];\r\n      const lastItems = items.slice(items.length - (maxItems - 1));\r\n      return [first, { label: '...', value: '', ellipsis: true }, ...lastItems];\r\n    }\r\n    return items;\r\n  });\r\n\r\n  separatorIcon = computed(() => {\r\n    const value = String(this.model()?.separator ?? '').trim();\r\n    return value || 'chevron_right';\r\n  });\r\n\r\n  resolveItemHref(value: string | null | undefined): string | null {\r\n    return this.markupSecurityService.sanitizeNavigationUrl(String(value ?? ''));\r\n  }\r\n\r\n  onItemClick(item: IRenderedBreadcrumbItem, index: number, event: MouseEvent): void {\r\n    if (item.ellipsis) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n    const hasClickActions = Array.isArray(this.model().events) && this.model().events.length > 0;\r\n    if (hasClickActions) {\r\n      event.preventDefault();\r\n    } else {\r\n      const anchorHref =\r\n        event.currentTarget instanceof HTMLAnchorElement\r\n          ? String(event.currentTarget.getAttribute('href') ?? '').trim()\r\n          : '';\r\n      if (anchorHref.startsWith('/') && this.router) {\r\n        event.preventDefault();\r\n        this.router.navigateByUrl(anchorHref).catch(() => {\r\n          if (typeof window !== 'undefined' && typeof window.location?.assign === 'function') {\r\n            window.location.assign(anchorHref);\r\n          }\r\n        });\r\n        return;\r\n      }\r\n    }\r\n    const runtimeContext: Record<string, unknown> = {\r\n      item,\r\n      row: item,\r\n      index,\r\n      value: item.value,\r\n    };\r\n    const elementName = String(this.model().name ?? '').trim();\r\n    if (elementName) {\r\n      runtimeContext[elementName] = item.value;\r\n    }\r\n    void this.elementActionService.runActions(\r\n      this.model(),\r\n      this.model().events ?? [],\r\n      'click',\r\n      runtimeContext,\r\n    );\r\n  }\r\n\r\n  private resolveSourceItems(): IRenderedBreadcrumbItem[] {\r\n    if (this.model()?.itemsSource === 'route') {\r\n      return this.buildRouteItems();\r\n    }\r\n    return Array.isArray(this.model()?.items) ? [...this.model().items] : [];\r\n  }\r\n\r\n  private buildRouteItems(): IRenderedBreadcrumbItem[] {\r\n    const rootSnapshot = this.router?.routerState?.snapshot?.root ?? null;\r\n    if (!rootSnapshot) {\r\n      return [];\r\n    }\r\n\r\n    const labelDataKey =\r\n      String(this.model()?.routeLabelDataKey ?? 'breadcrumb').trim() || 'breadcrumb';\r\n    const usePathFallback = this.model()?.routeUsePathFallback !== false;\r\n    const includeCurrent = this.model()?.routeIncludeCurrent !== false;\r\n    const leaf = this.resolveLeafSnapshot(rootSnapshot);\r\n    const accumulatedSegments: string[] = [];\r\n    const items: IRenderedBreadcrumbItem[] = [];\r\n\r\n    for (const snapshot of leaf.pathFromRoot) {\r\n      const urlSegments = snapshot.url\r\n        .map((segment) => String(segment?.path ?? '').trim())\r\n        .filter(Boolean);\r\n      if (urlSegments.length > 0) {\r\n        accumulatedSegments.push(...urlSegments);\r\n      }\r\n\r\n      const item = this.resolveRouteItem(\r\n        snapshot,\r\n        accumulatedSegments,\r\n        labelDataKey,\r\n        usePathFallback,\r\n      );\r\n      if (item) {\r\n        items.push(item);\r\n      }\r\n    }\r\n\r\n    if (!includeCurrent && items.length > 0) {\r\n      items.pop();\r\n    }\r\n\r\n    return items;\r\n  }\r\n\r\n  private resolveLeafSnapshot(snapshot: ActivatedRouteSnapshot): ActivatedRouteSnapshot {\r\n    let current = snapshot;\r\n    while (current.firstChild) {\r\n      current = current.firstChild;\r\n    }\r\n    return current;\r\n  }\r\n\r\n  private resolveRouteItem(\r\n    snapshot: ActivatedRouteSnapshot,\r\n    accumulatedSegments: string[],\r\n    labelDataKey: string,\r\n    usePathFallback: boolean,\r\n  ): IRenderedBreadcrumbItem | null {\r\n    const config = this.resolveRouteBreadcrumbConfig(snapshot, labelDataKey);\r\n    if (config?.skip) {\r\n      return null;\r\n    }\r\n\r\n    const fallbackLabel = usePathFallback ? this.resolveFallbackRouteLabel(snapshot) : '';\r\n    const label = this.resolveRouteTemplate(\r\n      String(config?.label ?? fallbackLabel ?? '').trim(),\r\n      snapshot,\r\n      accumulatedSegments,\r\n    );\r\n    if (!label) {\r\n      return null;\r\n    }\r\n\r\n    const explicitValue = this.resolveRouteTemplate(\r\n      String(config?.value ?? '').trim(),\r\n      snapshot,\r\n      accumulatedSegments,\r\n    );\r\n    const accumulatedUrl =\r\n      accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';\r\n\r\n    return {\r\n      label,\r\n      value: explicitValue || accumulatedUrl,\r\n    };\r\n  }\r\n\r\n  private resolveRouteBreadcrumbConfig(\r\n    snapshot: ActivatedRouteSnapshot,\r\n    labelDataKey: string,\r\n  ): IRouteBreadcrumbConfig | null {\r\n    const rawConfig = snapshot.data?.[labelDataKey];\r\n    if (rawConfig === false || rawConfig === null) {\r\n      return { skip: true };\r\n    }\r\n    if (typeof rawConfig === 'string') {\r\n      const label = rawConfig.trim();\r\n      return label ? { label } : null;\r\n    }\r\n    if (!rawConfig || typeof rawConfig !== 'object' || Array.isArray(rawConfig)) {\r\n      return null;\r\n    }\r\n\r\n    const config = rawConfig as Record<string, unknown>;\r\n    return {\r\n      label: String(config['label'] ?? '').trim() || undefined,\r\n      value: String(config['value'] ?? '').trim() || undefined,\r\n      skip: Boolean(config['skip']),\r\n    };\r\n  }\r\n\r\n  private resolveFallbackRouteLabel(snapshot: ActivatedRouteSnapshot): string {\r\n    const dataTitle = String(snapshot.data?.['title'] ?? '').trim();\r\n    if (dataTitle) {\r\n      return dataTitle;\r\n    }\r\n\r\n    const urlLabel = snapshot.url\r\n      .map((segment) => this.humanizeSegment(String(segment?.path ?? '').trim()))\r\n      .filter(Boolean)\r\n      .join(' / ');\r\n    if (urlLabel) {\r\n      return urlLabel;\r\n    }\r\n\r\n    const routePath = String(snapshot.routeConfig?.path ?? '').trim();\r\n    if (routePath.startsWith(':')) {\r\n      const paramName = routePath.slice(1).split('/')[0];\r\n      const paramValue = String(snapshot.params?.[paramName] ?? '').trim();\r\n      if (paramValue) {\r\n        return paramValue;\r\n      }\r\n    }\r\n\r\n    return '';\r\n  }\r\n\r\n  private humanizeSegment(value: string): string {\r\n    const normalized = decodeURIComponent(String(value ?? '').trim());\r\n    if (!normalized) {\r\n      return '';\r\n    }\r\n    return normalized\r\n      .replace(/[-_]+/g, ' ')\r\n      .replace(/\\s+/g, ' ')\r\n      .trim()\r\n      .replace(/\\b\\w/g, (letter) => letter.toUpperCase());\r\n  }\r\n\r\n  private resolveRouteTemplate(\r\n    template: string,\r\n    snapshot: ActivatedRouteSnapshot,\r\n    accumulatedSegments: string[],\r\n  ): string {\r\n    const normalizedTemplate = String(template ?? '').trim();\r\n    if (!normalizedTemplate) {\r\n      return '';\r\n    }\r\n\r\n    const currentUrl = accumulatedSegments.length > 0 ? `/${accumulatedSegments.join('/')}` : '/';\r\n    const routeId =\r\n      String(snapshot.params?.['id'] ?? snapshot.paramMap.get('id') ?? '').trim() || undefined;\r\n    const context = {\r\n      route: {\r\n        id: routeId,\r\n        url: currentUrl,\r\n        params: snapshot.params ?? {},\r\n        queryParams: snapshot.queryParams ?? {},\r\n        data: snapshot.data ?? {},\r\n        fragment: snapshot.fragment ?? '',\r\n        path: String(snapshot.routeConfig?.path ?? '').trim(),\r\n      },\r\n      id: routeId,\r\n      url: currentUrl,\r\n      params: snapshot.params ?? {},\r\n      queryParams: snapshot.queryParams ?? {},\r\n      data: snapshot.data ?? {},\r\n    } as Record<string, unknown>;\r\n\r\n    const resolveToken = (token: string): string => {\r\n      const path = String(token ?? '').trim();\r\n      if (!path) {\r\n        return '';\r\n      }\r\n      const resolved = get(context, path);\r\n      if (resolved === null || resolved === undefined) {\r\n        return '';\r\n      }\r\n      return String(resolved);\r\n    };\r\n\r\n    const withMustache = normalizedTemplate.replace(/\\{\\{([^}]+)\\}\\}/g, (_match, token: string) =>\r\n      resolveToken(token),\r\n    );\r\n    return withMustache.replace(/\\{([^}]+)\\}/g, (_match, token: string) => resolveToken(token));\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  <nav class=\"nvb-breadcrumbs\" aria-label=\"Breadcrumbs\" data-testid=\"breadcrumbs-root\">\r\n    <ol>\r\n      @for (item of renderedItems(); track $index; let itemIndex = $index; let isLast = $last) {\r\n        <li>\r\n          @if (item.ellipsis) {\r\n            <span class=\"nvb-breadcrumbs__ellipsis\">...</span>\r\n          } @else if (!isLast && item.value) {\r\n            <a\r\n              [attr.href]=\"resolveItemHref(item.value | dynamicText: model())\"\r\n              (click)=\"onItemClick(item, itemIndex, $event)\"\r\n            >\r\n              {{ item.label | dynamicText: model() }}\r\n            </a>\r\n          } @else {\r\n            <span class=\"nvb-breadcrumbs__current\">{{ item.label | dynamicText: model() }}</span>\r\n          }\r\n\r\n          @if (!isLast) {\r\n            <nvb-icon class=\"nvb-breadcrumbs__separator\" [name]=\"separatorIcon()\"></nvb-icon>\r\n          }\r\n        </li>\r\n      }\r\n    </ol>\r\n  </nav>\r\n</element-wrapper>\r\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-view-builder-icon-element-DY8JkPss.mjs

@@ -0,0 +1,63 @@
+import { NgClass, NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { E as ElementActionService, a as ElementWrapper, N as NvbIcon } from './ngx-view-builder-ngx-view-builder-B54ZEWUk.mjs';
+
+class IconElement {
+    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    elementActionService = inject(ElementActionService);
+    iconName = computed(() => {
+        const value = String(this.model()?.iconName ?? '').trim();
+        return value || 'star';
+    }, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    iconStyle = computed(() => {
+        const size = this.resolveSize(this.model()?.iconSize, 24);
+        const color = String(this.model()?.iconColor ?? '').trim();
+        return {
+            width: `${size + 18}px`,
+            height: `${size + 18}px`,
+            color: color || 'var(--color-neutral-700)',
+            'font-size': `${size}px`,
+        };
+    }, ...(ngDevMode ? [{ debugName: "iconStyle" }] : /* istanbul ignore next */ []));
+    previewStyle = computed(() => {
+        const size = this.resolveSize(this.model()?.previewSize, 64);
+        const color = String(this.model()?.iconColor ?? '').trim();
+        return {
+            width: `${size + 20}px`,
+            height: `${size + 20}px`,
+            color: color || 'var(--color-neutral-700)',
+            'font-size': `${size}px`,
+        };
+    }, ...(ngDevMode ? [{ debugName: "previewStyle" }] : /* istanbul ignore next */ []));
+    onIconClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const runtimeContext = {
+            value: this.iconName(),
+            item: null,
+            row: null,
+        };
+        const elementName = String(this.model().name ?? '').trim();
+        if (elementName) {
+            runtimeContext[elementName] = this.iconName();
+        }
+        void this.elementActionService.runActions(this.model(), this.model().events ?? [], 'click', runtimeContext);
+    }
+    resolveSize(value, fallback) {
+        const parsed = Number(value);
+        if (!Number.isFinite(parsed) || parsed <= 0) {
+            return fallback;
+        }
+        return Math.floor(parsed);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IconElement, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: IconElement, isStandalone: true, selector: "icon-element", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<element-wrapper [model]=\"model()\">\r\n  <section class=\"nvb-icon-wrap\" data-testid=\"icon-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-icon\"\r\n      [ngClass]=\"{ 'nvb-icon--filled': model().filled }\"\r\n      [ngStyle]=\"iconStyle()\"\r\n      (click)=\"onIconClick($event)\"\r\n    >\r\n      <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n    </button>\r\n\r\n    @if (model().showPreview) {\r\n      <div class=\"nvb-icon__preview\" [ngStyle]=\"previewStyle()\">\r\n        <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n      </div>\r\n    }\r\n  </section>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-icon-wrap{width:100%;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.nvb-icon,.nvb-icon__preview{border:1px solid var(--color-neutral-300);background:var(--color-neutral-000);border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.nvb-icon{cursor:pointer;min-width:42px;min-height:42px;padding:0}.nvb-icon span,.nvb-icon__preview span{line-height:1}.nvb-icon--filled span{font-variation-settings:\"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}\n"], dependencies: [{ kind: "component", type: ElementWrapper, selector: "element-wrapper", inputs: ["model", "controlIdInput", "labelForInput", "groupRole", "showTextWrapperInput"], exportAs: ["elementWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NvbIcon, selector: "nvb-icon", inputs: ["name", "svg", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IconElement, decorators: [{
+            type: Component,
+            args: [{ selector: 'icon-element', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ElementWrapper, NgClass, NgStyle, NvbIcon], template: "<element-wrapper [model]=\"model()\">\r\n  <section class=\"nvb-icon-wrap\" data-testid=\"icon-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-icon\"\r\n      [ngClass]=\"{ 'nvb-icon--filled': model().filled }\"\r\n      [ngStyle]=\"iconStyle()\"\r\n      (click)=\"onIconClick($event)\"\r\n    >\r\n      <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n    </button>\r\n\r\n    @if (model().showPreview) {\r\n      <div class=\"nvb-icon__preview\" [ngStyle]=\"previewStyle()\">\r\n        <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n      </div>\r\n    }\r\n  </section>\r\n</element-wrapper>\r\n", styles: [":host{display:block;width:100%}.nvb-icon-wrap{width:100%;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.nvb-icon,.nvb-icon__preview{border:1px solid var(--color-neutral-300);background:var(--color-neutral-000);border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.nvb-icon{cursor:pointer;min-width:42px;min-height:42px;padding:0}.nvb-icon span,.nvb-icon__preview span{line-height:1}.nvb-icon--filled span{font-variation-settings:\"FILL\" 1,\"wght\" 400,\"GRAD\" 0,\"opsz\" 24}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }] } });
+
+export { IconElement };
+//# sourceMappingURL=ngx-view-builder-icon-element-DY8JkPss.mjs.map

package/fesm2022/ngx-view-builder-icon-element-DY8JkPss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-view-builder-icon-element-DY8JkPss.mjs","sources":["../../../projects/ngx-view-builder/src/lib/core/shared/elements/icon-element/icon-element.ts","../../../projects/ngx-view-builder/src/lib/core/shared/elements/icon-element/icon-element.html"],"sourcesContent":["import { NgClass, NgStyle } from '@angular/common';\r\nimport { Component, computed, inject, input, ChangeDetectionStrategy } from '@angular/core';\r\nimport { ElementWrapper } from '../../components/element-wrapper/element-wrapper';\r\nimport { NvbIcon } from '../../components/nvb-icon/nvb-icon';\r\nimport { IconModel } from '../../models/elements/icon.model';\r\nimport { ElementActionService } from '../../services/element-action.service';\r\n\r\n@Component({\r\n  selector: 'icon-element',\r\n\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [ElementWrapper, NgClass, NgStyle, NvbIcon],\r\n  templateUrl: './icon-element.html',\r\n\r\n  styleUrl: './icon-element.scss',\r\n})\r\nexport class IconElement {\r\n  model = input.required<IconModel>();\r\n\r\n  private elementActionService = inject(ElementActionService);\r\n\r\n  iconName = computed(() => {\r\n    const value = String(this.model()?.iconName ?? '').trim();\r\n\r\n    return value || 'star';\r\n  });\r\n\r\n  iconStyle = computed<Record<string, string>>(() => {\r\n    const size = this.resolveSize(this.model()?.iconSize, 24);\r\n\r\n    const color = String(this.model()?.iconColor ?? '').trim();\r\n\r\n    return {\r\n      width: `${size + 18}px`,\r\n\r\n      height: `${size + 18}px`,\r\n\r\n      color: color || 'var(--color-neutral-700)',\r\n\r\n      'font-size': `${size}px`,\r\n    };\r\n  });\r\n\r\n  previewStyle = computed<Record<string, string>>(() => {\r\n    const size = this.resolveSize(this.model()?.previewSize, 64);\r\n\r\n    const color = String(this.model()?.iconColor ?? '').trim();\r\n\r\n    return {\r\n      width: `${size + 20}px`,\r\n\r\n      height: `${size + 20}px`,\r\n\r\n      color: color || 'var(--color-neutral-700)',\r\n\r\n      'font-size': `${size}px`,\r\n    };\r\n  });\r\n\r\n  onIconClick(event: MouseEvent): void {\r\n    event.preventDefault();\r\n\r\n    event.stopPropagation();\r\n\r\n    const runtimeContext: Record<string, unknown> = {\r\n      value: this.iconName(),\r\n\r\n      item: null,\r\n\r\n      row: null,\r\n    };\r\n\r\n    const elementName = String(this.model().name ?? '').trim();\r\n\r\n    if (elementName) {\r\n      runtimeContext[elementName] = this.iconName();\r\n    }\r\n\r\n    void this.elementActionService.runActions(\r\n      this.model(),\r\n\r\n      this.model().events ?? [],\r\n\r\n      'click',\r\n\r\n      runtimeContext,\r\n    );\r\n  }\r\n\r\n  private resolveSize(value: unknown, fallback: number): number {\r\n    const parsed = Number(value);\r\n\r\n    if (!Number.isFinite(parsed) || parsed <= 0) {\r\n      return fallback;\r\n    }\r\n\r\n    return Math.floor(parsed);\r\n  }\r\n}\r\n","<element-wrapper [model]=\"model()\">\r\n  <section class=\"nvb-icon-wrap\" data-testid=\"icon-root\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"nvb-icon\"\r\n      [ngClass]=\"{ 'nvb-icon--filled': model().filled }\"\r\n      [ngStyle]=\"iconStyle()\"\r\n      (click)=\"onIconClick($event)\"\r\n    >\r\n      <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n    </button>\r\n\r\n    @if (model().showPreview) {\r\n      <div class=\"nvb-icon__preview\" [ngStyle]=\"previewStyle()\">\r\n        <nvb-icon [name]=\"iconName()\"></nvb-icon>\r\n      </div>\r\n    }\r\n  </section>\r\n</element-wrapper>\r\n"],"names":[],"mappings":"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"}