@ngxviewbuilder/runtime 0.6.0 → 0.8.0

package/fesm2022/ngxviewbuilder-runtime-toast-element-C6YQc3QE.mjs

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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@ngxviewbuilder/runtime",
-  "version": "0.6.0",
+  "version": "0.8.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",
   "author": "NGX View Builder (https://ngxviewbuilder.io)",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ngxviewbuilder/ngx-view-builder-community.git"
+    "url": "git+https://github.com/ngxviewbuilder/ngx-view-builder-community.git"
   },
   "bugs": {
     "url": "https://github.com/ngxviewbuilder/ngx-view-builder-community/issues"

package/styles/components.css

@@ -205,8 +205,10 @@
   color: var(--nvb-color-risk-800, var(--nvb-color-risk-700));
 }
 
+/* Icon glyphs only. `.nvb-control__add-row-button` carries a label `<span>` as well,
+   and sizing that one here made every label bigger than the button it sits in. */
 .nvb-root .nvb-button__icon,
-.nvb-root .nvb-control__add-row-button span {
+.nvb-root .nvb-control__add-row-button > .material-symbols-outlined {
   font-size: 15px;
   line-height: 1;
 }
@@ -234,7 +236,7 @@
   font-size: 12px;
 }
 
-.nvb-root .nvb-control__add-row-button--compact span {
+.nvb-root .nvb-control__add-row-button--compact > .material-symbols-outlined {
   font-size: 16px;
 }
 
@@ -361,10 +363,16 @@
 }
 
 .nvb-root .nvb-icon-button span,
-.nvb-root .nvb-icon-button nvb-icon,
+.nvb-root .nvb-icon-button nvb-icon {
+  font-size: 18px;
+  line-height: 1;
+}
+
+/* An add-row button already sizes its icon box at 16px above; driving the glyph to 18px
+   here fought that rule and left an icon a third larger than the 13px label beside it. */
 .nvb-root .nvb-control__add-row-button nvb-icon,
 .nvb-root .nvb-control__add-row-button .nvb-icon-svg {
-  font-size: 18px;
+  font-size: 16px;
   line-height: 1;
 }
 

package/styles/tokens.css

@@ -151,18 +151,18 @@
     --nvb-color-primary-800: oklch(91.21% 0.0518 252.79);
     --nvb-color-primary-900: oklch(95.63% 0.0247 251.98);
     --nvb-color-primary-950: oklch(98.04% 0.0104 251.42);
-    --nvb-color-neutral-000: oklch(18% 0.004 286);
-    --nvb-color-neutral-050: oklch(20.5% 0.004 286);
-    --nvb-color-neutral-100: oklch(23% 0.004 286);
-    --nvb-color-neutral-200: oklch(27.5% 0.005 286);
-    --nvb-color-neutral-300: oklch(35% 0.006 286);
-    --nvb-color-neutral-400: oklch(47% 0.007 286);
-    --nvb-color-neutral-500: oklch(60% 0.006 286);
-    --nvb-color-neutral-600: oklch(71% 0.005 286);
-    --nvb-color-neutral-700: oklch(81% 0.004 286);
-    --nvb-color-neutral-800: oklch(87% 0.003 286);
-    --nvb-color-neutral-900: oklch(92% 0.002 286);
-    --nvb-color-neutral-950: oklch(96% 0.0015 286);
+    --nvb-color-neutral-000: oklch(19.00% 0.0060 286.00);
+    --nvb-color-neutral-050: oklch(23.00% 0.0070 286.00);
+    --nvb-color-neutral-100: oklch(27.00% 0.0080 286.00);
+    --nvb-color-neutral-200: oklch(38.00% 0.0090 286.00);
+    --nvb-color-neutral-300: oklch(49.50% 0.0100 286.00);
+    --nvb-color-neutral-400: oklch(58.00% 0.0100 286.00);
+    --nvb-color-neutral-500: oklch(65.00% 0.0090 286.00);
+    --nvb-color-neutral-600: oklch(74.00% 0.0070 286.00);
+    --nvb-color-neutral-700: oklch(82.00% 0.0050 286.00);
+    --nvb-color-neutral-800: oklch(88.00% 0.0040 286.00);
+    --nvb-color-neutral-900: oklch(93.00% 0.0030 286.00);
+    --nvb-color-neutral-950: oklch(97.00% 0.0020 286.00);
     --nvb-color-risk-050: oklch(25.26% 0.0866 26);
     --nvb-color-risk-100: oklch(39.96% 0.1348 25.77);
     --nvb-color-risk-200: oklch(44.1% 0.1603 26.89);
