ngx-view-builder 0.1.5 → 0.1.6

package/fesm2022/{ngx-view-builder-ngx-view-builder-G2BnNzUY.mjs → ngx-view-builder-ngx-view-builder-DUoF0Ief.mjs}

@@ -20054,6 +20054,94 @@ class RendererService {
             }
             return obj;
         };
+        // Element properties are omitted from the export when they still equal the type's
+        // default (declared as field initialisers on the model classes). The runtime
+        // re-applies those same defaults through createModel on load, so a slimmed element
+        // reconstructs identically — as long as the code default is unchanged. Only values
+        // the author actually changed away from the default are written out.
+        const defaultBagCache = new Map();
+        const buildDefaultBag = (type) => {
+            const normalizedType = String(type ?? '').trim();
+            if (!normalizedType) {
+                return null;
+            }
+            if (defaultBagCache.has(normalizedType)) {
+                return defaultBagCache.get(normalizedType) ?? null;
+            }
+            let bag = null;
+            try {
+                const defaultInstance = this.modelService.createModel(normalizedType, {});
+                const ignored = new Set(getIgnoredKeys(defaultInstance));
+                bag = {};
+                Object.keys(defaultInstance).forEach((key) => {
+                    if (ignored.has(key) || runtimeIgnoredKeys.has(key)) {
+                        return;
+                    }
+                    bag[key] = defaultInstance[key];
+                });
+            }
+            catch {
+                bag = null;
+            }
+            defaultBagCache.set(normalizedType, bag);
+            return bag;
+        };
+        const IDENTITY_KEYS = new Set(['name', 'type']);
+        const CHILD_ELEMENT_KEYS = new Set(['template', 'columns']);
+        const cleanElement = (element) => {
+            if (!element || typeof element !== 'object' || Array.isArray(element)) {
+                return clean(element);
+            }
+            const type = String(element.type ?? '').trim();
+            const defaults = type ? buildDefaultBag(type) : null;
+            if (!defaults) {
+                // No defaults to diff against (unknown type / build failure) — keep everything.
+                return clean(element);
+            }
+            const seen = new WeakSet();
+            const ignored = getIgnoredKeys(element);
+            const result = {};
+            Object.keys(element).forEach((key) => {
+                const rawValue = element[key];
+                if (ignored.includes(key) ||
+                    runtimeIgnoredKeys.has(key) ||
+                    (key === 'listeners' && Array.isArray(rawValue))) {
+                    return;
+                }
+                if (CHILD_ELEMENT_KEYS.has(key) && rawValue && typeof rawValue === 'object') {
+                    if (Array.isArray(rawValue)) {
+                        const cleanedArray = rawValue
+                            .map((child) => cleanElement(child))
+                            .filter((child) => child !== undefined);
+                        if (cleanedArray.length > 0) {
+                            result[key] = cleanedArray;
+                        }
+                    }
+                    else {
+                        const cleanedChildren = {};
+                        Object.keys(rawValue).forEach((childKey) => {
+                            const cleanedChild = cleanElement(rawValue[childKey]);
+                            if (cleanedChild !== undefined) {
+                                cleanedChildren[childKey] = cleanedChild;
+                            }
+                        });
+                        if (Object.keys(cleanedChildren).length > 0) {
+                            result[key] = cleanedChildren;
+                        }
+                    }
+                    return;
+                }
+                const cleanedValue = clean(rawValue, seen);
+                if (cleanedValue === undefined) {
+                    return;
+                }
+                if (!IDENTITY_KEYS.has(key) && key in defaults && isEqual(rawValue, defaults[key])) {
+                    return;
+                }
+                result[key] = cleanedValue;
+            });
+            return Object.keys(result).length > 0 ? result : undefined;
+        };
         const processColumn = (column) => {
             if (!column)
                 return undefined;
@@ -20115,7 +20203,15 @@ class RendererService {
                 .filter((p) => p !== undefined);
         }
         if (structure.elements) {
-            jsonObject.elements = clean(structure.elements);
+            const cleanedElements = {};
+            Object.keys(structure.elements).forEach((elementKey) => {
+                const cleanedElement = cleanElement(structure.elements[elementKey]);
+                if (cleanedElement !== undefined) {
+                    cleanedElements[elementKey] = cleanedElement;
+                }
+            });
+            jsonObject.elements =
+                Object.keys(cleanedElements).length > 0 ? cleanedElements : undefined;
         }
         if (structure.dataSources &&
             Array.isArray(structure.dataSources) &&
@@ -48668,7 +48764,7 @@ const BUILT_IN_RUNTIME_COMPONENT_LOADERS = {
     [ElementTypesEnum.AUTOCOMPLETE]: () => Promise.resolve().then(function () { return autocompleteElement; }).then((m) => m.AutocompleteElement),
     [ElementTypesEnum.MULTI_SELECT]: () => Promise.resolve().then(function () { return multiSelectElement; }).then((m) => m.MultiSelectElement),
     [ElementTypesEnum.MESSAGE_CARD]: () => Promise.resolve().then(function () { return messageCardElement; }).then((m) => m.MessageCardElement),
-    [ElementTypesEnum.TOAST]: () => import('./ngx-view-builder-toast-element-6FsyoWXA.mjs').then((m) => m.ToastElement),
+    [ElementTypesEnum.TOAST]: () => import('./ngx-view-builder-toast-element-Dt4fzOZt.mjs').then((m) => m.ToastElement),
     [ElementTypesEnum.BADGE]: () => Promise.resolve().then(function () { return badgeElement; }).then((m) => m.BadgeElement),
     [ElementTypesEnum.STATS_CARD]: () => Promise.resolve().then(function () { return statsCardElement; }).then((m) => m.StatsCardElement),
     [ElementTypesEnum.CHART]: () => Promise.resolve().then(function () { return chartElement; }).then((m) => m.ChartElement),
@@ -48676,11 +48772,11 @@ const BUILT_IN_RUNTIME_COMPONENT_LOADERS = {
     [ElementTypesEnum.IMAGE]: () => Promise.resolve().then(function () { return imageElement; }).then((m) => m.ImageElement),
     [ElementTypesEnum.VIDEO]: () => Promise.resolve().then(function () { return videoElement; }).then((m) => m.VideoElement),
     [ElementTypesEnum.IFRAME]: () => Promise.resolve().then(function () { return iframeElement; }).then((m) => m.IframeElement),
-    [ElementTypesEnum.AVATAR]: () => import('./ngx-view-builder-avatar-element-Bnxr5pVE.mjs').then((m) => m.AvatarElement),
-    [ElementTypesEnum.ICON]: () => import('./ngx-view-builder-icon-element-BYreB3Ma.mjs').then((m) => m.IconElement),
+    [ElementTypesEnum.AVATAR]: () => import('./ngx-view-builder-avatar-element-428U6hXs.mjs').then((m) => m.AvatarElement),
+    [ElementTypesEnum.ICON]: () => import('./ngx-view-builder-icon-element-PMXy2zn8.mjs').then((m) => m.IconElement),
     [ElementTypesEnum.DIVIDER]: () => Promise.resolve().then(function () { return dividerElement; }).then((m) => m.DividerElement),
     [ElementTypesEnum.SPACER]: () => Promise.resolve().then(function () { return spacerElement; }).then((m) => m.SpacerElement),
-    [ElementTypesEnum.BREADCRUMBS]: () => import('./ngx-view-builder-breadcrumbs-element-DUi8_qxY.mjs').then((m) => m.BreadcrumbsElement),
+    [ElementTypesEnum.BREADCRUMBS]: () => import('./ngx-view-builder-breadcrumbs-element-B2FHOwU4.mjs').then((m) => m.BreadcrumbsElement),
     [ElementTypesEnum.PAGE_TITLE]: () => Promise.resolve().then(function () { return pageTitleElement; }).then((m) => m.PageTitleElement),
     [ElementTypesEnum.NUMBER_STEPPER]: () => Promise.resolve().then(function () { return numberStepperElement; }).then((m) => m.NumberStepperElement),
     [ElementTypesEnum.TIME_PICKER]: () => Promise.resolve().then(function () { return timePickerElement; }).then((m) => m.TimePickerElement),
@@ -80827,7 +80923,7 @@ const LICENSE_VALIDATION_URL = 'https://api.ngxviewbuilder.io';
 // publish build'a. Perpetual fallback modelis: raktas dengia visas versijas,
 // isleistas iki jo expiresAt. Pasibaigus licencijai padengtos versijos veikia
 // amzinai be watermark; velesnes (parsisiustos is npm) — watermark, kol neatsinaujinta.
-const RELEASE_DATE = new Date('2026-07-22T00:00:00Z');
+const RELEASE_DATE = new Date('2026-07-23T00:00:00Z');
 // Oficialus vieso demo puslapio hostname'ai — jiems watermark/license modalai
 // visada islaikomi isjungti, nepriklausomai nuo rakto/serverio busenos. SAUGU:
 // tai musu paciu valdomas domenas, tad integratorius savo produkcinei app'ai
@@ -81383,14 +81479,11 @@ class AiChatPanel {
     attachedFiles = signal([], ...(ngDevMode ? [{ debugName: "attachedFiles" }] : /* istanbul ignore next */ []));
     modelDropdownOpen = signal(false, ...(ngDevMode ? [{ debugName: "modelDropdownOpen" }] : /* istanbul ignore next */ []));
     copiedKey = signal(null, ...(ngDevMode ? [{ debugName: "copiedKey" }] : /* istanbul ignore next */ []));
-    static TEXT_EXTENSIONS = new Set([
-        'txt', 'log', 'md', 'csv', 'json', 'xml', 'yaml', 'yml',
-        'js', 'ts', 'jsx', 'tsx', 'py', 'sql', 'html', 'css', 'scss',
-        'sh', 'bash', 'conf', 'env', 'ini', 'toml', 'lock',
-    ]);
-    static DOCX_EXTENSIONS = new Set(['docx', 'doc']);
-    static MAX_FILE_CHARS = 40_000;
-    static MAX_TOTAL_FILE_CHARS = 100_000;
+    // Files are sent to the backend as raw bytes; the panel does not parse them.
+    // These guards only keep a single WebSocket message from getting unreasonably
+    // large, since the browser still has to encode and send it.
+    static MAX_FILE_BYTES = 10 * 1024 * 1024; // 10 MB per file
+    static MAX_TOTAL_FILE_BYTES = 25 * 1024 * 1024; // 25 MB total
     parsedMessages = computed(() => this.aiChatService.messages().map(msg => ({
         ...msg,
         segments: this.parseSegments(msg.text),
@@ -81444,10 +81537,16 @@ class AiChatPanel {
         this.fileInputRef?.nativeElement.click();
     }
     onFilesSelected(event) {
-        const files = event.target.files;
+        const input = event.target;
+        const files = input.files;
         if (!files?.length)
             return;
         Array.from(files).forEach((file) => {
+            if (file.size > AiChatPanel.MAX_FILE_BYTES) {
+                const mb = AiChatPanel.MAX_FILE_BYTES / (1024 * 1024);
+                this.aiChatService.errorText.set(`"${file.name}" is larger than ${mb} MB and was not attached.`);
+                return;
+            }
             if (file.type.startsWith('image/')) {
                 const reader = new FileReader();
                 reader.onload = () => {
@@ -81458,59 +81557,23 @@ class AiChatPanel {
                 };
                 reader.readAsDataURL(file);
             }
-            else if (this.isTextFile(file)) {
+            else {
+                // Attach the raw file. Nothing is parsed here: the panel is only an
+                // input/output surface, and the backend decides how to read each file.
                 const reader = new FileReader();
                 reader.onload = () => {
-                    const raw = reader.result;
-                    const content = raw.length > AiChatPanel.MAX_FILE_CHARS
-                        ? raw.slice(0, AiChatPanel.MAX_FILE_CHARS) + '\n[...truncated]'
-                        : raw;
-                    this.attachedFiles.update((fs) => [...fs, { name: file.name, content, size: file.size }]);
+                    const result = reader.result; // "data:<mime>;base64,<data>"
+                    const comma = result.indexOf(',');
+                    const data = comma >= 0 ? result.slice(comma + 1) : result;
+                    this.attachedFiles.update((fs) => [
+                        ...fs,
+                        { name: file.name, mimeType: file.type || 'application/octet-stream', size: file.size, data },
+                    ]);
                 };
-                reader.readAsText(file, 'utf-8');
-            }
-            else if (this.isWordFile(file)) {
-                void this.extractWordText(file);
+                reader.readAsDataURL(file);
             }
         });
-        event.target.value = '';
-    }
-    isTextFile(file) {
-        if (file.type.startsWith('text/'))
-            return true;
-        const ext = file.name.split('.').pop()?.toLowerCase() ?? '';
-        return AiChatPanel.TEXT_EXTENSIONS.has(ext);
-    }
-    isWordFile(file) {
-        const ext = file.name.split('.').pop()?.toLowerCase() ?? '';
-        return AiChatPanel.DOCX_EXTENSIONS.has(ext);
-    }
-    async extractWordText(file) {
-        const ext = file.name.split('.').pop()?.toLowerCase() ?? '';
-        if (ext === 'doc') {
-            this.attachedFiles.update((fs) => [
-                ...fs,
-                { name: file.name, content: '[.doc (old Word format) is not supported. Please save the file as .docx or .txt and try again.]', size: file.size },
-            ]);
-            return;
-        }
-        try {
-            const arrayBuffer = await file.arrayBuffer();
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const mammoth = await import('mammoth');
-            const result = await mammoth.extractRawText({ arrayBuffer });
-            const raw = result.value ?? '';
-            const content = raw.length > AiChatPanel.MAX_FILE_CHARS
-                ? raw.slice(0, AiChatPanel.MAX_FILE_CHARS) + '\n[...truncated]'
-                : raw;
-            this.attachedFiles.update((fs) => [...fs, { name: file.name, content: content || '[Empty document]', size: file.size }]);
-        }
-        catch {
-            this.attachedFiles.update((fs) => [
-                ...fs,
-                { name: file.name, content: '[Could not extract text from this Word document]', size: file.size },
-            ]);
-        }
+        input.value = '';
     }
     removeAttachment(index) {
         this.attachedImages.update((imgs) => imgs.filter((_, i) => i !== index));
@@ -81522,8 +81585,7 @@ class AiChatPanel {
         window.open(img.dataUrl, '_blank');
     }
     previewFile(file) {
-        const blob = new Blob([file.content], { type: 'text/plain;charset=utf-8' });
-        window.open(URL.createObjectURL(blob), '_blank');
+        window.open(`data:${file.mimeType};base64,${file.data}`, '_blank');
     }
     copyCode(content, mi, si) {
         void navigator.clipboard.writeText(content.trim()).then(() => {
@@ -81587,15 +81649,15 @@ class AiChatPanel {
             payload['images'] = images.map((img) => ({ mediaType: img.mediaType, dataUrl: img.dataUrl }));
         }
         if (files.length > 0) {
-            let totalChars = 0;
+            let totalBytes = 0;
             payload['files'] = files
                 .filter((f) => {
-                if (totalChars >= AiChatPanel.MAX_TOTAL_FILE_CHARS)
+                if (totalBytes + f.size > AiChatPanel.MAX_TOTAL_FILE_BYTES)
                     return false;
-                totalChars += f.content.length;
+                totalBytes += f.size;
                 return true;
             })
-                .map((f) => ({ name: f.name, content: f.content }));
+                .map((f) => ({ name: f.name, mimeType: f.mimeType, size: f.size, data: f.data }));
         }
         if (this.socket?.readyState === WebSocket.OPEN) {
             this.socket.send(JSON.stringify(payload));
@@ -90448,4 +90510,4 @@ class ChoiceModel {
  */
 
 export { ForgeInitializerService as $, APPLICATION_LOCALE_VALUE as A, BadgeModel as B, ChartModel as C, DynamicTextPipe as D, ElementActionService as E, ElementActionButtonToneEnum as F, ElementActionButtonVariantEnum as G, ElementActionDialogOperationEnum as H, ElementActionResponseModeEnum as I, ElementActionSetValueModeEnum as J, ElementActionToastPositionEnum as K, ElementActionToastVariantEnum as L, MarkupSecurityService as M, NvbIcon as N, ElementActionTriggerEnum as O, ElementActionTypeEnum as P, ElementBaseModel as Q, ElementDataSourceUseForEnum as R, StateService as S, ElementExecutionModeEnum as T, UiTranslationService as U, ElementFocusService as V, ElementTypesEnum as W, EmptyBlockModel as X, EventService as Y, ExpressionService as Z, FileUploadModel as _, ElementWrapper as a, TableColumnAlignEnum as a$, HeaderTabEnum as a0, IconModel as a1, IframeModel as a2, ImageModel as a3, LOCALE_CHOICES as a4, ListBoxModel as a5, ListGridModel as a6, MessageCardModel as a7, MultiSelectInputModel as a8, NGX_VIEW_BUILDER_PROJECT_LAYER as a9, NgxViewBuilderRuntime as aA, NgxViewBuilderSaveRequestedSourceEnum as aB, NgxViewBuilderTableSettingsSourceEnum as aC, NgxViewBuilderThemeModeEnum as aD, NgxViewBuilderTriggerEngineService as aE, NgxViewBuilderTriggerEventEnum as aF, NgxViewBuilderValidator as aG, NgxViewBuilderWebsocketMessageModeEnum as aH, NumberInputModel as aI, NumberStepperModel as aJ, PageTitleModel as aK, PanelModel as aL, PhoneInputModel as aM, ProgressBarModel as aN, ProgressFlowModel as aO, PropertyModel as aP, RadioInputModel as aQ, RichTextModel as aR, RuntimeVariableSourceTypeEnum as aS, SelectButtonModel as aT, SelectInputModel as aU, SignaturePadModel as aV, SingleCheckboxModel as aW, SliderModel as aX, SpacerModel as aY, SplitterModel as aZ, StatsCardModel as a_, NGX_VIEW_BUILDER_TEMPLATES_CAPABILITY as aa, NGX_VIEW_BUILDER_TEMPLATES_FEATURE_PACK_ID as ab, NGX_VIEW_BUILDER_UI_TRANSLATIONS as ac, NgxViewBuilder as ad, NgxViewBuilderActionExecutorService as ae, NgxViewBuilderAlignEnum as af, NgxViewBuilderApiService as ag, NgxViewBuilderAutomationActionTypeEnum as ah, NgxViewBuilderAutomationService as ai, NgxViewBuilderBuilder as aj, NgxViewBuilderBuilderTabRenderModeEnum as ak, NgxViewBuilderChromePositionEnum as al, NgxViewBuilderDataSourceTypeEnum as am, NgxViewBuilderDialogCloseReasonEnum as an, NgxViewBuilderExecutionReasonEnum as ao, NgxViewBuilderHeadlessService as ap, NgxViewBuilderInteractionStatusEnum as aq, NgxViewBuilderPageNavigationModeEnum as ar, NgxViewBuilderPreviewModeEnum as as, NgxViewBuilderProcessService as at, NgxViewBuilderRenderModeEnum as au, NgxViewBuilderRenderPhaseEnum as av, NgxViewBuilderRenderer as aw, NgxViewBuilderRuleExecutedBranchEnum as ax, NgxViewBuilderRuleRunModeEnum as ay, NgxViewBuilderRulesEngineService as az, AUTOMATION_BUILDER_TAB_ID as b, TableColumnCellActionsDisplayModeEnum as b0, TableColumnTypeEnum as b1, TableFilterControlTypeEnum as b2, TableFilterOptionsSourceTypeEnum as b3, TableInlineEditStartModeEnum as b4, TableInlineEditorTypeEnum as b5, TableModel as b6, TableRowActionsDropdownButtonStyleEnum as b7, TableStatusToneEnum as b8, TabsModel as b9, TabsProModel as ba, TemplateEngineService as bb, TemplateStorageModeEnum as bc, TemplatesEditor as bd, TextAreaModel as be, TextInputModel as bf, TimePickerModel as bg, ToastModel as bh, ToggleSwitchModel as bi, UiTranslatePipe as bj, ValueChangeTriggerEnum as bk, VideoModel as bl, bridgeNgxViewBuilderApiEvents as bm, createTemplatesLibraryProperty as bn, provideNgxViewBuilderExtensions as bo, provideNgxViewBuilderProjectLayer as bp, provideNgxViewBuilderProjectLayers as bq, provideNgxViewBuilderRuntime as br, provideNgxViewBuilderUiTranslations as bs, AccordionModel as c, ApplicationLocaleService as d, AutocompleteModel as e, AutomationStudio as f, AvatarModel as g, BreadcrumbsModel as h, BuilderModel as i, BuilderPageDisplayModeEnum as j, ButtonModel as k, CheckboxInputModel as l, ChoiceModel as m, ColumnFragmentModeEnum as n, CreatorStructureService as o, CustomHtmlModel as p, DatePickerModel as q, DateRangeModel as r, DialogModel as s, DividerModel as t, DocumentationGenerator as u, DynamicPanelModel as v, DynamicTableColumnModel as w, DynamicTableModel as x, DynamicTableRowColumnModel as y, EN_UI_DICTIONARY as z };
-//# sourceMappingURL=ngx-view-builder-ngx-view-builder-G2BnNzUY.mjs.map
+//# sourceMappingURL=ngx-view-builder-ngx-view-builder-DUoF0Ief.mjs.map