ngx-view-builder 0.1.3 → 0.1.4

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

@@ -1,63 +0,0 @@
-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-_VdHLdIW.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-DFW1jVp8.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-view-builder-icon-element-DFW1jVp8.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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"}