@ngxviewbuilder/runtime 0.10.4 → 0.11.0

package/fesm2022/{ngxviewbuilder-runtime-toast-element-CuvET6fw.mjs → ngxviewbuilder-runtime-toast-element-CRVkV1HD.mjs}

@@ -1 +1 @@
-import{NgClass as r}from"@angular/common";import*as o from"@angular/core";import{input as v,signal as p,inject as a,computed as e,ChangeDetectionStrategy as u,Component as m}from"@angular/core";import{c as b,E as h,U as g,S as x,a as l,N as c,D as d}from"./ngxviewbuilder-runtime-ngxviewbuilder-runtime-DDs_WA4L.mjs";class n{model=v.required(...ngDevMode?[{debugName:"model"}]:[]);tid=b(this.model,"nvb-toast","toast");visible=p(true,...ngDevMode?[{debugName:"visible"}]:[]);elementActionService=a(h);uiTranslationService=a(g);hideTimeoutId=null;autoHideStartedAt=0;autoHideDelayMs=0;autoHideRemainingMs=0;isEditor=e(()=>x.isEditor(),...ngDevMode?[{debugName:"isEditor"}]:[]);shellClass=e(()=>{const t=this.resolvePosition();return{[`nvb-toast-shell--${t}`]:true,"nvb-toast-shell--editor":this.isEditor()}},...ngDevMode?[{debugName:"shellClass"}]:[]);variantClass=e(()=>`nvb-toast--${this.resolveVariant()}`,...ngDevMode?[{debugName:"variantClass"}]:[]);iconName=e(()=>{const t=String(this.model()?.icon??"").trim();if(t){return t}switch(this.resolveVariant()){case"success":return"check_circle";case"warning":return"warning";case"error":return"error";default:return"info"}},...ngDevMode?[{debugName:"iconName"}]:[]);showActionButton=e(()=>String(this.model()?.actionText??"").trim().length>0,...ngDevMode?[{debugName:"showActionButton"}]:[]);ngOnInit(){this.visible.set(Boolean(this.model()?.initiallyVisible??true));if(this.isEditor()){this.visible.set(true);return}this.scheduleAutoHide()}ngOnDestroy(){this.clearAutoHide()}onToastClick(t){t.stopPropagation();void this.runActions("click")}onActionClick(t){t.preventDefault();t.stopPropagation();void this.runActions("action")}onDismissClick(t){t.preventDefault();t.stopPropagation();this.visible.set(false);this.clearAutoHide();void this.runActions("dismiss")}pauseAutoHide(){if(this.isEditor()||this.hideTimeoutId===null){return}const t=Date.now()-this.autoHideStartedAt;this.autoHideRemainingMs=Math.max(1e3,this.autoHideDelayMs-t);this.clearAutoHide()}resumeAutoHide(){if(this.isEditor()||!this.visible()||!this.model().autoHide||this.hideTimeoutId!==null){return}this.scheduleAutoHide(this.autoHideRemainingMs||this.resolveAutoHideDelayMs())}resolvedTitle(){const t=String(this.model()?.title??"").trim();return t==="Notification"?this.uiTranslationService.translate("toast.titleDefault","Notification"):t}resolvedDescription(){const t=String(this.model()?.descriptionText??"").trim();return t==="Toast message"?this.uiTranslationService.translate("toast.descriptionDefault","Toast message"):t}dismissLabel(){return this.uiTranslationService.translate("common.dismiss","Dismiss")}toastAriaLive(){return this.resolveVariant()==="info"?"polite":"assertive"}toastRole(){return this.toastAriaLive()==="assertive"?"alert":"status"}scheduleAutoHide(t=this.resolveAutoHideDelayMs()){this.clearAutoHide();if(!this.visible()){return}if(!this.model().autoHide){return}this.autoHideDelayMs=t;this.autoHideRemainingMs=t;this.autoHideStartedAt=Date.now();this.hideTimeoutId=setTimeout(()=>{this.visible.set(false);this.hideTimeoutId=null;void this.runActions("autoHide")},t)}clearAutoHide(){if(this.hideTimeoutId===null){return}clearTimeout(this.hideTimeoutId);this.hideTimeoutId=null}resolveAutoHideDelayMs(){const t=Number(this.model()?.autoHideMs);if(Number.isFinite(t)&&t>=0){return Math.floor(t)}return 7e3}async runActions(t){const i={action:t,value:this.model().value,item:null,row:null};const s=String(this.model().name??"").trim();if(s){i[s]=this.model().value}await this.elementActionService.runActions(this.model(),this.model().events??[],"click",i)}resolveVariant(){const t=String(this.model()?.variant??"info").trim().toLowerCase();if(t==="error"||t==="danger"||t==="risk"){return"error"}if(t==="warning"||t==="warn"){return"warning"}if(t==="success"||t==="ok"){return"success"}if(t==="info"||t==="neutral"){return"info"}return"info"}resolvePosition(){const t=String(this.model()?.position??"top-right").trim().toLowerCase();if(t==="top-left"||t==="top-center"||t==="top-right"||t==="bottom-left"||t==="bottom-center"||t==="bottom-right"){return t}return"top-right"}static ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.4",ngImport:o,type:n,deps:[],target:o.ɵɵFactoryTarget.Component});static ɵcmp=o.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.4",type:n,isStandalone:true,selector:"toast-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:o,template:"<element-wrapper [model]=\"model()\">\n  @if (visible()) {\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" [attr.data-testid]=\"tid('root')\">\n      <article\n        class=\"nvb-toast\"\n        [ngClass]=\"variantClass()\"\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\n        [attr.role]=\"toastRole()\"\n        [attr.aria-live]=\"toastAriaLive()\"\n        (click)=\"onToastClick($event)\"\n        (mouseenter)=\"pauseAutoHide()\"\n        (mouseleave)=\"resumeAutoHide()\"\n        (focusin)=\"pauseAutoHide()\"\n        (focusout)=\"resumeAutoHide()\"\n      >\n        @if (model().showIcon) {\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\n          </span>\n        }\n\n        <div class=\"nvb-toast__content\">\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\n\n          @if (resolvedDescription()) {\n            <p class=\"nvb-toast__description\">\n              {{ resolvedDescription() | dynamicText: model() }}\n            </p>\n          }\n        </div>\n\n        @if (showActionButton()) {\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\n            {{ model().actionText | dynamicText: model() }}\n          </button>\n        }\n\n        @if (model().dismissible) {\n          <button\n            type=\"button\"\n            class=\"nvb-toast__dismiss\"\n            (click)=\"onDismissClick($event)\"\n            [attr.aria-label]=\"dismissLabel()\"\n          >\n            <nvb-icon name=\"close\"></nvb-icon>\n          </button>\n        }\n      </article>\n    </section>\n  }\n</element-wrapper>\n",styles:[":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--nvb-color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--nvb-color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--nvb-color-neutral-000);color:var(--nvb-color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--nvb-color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--nvb-color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--nvb-color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--nvb-color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--nvb-color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--nvb-color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--nvb-color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--nvb-color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--nvb-color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"],dependencies:[{kind:"component",type:l,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:r,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"component",type:c,selector:"nvb-icon",inputs:["name","svg","ariaLabel"]},{kind:"pipe",type:d,name:"dynamicText"}],changeDetection:o.ChangeDetectionStrategy.OnPush})}o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.4",ngImport:o,type:n,decorators:[{type:m,args:[{selector:"toast-element",changeDetection:u.OnPush,imports:[l,r,d,c],template:"<element-wrapper [model]=\"model()\">\n  @if (visible()) {\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" [attr.data-testid]=\"tid('root')\">\n      <article\n        class=\"nvb-toast\"\n        [ngClass]=\"variantClass()\"\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\n        [attr.role]=\"toastRole()\"\n        [attr.aria-live]=\"toastAriaLive()\"\n        (click)=\"onToastClick($event)\"\n        (mouseenter)=\"pauseAutoHide()\"\n        (mouseleave)=\"resumeAutoHide()\"\n        (focusin)=\"pauseAutoHide()\"\n        (focusout)=\"resumeAutoHide()\"\n      >\n        @if (model().showIcon) {\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\n          </span>\n        }\n\n        <div class=\"nvb-toast__content\">\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\n\n          @if (resolvedDescription()) {\n            <p class=\"nvb-toast__description\">\n              {{ resolvedDescription() | dynamicText: model() }}\n            </p>\n          }\n        </div>\n\n        @if (showActionButton()) {\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\n            {{ model().actionText | dynamicText: model() }}\n          </button>\n        }\n\n        @if (model().dismissible) {\n          <button\n            type=\"button\"\n            class=\"nvb-toast__dismiss\"\n            (click)=\"onDismissClick($event)\"\n            [attr.aria-label]=\"dismissLabel()\"\n          >\n            <nvb-icon name=\"close\"></nvb-icon>\n          </button>\n        }\n      </article>\n    </section>\n  }\n</element-wrapper>\n",styles:[":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--nvb-color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--nvb-color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--nvb-color-neutral-000);color:var(--nvb-color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--nvb-color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--nvb-color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--nvb-color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--nvb-color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--nvb-color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--nvb-color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--nvb-color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--nvb-color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--nvb-color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"]}]}],propDecorators:{model:[{type:o.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{n as ToastElement};
+import{NgClass as r}from"@angular/common";import*as o from"@angular/core";import{input as v,signal as p,inject as a,computed as e,ChangeDetectionStrategy as u,Component as m}from"@angular/core";import{c as b,E as h,U as g,S as x,a as l,N as c,D as d}from"./ngxviewbuilder-runtime-ngxviewbuilder-runtime-C9Kow4Ye.mjs";class n{model=v.required(...ngDevMode?[{debugName:"model"}]:[]);tid=b(this.model,"nvb-toast","toast");visible=p(true,...ngDevMode?[{debugName:"visible"}]:[]);elementActionService=a(h);uiTranslationService=a(g);hideTimeoutId=null;autoHideStartedAt=0;autoHideDelayMs=0;autoHideRemainingMs=0;isEditor=e(()=>x.isEditor(),...ngDevMode?[{debugName:"isEditor"}]:[]);shellClass=e(()=>{const t=this.resolvePosition();return{[`nvb-toast-shell--${t}`]:true,"nvb-toast-shell--editor":this.isEditor()}},...ngDevMode?[{debugName:"shellClass"}]:[]);variantClass=e(()=>`nvb-toast--${this.resolveVariant()}`,...ngDevMode?[{debugName:"variantClass"}]:[]);iconName=e(()=>{const t=String(this.model()?.icon??"").trim();if(t){return t}switch(this.resolveVariant()){case"success":return"check_circle";case"warning":return"warning";case"error":return"error";default:return"info"}},...ngDevMode?[{debugName:"iconName"}]:[]);showActionButton=e(()=>String(this.model()?.actionText??"").trim().length>0,...ngDevMode?[{debugName:"showActionButton"}]:[]);ngOnInit(){this.visible.set(Boolean(this.model()?.initiallyVisible??true));if(this.isEditor()){this.visible.set(true);return}this.scheduleAutoHide()}ngOnDestroy(){this.clearAutoHide()}onToastClick(t){t.stopPropagation();void this.runActions("click")}onActionClick(t){t.preventDefault();t.stopPropagation();void this.runActions("action")}onDismissClick(t){t.preventDefault();t.stopPropagation();this.visible.set(false);this.clearAutoHide();void this.runActions("dismiss")}pauseAutoHide(){if(this.isEditor()||this.hideTimeoutId===null){return}const t=Date.now()-this.autoHideStartedAt;this.autoHideRemainingMs=Math.max(1e3,this.autoHideDelayMs-t);this.clearAutoHide()}resumeAutoHide(){if(this.isEditor()||!this.visible()||!this.model().autoHide||this.hideTimeoutId!==null){return}this.scheduleAutoHide(this.autoHideRemainingMs||this.resolveAutoHideDelayMs())}resolvedTitle(){const t=String(this.model()?.title??"").trim();return t==="Notification"?this.uiTranslationService.translate("toast.titleDefault","Notification"):t}resolvedDescription(){const t=String(this.model()?.descriptionText??"").trim();return t==="Toast message"?this.uiTranslationService.translate("toast.descriptionDefault","Toast message"):t}dismissLabel(){return this.uiTranslationService.translate("common.dismiss","Dismiss")}toastAriaLive(){return this.resolveVariant()==="info"?"polite":"assertive"}toastRole(){return this.toastAriaLive()==="assertive"?"alert":"status"}scheduleAutoHide(t=this.resolveAutoHideDelayMs()){this.clearAutoHide();if(!this.visible()){return}if(!this.model().autoHide){return}this.autoHideDelayMs=t;this.autoHideRemainingMs=t;this.autoHideStartedAt=Date.now();this.hideTimeoutId=setTimeout(()=>{this.visible.set(false);this.hideTimeoutId=null;void this.runActions("autoHide")},t)}clearAutoHide(){if(this.hideTimeoutId===null){return}clearTimeout(this.hideTimeoutId);this.hideTimeoutId=null}resolveAutoHideDelayMs(){const t=Number(this.model()?.autoHideMs);if(Number.isFinite(t)&&t>=0){return Math.floor(t)}return 7e3}async runActions(t){const i={action:t,value:this.model().value,item:null,row:null};const s=String(this.model().name??"").trim();if(s){i[s]=this.model().value}await this.elementActionService.runActions(this.model(),this.model().events??[],"click",i)}resolveVariant(){const t=String(this.model()?.variant??"info").trim().toLowerCase();if(t==="error"||t==="danger"||t==="risk"){return"error"}if(t==="warning"||t==="warn"){return"warning"}if(t==="success"||t==="ok"){return"success"}if(t==="info"||t==="neutral"){return"info"}return"info"}resolvePosition(){const t=String(this.model()?.position??"top-right").trim().toLowerCase();if(t==="top-left"||t==="top-center"||t==="top-right"||t==="bottom-left"||t==="bottom-center"||t==="bottom-right"){return t}return"top-right"}static ɵfac=o.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.1.4",ngImport:o,type:n,deps:[],target:o.ɵɵFactoryTarget.Component});static ɵcmp=o.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.1.4",type:n,isStandalone:true,selector:"toast-element",inputs:{model:{classPropertyName:"model",publicName:"model",isSignal:true,isRequired:true,transformFunction:null}},ngImport:o,template:"<element-wrapper [model]=\"model()\">\n  @if (visible()) {\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" [attr.data-testid]=\"tid('root')\">\n      <article\n        class=\"nvb-toast\"\n        [ngClass]=\"variantClass()\"\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\n        [attr.role]=\"toastRole()\"\n        [attr.aria-live]=\"toastAriaLive()\"\n        (click)=\"onToastClick($event)\"\n        (mouseenter)=\"pauseAutoHide()\"\n        (mouseleave)=\"resumeAutoHide()\"\n        (focusin)=\"pauseAutoHide()\"\n        (focusout)=\"resumeAutoHide()\"\n      >\n        @if (model().showIcon) {\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\n          </span>\n        }\n\n        <div class=\"nvb-toast__content\">\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\n\n          @if (resolvedDescription()) {\n            <p class=\"nvb-toast__description\">\n              {{ resolvedDescription() | dynamicText: model() }}\n            </p>\n          }\n        </div>\n\n        @if (showActionButton()) {\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\n            {{ model().actionText | dynamicText: model() }}\n          </button>\n        }\n\n        @if (model().dismissible) {\n          <button\n            type=\"button\"\n            class=\"nvb-toast__dismiss\"\n            (click)=\"onDismissClick($event)\"\n            [attr.aria-label]=\"dismissLabel()\"\n          >\n            <nvb-icon name=\"close\"></nvb-icon>\n          </button>\n        }\n      </article>\n    </section>\n  }\n</element-wrapper>\n",styles:[":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--nvb-color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--nvb-color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--nvb-color-neutral-000);color:var(--nvb-color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--nvb-color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--nvb-color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--nvb-color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--nvb-color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--nvb-color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--nvb-color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--nvb-color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--nvb-color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--nvb-color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"],dependencies:[{kind:"component",type:l,selector:"element-wrapper",inputs:["model","controlIdInput","labelForInput","groupRole","showTextWrapperInput"],exportAs:["elementWrapper"]},{kind:"directive",type:r,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"component",type:c,selector:"nvb-icon",inputs:["name","svg","ariaLabel"]},{kind:"pipe",type:d,name:"dynamicText"}],changeDetection:o.ChangeDetectionStrategy.OnPush})}o.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.1.4",ngImport:o,type:n,decorators:[{type:m,args:[{selector:"toast-element",changeDetection:u.OnPush,imports:[l,r,d,c],template:"<element-wrapper [model]=\"model()\">\n  @if (visible()) {\n    <section class=\"nvb-toast-shell\" [ngClass]=\"shellClass()\" [attr.data-testid]=\"tid('root')\">\n      <article\n        class=\"nvb-toast\"\n        [ngClass]=\"variantClass()\"\n        [class.nvb-toast--no-icon]=\"!model().showIcon\"\n        [attr.role]=\"toastRole()\"\n        [attr.aria-live]=\"toastAriaLive()\"\n        (click)=\"onToastClick($event)\"\n        (mouseenter)=\"pauseAutoHide()\"\n        (mouseleave)=\"resumeAutoHide()\"\n        (focusin)=\"pauseAutoHide()\"\n        (focusout)=\"resumeAutoHide()\"\n      >\n        @if (model().showIcon) {\n          <span class=\"nvb-toast__media\" aria-hidden=\"true\">\n            <nvb-icon class=\"nvb-toast__icon\" [name]=\"iconName()\"></nvb-icon>\n          </span>\n        }\n\n        <div class=\"nvb-toast__content\">\n          <h4 class=\"nvb-toast__title\">{{ resolvedTitle() | dynamicText: model() }}</h4>\n\n          @if (resolvedDescription()) {\n            <p class=\"nvb-toast__description\">\n              {{ resolvedDescription() | dynamicText: model() }}\n            </p>\n          }\n        </div>\n\n        @if (showActionButton()) {\n          <button type=\"button\" class=\"nvb-toast__action\" (click)=\"onActionClick($event)\">\n            {{ model().actionText | dynamicText: model() }}\n          </button>\n        }\n\n        @if (model().dismissible) {\n          <button\n            type=\"button\"\n            class=\"nvb-toast__dismiss\"\n            (click)=\"onDismissClick($event)\"\n            [attr.aria-label]=\"dismissLabel()\"\n          >\n            <nvb-icon name=\"close\"></nvb-icon>\n          </button>\n        }\n      </article>\n    </section>\n  }\n</element-wrapper>\n",styles:[":host{display:block;width:100%;font-family:var(--nvb-font-family)}.nvb-toast-shell{position:fixed;z-index:2147483500;width:min(360px,100vw - 32px);pointer-events:none;display:grid;gap:16px}.nvb-toast-shell--editor{position:relative;inset:auto;width:min(360px,100%);max-width:100%;margin-top:8px}.nvb-toast-shell--top-left{top:16px;left:16px}.nvb-toast-shell--top-center{top:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--top-right{top:16px;right:16px}.nvb-toast-shell--bottom-left{bottom:16px;left:16px}.nvb-toast-shell--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.nvb-toast-shell--bottom-right{bottom:16px;right:16px}.nvb-toast{--nvb-toast-icon-color: var(--nvb-color-primary-600);pointer-events:auto;position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 24px;gap:4px 12px;align-items:start;min-height:52px;padding:12px;border:1px solid var(--nvb-color-neutral-200);border-radius:var(--nvb-toast-radius, 4px);background:var(--nvb-color-neutral-000);color:var(--nvb-color-neutral-800);box-shadow:0 8px 16px color-mix(in oklab,var(--nvb-color-neutral-950) 14%,transparent),0 0 2px color-mix(in oklab,var(--nvb-color-neutral-950) 12%,transparent);overflow:hidden}.nvb-toast__media{grid-column:1;grid-row:1/span 2;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;color:var(--nvb-toast-icon-color);flex:0 0 auto}.nvb-toast__icon{font-size:20px;line-height:1}.nvb-toast__content{grid-column:2;min-width:0;display:grid;gap:2px}.nvb-toast--no-icon .nvb-toast__content,.nvb-toast--no-icon .nvb-toast__action{grid-column:1/3}.nvb-toast__title{margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;color:var(--nvb-color-neutral-900)}.nvb-toast__description{margin:0;font-size:13px;line-height:18px;color:var(--nvb-color-neutral-600);overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nvb-toast__action{grid-column:2;justify-self:start;min-height:22px;padding:0;border:0;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-primary-700);font:inherit;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}.nvb-toast__action:hover{color:var(--nvb-color-primary-800);text-decoration:underline;text-underline-offset:2px}.nvb-toast__action:focus-visible,.nvb-toast__dismiss:focus-visible{outline:0;box-shadow:var(--nvb-focus-ring)}.nvb-toast__dismiss{grid-column:3;grid-row:1;width:24px;height:24px;margin:-2px -2px 0 0;border:1px solid transparent;border-radius:var(--nvb-button-radius, 4px);background:transparent;color:var(--nvb-color-neutral-600);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,color .16s ease}.nvb-toast__dismiss:hover{background:var(--nvb-color-neutral-100);color:var(--nvb-color-neutral-900)}.nvb-toast--info{--nvb-toast-icon-color: var(--nvb-color-primary-600)}.nvb-toast--success{--nvb-toast-icon-color: var(--nvb-color-success-700)}.nvb-toast--warning{--nvb-toast-icon-color: var(--nvb-color-warning-700)}.nvb-toast--error{--nvb-toast-icon-color: var(--nvb-color-risk-700)}@media(max-width:520px){.nvb-toast-shell{width:min(360px,100vw - 24px)}}\n"]}]}],propDecorators:{model:[{type:o.Input,args:[{isSignal:true,alias:"model",required:true}]}]}});export{n as ToastElement};