@@ -218,18 +218,18 @@
     --nvb-color-info-800: oklch(89.99% 0.0556 231.68);
     --nvb-color-info-900: oklch(95.35% 0.024 236.81);
     --nvb-color-info-950: oklch(97.67% 0.0127 236.62);
-    --nvb-color-text-000: oklch(18% 0.004 286);
-    --nvb-color-text-050: oklch(20.5% 0.004 286);
-    --nvb-color-text-100: oklch(23% 0.004 286);
-    --nvb-color-text-200: oklch(27.5% 0.005 286);
-    --nvb-color-text-300: oklch(35% 0.006 286);
-    --nvb-color-text-400: oklch(47% 0.007 286);
-    --nvb-color-text-500: oklch(60% 0.006 286);
-    --nvb-color-text-600: oklch(71% 0.005 286);
-    --nvb-color-text-700: oklch(81% 0.004 286);
-    --nvb-color-text-800: oklch(87% 0.003 286);
-    --nvb-color-text-900: oklch(92% 0.002 286);
-    --nvb-color-text-950: oklch(96% 0.0015 286);
+    --nvb-color-text-000: oklch(19.00% 0.0060 286.00);
+    --nvb-color-text-050: oklch(23.00% 0.0070 286.00);
+    --nvb-color-text-100: oklch(27.00% 0.0080 286.00);
+    --nvb-color-text-200: oklch(38.00% 0.0090 286.00);
+    --nvb-color-text-300: oklch(49.50% 0.0100 286.00);
+    --nvb-color-text-400: oklch(58.00% 0.0100 286.00);
+    --nvb-color-text-500: oklch(65.00% 0.0090 286.00);
+    --nvb-color-text-600: oklch(74.00% 0.0070 286.00);
+    --nvb-color-text-700: oklch(82.00% 0.0050 286.00);
+    --nvb-color-text-800: oklch(88.00% 0.0040 286.00);
+    --nvb-color-text-900: oklch(93.00% 0.0030 286.00);
+    --nvb-color-text-950: oklch(97.00% 0.0020 286.00);
     --nvb-radius-sm: 2px;
     --nvb-radius-md: 4px;
     --nvb-radius-lg: 8px;
@@ -276,13 +276,37 @@
     color-scheme: light;
     background-color: var(--nvb-surface, var(--nvb-color-neutral-000));
     color: var(--nvb-color-neutral-800);
+
+    /* Scrollbars, written in tokens so they flip with the theme like everything else.
+       The track is transparent on purpose: every scroller then shows its own panel
+       background through it, instead of a second surface colour that has to be kept in
+       step with whatever the panel happens to use. Only the thumb is drawn, in the same
+       token the control borders use, so it clears 3:1 against the surface and reads as
+       something you can grab. `scrollbar-color` is inherited, so this one declaration
+       covers every scroller below the root. */
+    scrollbar-color: var(--nvb-color-neutral-300) transparent;
   }
 
   /* Both declarations above are written in tokens, so the dark theme flips them for free:
      `--nvb-color-neutral-000` becomes the dark surface and `--nvb-color-neutral-800` the light
-     text. Only the colour scheme has to be said again, since it is not a token. */
+     text. Only the colour scheme has to be said again, since it is not a token.
+
+     The nested selectors matter for the designer, which carries the theme marker on its
+     shadow host and puts `.nvb-root` on the layout div one level inside it. Without them
+     that inner `.nvb-root` matches the light rule above, re-declares `color-scheme: light`
+     over the dark value it inherited, and every browser drawn part below it - scrollbars
+     above all - comes out light on a dark panel. The tokens survive that only because the
+     designer re-applies them inline; `color-scheme` is not a custom property, so nothing
+     repairs it.
+
+     Deliberately scoped to `:host(...)`, i.e. to the library's own shadow hosts, where the
+     same marker also flips the tokens. A bare `[data-theme='dark'] .nvb-root` would catch a
+     host application that themes its own page dark without asking for the dark palette, and
+     hand it dark scrollbars on light inputs. */
   :host([data-theme='dark']),
   :host(.nvb-dark),
+  :host([data-theme='dark']) .nvb-root,
+  :host(.nvb-dark) .nvb-root,
   .nvb-root.nvb-dark,
   .nvb-root[data-theme='dark'] {
     color-scheme: dark;