package/fesm2022/ngxviewbuilder-runtime.mjs

@@ -1 +1 @@
-import{A as s,b as i,d as t,e as o,f as l,g as r,h as n,i as E,B as d,j as _,k as S,l as c,m as u,n as T,o as A,p as m,q as I,C as N,r as C,s as L,t as M,u as R,v as b,w as g,x as B,y as p,z as O,F as P,G as v,H as V,I as D,J as x,K as w,L as U,O as y,P as G,Q as H,R as F,T as X,V as W,W as h,X as Y,Y as K,Z as k,_ as z,$ as f,a0 as Z,a1 as j,a2 as J,a3 as q,a4 as Q,a5 as $,a6 as ee,a7 as ae,a8 as se,a9 as ie,aa as te,D as oe,ab as le,ac as re,ad as ne,ae as Ee,af as de,ag as _e,ah as Se,ai as ce,E as ue,aj as Te,ak as Ae,al as me,am as Ie,an as Ne,ao as Ce,ap as Le,aq as Me,ar as Re,as as be,at as ge,au as Be,av as pe,aw as Oe,ax as Pe,ay as ve,az as Ve,aA as De,aB as xe,aC as we,aD as Ue,aE as ye,aF as Ge,aG as He,aH as Fe,aI as Xe,aJ as We,aK as he,aL as Ye,aM as Ke,aN as ke,aO as ze,aP as fe,aQ as Ze,aR as je,aS as Je,aT as qe,aU as Qe,aV as $e,aW as ea,aX as aa,aY as sa,aZ as ia,a_ as ta,a$ as oa,b0 as la,b1 as ra,b2 as na,M as Ea,b3 as da,b4 as _a,b5 as Sa,b6 as ca,b7 as ua,b8 as Ta,b9 as Aa,ba as ma,bb as Ia,bc as Na,bd as Ca,be as La,bf as Ma,bg as Ra,bh as ba,bi as ga,bj as Ba,bk as pa,bl as Oa,bm as Pa,bn as va,bo as Va,bp as Da,bq as xa,br as wa,bs as Ua,bt as ya,bu as Ga,bv as Ha,bw as Fa,bx as Xa,by as Wa,bz as ha,bA as Ya,bB as Ka,bC as ka,bD as za,bE as fa,bF as Za,bG as ja,bH as Ja,bI as qa,bJ as Qa,bK as $a,bL as es,bM as as,bN as ss,bO as is,bP as ts,bQ as os,bR as ls,bS as rs,bT as ns,N as Es,bU as ds,bV as _s,bW as Ss,bX as cs,bY as us,bZ as Ts,b_ as As,b$ as ms,c0 as Is,c1 as Ns,c2 as Cs,c3 as Ls,c4 as Ms,c5 as Rs,c6 as bs,c7 as gs,c8 as Bs,c9 as ps,ca as Os,cb as Ps,cc as vs,cd as Vs,ce as Ds,cf as xs,cg as ws,ch as Us,ci as ys,cj as Gs,ck as Hs,cl as Fs,cm as Xs,cn as Ws,co as hs,cp as Ys,cq as Ks,cr as ks,cs as zs,ct as fs,cu as Zs,cv as js,cw as Js,cx as qs,cy as Qs,cz as $s,cA as ei,S as ai,cB as si,cC as ii,cD as ti,cE as oi,cF as li,cG as ri,cH as ni,cI as Ei,cJ as di,cK as _i,cL as Si,cM as ci,cN as ui,cO as Ti,cP as Ai,cQ as mi,cR as Ii,cS as Ni,cT as Ci,cU as Li,cV as Mi,cW as Ri,cX as bi,cY as gi,cZ as Bi,c_ as pi,c$ as Oi,d0 as Pi,d1 as vi,d2 as Vi,d3 as Di,d4 as xi,d5 as wi,d6 as Ui,d7 as yi,d8 as Gi,d9 as Hi,da as Fi,db as Xi,U as Wi,dc as hi,dd as Yi,de as Ki,df as ki,dg as zi,dh as fi,di as Zi,dj as ji,dk as Ji,dl as qi,dm as Qi,dn as $i,dp as et,dq as at,dr as st,ds as it,dt as tt,du as ot,dv as lt,dw as rt,dx as nt,dy as Et,dz as dt,dA as _t,dB as St,dC as ct,dD as ut,dE as Tt,dF as At,dG as mt,dH as It,dI as Nt,dJ as Ct,dK as Lt,dL as Mt,dM as Rt,dN as bt,dO as gt,dP as Bt,dQ as pt,dR as Ot,dS as Pt,dT as vt,dU as Vt,dV as Dt,dW as xt,dX as wt,dY as Ut,dZ as yt,d_ as Gt,d$ as Ht,e0 as Ft,e1 as Xt,e2 as Wt,e3 as ht,e4 as Yt,e5 as Kt,e6 as kt,e7 as zt,e8 as ft,e9 as Zt,ea as jt,eb as Jt,ec as qt,ed as Qt,ee as $t,ef as eo,eg as ao,eh as so,ei as io,ej as to,ek as oo}from"./ngxviewbuilder-runtime-ngxviewbuilder-runtime-DDs_WA4L.mjs";export{s as ALIGN_CLASS_MAP,i as ALIGN_CLASS_PREFIX,t as APPLICATION_LOCALE_VALUE,o as AccordionElement,l as AccordionModel,r as ApplicationLocaleService,n as AutocompleteModel,E as AvatarModel,d as BLOCK_TAGS,_ as BUILT_IN_STRUCTURE_MIGRATIONS,S as BUILT_IN_TABLE_CELL_ELEMENT_TYPES,c as BadgeModel,u as BreadcrumbsModel,T as BuilderModel,A as BuilderPageDisplayModeEnum,m as BuilderTabRegistryService,I as ButtonModel,N as COLOR_CLASS_PREFIX,C as CURRENT_SCHEMA_VERSION,L as ChartModel,M as CheckboxInputModel,R as ChoiceModel,b as ColumnFragmentModeEnum,g as ColumnModel,B as ComponentRegistryService,p as ConfirmDialog,O as CreatorStructureService,P as CustomHtmlModel,v as DATA_JSON_CAPABLE_ELEMENT_TYPES,V as DEFAULT_FONT,D as DEFAULT_FONT_CLASS,x as DEFAULT_HIGHLIGHT_COLOR,w as DEFAULT_LINE_HEIGHT_VALUE,U as DEFAULT_MOBILE_BREAKPOINT,y as DEFAULT_SIZE_CLASS,G as DEFAULT_SIZE_VALUE,H as DEFAULT_TABLET_BREAKPOINT,F as DEFAULT_TABLE_COLUMNS,X as DEFAULT_TABLE_ROWS,W as DEFAULT_TEXT_COLOR,h as DataService,Y as DataSourceModel,K as DataSourceService,k as DatePickerModel,z as DateRangeModel,f as DialogDragController,Z as DialogElement,j as DialogModel,J as DividerModel,q as DomInstrumentationService,Q as DragAndDropService,$ as DragAutoScrollService,ee as DynamicPanel,ae as DynamicPanelModel,se as DynamicTableColumnModel,ie as DynamicTableModel,te as DynamicTableRowColumnModel,oe as DynamicTextPipe,le as ELEMENT_ROW_CONTEXT_KEY,re as ELEMENT_ROW_SCOPE_PATH_KEY,ne as EN_UI_DICTIONARY,Ee as EXCLUDE_FROM_DATA_JSON_KEY,de as ElementActionButtonToneEnum,_e as ElementActionButtonVariantEnum,Se as ElementActionDialogOperationEnum,ce as ElementActionResponseModeEnum,ue as ElementActionService,Te as ElementActionSetValueModeEnum,Ae as ElementActionToastPositionEnum,me as ElementActionToastVariantEnum,Ie as ElementActionTriggerEnum,Ne as ElementActionTypeEnum,Ce as ElementBaseModel,Le as ElementContentBox,Me as ElementContentRow,Re as ElementDataSourceUseForEnum,be as ElementDefaultsService,ge as ElementExecutionModeEnum,Be as ElementFocusService,pe as ElementTypesEnum,Oe as ElementsService,Pe as EmptyBlockElement,ve as EmptyBlockModel,Ve as EventService,De as ExpressionService,xe as FONT_CLASS_MAP,we as FONT_CLASS_PREFIX,Ue as FeaturePackRegistryService,ye as FileUploadModel,Ge as ForgeInitializerService,He as HIGHLIGHT_CLASS_PREFIX,Fe as HIGHLIGHT_SWATCHES,Xe as HISTORY_COALESCE_MS,We as HeaderModel,he as HeaderTabEnum,Ye as INDENT_CLASS_PREFIX,Ke as INLINE_TAGS,ke as IconModel,ze as IconSvgService,fe as IframeModel,Ze as ImageModel,je as LEGACY_LINE_HEIGHT_CLASS_MAP,Je as LEGACY_SCHEMA_VERSION,qe as LEGACY_SIZE_CLASS_MAP,Qe as LINE_HEIGHT_CLASS_MAP,$e as LINE_HEIGHT_CLASS_PREFIX,ea as LINE_HEIGHT_OPTION_VALUES,aa as LOCALE_CHOICES,sa as ListBoxModel,ia as ListGridModel,ta as LocalizationService,oa as MANAGED_STRUCTURE_SETTING_KEYS,la as MARK_TAG_MAP,ra as MAX_HISTORY_ENTRIES,na as MAX_INDENT_LEVEL,Ea as MarkupSecurityService,da as MessageCardModel,_a as ModelService,Sa as MultiSelectInputModel,ca as NGX_VIEW_BUILDER_AI_ACTION_TYPES,ua as NGX_VIEW_BUILDER_AI_API_VERSION,Ta as NGX_VIEW_BUILDER_AI_AUTOMATION_ACTION_TYPES,Aa as NGX_VIEW_BUILDER_AI_ROW_CONTAINERS,ma as NGX_VIEW_BUILDER_AI_TAB_CONTAINERS,Ia as NGX_VIEW_BUILDER_AI_TEMPLATES_CAPABILITY,Na as NGX_VIEW_BUILDER_AI_VALIDATOR_TYPES,Ca as NGX_VIEW_BUILDER_ANY_ELEMENT_TYPE,La as NGX_VIEW_BUILDER_BRIDGE_PROTOCOL_VERSION,Ma as NGX_VIEW_BUILDER_HOSTED_MCP_URL,Ra as NGX_VIEW_BUILDER_MCP_KEY_TTL_MS,ba as NGX_VIEW_BUILDER_PROJECT_LAYER,ga as NGX_VIEW_BUILDER_UI_TRANSLATIONS,Ba as NVB_TEXT_CONTEXT_KEY,pa as NgxViewBuilder,Oa as NgxViewBuilderActionExecutorService,Pa as NgxViewBuilderAiApiService,va as NgxViewBuilderAlignEnum,Va as NgxViewBuilderApiService,Da as NgxViewBuilderAutomationActionTypeEnum,xa as NgxViewBuilderAutomationService,wa as NgxViewBuilderBuilderTabRenderModeEnum,Ua as NgxViewBuilderChromePositionEnum,ya as NgxViewBuilderDataSourceTypeEnum,Ga as NgxViewBuilderDialogCloseReasonEnum,Ha as NgxViewBuilderExecutionReasonEnum,Fa as NgxViewBuilderHeadlessService,Xa as NgxViewBuilderInteractionStatusEnum,Wa as NgxViewBuilderMcpBridgeService,ha as NgxViewBuilderPageNavigationModeEnum,Ya as NgxViewBuilderPreviewModeEnum,Ka as NgxViewBuilderProcessService,ka as NgxViewBuilderRenderModeEnum,za as NgxViewBuilderRenderPhaseEnum,fa as NgxViewBuilderRenderer,Za as NgxViewBuilderRuleExecutedBranchEnum,ja as NgxViewBuilderRuleRunModeEnum,Ja as NgxViewBuilderRulesEngineService,qa as NgxViewBuilderRuntime,Qa as NgxViewBuilderSaveRequestedSourceEnum,$a as NgxViewBuilderTableSettingsSourceEnum,es as NgxViewBuilderThemeModeEnum,as as NgxViewBuilderTriggerEngineService,ss as NgxViewBuilderTriggerEventEnum,is as NgxViewBuilderValidator,ts as NgxViewBuilderWebsocketMessageModeEnum,os as NumberInputModel,ls as NumberStepperModel,rs as NvbElement,ns as NvbElementContextService,Es as NvbIcon,ds as NvbRichTextEditor,_s as NvbRows,Ss as NvbScope,cs as NvbSelect,us as NvbStyleOutlet,Ts as NvbTab,As as ObjectPanelModel,ms as PHONE_COUNTRY_OPTIONS,Is as PHONE_COUNTRY_PROPERTY_CHOICES,Ns as PageElement,Cs as PageTitleModel,Ls as PanelElement,Ms as PanelModel,Rs as PhoneInputModel,bs as PreviewRendererService,gs as ProgressBarModel,Bs as ProgressFlowElement,ps as ProgressFlowModel,Os as PropertyModel,Ps as RICH_TEXT_DEFAULT_TOOLBAR_TOOLS,vs as RICH_TEXT_TOOLBAR_ICONS,Vs as RICH_TEXT_TOOLBAR_TOOLS,Ds as ROOT_BLOCK_TAGS,xs as RadioInputModel,ws as RendererService,Us as RichTextModel,ys as RouterOutletModel,Gs as RowModel,Hs as RuntimeDynamicPanel,Fs as RuntimeVariableSourceTypeEnum,Xs as RuntimeVariablesService,Ws as SINGLE_OBJECT_CONTAINER_TYPES,hs as SIZE_CLASS_MAP,Ys as SIZE_CLASS_PREFIX,Ks as SIZE_OPTION_VALUES,ks as SPECIAL_CHARACTERS,zs as SelectButtonModel,fs as SelectInputModel,Zs as SettingsModel,js as SignaturePadModel,Js as SingleCheckboxModel,qs as SliderModel,Qs as SpacerModel,$s as SplitterElement,ei as SplitterModel,ai as StateService,si as StatsCardModel,ii as StructureMigrationService,ti as StructureModel,oi as StructureService,li as TABLE_BORDER_CLASS_PREFIX,ri as TABLE_CELL_BACKGROUND_SWATCHES,ni as TABLE_CELL_VALIGN_CLASS_MAP,Ei as TABLE_CELL_VALIGN_CLASS_PREFIX,di as TABLE_CLASS,_i as TABLE_PICKER_COLUMNS,Si as TABLE_PICKER_ROWS,ci as TASK_ITEM_CHECKED_CLASS,ui as TASK_ITEM_CLASS,Ti as TASK_ITEM_MARKER_WIDTH,Ai as TASK_LIST_CLASS,mi as TEMPLATE_CONTAINER_TYPES,Ii as TableCellElementRegistryService,Ni as TableColumnAlignEnum,Ci as TableColumnCellActionsDisplayModeEnum,Li as TableColumnTypeEnum,Mi as TableFilterControlTypeEnum,Ri as TableFilterOptionsSourceTypeEnum,bi as TableInlineEditStartModeEnum,gi as TableInlineEditorTypeEnum,Bi as TableModel,pi as TableRowActionsDropdownButtonStyleEnum,Oi as TableStatusToneEnum,Pi as TabsElement,vi as TabsModel,Vi as TabsProModel,Di as TemplateEngineService,xi as TemplateStorageModeEnum,wi as TextAreaModel,Ui as TextInputModel,yi as TimePickerModel,Gi as ToastModel,Hi as ToggleSwitchModel,Fi as TooltipComponent,Xi as UiTranslatePipe,Wi as UiTranslationService,hi as ValidatorService,Yi as ValueChangeTriggerEnum,Ki as VideoModel,ki as applyDynamicPanelRowNumberingContext,zi as applyElementRowContext,fi as applyRuntimeNumberingContext,Zi as applyStructureMigrations,ji as applyViewportBreakpoints,Ji as bridgeNgxViewBuilderApiEvents,qi as buildElementRowRuntimeContext,Qi as buildFocusKey,$i as buildResponsiveColumnStyle,et as clearStructureMigrationNotice,at as cloneRecord,st as cloneValue,it as composeCssSize,tt as configureStructureMigrations,ot as createUuid,lt as describeDragEvent,rt as describeElementModel,nt as describeEventTarget,Et as describeMouseEvent,dt as elements,_t as emptyTemplateContainerValue,St as getMobileBreakpoint,ct as getRuntimeTextContext,ut as getStructureMigrationConfig,Tt as getTabletBreakpoint,At as getViewportContentWidth,mt as isDataJsonCapableElementType,It as isDragDebugEnabled,Nt as isMobileViewport,Ct as isMobileWidth,Lt as isPlainRecord,Mt as isRelativeResponsiveWidth,Rt as isSingleObjectContainerType,bt as isTabletViewport,gt as isTabletWidth,Bt as isTemplateContainerType,pt as lastStructureMigration,Ot as logDragDebug,Pt as logDragDebugThrottled,vt as migrateStructure,Vt as normalizeBreakpoint,Dt as normalizeCssSizeUnit,xt as normalizeResponsiveCssSize,wt as normalizeStringList,Ut as provideNgxViewBuilderExtensions,yt as provideNgxViewBuilderMigrations,Gt as provideNgxViewBuilderProjectLayer,Ht as provideNgxViewBuilderProjectLayers,Ft as provideNgxViewBuilderRuntime,Xt as provideNgxViewBuilderUiTranslations,Wt as pruneStructureSettings,ht as readSchemaVersion,Yt as recordStructureMigration,Kt as resetStructureMigrationConfig,kt as resolveAllowedPhoneCountries,zt as resolveCssSizeSetting,ft as resolveElementRowContext,Zt as resolveElementRowScope,jt as resolveElementRowScopedPath,Jt as resolveFixedViewport,qt as resolvePhoneCountry,Qt as resolveResponsiveDisplayWidth,$t as resolveResponsiveWidth,eo as resolveRuntimeTextContextValue,ao as resolveStructureSettings,so as rowIndexOfCellPath,io as setElementRowContext,to as setViewportContentWidth,oo as templateRowPath};
+import{A as s,b as i,d as t,e as o,f as l,g as r,h as n,i as E,B as d,j as _,k as S,l as c,m as u,n as T,o as A,p as m,q as I,C as N,r as C,s as L,t as M,u as R,v as b,w as g,x as B,y as p,z as O,F as P,G as v,H as V,I as D,J as x,K as w,L as U,O as y,P as G,Q as H,R as F,T as X,V as W,W as h,X as Y,Y as K,Z as k,_ as z,$ as f,a0 as Z,a1 as j,a2 as J,a3 as q,a4 as Q,a5 as $,a6 as ee,a7 as ae,a8 as se,a9 as ie,aa as te,D as oe,ab as le,ac as re,ad as ne,ae as Ee,af as de,ag as _e,ah as Se,ai as ce,E as ue,aj as Te,ak as Ae,al as me,am as Ie,an as Ne,ao as Ce,ap as Le,aq as Me,ar as Re,as as be,at as ge,au as Be,av as pe,aw as Oe,ax as Pe,ay as ve,az as Ve,aA as De,aB as xe,aC as we,aD as Ue,aE as ye,aF as Ge,aG as He,aH as Fe,aI as Xe,aJ as We,aK as he,aL as Ye,aM as Ke,aN as ke,aO as ze,aP as fe,aQ as Ze,aR as je,aS as Je,aT as qe,aU as Qe,aV as $e,aW as ea,aX as aa,aY as sa,aZ as ia,a_ as ta,a$ as oa,b0 as la,b1 as ra,b2 as na,M as Ea,b3 as da,b4 as _a,b5 as Sa,b6 as ca,b7 as ua,b8 as Ta,b9 as Aa,ba as ma,bb as Ia,bc as Na,bd as Ca,be as La,bf as Ma,bg as Ra,bh as ba,bi as ga,bj as Ba,bk as pa,bl as Oa,bm as Pa,bn as va,bo as Va,bp as Da,bq as xa,br as wa,bs as Ua,bt as ya,bu as Ga,bv as Ha,bw as Fa,bx as Xa,by as Wa,bz as ha,bA as Ya,bB as Ka,bC as ka,bD as za,bE as fa,bF as Za,bG as ja,bH as Ja,bI as qa,bJ as Qa,bK as $a,bL as es,bM as as,bN as ss,bO as is,bP as ts,bQ as os,bR as ls,bS as rs,bT as ns,N as Es,bU as ds,bV as _s,bW as Ss,bX as cs,bY as us,bZ as Ts,b_ as As,b$ as ms,c0 as Is,c1 as Ns,c2 as Cs,c3 as Ls,c4 as Ms,c5 as Rs,c6 as bs,c7 as gs,c8 as Bs,c9 as ps,ca as Os,cb as Ps,cc as vs,cd as Vs,ce as Ds,cf as xs,cg as ws,ch as Us,ci as ys,cj as Gs,ck as Hs,cl as Fs,cm as Xs,cn as Ws,co as hs,cp as Ys,cq as Ks,cr as ks,cs as zs,ct as fs,cu as Zs,cv as js,cw as Js,cx as qs,cy as Qs,cz as $s,cA as ei,S as ai,cB as si,cC as ii,cD as ti,cE as oi,cF as li,cG as ri,cH as ni,cI as Ei,cJ as di,cK as _i,cL as Si,cM as ci,cN as ui,cO as Ti,cP as Ai,cQ as mi,cR as Ii,cS as Ni,cT as Ci,cU as Li,cV as Mi,cW as Ri,cX as bi,cY as gi,cZ as Bi,c_ as pi,c$ as Oi,d0 as Pi,d1 as vi,d2 as Vi,d3 as Di,d4 as xi,d5 as wi,d6 as Ui,d7 as yi,d8 as Gi,d9 as Hi,da as Fi,db as Xi,U as Wi,dc as hi,dd as Yi,de as Ki,df as ki,dg as zi,dh as fi,di as Zi,dj as ji,dk as Ji,dl as qi,dm as Qi,dn as $i,dp as et,dq as at,dr as st,ds as it,dt as tt,du as ot,dv as lt,dw as rt,dx as nt,dy as Et,dz as dt,dA as _t,dB as St,dC as ct,dD as ut,dE as Tt,dF as At,dG as mt,dH as It,dI as Nt,dJ as Ct,dK as Lt,dL as Mt,dM as Rt,dN as bt,dO as gt,dP as Bt,dQ as pt,dR as Ot,dS as Pt,dT as vt,dU as Vt,dV as Dt,dW as xt,dX as wt,dY as Ut,dZ as yt,d_ as Gt,d$ as Ht,e0 as Ft,e1 as Xt,e2 as Wt,e3 as ht,e4 as Yt,e5 as Kt,e6 as kt,e7 as zt,e8 as ft,e9 as Zt,ea as jt,eb as Jt,ec as qt,ed as Qt,ee as $t,ef as eo,eg as ao,eh as so,ei as io,ej as to,ek as oo}from"./ngxviewbuilder-runtime-ngxviewbuilder-runtime-C9Kow4Ye.mjs";export{s as ALIGN_CLASS_MAP,i as ALIGN_CLASS_PREFIX,t as APPLICATION_LOCALE_VALUE,o as AccordionElement,l as AccordionModel,r as ApplicationLocaleService,n as AutocompleteModel,E as AvatarModel,d as BLOCK_TAGS,_ as BUILT_IN_STRUCTURE_MIGRATIONS,S as BUILT_IN_TABLE_CELL_ELEMENT_TYPES,c as BadgeModel,u as BreadcrumbsModel,T as BuilderModel,A as BuilderPageDisplayModeEnum,m as BuilderTabRegistryService,I as ButtonModel,N as COLOR_CLASS_PREFIX,C as CURRENT_SCHEMA_VERSION,L as ChartModel,M as CheckboxInputModel,R as ChoiceModel,b as ColumnFragmentModeEnum,g as ColumnModel,B as ComponentRegistryService,p as ConfirmDialog,O as CreatorStructureService,P as CustomHtmlModel,v as DATA_JSON_CAPABLE_ELEMENT_TYPES,V as DEFAULT_FONT,D as DEFAULT_FONT_CLASS,x as DEFAULT_HIGHLIGHT_COLOR,w as DEFAULT_LINE_HEIGHT_VALUE,U as DEFAULT_MOBILE_BREAKPOINT,y as DEFAULT_SIZE_CLASS,G as DEFAULT_SIZE_VALUE,H as DEFAULT_TABLET_BREAKPOINT,F as DEFAULT_TABLE_COLUMNS,X as DEFAULT_TABLE_ROWS,W as DEFAULT_TEXT_COLOR,h as DataService,Y as DataSourceModel,K as DataSourceService,k as DatePickerModel,z as DateRangeModel,f as DialogDragController,Z as DialogElement,j as DialogModel,J as DividerModel,q as DomInstrumentationService,Q as DragAndDropService,$ as DragAutoScrollService,ee as DynamicPanel,ae as DynamicPanelModel,se as DynamicTableColumnModel,ie as DynamicTableModel,te as DynamicTableRowColumnModel,oe as DynamicTextPipe,le as ELEMENT_ROW_CONTEXT_KEY,re as ELEMENT_ROW_SCOPE_PATH_KEY,ne as EN_UI_DICTIONARY,Ee as EXCLUDE_FROM_DATA_JSON_KEY,de as ElementActionButtonToneEnum,_e as ElementActionButtonVariantEnum,Se as ElementActionDialogOperationEnum,ce as ElementActionResponseModeEnum,ue as ElementActionService,Te as ElementActionSetValueModeEnum,Ae as ElementActionToastPositionEnum,me as ElementActionToastVariantEnum,Ie as ElementActionTriggerEnum,Ne as ElementActionTypeEnum,Ce as ElementBaseModel,Le as ElementContentBox,Me as ElementContentRow,Re as ElementDataSourceUseForEnum,be as ElementDefaultsService,ge as ElementExecutionModeEnum,Be as ElementFocusService,pe as ElementTypesEnum,Oe as ElementsService,Pe as EmptyBlockElement,ve as EmptyBlockModel,Ve as EventService,De as ExpressionService,xe as FONT_CLASS_MAP,we as FONT_CLASS_PREFIX,Ue as FeaturePackRegistryService,ye as FileUploadModel,Ge as ForgeInitializerService,He as HIGHLIGHT_CLASS_PREFIX,Fe as HIGHLIGHT_SWATCHES,Xe as HISTORY_COALESCE_MS,We as HeaderModel,he as HeaderTabEnum,Ye as INDENT_CLASS_PREFIX,Ke as INLINE_TAGS,ke as IconModel,ze as IconSvgService,fe as IframeModel,Ze as ImageModel,je as LEGACY_LINE_HEIGHT_CLASS_MAP,Je as LEGACY_SCHEMA_VERSION,qe as LEGACY_SIZE_CLASS_MAP,Qe as LINE_HEIGHT_CLASS_MAP,$e as LINE_HEIGHT_CLASS_PREFIX,ea as LINE_HEIGHT_OPTION_VALUES,aa as LOCALE_CHOICES,sa as ListBoxModel,ia as ListGridModel,ta as LocalizationService,oa as MANAGED_STRUCTURE_SETTING_KEYS,la as MARK_TAG_MAP,ra as MAX_HISTORY_ENTRIES,na as MAX_INDENT_LEVEL,Ea as MarkupSecurityService,da as MessageCardModel,_a as ModelService,Sa as MultiSelectInputModel,ca as NGX_VIEW_BUILDER_AI_ACTION_TYPES,ua as NGX_VIEW_BUILDER_AI_API_VERSION,Ta as NGX_VIEW_BUILDER_AI_AUTOMATION_ACTION_TYPES,Aa as NGX_VIEW_BUILDER_AI_ROW_CONTAINERS,ma as NGX_VIEW_BUILDER_AI_TAB_CONTAINERS,Ia as NGX_VIEW_BUILDER_AI_TEMPLATES_CAPABILITY,Na as NGX_VIEW_BUILDER_AI_VALIDATOR_TYPES,Ca as NGX_VIEW_BUILDER_ANY_ELEMENT_TYPE,La as NGX_VIEW_BUILDER_BRIDGE_PROTOCOL_VERSION,Ma as NGX_VIEW_BUILDER_HOSTED_MCP_URL,Ra as NGX_VIEW_BUILDER_MCP_KEY_TTL_MS,ba as NGX_VIEW_BUILDER_PROJECT_LAYER,ga as NGX_VIEW_BUILDER_UI_TRANSLATIONS,Ba as NVB_TEXT_CONTEXT_KEY,pa as NgxViewBuilder,Oa as NgxViewBuilderActionExecutorService,Pa as NgxViewBuilderAiApiService,va as NgxViewBuilderAlignEnum,Va as NgxViewBuilderApiService,Da as NgxViewBuilderAutomationActionTypeEnum,xa as NgxViewBuilderAutomationService,wa as NgxViewBuilderBuilderTabRenderModeEnum,Ua as NgxViewBuilderChromePositionEnum,ya as NgxViewBuilderDataSourceTypeEnum,Ga as NgxViewBuilderDialogCloseReasonEnum,Ha as NgxViewBuilderExecutionReasonEnum,Fa as NgxViewBuilderHeadlessService,Xa as NgxViewBuilderInteractionStatusEnum,Wa as NgxViewBuilderMcpBridgeService,ha as NgxViewBuilderPageNavigationModeEnum,Ya as NgxViewBuilderPreviewModeEnum,Ka as NgxViewBuilderProcessService,ka as NgxViewBuilderRenderModeEnum,za as NgxViewBuilderRenderPhaseEnum,fa as NgxViewBuilderRenderer,Za as NgxViewBuilderRuleExecutedBranchEnum,ja as NgxViewBuilderRuleRunModeEnum,Ja as NgxViewBuilderRulesEngineService,qa as NgxViewBuilderRuntime,Qa as NgxViewBuilderSaveRequestedSourceEnum,$a as NgxViewBuilderTableSettingsSourceEnum,es as NgxViewBuilderThemeModeEnum,as as NgxViewBuilderTriggerEngineService,ss as NgxViewBuilderTriggerEventEnum,is as NgxViewBuilderValidator,ts as NgxViewBuilderWebsocketMessageModeEnum,os as NumberInputModel,ls as NumberStepperModel,rs as NvbElement,ns as NvbElementContextService,Es as NvbIcon,ds as NvbRichTextEditor,_s as NvbRows,Ss as NvbScope,cs as NvbSelect,us as NvbStyleOutlet,Ts as NvbTab,As as ObjectPanelModel,ms as PHONE_COUNTRY_OPTIONS,Is as PHONE_COUNTRY_PROPERTY_CHOICES,Ns as PageElement,Cs as PageTitleModel,Ls as PanelElement,Ms as PanelModel,Rs as PhoneInputModel,bs as PreviewRendererService,gs as ProgressBarModel,Bs as ProgressFlowElement,ps as ProgressFlowModel,Os as PropertyModel,Ps as RICH_TEXT_DEFAULT_TOOLBAR_TOOLS,vs as RICH_TEXT_TOOLBAR_ICONS,Vs as RICH_TEXT_TOOLBAR_TOOLS,Ds as ROOT_BLOCK_TAGS,xs as RadioInputModel,ws as RendererService,Us as RichTextModel,ys as RouterOutletModel,Gs as RowModel,Hs as RuntimeDynamicPanel,Fs as RuntimeVariableSourceTypeEnum,Xs as RuntimeVariablesService,Ws as SINGLE_OBJECT_CONTAINER_TYPES,hs as SIZE_CLASS_MAP,Ys as SIZE_CLASS_PREFIX,Ks as SIZE_OPTION_VALUES,ks as SPECIAL_CHARACTERS,zs as SelectButtonModel,fs as SelectInputModel,Zs as SettingsModel,js as SignaturePadModel,Js as SingleCheckboxModel,qs as SliderModel,Qs as SpacerModel,$s as SplitterElement,ei as SplitterModel,ai as StateService,si as StatsCardModel,ii as StructureMigrationService,ti as StructureModel,oi as StructureService,li as TABLE_BORDER_CLASS_PREFIX,ri as TABLE_CELL_BACKGROUND_SWATCHES,ni as TABLE_CELL_VALIGN_CLASS_MAP,Ei as TABLE_CELL_VALIGN_CLASS_PREFIX,di as TABLE_CLASS,_i as TABLE_PICKER_COLUMNS,Si as TABLE_PICKER_ROWS,ci as TASK_ITEM_CHECKED_CLASS,ui as TASK_ITEM_CLASS,Ti as TASK_ITEM_MARKER_WIDTH,Ai as TASK_LIST_CLASS,mi as TEMPLATE_CONTAINER_TYPES,Ii as TableCellElementRegistryService,Ni as TableColumnAlignEnum,Ci as TableColumnCellActionsDisplayModeEnum,Li as TableColumnTypeEnum,Mi as TableFilterControlTypeEnum,Ri as TableFilterOptionsSourceTypeEnum,bi as TableInlineEditStartModeEnum,gi as TableInlineEditorTypeEnum,Bi as TableModel,pi as TableRowActionsDropdownButtonStyleEnum,Oi as TableStatusToneEnum,Pi as TabsElement,vi as TabsModel,Vi as TabsProModel,Di as TemplateEngineService,xi as TemplateStorageModeEnum,wi as TextAreaModel,Ui as TextInputModel,yi as TimePickerModel,Gi as ToastModel,Hi as ToggleSwitchModel,Fi as TooltipComponent,Xi as UiTranslatePipe,Wi as UiTranslationService,hi as ValidatorService,Yi as ValueChangeTriggerEnum,Ki as VideoModel,ki as applyDynamicPanelRowNumberingContext,zi as applyElementRowContext,fi as applyRuntimeNumberingContext,Zi as applyStructureMigrations,ji as applyViewportBreakpoints,Ji as bridgeNgxViewBuilderApiEvents,qi as buildElementRowRuntimeContext,Qi as buildFocusKey,$i as buildResponsiveColumnStyle,et as clearStructureMigrationNotice,at as cloneRecord,st as cloneValue,it as composeCssSize,tt as configureStructureMigrations,ot as createUuid,lt as describeDragEvent,rt as describeElementModel,nt as describeEventTarget,Et as describeMouseEvent,dt as elements,_t as emptyTemplateContainerValue,St as getMobileBreakpoint,ct as getRuntimeTextContext,ut as getStructureMigrationConfig,Tt as getTabletBreakpoint,At as getViewportContentWidth,mt as isDataJsonCapableElementType,It as isDragDebugEnabled,Nt as isMobileViewport,Ct as isMobileWidth,Lt as isPlainRecord,Mt as isRelativeResponsiveWidth,Rt as isSingleObjectContainerType,bt as isTabletViewport,gt as isTabletWidth,Bt as isTemplateContainerType,pt as lastStructureMigration,Ot as logDragDebug,Pt as logDragDebugThrottled,vt as migrateStructure,Vt as normalizeBreakpoint,Dt as normalizeCssSizeUnit,xt as normalizeResponsiveCssSize,wt as normalizeStringList,Ut as provideNgxViewBuilderExtensions,yt as provideNgxViewBuilderMigrations,Gt as provideNgxViewBuilderProjectLayer,Ht as provideNgxViewBuilderProjectLayers,Ft as provideNgxViewBuilderRuntime,Xt as provideNgxViewBuilderUiTranslations,Wt as pruneStructureSettings,ht as readSchemaVersion,Yt as recordStructureMigration,Kt as resetStructureMigrationConfig,kt as resolveAllowedPhoneCountries,zt as resolveCssSizeSetting,ft as resolveElementRowContext,Zt as resolveElementRowScope,jt as resolveElementRowScopedPath,Jt as resolveFixedViewport,qt as resolvePhoneCountry,Qt as resolveResponsiveDisplayWidth,$t as resolveResponsiveWidth,eo as resolveRuntimeTextContextValue,ao as resolveStructureSettings,so as rowIndexOfCellPath,io as setElementRowContext,to as setViewportContentWidth,oo as templateRowPath};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngxviewbuilder/runtime",
-  "version": "0.10.4",
+  "version": "0.11.0",
   "description": "Native Angular runtime for NGX View Builder: renders forms, dashboards, data tables and guided flows defined as JSON.",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://ngxviewbuilder.io",

package/styles/components.css

@@ -1,4 +1,7 @@
-.nvb-root {
+.nvb-root,
+/* Tokens derived from the palette resolve where they are declared, so a dark page section
+   declares them again; otherwise it inherits the light values computed at the root. */
+.nvb-section-theme-dark {
   --nvb-button-height-lg: 40px;
   --nvb-button-height-ms: 32px;
   --nvb-button-height-sm: 32px;

package/styles/tokens.css

@@ -131,12 +131,27 @@
     --nvb-text-md: var(--nvb-text-body1);
     --nvb-text-lg: var(--nvb-text-subtitle2);
     --nvb-color-surface-mix-target: var(--nvb-color-neutral-000);
+    /* Categorical chart colours for parts of a whole (pie, donut). The order is what keeps
+       neighbouring slices apart for colour blind readers, so override the values, not the
+       order. A single series uses --nvb-chart-single, the brand colour. */
+    --nvb-chart-single: var(--nvb-color-primary-500);
+    --nvb-chart-1: #2a78d6;
+    --nvb-chart-2: #eb6834;
+    --nvb-chart-3: #1baf7a;
+    --nvb-chart-4: #eda100;
+    --nvb-chart-5: #e87ba4;
+    --nvb-chart-6: #008300;
+    --nvb-chart-7: #4a3aa7;
+    --nvb-chart-8: #e34948;
+    --nvb-chart-other: var(--nvb-color-neutral-400);
   }
 
   :host([data-theme='dark']),
   :host(.nvb-dark),
   .nvb-root.nvb-dark,
-  .nvb-root[data-theme='dark'] {
+  .nvb-root[data-theme='dark'],
+  /* A panel used as a dark page section takes the dark palette for itself only. */
+  .nvb-section-theme-dark {
     --nvb-font-family-base:
       'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont,
       'Helvetica Neue', sans-serif;
@@ -256,6 +271,16 @@
     --nvb-text-md: var(--nvb-text-body1);
     --nvb-text-lg: var(--nvb-text-subtitle2);
     --nvb-color-surface-mix-target: var(--nvb-color-neutral-050);
+    --nvb-chart-single: var(--nvb-color-primary-500);
+    --nvb-chart-1: #3987e5;
+    --nvb-chart-2: #d95926;
+    --nvb-chart-3: #199e70;
+    --nvb-chart-4: #c98500;
+    --nvb-chart-5: #d55181;
+    --nvb-chart-6: #008300;
+    --nvb-chart-7: #9085e9;
+    --nvb-chart-8: #e66767;
+    --nvb-chart-other: var(--nvb-color-neutral-500);
   }
 
   /* The palette above is a light theme, and every text colour in it assumes a light
@@ -308,7 +333,8 @@
   :host([data-theme='dark']) .nvb-root,
   :host(.nvb-dark) .nvb-root,
   .nvb-root.nvb-dark,
-  .nvb-root[data-theme='dark'] {
+  .nvb-root[data-theme='dark'],
+  .nvb-section-theme-dark {
     color-scheme: dark;
   }
 }

package/types/ngxviewbuilder-runtime.d.ts

@@ -232,7 +232,9 @@ declare enum BuilderPageDisplayModeEnum {
 type BuilderPageDisplayMode = `${BuilderPageDisplayModeEnum}`;
 declare enum NgxViewBuilderRenderModeEnum {
     Page = "page",
-    Dialog = "dialog"
+    Dialog = "dialog",
+    /** Full width, no page chrome, every page stacked: a blank canvas for web pages. */
+    Canvas = "canvas"
 }
 type NgxViewBuilderRenderMode = `${NgxViewBuilderRenderModeEnum}`;
 declare enum NgxViewBuilderAlignEnum {
@@ -3651,8 +3653,15 @@ interface IUploadedFileMeta {
     type: string;
     lastModified: number;
     fileKey?: string;
+    /** File content without the `data:` prefix, set when the element stores files as base64. */
+    base64?: string;
     raw?: Record<string, unknown>;
 }
+/**
+ * Where an uploaded file ends up. `base64` keeps the content in the form value, `server`
+ * sends it to the upload data source and keeps only the key the server returns.
+ */
+type FileUploadStorageMode = 'base64' | 'server';
 
 declare class FileUploadModel extends ElementBaseModel {
     multiple: boolean;
@@ -3662,6 +3671,11 @@ declare class FileUploadModel extends ElementBaseModel {
     showPreview: boolean;
     displayMode: 'compact' | 'modern' | 'grid';
     dropzoneText: string;
+    /**
+     * `base64` (default) stores each file's content in the value; `server` uploads it through
+     * `uploadDataSourceName` and stores the returned `fileKey` instead.
+     */
+    storageMode: FileUploadStorageMode;
     uploadDataSourceName: string;
     downloadDataSourceName: string;
     deleteDataSourceName: string;
@@ -3672,7 +3686,17 @@ declare class FileUploadModel extends ElementBaseModel {
     uploadFormFieldName: string;
     dataService: DataService;
     constructor(data?: Partial<FileUploadModel>, dataService?: DataService);
+    /**
+     * Views saved before `storageMode` existed uploaded whenever an upload source was set, so
+     * a missing mode with a source keeps meaning `server`.
+     */
+    static resolveStorageMode(value: unknown, uploadDataSourceName: unknown): FileUploadStorageMode;
     setFiles(files: IUploadedFileMeta[]): void;
+    /**
+     * Every file is stored in the same shape whatever the storage mode:
+     * `{ name, size, type, lastModified, contentType }`, plus `base64` when the content is kept
+     * in the form, or `fileKey` when the server holds it.
+     */
     private serializeFileMeta;
     private normalizeFieldName;
 }
@@ -3807,6 +3831,14 @@ declare class MessageCardModel extends ElementBaseModel {
         variant: string;
         condition: string;
     }>;
+    /**
+     * How the message is drawn: `soft` (tinted banner, the default), `card` (white card
+     * with the icon in a tile above the text, for feature lists and empty states) or
+     * `accent` (a coloured rule on the left and no box, for a hint inside a form).
+     */
+    appearance: 'soft' | 'card' | 'accent';
+    /** `stacked` puts the buttons under the text; `inline` beside it when there is room. */
+    actionsLayout: 'stacked' | 'inline';
     dismissible: boolean;
     initiallyVisible: boolean;
     constructor(data?: Partial<MessageCardModel>);
@@ -3903,6 +3935,17 @@ declare class PanelModel extends ElementBaseModel {
     titleUnderlineWidth: 1 | 2 | 3;
     headerTemplateName: string;
     headerTemplate: string;
+    /** Full width band with its own background and centred content, for web pages. */
+    sectionMode: boolean;
+    sectionTheme: 'light' | 'dark';
+    /** Same names as on emptyBlock, so a background reads the same everywhere. */
+    backgroundImage: string;
+    /** Colour laid over the background image, e.g. `rgba(0, 0, 0, 0.45)`. */
+    backgroundOverlayColor: string;
+    sectionContentWidth: string;
+    sectionPaddingY: string;
+    sectionMinHeight: string;
+    sectionVerticalAlign: 'start' | 'center' | 'end';
     constructor(data: Partial<PanelModel>);
     private normalizeOptionalText;
 }
@@ -6092,7 +6135,7 @@ declare class SettingsModel implements ISettings {
     templateActionMap?: Record<string, string>;
     customCss?: string;
     customCssUrls?: string[];
-    renderMode?: 'page' | 'dialog';
+    renderMode?: 'page' | 'dialog' | 'canvas';
     dialogWidth?: string;
     dialogWidthUnit?: 'px' | '%';
     dialogTitle?: string;
@@ -8552,6 +8595,21 @@ declare class PageElement implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageElement, "page-element", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "pageRows": { "alias": "pageRows"; "required": false; "isSignal": true; }; "pageIsEmpty": { "alias": "pageIsEmpty"; "required": false; "isSignal": true; }; "isEditor": { "alias": "isEditor"; "required": false; "isSignal": true; }; "isMobileView": { "alias": "isMobileView"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * A panel can act as a page section: a full width band with its own background, and the
+ * content centred inside it at a readable width. This is what web pages are made of (hero,
+ * features, call to action), and it works in every render mode, best in `canvas`.
+ *
+ * The content is centred with side padding of `max(gutter, (100% - width) / 2)` rather than
+ * an extra wrapper element, so the panel keeps the same DOM in the builder and the runtime.
+ */
+type PanelSectionTheme = 'light' | 'dark';
+interface IPanelSectionLayout {
+    active: boolean;
+    theme: PanelSectionTheme;
+    style: Record<string, string | null>;
+}
+
 declare class PanelElement implements OnInit, OnDestroy {
     private elementFocusService;
     private eventService;
@@ -8598,6 +8656,7 @@ declare class PanelElement implements OnInit, OnDestroy {
     onDrop(event: DragEvent): void;
     hasContentRows(): boolean;
     onHeaderTemplateClick(event: MouseEvent): Promise<void>;
+    section(): IPanelSectionLayout;
     panelStyle(): Record<string, string | null>;
     hasScrollableMaxHeight(): boolean;
     headerStyle(): Record<string, string | null>;
@@ -9724,4 +9783,4 @@ declare function isTabletViewport(): boolean;
 declare function normalizeBreakpoint(value: unknown, fallback: number): number;
 
 export { ALIGN_CLASS_MAP, ALIGN_CLASS_PREFIX, APPLICATION_LOCALE_VALUE, AccordionElement, AccordionModel, ApplicationLocaleService, AutocompleteModel, AvatarModel, BLOCK_TAGS, BUILT_IN_STRUCTURE_MIGRATIONS, BUILT_IN_TABLE_CELL_ELEMENT_TYPES, BadgeModel, BreadcrumbsModel, BuilderModel, BuilderPageDisplayModeEnum, BuilderTabRegistryService, ButtonModel, COLOR_CLASS_PREFIX, CURRENT_SCHEMA_VERSION, ChartModel, CheckboxInputModel, ChoiceModel, ColumnFragmentModeEnum, ColumnModel, ComponentRegistryService, ConfirmDialog, CreatorStructureService, CustomHtmlModel, DATA_JSON_CAPABLE_ELEMENT_TYPES, DEFAULT_FONT, DEFAULT_FONT_CLASS, DEFAULT_HIGHLIGHT_COLOR, DEFAULT_LINE_HEIGHT_VALUE, DEFAULT_MOBILE_BREAKPOINT, DEFAULT_SIZE_CLASS, DEFAULT_SIZE_VALUE, DEFAULT_TABLET_BREAKPOINT, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DataService, DataSourceModel, DataSourceService, DatePickerModel, DateRangeModel, DialogDragController, DialogElement, DialogModel, DividerModel, DomInstrumentationService, DragAndDropService, DragAutoScrollService, DynamicPanel, DynamicPanelModel, DynamicTableColumnModel, DynamicTableModel, DynamicTableRowColumnModel, DynamicTextPipe, ELEMENT_ROW_CONTEXT_KEY, ELEMENT_ROW_SCOPE_PATH_KEY, EN_UI_DICTIONARY, EXCLUDE_FROM_DATA_JSON_KEY, ElementActionButtonToneEnum, ElementActionButtonVariantEnum, ElementActionDialogOperationEnum, ElementActionResponseModeEnum, ElementActionService, ElementActionSetValueModeEnum, ElementActionToastPositionEnum, ElementActionToastVariantEnum, ElementActionTriggerEnum, ElementActionTypeEnum, ElementBaseModel, ElementContentBox, ElementContentRow, ElementDataSourceUseForEnum, ElementDefaultsService, ElementExecutionModeEnum, ElementFocusService, ElementTypesEnum, ElementsService, EmptyBlockElement, EmptyBlockModel, EventService, ExpressionService, FONT_CLASS_MAP, FONT_CLASS_PREFIX, FeaturePackRegistryService, FileUploadModel, ForgeInitializerService, HIGHLIGHT_CLASS_PREFIX, HIGHLIGHT_SWATCHES, HISTORY_COALESCE_MS, HeaderModel, HeaderTabEnum, INDENT_CLASS_PREFIX, INLINE_TAGS, IconModel, IconSvgService, IframeModel, ImageModel, LEGACY_LINE_HEIGHT_CLASS_MAP, LEGACY_SCHEMA_VERSION, LEGACY_SIZE_CLASS_MAP, LINE_HEIGHT_CLASS_MAP, LINE_HEIGHT_CLASS_PREFIX, LINE_HEIGHT_OPTION_VALUES, LOCALE_CHOICES, ListBoxModel, ListGridModel, LocalizationService, MANAGED_STRUCTURE_SETTING_KEYS, MARK_TAG_MAP, MAX_HISTORY_ENTRIES, MAX_INDENT_LEVEL, MarkupSecurityService, MessageCardModel, ModelService, MultiSelectInputModel, NGX_VIEW_BUILDER_AI_ACTION_TYPES, NGX_VIEW_BUILDER_AI_API_VERSION, NGX_VIEW_BUILDER_AI_AUTOMATION_ACTION_TYPES, NGX_VIEW_BUILDER_AI_ROW_CONTAINERS, NGX_VIEW_BUILDER_AI_TAB_CONTAINERS, NGX_VIEW_BUILDER_AI_TEMPLATES_CAPABILITY, NGX_VIEW_BUILDER_AI_VALIDATOR_TYPES, NGX_VIEW_BUILDER_ANY_ELEMENT_TYPE, NGX_VIEW_BUILDER_BRIDGE_PROTOCOL_VERSION, NGX_VIEW_BUILDER_HOSTED_MCP_URL, NGX_VIEW_BUILDER_MCP_KEY_TTL_MS, NGX_VIEW_BUILDER_PROJECT_LAYER, NGX_VIEW_BUILDER_UI_TRANSLATIONS, NVB_TEXT_CONTEXT_KEY, NgxViewBuilder, NgxViewBuilderActionExecutorService, NgxViewBuilderAiApiService, NgxViewBuilderAlignEnum, NgxViewBuilderApiService, NgxViewBuilderAutomationActionTypeEnum, NgxViewBuilderAutomationService, NgxViewBuilderBuilderTabRenderModeEnum, NgxViewBuilderChromePositionEnum, NgxViewBuilderDataSourceTypeEnum, NgxViewBuilderDialogCloseReasonEnum, NgxViewBuilderExecutionReasonEnum, NgxViewBuilderHeadlessService, NgxViewBuilderInteractionStatusEnum, NgxViewBuilderMcpBridgeService, NgxViewBuilderPageNavigationModeEnum, NgxViewBuilderPreviewModeEnum, NgxViewBuilderProcessService, NgxViewBuilderRenderModeEnum, NgxViewBuilderRenderPhaseEnum, NgxViewBuilderRenderer, NgxViewBuilderRuleExecutedBranchEnum, NgxViewBuilderRuleRunModeEnum, NgxViewBuilderRulesEngineService, NgxViewBuilderRuntime, NgxViewBuilderSaveRequestedSourceEnum, NgxViewBuilderTableSettingsSourceEnum, NgxViewBuilderThemeModeEnum, NgxViewBuilderTriggerEngineService, NgxViewBuilderTriggerEventEnum, NgxViewBuilderValidator, NgxViewBuilderWebsocketMessageModeEnum, NumberInputModel, NumberStepperModel, NvbElement, NvbElementContextService, NvbIcon, NvbRichTextEditor, NvbRows, NvbScope, NvbSelect, NvbStyleOutlet, NvbTab, ObjectPanelModel, PHONE_COUNTRY_OPTIONS, PHONE_COUNTRY_PROPERTY_CHOICES, PageElement, PageTitleModel, PanelElement, PanelModel, PhoneInputModel, PreviewRendererService, ProgressBarModel, ProgressFlowElement, ProgressFlowModel, PropertyModel, RICH_TEXT_DEFAULT_TOOLBAR_TOOLS, RICH_TEXT_TOOLBAR_ICONS, RICH_TEXT_TOOLBAR_TOOLS, ROOT_BLOCK_TAGS, RadioInputModel, RendererService, RichTextModel, RouterOutletModel, RowModel, RuntimeDynamicPanel, RuntimeVariableSourceTypeEnum, RuntimeVariablesService, SINGLE_OBJECT_CONTAINER_TYPES, SIZE_CLASS_MAP, SIZE_CLASS_PREFIX, SIZE_OPTION_VALUES, SPECIAL_CHARACTERS, SelectButtonModel, SelectInputModel, SettingsModel, SignaturePadModel, SingleCheckboxModel, SliderModel, SpacerModel, SplitterElement, SplitterModel, StateService, StatsCardModel, StructureMigrationService, StructureModel, StructureService, TABLE_BORDER_CLASS_PREFIX, TABLE_CELL_BACKGROUND_SWATCHES, TABLE_CELL_VALIGN_CLASS_MAP, TABLE_CELL_VALIGN_CLASS_PREFIX, TABLE_CLASS, TABLE_PICKER_COLUMNS, TABLE_PICKER_ROWS, TASK_ITEM_CHECKED_CLASS, TASK_ITEM_CLASS, TASK_ITEM_MARKER_WIDTH, TASK_LIST_CLASS, TEMPLATE_CONTAINER_TYPES, TableCellElementRegistryService, TableColumnAlignEnum, TableColumnCellActionsDisplayModeEnum, TableColumnTypeEnum, TableFilterControlTypeEnum, TableFilterOptionsSourceTypeEnum, TableInlineEditStartModeEnum, TableInlineEditorTypeEnum, TableModel, TableRowActionsDropdownButtonStyleEnum, TableStatusToneEnum, TabsElement, TabsModel, TabsProModel, TemplateEngineService, TemplateStorageModeEnum, TextAreaModel, TextInputModel, TimePickerModel, ToastModel, ToggleSwitchModel, TooltipComponent, UiTranslatePipe, UiTranslationService, ValidatorService, ValueChangeTriggerEnum, VideoModel, applyDynamicPanelRowNumberingContext, applyElementRowContext, applyRuntimeNumberingContext, applyStructureMigrations, applyViewportBreakpoints, bridgeNgxViewBuilderApiEvents, buildElementRowRuntimeContext, buildFocusKey, buildResponsiveColumnStyle, clearStructureMigrationNotice, cloneRecord, cloneValue, composeCssSize, configureStructureMigrations, createUuid, describeDragEvent, describeElementModel, describeEventTarget, describeMouseEvent, elements, emptyTemplateContainerValue, getMobileBreakpoint, getRuntimeTextContext, getStructureMigrationConfig, getTabletBreakpoint, getViewportContentWidth, isDataJsonCapableElementType, isDragDebugEnabled, isMobileViewport, isMobileWidth, isPlainRecord, isRelativeResponsiveWidth, isSingleObjectContainerType, isTabletViewport, isTabletWidth, isTemplateContainerType, lastStructureMigration, logDragDebug, logDragDebugThrottled, migrateStructure, normalizeBreakpoint, normalizeCssSizeUnit, normalizeResponsiveCssSize, normalizeStringList, provideNgxViewBuilderExtensions, provideNgxViewBuilderMigrations, provideNgxViewBuilderProjectLayer, provideNgxViewBuilderProjectLayers, provideNgxViewBuilderRuntime, provideNgxViewBuilderUiTranslations, pruneStructureSettings, readSchemaVersion, recordStructureMigration, resetStructureMigrationConfig, resolveAllowedPhoneCountries, resolveCssSizeSetting, resolveElementRowContext, resolveElementRowScope, resolveElementRowScopedPath, resolveFixedViewport, resolvePhoneCountry, resolveResponsiveDisplayWidth, resolveResponsiveWidth, resolveRuntimeTextContextValue, resolveStructureSettings, rowIndexOfCellPath, setElementRowContext, setViewportContentWidth, templateRowPath };
-export type { BreadcrumbsItemsSource, BuilderPageDisplayMode, ChartLegendLayout, ChartType, ColumnFragmentMode, DatePickerMode, DialogHeadingLevel, DialogMode, DialogTriggerAlign, DialogTriggerIconPosition, DialogTriggerVariant, ElementActionButtonTone, ElementActionButtonVariant, ElementActionDialogOperation, ElementActionResponseMode, ElementActionSetValueMode, ElementActionToastPosition, ElementActionToastVariant, ElementActionTrigger, ElementActionType, ElementDataSourceUseFor, ElementExecutionMode, ElementGroup, ElementRowScope, EmptyBlockFormStatus, EmptyBlockType, IAccordionItem, IBaseElement, IBreadcrumbItem, IBuilderAfterPropertyChangedEvent, IBuilderDragEndEvent, IBuilderDragStartEvent, IBuilderDropEvent, IBuilderElementContextMenuPayload, IBuilderElementContextMenuRequestedEvent, IBuilderElementFocusEvent, IBuilderPageFocusEvent, IBuilderPropertyMutationPayload, IBuilderRelocateDragStartEvent, IBuilderSaveRequestedEvent, IBuilderSidebarGroupDeleteRequestedEvent, IBuilderSidebarGroupDeletedEvent, IBuilderSidebarGroupDeletedPayload, IBuilderSidebarGroupsSetRequestedEvent, IBuilderSidebarSaveFocusedCopyRequestedEvent, IBuilderSidebarSaveFocusedGroupRequestedEvent, IBuilderSidebarTemplateSavedEvent, IBuilderSidebarTemplatesSetRequestedEvent, IBuilderSidebarTemplatesSetRequestedPayload, IChartPoint, IColumn, ICreateModelOptions, IDataSource, IDataSourceChangedEvent, IDataSourceParamMapping, IDateRangeValue, IDescribeElementOptions, IDynamicTableColumn, IDynamicTableRowColumn, IElementActionConfig, IElementActionRunEvent, IElementChangedEvent, IElementChangingEvent, IElementDataSource, IElementRef, IElementRowContext, IElementValidateEvent, IElementValueChangedEvent, IElementValueChangingEvent, IEvent, IFixedViewport, IForgeInitializerOptions, IHeader, IJexlFunctionDescriptor, IJexlFunctionRegistration, ILegacyTabsProItem, ILocaleChoice, ILocalization, INgxViewBuilderAccordionItemToggledEvent, INgxViewBuilderAiAddElementCommand, INgxViewBuilderAiAddPageCommand, INgxViewBuilderAiAddRowCommand, INgxViewBuilderAiAssistantConfig, INgxViewBuilderAiAssistantConfigEvent, INgxViewBuilderAiAuditEntry, INgxViewBuilderAiCommand, INgxViewBuilderAiCommandDoc, INgxViewBuilderAiDeleteDataSourceCommand, INgxViewBuilderAiDeleteElementCommand, INgxViewBuilderAiDeleteFragmentCommand, INgxViewBuilderAiDeletePageCommand, INgxViewBuilderAiDeleteRowCommand, INgxViewBuilderAiDeleteRuleCommand, INgxViewBuilderAiDeleteSidebarGroupCommand, INgxViewBuilderAiDeleteTemplateCommand, INgxViewBuilderAiDeleteTriggerCommand, INgxViewBuilderAiDeleteVariableCommand, INgxViewBuilderAiDuplicateElementCommand, INgxViewBuilderAiElementTypeDescriptor, INgxViewBuilderAiError, INgxViewBuilderAiExecuteOptions, INgxViewBuilderAiFeaturePack, INgxViewBuilderAiFocusElementCommand, INgxViewBuilderAiHelp, INgxViewBuilderAiInsertJsonCommand, INgxViewBuilderAiMoveElementCommand, INgxViewBuilderAiPropertyDescriptor, INgxViewBuilderAiRedoCommand, INgxViewBuilderAiReloadDataSourceCommand, INgxViewBuilderAiRenameElementCommand, INgxViewBuilderAiRenamePageCommand, INgxViewBuilderAiReplaceStructureCommand, INgxViewBuilderAiResult, INgxViewBuilderAiSaveSidebarGroupCommand, INgxViewBuilderAiSaveTemplateCommand, INgxViewBuilderAiSelection, INgxViewBuilderAiSetDataCommand, INgxViewBuilderAiSetHeaderCommand, INgxViewBuilderAiSetLanguageCommand, INgxViewBuilderAiSetLocalizationCommand, INgxViewBuilderAiSetProcessCommand, INgxViewBuilderAiSetRuntimeVariableContextCommand, INgxViewBuilderAiSetSettingsCommand, INgxViewBuilderAiSetTableFiltersCommand, INgxViewBuilderAiSetTableSettingsCommand, INgxViewBuilderAiSetThemeCommand, INgxViewBuilderAiSetUiTranslationsCommand, INgxViewBuilderAiSurface, INgxViewBuilderAiSwitchTabCommand, INgxViewBuilderAiTarget, INgxViewBuilderAiTemplateCatalog, INgxViewBuilderAiTemplateDescriptor, INgxViewBuilderAiTemplateHost, INgxViewBuilderAiTree, INgxViewBuilderAiTreeNode, INgxViewBuilderAiTreePage, INgxViewBuilderAiUndoCommand, INgxViewBuilderAiUpdateElementCommand, INgxViewBuilderAiUpdatePageCommand, INgxViewBuilderAiUpsertDataSourceCommand, INgxViewBuilderAiUpsertFragmentCommand, INgxViewBuilderAiUpsertRuleCommand, INgxViewBuilderAiUpsertTemplateCommand, INgxViewBuilderAiUpsertTriggerCommand, INgxViewBuilderAiUpsertVariableCommand, INgxViewBuilderAiUseTemplateCommand, INgxViewBuilderAiValidateCommand, INgxViewBuilderAiValidationIssue, INgxViewBuilderAutomationAction, INgxViewBuilderAutomationDefaults, INgxViewBuilderAutomationExportOptions, INgxViewBuilderAutomationExportResponse, INgxViewBuilderAutomationValidateOptions, INgxViewBuilderAutomationValidateResponse, INgxViewBuilderBuilderAdapter, INgxViewBuilderBuilderSettings, INgxViewBuilderBuilderTabDefinition, INgxViewBuilderClearValueOptions, INgxViewBuilderCompleteEvent, INgxViewBuilderCssVariablesEvent, INgxViewBuilderCurrentPageEvent, INgxViewBuilderCustomCssEvent, INgxViewBuilderCustomCssUrlsEvent, INgxViewBuilderCustomElementDefinition, INgxViewBuilderCustomElementGroup, INgxViewBuilderCustomThemeDefinition, INgxViewBuilderCustomThemeEvent, INgxViewBuilderDataSourceEventBase, INgxViewBuilderDataSourceLoadFailedEvent, INgxViewBuilderDataSourceLoadedEvent, INgxViewBuilderDataSourceLoadingEvent, INgxViewBuilderDataSourceReloadedEvent, INgxViewBuilderDataSourceTypeSettings, INgxViewBuilderDataSourceTypeSettingsEvent, INgxViewBuilderDialogClosedEvent, INgxViewBuilderElementApi, INgxViewBuilderElementColumnApi, INgxViewBuilderElementDefaults, INgxViewBuilderElementDefaultsEvent, INgxViewBuilderElementDefaultsOptions, INgxViewBuilderElementLookupResult, INgxViewBuilderElementPropertyChangedEvent, INgxViewBuilderElementPropertyChangingEvent, INgxViewBuilderElementPropertyEvent, INgxViewBuilderElementSubscriptionOptions, INgxViewBuilderElementTabChangedEvent, INgxViewBuilderElementValueEvent, INgxViewBuilderExtensionsConfig, INgxViewBuilderExternalConfig, INgxViewBuilderFeaturePack, INgxViewBuilderFeaturePackSummary, INgxViewBuilderFileUploadFilesEvent, INgxViewBuilderFragmentDefinition, INgxViewBuilderHeaderAction, INgxViewBuilderHeaderActionClickEvent, INgxViewBuilderHeadlessApi, INgxViewBuilderHeadlessOptions, INgxViewBuilderHeadlessValidateRequest, INgxViewBuilderLanguageEvent, INgxViewBuilderLanguageResolveOptions, INgxViewBuilderLanguageSyncHandle, INgxViewBuilderLanguageSyncOptions, INgxViewBuilderMcpClient, INgxViewBuilderMcpSettings, INgxViewBuilderMigrationConfig, INgxViewBuilderPreviewSettings, INgxViewBuilderProcessDefinition, INgxViewBuilderProcessStateDefinition, INgxViewBuilderProcessTransitionDefinition, INgxViewBuilderProjectLayer, INgxViewBuilderProjectLayerContext, INgxViewBuilderRenderEvent, INgxViewBuilderRepeaterApi, INgxViewBuilderRepeaterRowApi, INgxViewBuilderRepeaterRowEvent, INgxViewBuilderResolvedLanguage, INgxViewBuilderRowPathEntry, INgxViewBuilderRuleDefinition, INgxViewBuilderRuleEvaluatedEvent, INgxViewBuilderRuleEvaluatingEvent, INgxViewBuilderRuntimeVariablesConfig, INgxViewBuilderSaveRequestedEvent, INgxViewBuilderSidebarGroupDefinition, INgxViewBuilderSidebarGroupDeletedEvent, INgxViewBuilderSidebarGroupInput, INgxViewBuilderSidebarGroupSavedEvent, INgxViewBuilderSidebarGroupsLoadedEvent, INgxViewBuilderSidebarLibraryItem, INgxViewBuilderSidebarTemplateSavedEvent, INgxViewBuilderStructureEvent, INgxViewBuilderSvgIconDirectoryConfig$1 as INgxViewBuilderSvgIconDirectoryConfig, INgxViewBuilderSvgIconDirectoryLoadResult$1 as INgxViewBuilderSvgIconDirectoryLoadResult, INgxViewBuilderTabEvent, INgxViewBuilderTableColumnSetting, INgxViewBuilderTableFiltersAppliedEvent, INgxViewBuilderTableFiltersEvent, INgxViewBuilderTableSavedFilter, INgxViewBuilderTableSavedFilterSaveRequestedEvent, INgxViewBuilderTableSavedFiltersEvent, INgxViewBuilderTableSavedFiltersRequestEvent, INgxViewBuilderTableSettingsAppliedEvent, INgxViewBuilderTableSettingsEvent, INgxViewBuilderTableSettingsRequestEvent, INgxViewBuilderTableSettingsSaveRequestedEvent, INgxViewBuilderTemplateDefinition, INgxViewBuilderTemplateDeletedEvent, INgxViewBuilderTemplateInput, INgxViewBuilderTemplateSavedEvent, INgxViewBuilderTemplatesLoadedEvent, INgxViewBuilderThemeModeEvent, INgxViewBuilderToastPayload, INgxViewBuilderTriggerDefinition, INgxViewBuilderTriggerHandledEvent, INgxViewBuilderTriggerHandlingEvent, INgxViewBuilderUiTranslationsProviderConfig, INgxViewBuilderUiTranslationsProviderOptions, INgxViewBuilderValidateDataOptions, INgxViewBuilderValidationEvent, INgxViewBuilderValidationIssue, INgxViewBuilderValidationToastOptions, INgxViewBuilderValidatorContext, INgxViewBuilderValidatorError, INgxViewBuilderValidatorIssue, INgxViewBuilderValidatorResponse, INgxViewBuilderValidatorTypeDescriptor, INgxViewBuilderValidatorTypeRegistration, INgxViewBuilderValidatorValidateOptions, INgxViewBuilderWebsocketConnection, INgxViewBuilderWebsocketConnectionContext, INumberingContextEntry, INumberingTextContext, INvbElementEntry, INvbElementValueChange, IOption, IPage, IPhoneCountryOption, IPhoneInputValue, IProgressFlowItem, IResolvedCssSizeSetting, IResolvedStructureSettings, IResponsiveColumnStyleOptions, IResponsiveViewportState, IRouteBreadcrumbConfig, IRow, IRuntimeRouteVariables, IRuntimeVariableDefinition, ISettings, ISplitterPanel, IStructure, IStructureMigration, IStructureMigrationOutput, IStructureMigrationResult, ITabDefinition, ITableCellElementType, ITableColumnConfig, ITableColumnElementConfig, ITableCustomParam, ITableDataSourceConfig, ITableExtendedParam, ITableExtendedParamValue, ITablePagingParams, ITableRequestParamTuple, ITableRequestPayload, ITableRowActionConfig, ITableStatusRule, ITabsProItem, ITemplateDefinition, ITranslationEntry, IUploadedFileMeta, IValidator, IValueChangedEvent, IValueChangingEvent, IValueClearEvent, IValueMutationEvent, ListBoxSelectionMode, ListGridLayout, ListGridSortDirection, NgxViewBuilderAiActionOp, NgxViewBuilderAiErrorCode, NgxViewBuilderAiMutationOp, NgxViewBuilderAiOp, NgxViewBuilderAlign, NgxViewBuilderAutomationActionType, NgxViewBuilderBuilderTabCode, NgxViewBuilderBuilderTabRenderMode, NgxViewBuilderChromePosition, NgxViewBuilderDataSourceType, NgxViewBuilderDialogCloseReason, NgxViewBuilderExecutionReason, NgxViewBuilderExtensionsFactory, NgxViewBuilderFeaturePackCapability, NgxViewBuilderInteractionStatus, NgxViewBuilderMcpStatus, NgxViewBuilderPageNavigationMode, NgxViewBuilderPreviewMode, NgxViewBuilderProjectLayerExtensionsFactory, NgxViewBuilderRenderMode, NgxViewBuilderRenderPhase, NgxViewBuilderRuleExecutedBranch, NgxViewBuilderRuleRunMode, NgxViewBuilderSaveRequestedSource, NgxViewBuilderSizeUnit, NgxViewBuilderTableSettingsSource, NgxViewBuilderThemeMode, NgxViewBuilderTriggerEvent, NgxViewBuilderUnsubscribe, NgxViewBuilderUnsupportedSchemaAction, NgxViewBuilderWebsocketAuthorizer, NgxViewBuilderWebsocketMessageMode, NumberStepperOrientation, OnDragStartEvent, OnElementFocusEvent, ProgressBarDisplayType, ProgressBarStyleType, ProgressBarValueLabelMode, ProgressBarVariant, ProgressFlowItemSourceMode, ProgressFlowMode, ProgressFlowVariant, RuntimeVariableSourceType, SelectGroup, SignaturePadExportFormat, SplitterOrientation, TableColumnAlign, TableColumnCellActionsDisplayMode, TableColumnType, TableFilterControlType, TableFilterOptionsSourceType, TableInlineEditStartMode, TableInlineEditorType, TableRowActionsDropdownButtonStyle, TableStatusTone, TabsItemSourceMode, TabsPosition, TabsVariant, TemplateStorageMode, TimePickerFormat, ToggleSwitchMode, ToggleSwitchShape, UiDictionaries, UiDictionary, ValueChangeTrigger };
+export type { BreadcrumbsItemsSource, BuilderPageDisplayMode, ChartLegendLayout, ChartType, ColumnFragmentMode, DatePickerMode, DialogHeadingLevel, DialogMode, DialogTriggerAlign, DialogTriggerIconPosition, DialogTriggerVariant, ElementActionButtonTone, ElementActionButtonVariant, ElementActionDialogOperation, ElementActionResponseMode, ElementActionSetValueMode, ElementActionToastPosition, ElementActionToastVariant, ElementActionTrigger, ElementActionType, ElementDataSourceUseFor, ElementExecutionMode, ElementGroup, ElementRowScope, EmptyBlockFormStatus, EmptyBlockType, FileUploadStorageMode, IAccordionItem, IBaseElement, IBreadcrumbItem, IBuilderAfterPropertyChangedEvent, IBuilderDragEndEvent, IBuilderDragStartEvent, IBuilderDropEvent, IBuilderElementContextMenuPayload, IBuilderElementContextMenuRequestedEvent, IBuilderElementFocusEvent, IBuilderPageFocusEvent, IBuilderPropertyMutationPayload, IBuilderRelocateDragStartEvent, IBuilderSaveRequestedEvent, IBuilderSidebarGroupDeleteRequestedEvent, IBuilderSidebarGroupDeletedEvent, IBuilderSidebarGroupDeletedPayload, IBuilderSidebarGroupsSetRequestedEvent, IBuilderSidebarSaveFocusedCopyRequestedEvent, IBuilderSidebarSaveFocusedGroupRequestedEvent, IBuilderSidebarTemplateSavedEvent, IBuilderSidebarTemplatesSetRequestedEvent, IBuilderSidebarTemplatesSetRequestedPayload, IChartPoint, IColumn, ICreateModelOptions, IDataSource, IDataSourceChangedEvent, IDataSourceParamMapping, IDateRangeValue, IDescribeElementOptions, IDynamicTableColumn, IDynamicTableRowColumn, IElementActionConfig, IElementActionRunEvent, IElementChangedEvent, IElementChangingEvent, IElementDataSource, IElementRef, IElementRowContext, IElementValidateEvent, IElementValueChangedEvent, IElementValueChangingEvent, IEvent, IFixedViewport, IForgeInitializerOptions, IHeader, IJexlFunctionDescriptor, IJexlFunctionRegistration, ILegacyTabsProItem, ILocaleChoice, ILocalization, INgxViewBuilderAccordionItemToggledEvent, INgxViewBuilderAiAddElementCommand, INgxViewBuilderAiAddPageCommand, INgxViewBuilderAiAddRowCommand, INgxViewBuilderAiAssistantConfig, INgxViewBuilderAiAssistantConfigEvent, INgxViewBuilderAiAuditEntry, INgxViewBuilderAiCommand, INgxViewBuilderAiCommandDoc, INgxViewBuilderAiDeleteDataSourceCommand, INgxViewBuilderAiDeleteElementCommand, INgxViewBuilderAiDeleteFragmentCommand, INgxViewBuilderAiDeletePageCommand, INgxViewBuilderAiDeleteRowCommand, INgxViewBuilderAiDeleteRuleCommand, INgxViewBuilderAiDeleteSidebarGroupCommand, INgxViewBuilderAiDeleteTemplateCommand, INgxViewBuilderAiDeleteTriggerCommand, INgxViewBuilderAiDeleteVariableCommand, INgxViewBuilderAiDuplicateElementCommand, INgxViewBuilderAiElementTypeDescriptor, INgxViewBuilderAiError, INgxViewBuilderAiExecuteOptions, INgxViewBuilderAiFeaturePack, INgxViewBuilderAiFocusElementCommand, INgxViewBuilderAiHelp, INgxViewBuilderAiInsertJsonCommand, INgxViewBuilderAiMoveElementCommand, INgxViewBuilderAiPropertyDescriptor, INgxViewBuilderAiRedoCommand, INgxViewBuilderAiReloadDataSourceCommand, INgxViewBuilderAiRenameElementCommand, INgxViewBuilderAiRenamePageCommand, INgxViewBuilderAiReplaceStructureCommand, INgxViewBuilderAiResult, INgxViewBuilderAiSaveSidebarGroupCommand, INgxViewBuilderAiSaveTemplateCommand, INgxViewBuilderAiSelection, INgxViewBuilderAiSetDataCommand, INgxViewBuilderAiSetHeaderCommand, INgxViewBuilderAiSetLanguageCommand, INgxViewBuilderAiSetLocalizationCommand, INgxViewBuilderAiSetProcessCommand, INgxViewBuilderAiSetRuntimeVariableContextCommand, INgxViewBuilderAiSetSettingsCommand, INgxViewBuilderAiSetTableFiltersCommand, INgxViewBuilderAiSetTableSettingsCommand, INgxViewBuilderAiSetThemeCommand, INgxViewBuilderAiSetUiTranslationsCommand, INgxViewBuilderAiSurface, INgxViewBuilderAiSwitchTabCommand, INgxViewBuilderAiTarget, INgxViewBuilderAiTemplateCatalog, INgxViewBuilderAiTemplateDescriptor, INgxViewBuilderAiTemplateHost, INgxViewBuilderAiTree, INgxViewBuilderAiTreeNode, INgxViewBuilderAiTreePage, INgxViewBuilderAiUndoCommand, INgxViewBuilderAiUpdateElementCommand, INgxViewBuilderAiUpdatePageCommand, INgxViewBuilderAiUpsertDataSourceCommand, INgxViewBuilderAiUpsertFragmentCommand, INgxViewBuilderAiUpsertRuleCommand, INgxViewBuilderAiUpsertTemplateCommand, INgxViewBuilderAiUpsertTriggerCommand, INgxViewBuilderAiUpsertVariableCommand, INgxViewBuilderAiUseTemplateCommand, INgxViewBuilderAiValidateCommand, INgxViewBuilderAiValidationIssue, INgxViewBuilderAutomationAction, INgxViewBuilderAutomationDefaults, INgxViewBuilderAutomationExportOptions, INgxViewBuilderAutomationExportResponse, INgxViewBuilderAutomationValidateOptions, INgxViewBuilderAutomationValidateResponse, INgxViewBuilderBuilderAdapter, INgxViewBuilderBuilderSettings, INgxViewBuilderBuilderTabDefinition, INgxViewBuilderClearValueOptions, INgxViewBuilderCompleteEvent, INgxViewBuilderCssVariablesEvent, INgxViewBuilderCurrentPageEvent, INgxViewBuilderCustomCssEvent, INgxViewBuilderCustomCssUrlsEvent, INgxViewBuilderCustomElementDefinition, INgxViewBuilderCustomElementGroup, INgxViewBuilderCustomThemeDefinition, INgxViewBuilderCustomThemeEvent, INgxViewBuilderDataSourceEventBase, INgxViewBuilderDataSourceLoadFailedEvent, INgxViewBuilderDataSourceLoadedEvent, INgxViewBuilderDataSourceLoadingEvent, INgxViewBuilderDataSourceReloadedEvent, INgxViewBuilderDataSourceTypeSettings, INgxViewBuilderDataSourceTypeSettingsEvent, INgxViewBuilderDialogClosedEvent, INgxViewBuilderElementApi, INgxViewBuilderElementColumnApi, INgxViewBuilderElementDefaults, INgxViewBuilderElementDefaultsEvent, INgxViewBuilderElementDefaultsOptions, INgxViewBuilderElementLookupResult, INgxViewBuilderElementPropertyChangedEvent, INgxViewBuilderElementPropertyChangingEvent, INgxViewBuilderElementPropertyEvent, INgxViewBuilderElementSubscriptionOptions, INgxViewBuilderElementTabChangedEvent, INgxViewBuilderElementValueEvent, INgxViewBuilderExtensionsConfig, INgxViewBuilderExternalConfig, INgxViewBuilderFeaturePack, INgxViewBuilderFeaturePackSummary, INgxViewBuilderFileUploadFilesEvent, INgxViewBuilderFragmentDefinition, INgxViewBuilderHeaderAction, INgxViewBuilderHeaderActionClickEvent, INgxViewBuilderHeadlessApi, INgxViewBuilderHeadlessOptions, INgxViewBuilderHeadlessValidateRequest, INgxViewBuilderLanguageEvent, INgxViewBuilderLanguageResolveOptions, INgxViewBuilderLanguageSyncHandle, INgxViewBuilderLanguageSyncOptions, INgxViewBuilderMcpClient, INgxViewBuilderMcpSettings, INgxViewBuilderMigrationConfig, INgxViewBuilderPreviewSettings, INgxViewBuilderProcessDefinition, INgxViewBuilderProcessStateDefinition, INgxViewBuilderProcessTransitionDefinition, INgxViewBuilderProjectLayer, INgxViewBuilderProjectLayerContext, INgxViewBuilderRenderEvent, INgxViewBuilderRepeaterApi, INgxViewBuilderRepeaterRowApi, INgxViewBuilderRepeaterRowEvent, INgxViewBuilderResolvedLanguage, INgxViewBuilderRowPathEntry, INgxViewBuilderRuleDefinition, INgxViewBuilderRuleEvaluatedEvent, INgxViewBuilderRuleEvaluatingEvent, INgxViewBuilderRuntimeVariablesConfig, INgxViewBuilderSaveRequestedEvent, INgxViewBuilderSidebarGroupDefinition, INgxViewBuilderSidebarGroupDeletedEvent, INgxViewBuilderSidebarGroupInput, INgxViewBuilderSidebarGroupSavedEvent, INgxViewBuilderSidebarGroupsLoadedEvent, INgxViewBuilderSidebarLibraryItem, INgxViewBuilderSidebarTemplateSavedEvent, INgxViewBuilderStructureEvent, INgxViewBuilderSvgIconDirectoryConfig$1 as INgxViewBuilderSvgIconDirectoryConfig, INgxViewBuilderSvgIconDirectoryLoadResult$1 as INgxViewBuilderSvgIconDirectoryLoadResult, INgxViewBuilderTabEvent, INgxViewBuilderTableColumnSetting, INgxViewBuilderTableFiltersAppliedEvent, INgxViewBuilderTableFiltersEvent, INgxViewBuilderTableSavedFilter, INgxViewBuilderTableSavedFilterSaveRequestedEvent, INgxViewBuilderTableSavedFiltersEvent, INgxViewBuilderTableSavedFiltersRequestEvent, INgxViewBuilderTableSettingsAppliedEvent, INgxViewBuilderTableSettingsEvent, INgxViewBuilderTableSettingsRequestEvent, INgxViewBuilderTableSettingsSaveRequestedEvent, INgxViewBuilderTemplateDefinition, INgxViewBuilderTemplateDeletedEvent, INgxViewBuilderTemplateInput, INgxViewBuilderTemplateSavedEvent, INgxViewBuilderTemplatesLoadedEvent, INgxViewBuilderThemeModeEvent, INgxViewBuilderToastPayload, INgxViewBuilderTriggerDefinition, INgxViewBuilderTriggerHandledEvent, INgxViewBuilderTriggerHandlingEvent, INgxViewBuilderUiTranslationsProviderConfig, INgxViewBuilderUiTranslationsProviderOptions, INgxViewBuilderValidateDataOptions, INgxViewBuilderValidationEvent, INgxViewBuilderValidationIssue, INgxViewBuilderValidationToastOptions, INgxViewBuilderValidatorContext, INgxViewBuilderValidatorError, INgxViewBuilderValidatorIssue, INgxViewBuilderValidatorResponse, INgxViewBuilderValidatorTypeDescriptor, INgxViewBuilderValidatorTypeRegistration, INgxViewBuilderValidatorValidateOptions, INgxViewBuilderWebsocketConnection, INgxViewBuilderWebsocketConnectionContext, INumberingContextEntry, INumberingTextContext, INvbElementEntry, INvbElementValueChange, IOption, IPage, IPhoneCountryOption, IPhoneInputValue, IProgressFlowItem, IResolvedCssSizeSetting, IResolvedStructureSettings, IResponsiveColumnStyleOptions, IResponsiveViewportState, IRouteBreadcrumbConfig, IRow, IRuntimeRouteVariables, IRuntimeVariableDefinition, ISettings, ISplitterPanel, IStructure, IStructureMigration, IStructureMigrationOutput, IStructureMigrationResult, ITabDefinition, ITableCellElementType, ITableColumnConfig, ITableColumnElementConfig, ITableCustomParam, ITableDataSourceConfig, ITableExtendedParam, ITableExtendedParamValue, ITablePagingParams, ITableRequestParamTuple, ITableRequestPayload, ITableRowActionConfig, ITableStatusRule, ITabsProItem, ITemplateDefinition, ITranslationEntry, IUploadedFileMeta, IValidator, IValueChangedEvent, IValueChangingEvent, IValueClearEvent, IValueMutationEvent, ListBoxSelectionMode, ListGridLayout, ListGridSortDirection, NgxViewBuilderAiActionOp, NgxViewBuilderAiErrorCode, NgxViewBuilderAiMutationOp, NgxViewBuilderAiOp, NgxViewBuilderAlign, NgxViewBuilderAutomationActionType, NgxViewBuilderBuilderTabCode, NgxViewBuilderBuilderTabRenderMode, NgxViewBuilderChromePosition, NgxViewBuilderDataSourceType, NgxViewBuilderDialogCloseReason, NgxViewBuilderExecutionReason, NgxViewBuilderExtensionsFactory, NgxViewBuilderFeaturePackCapability, NgxViewBuilderInteractionStatus, NgxViewBuilderMcpStatus, NgxViewBuilderPageNavigationMode, NgxViewBuilderPreviewMode, NgxViewBuilderProjectLayerExtensionsFactory, NgxViewBuilderRenderMode, NgxViewBuilderRenderPhase, NgxViewBuilderRuleExecutedBranch, NgxViewBuilderRuleRunMode, NgxViewBuilderSaveRequestedSource, NgxViewBuilderSizeUnit, NgxViewBuilderTableSettingsSource, NgxViewBuilderThemeMode, NgxViewBuilderTriggerEvent, NgxViewBuilderUnsubscribe, NgxViewBuilderUnsupportedSchemaAction, NgxViewBuilderWebsocketAuthorizer, NgxViewBuilderWebsocketMessageMode, NumberStepperOrientation, OnDragStartEvent, OnElementFocusEvent, ProgressBarDisplayType, ProgressBarStyleType, ProgressBarValueLabelMode, ProgressBarVariant, ProgressFlowItemSourceMode, ProgressFlowMode, ProgressFlowVariant, RuntimeVariableSourceType, SelectGroup, SignaturePadExportFormat, SplitterOrientation, TableColumnAlign, TableColumnCellActionsDisplayMode, TableColumnType, TableFilterControlType, TableFilterOptionsSourceType, TableInlineEditStartMode, TableInlineEditorType, TableRowActionsDropdownButtonStyle, TableStatusTone, TabsItemSourceMode, TabsPosition, TabsVariant, TemplateStorageMode, TimePickerFormat, ToggleSwitchMode, ToggleSwitchShape, UiDictionaries, UiDictionary, ValueChangeTrigger };