@masterteam/formula-builder 0.0.25 → 0.0.27

package/assets/formula-builder.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-900:oklch(37.8% .077 168.94);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.h-4{height:calc(var(--spacing) * 4)}.max-h-\[min\(24rem\,calc\(100vh-10rem\)\)\]{max-height:min(24rem,100vh - 10rem)}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.border-surface-200{border-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.border-surface-200{border-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-primary{background-color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.bg-primary{background-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-1{padding-right:var(--spacing)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary{--tw-ring-color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.ring-primary{--tw-ring-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:opacity-90:hover{opacity:.9}}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-surface-700:where(.dark,.dark *){border-color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.dark\:border-surface-700:where(.dark,.dark *){border-color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:bg-surface-800:where(.dark,.dark *){background-color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-surface-800:where(.dark,.dark *){background-color:color-mix(in srgb, var(--p-surface-800) calc(100% * 1), transparent)}}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}@media (hover:hover){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.dark\:hover\:bg-slate-700:where(.dark,.dark *):hover{background-color:var(--color-slate-700)}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-900:oklch(37.8% .077 168.94);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.h-4{height:calc(var(--spacing) * 4)}.max-h-\[min\(24rem\,calc\(100vh-10rem\)\)\]{max-height:min(24rem,100vh - 10rem)}.min-h-11{min-height:calc(var(--spacing) * 11)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-slate-200{border-color:var(--color-slate-200)}.border-surface-200{border-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.border-surface-200{border-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-primary{background-color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.bg-primary{background-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-1{padding-right:var(--spacing)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-primary{--tw-ring-color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.ring-primary{--tw-ring-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:opacity-90:hover{opacity:.9}}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-slate-700:where(.dark,.dark *){border-color:var(--color-slate-700)}.dark\:border-surface-700:where(.dark,.dark *){border-color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.dark\:border-surface-700:where(.dark,.dark *){border-color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:#004e3b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:bg-surface-800:where(.dark,.dark *){background-color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-surface-800:where(.dark,.dark *){background-color:color-mix(in srgb, var(--p-surface-800) calc(100% * 1), transparent)}}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}@media (hover:hover){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.dark\:hover\:bg-slate-700:where(.dark,.dark *):hover{background-color:var(--color-slate-700)}}}@keyframes enter{0%{opacity:var(--p-enter-opacity,1);transform:translate3d(var(--p-enter-translate-x,0), var(--p-enter-translate-y,0), 0) scale3d(var(--p-enter-scale,1), var(--p-enter-scale,1), var(--p-enter-scale,1)) rotate(var(--p-enter-rotate,0))}}@keyframes leave{to{opacity:var(--p-leave-opacity,1);transform:translate3d(var(--p-leave-translate-x,0), var(--p-leave-translate-y,0), 0) scale3d(var(--p-leave-scale,1), var(--p-leave-scale,1), var(--p-leave-scale,1)) rotate(var(--p-leave-rotate,0))}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

package/fesm2022/masterteam-formula-builder.mjs

@@ -92,6 +92,7 @@ class FormulaValidatorService {
             a.levelSchemaId === b.levelSchemaId &&
             a.moduleId === b.moduleId &&
             a.templateId === b.templateId &&
+            a.contextKey === b.contextKey &&
             a.apiMode === b.apiMode &&
             JSON.stringify(a.knownProperties) ===
                 JSON.stringify(b.knownProperties)), tap(() => this._isValidating.set(true)), switchMap((request) => this.callValidateApi(request)))
@@ -101,7 +102,7 @@ class FormulaValidatorService {
         });
     }
     /** Validate formula (debounced) */
-    validate(formula, knownProperties, levelSchemaId, moduleId, templateId, apiMode = 'default') {
+    validate(formula, knownProperties, levelSchemaId, moduleId, templateId, apiMode = 'default', contextKey) {
         // Handle empty formula
         if (!formula || formula.trim() === '') {
             this._validation.set(EMPTY_VALIDATION);
@@ -115,10 +116,11 @@ class FormulaValidatorService {
             moduleId,
             templateId,
             apiMode,
+            contextKey,
         });
     }
     /** Validate formula immediately (no debounce) */
-    validateImmediate(formula, knownProperties, levelSchemaId, moduleId, templateId, apiMode = 'default') {
+    validateImmediate(formula, knownProperties, levelSchemaId, moduleId, templateId, apiMode = 'default', contextKey) {
         if (!formula || formula.trim() === '') {
             return of(EMPTY_VALIDATION);
         }
@@ -130,6 +132,7 @@ class FormulaValidatorService {
             moduleId,
             templateId,
             apiMode,
+            contextKey,
         }).pipe(tap((result) => {
             this._validation.set(result);
             this._isValidating.set(false);
@@ -193,6 +196,18 @@ class FormulaContextService {
             ? `${this.apiUrl}/current-only`
             : this.apiUrl;
     }
+    buildLegacyContextUrl(schemaId, moduleId, contextEntityTypeKey, mode) {
+        const params = new URLSearchParams();
+        if (mode === 'default' && contextEntityTypeKey) {
+            params.set('contextEntityTypeKey', contextEntityTypeKey);
+        }
+        if (moduleId !== undefined) {
+            params.set('moduleId', moduleId.toString());
+        }
+        const queryString = params.toString();
+        const query = queryString ? `?${queryString}` : '';
+        return `${this.getBaseUrl(mode)}/builder/context/${schemaId}${query}`;
+    }
     unwrapResponse(response) {
         if (!response)
             return null;
@@ -207,25 +222,28 @@ class FormulaContextService {
     propertiesCache = new Map();
     nextTokensCache = new Map();
     propertyItemsCache = new Map();
-    loadContext(schemaId, moduleId, contextEntityTypeKey, mode = 'default') {
-        if (!schemaId)
+    /**
+     * Load the builder context. When `contextKey` is provided it is the canonical
+     * context identifier (`Module:123` / `Level:5` / `Level:5/Module:10`) and the
+     * context-key endpoint is used — this is the only way to address a standalone
+     * module, which has no workspace/level schema id. Otherwise the legacy
+     * schema-id path endpoint is used unchanged.
+     */
+    loadContext(schemaId, moduleId, contextEntityTypeKey, mode = 'default', contextKey) {
+        if (!schemaId && !contextKey)
             return of(null);
-        const cacheKey = `${mode}:${schemaId}:${moduleId ?? ''}:${contextEntityTypeKey ?? ''}`;
+        const cacheKey = `${mode}:${schemaId ?? ''}:${moduleId ?? ''}:${contextEntityTypeKey ?? ''}:${contextKey ?? ''}`;
         const cached = this.contextCache.get(cacheKey);
         if (cached) {
             return of(cached);
         }
-        const params = new URLSearchParams();
-        if (mode === 'default' && contextEntityTypeKey) {
-            params.set('contextEntityTypeKey', contextEntityTypeKey);
-        }
-        if (moduleId !== undefined) {
-            params.set('moduleId', moduleId.toString());
-        }
-        const queryString = params.toString();
-        const query = queryString ? `?${queryString}` : '';
+        // Context-key endpoint is authoritative for the context kind/execution
+        // profile; the backend resolves the schema and scope tokens from the key.
+        const url = contextKey
+            ? `${this.getBaseUrl(mode)}/builder/context?contextKey=${encodeURIComponent(contextKey)}`
+            : this.buildLegacyContextUrl(schemaId, moduleId, contextEntityTypeKey, mode);
         return this.http
-            .get(`${this.getBaseUrl(mode)}/builder/context/${schemaId}${query}`)
+            .get(url)
             .pipe(map((response) => this.unwrapResponse(response)), tap((context) => {
             if (context) {
                 this.contextCache.set(cacheKey, context);
@@ -235,10 +253,10 @@ class FormulaContextService {
             return of(null);
         }));
     }
-    getScopeProperties(schemaId, component, tablePath, moduleId, mode = 'default') {
+    getScopeProperties(schemaId, component, tablePath, moduleId, mode = 'default', contextKey) {
         if (!schemaId || !tablePath)
             return of([]);
-        const cacheKey = `${mode}:${schemaId}:${moduleId ?? ''}:${component}:${tablePath}`;
+        const cacheKey = `${mode}:${schemaId}:${moduleId ?? ''}:${component}:${tablePath}:${contextKey ?? ''}`;
         const cached = this.propertiesCache.get(cacheKey);
         if (cached) {
             return of(cached);
@@ -253,6 +271,9 @@ class FormulaContextService {
         if (moduleId !== undefined) {
             params.set('moduleId', moduleId.toString());
         }
+        if (contextKey) {
+            params.set('contextKey', contextKey);
+        }
         return this.http
             .get(`${this.getBaseUrl(mode)}/builder/properties?${params.toString()}`)
             .pipe(map((response) => this.unwrapResponse(response) ?? []), tap((response) => {
@@ -262,10 +283,10 @@ class FormulaContextService {
             return of([]);
         }));
     }
-    getNextTokens(schemaId, component, tablePath, moduleId, mode = 'default') {
+    getNextTokens(schemaId, component, tablePath, moduleId, mode = 'default', contextKey) {
         if (!schemaId || !component || !tablePath)
             return of(null);
-        const cacheKey = `${mode}:${schemaId}:${moduleId ?? ''}:${component}:${tablePath}`;
+        const cacheKey = `${mode}:${schemaId}:${moduleId ?? ''}:${component}:${tablePath}:${contextKey ?? ''}`;
         const cached = this.nextTokensCache.get(cacheKey);
         if (cached) {
             return of(cached);
@@ -278,6 +299,9 @@ class FormulaContextService {
         if (moduleId !== undefined) {
             params.set('moduleId', moduleId.toString());
         }
+        if (contextKey) {
+            params.set('contextKey', contextKey);
+        }
         return this.http
             .get(`${this.getBaseUrl(mode)}/builder/next-tokens?${params.toString()}`)
             .pipe(map((response) => this.unwrapResponse(response)), tap((payload) => {
@@ -509,6 +533,15 @@ class FormulaBuilder {
     levelSchemaId = input(...(ngDevMode ? [undefined, { debugName: "levelSchemaId" }] : /* istanbul ignore next */ []));
     /** Optional module ID when the formula is scoped inside a level-linked module */
     moduleId = input(...(ngDevMode ? [undefined, { debugName: "moduleId" }] : /* istanbul ignore next */ []));
+    /**
+     * Canonical context identifier — `Module:{id}` / `Level:{id}` /
+     * `Level:{id}/Module:{id}`. When set it is the source of truth for the
+     * context kind and execution profile: it is the only way to address a
+     * standalone module (no workspace/level schema), and the builder loads its
+     * context, scopes, functions and validation through it. When omitted the
+     * legacy `levelSchemaId` + `moduleId` flow is used unchanged.
+     */
+    contextKey = input(...(ngDevMode ? [undefined, { debugName: "contextKey" }] : /* istanbul ignore next */ []));
     /** Optional current context entity key, e.g. LevelData or Risk */
     contextEntityTypeKey = input(...(ngDevMode ? [undefined, { debugName: "contextEntityTypeKey" }] : /* istanbul ignore next */ []));
     /** Template ID for validation context */
@@ -560,6 +593,50 @@ class FormulaBuilder {
         const normalized = contextType.trim().toLowerCase();
         return normalized.length > 0 && normalized !== 'leveldata';
     }, ...(ngDevMode ? [{ debugName: "isModuleContext" }] : /* istanbul ignore next */ []));
+    /** Trimmed canonical context key, or undefined when not supplied. */
+    resolvedContextKey = computed(() => {
+        const value = this.contextKey();
+        if (typeof value !== 'string') {
+            return undefined;
+        }
+        const normalized = value.trim();
+        return normalized.length > 0 ? normalized : undefined;
+    }, ...(ngDevMode ? [{ debugName: "resolvedContextKey" }] : /* istanbul ignore next */ []));
+    /**
+     * True when authoring is current-only (a standalone module / `Module:{id}`).
+     * Prefers the resolved context (execution profile / kind) once loaded, and
+     * falls back to the shape of the context key before the context arrives so
+     * navigation scopes never flash for a standalone module.
+     */
+    isCurrentOnlyContext = computed(() => {
+        const context = this.builderContext();
+        if (context?.executionProfile) {
+            return context.executionProfile === 'InlineCurrentOnly';
+        }
+        if (context?.contextKind === 'StandaloneModule') {
+            return true;
+        }
+        const key = this.resolvedContextKey();
+        return key ? /^module:/i.test(key) : false;
+    }, ...(ngDevMode ? [{ debugName: "isCurrentOnlyContext" }] : /* istanbul ignore next */ []));
+    /**
+     * Scope tokens the backend allows for this context, or null when it doesn't
+     * constrain them (legacy contexts). Used to gate the visible navigation.
+     */
+    supportedScopeTokens = computed(() => {
+        const tokens = this.builderContext()?.supportedScopeTokens;
+        return tokens && tokens.length > 0 ? tokens : null;
+    }, ...(ngDevMode ? [{ debugName: "supportedScopeTokens" }] : /* istanbul ignore next */ []));
+    /**
+     * Schema id for downstream properties / next-token / validation calls. The
+     * context response is authoritative (a standalone module resolves its own
+     * `formulaSchemaId`); falls back to the `levelSchemaId` input for legacy
+     * flows and before the context loads.
+     */
+    effectiveSchemaId = computed(() => {
+        const context = this.builderContext();
+        return (context?.formulaSchemaId ?? context?.schemaId ?? this.levelSchemaId());
+    }, ...(ngDevMode ? [{ debugName: "effectiveSchemaId" }] : /* istanbul ignore next */ []));
     autocompleteProvider = (request) => {
         const apiMode = this.formulaApiMode();
         // Code-mode value picking: when the cursor sits on the right-hand side of a
@@ -579,10 +656,14 @@ class FormulaBuilder {
         return this.fetchAutocomplete$(request, apiMode);
     };
     fetchAutocomplete$(request, apiMode) {
+        const currentOnly = this.isCurrentOnlyContext();
         return this.autocompleteService.getSuggestions({
             ...request,
-            levelSchemaId: this.levelSchemaId(),
-            moduleId: this.moduleId(),
+            // A standalone module is addressed only by its context key; a
+            // workspace/level schema id alongside it is rejected by the backend.
+            levelSchemaId: currentOnly ? undefined : this.levelSchemaId(),
+            moduleId: currentOnly ? undefined : this.moduleId(),
+            contextKey: this.resolvedContextKey(),
             contextEntityTypeKey: this.resolvedContextEntityTypeKey() ??
                 this.builderContext()?.contextEntityTypeKey,
         }, apiMode);
@@ -633,10 +714,11 @@ class FormulaBuilder {
         // Validate when formula changes
         effect(() => {
             const formula = this.expressionValue();
-            const moduleId = this.moduleId();
             const apiMode = this.formulaApiMode();
+            const contextKey = this.resolvedContextKey();
+            const currentOnly = this.isCurrentOnlyContext();
             if (formula && formula.trim().length > 0) {
-                this.validatorService.validate(formula, undefined, this.levelSchemaId(), moduleId, this.templateId(), apiMode);
+                this.validatorService.validate(formula, undefined, currentOnly ? undefined : this.levelSchemaId(), currentOnly ? undefined : this.moduleId(), this.templateId(), apiMode, contextKey);
             }
         });
         // Emit validation changes
@@ -660,13 +742,16 @@ class FormulaBuilder {
                 this.emitValueChange();
             }
         });
-        // Load builder context when schema changes
+        // Load builder context when schema or context key changes
         effect(() => {
             const schemaId = this.levelSchemaId();
             const moduleId = this.moduleId();
             const apiMode = this.formulaApiMode();
             const contextEntityTypeKey = this.resolvedContextEntityTypeKey();
-            if (!schemaId) {
+            const contextKey = this.resolvedContextKey();
+            // A standalone module has no level schema id — the context key alone is
+            // enough to load its context.
+            if (!schemaId && !contextKey) {
                 this.builderContext.set(null);
                 this.propertiesByPathApi.set({});
                 this.nextTokenRulesByPath.set({});
@@ -678,7 +763,7 @@ class FormulaBuilder {
             this.propertiesByPathApi.set({});
             this.nextTokenRulesByPath.set({});
             this.contextService
-                .loadContext(schemaId, moduleId, contextEntityTypeKey, apiMode)
+                .loadContext(schemaId, moduleId, contextEntityTypeKey, apiMode, contextKey)
                 .subscribe((context) => {
                 if (requestId !== this.contextRequestId) {
                     return;
@@ -734,8 +819,9 @@ class FormulaBuilder {
         });
         // Fetch properties for the selected table path
         effect(() => {
-            const schemaId = this.levelSchemaId();
-            const moduleId = this.moduleId();
+            const schemaId = this.effectiveSchemaId();
+            const contextKey = this.resolvedContextKey();
+            const moduleId = contextKey ? undefined : this.moduleId();
             const apiMode = this.formulaApiMode();
             const tablePath = this.resolvedTablePath();
             const component = this.propertiesComponent();
@@ -751,7 +837,7 @@ class FormulaBuilder {
             }
             this.propertyLoadingPath.set(tablePath);
             this.contextService
-                .getScopeProperties(schemaId, component, tablePath, moduleId, apiMode)
+                .getScopeProperties(schemaId, component, tablePath, moduleId, apiMode, contextKey)
                 .subscribe((props) => {
                 this.propertiesByPathApi.update((current) => ({
                     ...current,
@@ -765,8 +851,9 @@ class FormulaBuilder {
         // Fetch next-token rules for the selected base scope so the first
         // parameter popover can use localized allowedValueItems.
         effect(() => {
-            const schemaId = this.levelSchemaId();
-            const moduleId = this.moduleId();
+            const schemaId = this.effectiveSchemaId();
+            const contextKey = this.resolvedContextKey();
+            const moduleId = contextKey ? undefined : this.moduleId();
             const isProcessBuilder = this.isProcessBuilder();
             const scope = this.propertyScope();
             const component = this.propertiesComponent();
@@ -787,7 +874,7 @@ class FormulaBuilder {
             if (this.nextTokenRulesByPath()[scope])
                 return;
             this.contextService
-                .getNextTokens(schemaId, component, scope, moduleId)
+                .getNextTokens(schemaId, component, scope, moduleId, 'default', contextKey)
                 .subscribe((response) => {
                 if (!response)
                     return;
@@ -799,8 +886,9 @@ class FormulaBuilder {
         });
         // Fetch next-token rules for the current table path
         effect(() => {
-            const schemaId = this.levelSchemaId();
-            const moduleId = this.moduleId();
+            const schemaId = this.effectiveSchemaId();
+            const contextKey = this.resolvedContextKey();
+            const moduleId = contextKey ? undefined : this.moduleId();
             const isProcessBuilder = this.isProcessBuilder();
             const tablePath = this.resolvedTablePath();
             const component = this.propertiesComponent();
@@ -809,7 +897,7 @@ class FormulaBuilder {
             if (this.nextTokenRulesByPath()[tablePath])
                 return;
             this.contextService
-                .getNextTokens(schemaId, component, tablePath, moduleId)
+                .getNextTokens(schemaId, component, tablePath, moduleId, 'default', contextKey)
                 .subscribe((response) => {
                 if (!response)
                     return;
@@ -1098,11 +1186,15 @@ class FormulaBuilder {
         return (this.nextTokenRulesByPath()[scope]?.[scope] ?? this.contextBaseRule());
     }, ...(ngDevMode ? [{ debugName: "baseRule" }] : /* istanbul ignore next */ []));
     availableScopes = computed(() => {
+        // When the backend constrains scope tokens (e.g. a standalone module allows
+        // only `Current`), never surface a navigation scope outside that set.
+        const allowedTokens = this.supportedScopeTokens();
+        const isAllowedScope = (token) => !allowedTokens || allowedTokens.includes(token);
         const operators = this.contextOperators();
         if (operators.length === 0) {
             const propertiesByPath = this.mergedPropertiesByPath();
             return Object.keys(propertiesByPath)
-                .filter((path) => (propertiesByPath[path] ?? []).length > 0)
+                .filter((path) => (propertiesByPath[path] ?? []).length > 0 && isAllowedScope(path))
                 .map((path) => ({
                 key: path,
                 label: `@${path}`,
@@ -1112,7 +1204,7 @@ class FormulaBuilder {
         }
         const baseRules = this.builderContext()?.schemaDescriptor?.nextTokenRules ?? {};
         const priority = new Map(PROPERTY_SCOPE_PRIORITY.map((token, index) => [token, index]));
-        const scopedOperators = operators.filter((operator) => operator.token.trim().length > 0);
+        const scopedOperators = operators.filter((operator) => operator.token.trim().length > 0 && isAllowedScope(operator.token));
         return [...scopedOperators]
             .filter((operator) => {
             const parameterKind = baseRules[operator.token]?.parameterKind ?? operator.parameterKind;
@@ -1390,7 +1482,7 @@ class FormulaBuilder {
         return translated && translated !== key ? translated : token;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormulaBuilder, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FormulaBuilder, isStandalone: true, selector: "mt-formula-builder", inputs: { propertiesByPath: { classPropertyName: "propertiesByPath", publicName: "propertiesByPath", isSignal: true, isRequired: false, transformFunction: null }, levelSchemaId: { classPropertyName: "levelSchemaId", publicName: "levelSchemaId", isSignal: true, isRequired: false, transformFunction: null }, moduleId: { classPropertyName: "moduleId", publicName: "moduleId", isSignal: true, isRequired: false, transformFunction: null }, contextEntityTypeKey: { classPropertyName: "contextEntityTypeKey", publicName: "contextEntityTypeKey", isSignal: true, isRequired: false, transformFunction: null }, templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hideToolbar: { classPropertyName: "hideToolbar", publicName: "hideToolbar", isSignal: true, isRequired: false, transformFunction: null }, hideStatusBar: { classPropertyName: "hideStatusBar", publicName: "hideStatusBar", isSignal: true, isRequired: false, transformFunction: null }, toolbarTabs: { classPropertyName: "toolbarTabs", publicName: "toolbarTabs", isSignal: true, isRequired: false, transformFunction: null }, codeOnly: { classPropertyName: "codeOnly", publicName: "codeOnly", isSignal: true, isRequired: false, transformFunction: null }, builderOnly: { classPropertyName: "builderOnly", publicName: "builderOnly", isSignal: true, isRequired: false, transformFunction: null }, valueMode: { classPropertyName: "valueMode", publicName: "valueMode", isSignal: true, isRequired: false, transformFunction: null }, isProcessBuilder: { classPropertyName: "isProcessBuilder", publicName: "isProcessBuilder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validationChange: "validationChange", tokensChange: "tokensChange" }, host: { classAttribute: "block" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FormulaBuilder, isStandalone: true, selector: "mt-formula-builder", inputs: { propertiesByPath: { classPropertyName: "propertiesByPath", publicName: "propertiesByPath", isSignal: true, isRequired: false, transformFunction: null }, levelSchemaId: { classPropertyName: "levelSchemaId", publicName: "levelSchemaId", isSignal: true, isRequired: false, transformFunction: null }, moduleId: { classPropertyName: "moduleId", publicName: "moduleId", isSignal: true, isRequired: false, transformFunction: null }, contextKey: { classPropertyName: "contextKey", publicName: "contextKey", isSignal: true, isRequired: false, transformFunction: null }, contextEntityTypeKey: { classPropertyName: "contextEntityTypeKey", publicName: "contextEntityTypeKey", isSignal: true, isRequired: false, transformFunction: null }, templateId: { classPropertyName: "templateId", publicName: "templateId", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hideToolbar: { classPropertyName: "hideToolbar", publicName: "hideToolbar", isSignal: true, isRequired: false, transformFunction: null }, hideStatusBar: { classPropertyName: "hideStatusBar", publicName: "hideStatusBar", isSignal: true, isRequired: false, transformFunction: null }, toolbarTabs: { classPropertyName: "toolbarTabs", publicName: "toolbarTabs", isSignal: true, isRequired: false, transformFunction: null }, codeOnly: { classPropertyName: "codeOnly", publicName: "codeOnly", isSignal: true, isRequired: false, transformFunction: null }, builderOnly: { classPropertyName: "builderOnly", publicName: "builderOnly", isSignal: true, isRequired: false, transformFunction: null }, valueMode: { classPropertyName: "valueMode", publicName: "valueMode", isSignal: true, isRequired: false, transformFunction: null }, isProcessBuilder: { classPropertyName: "isProcessBuilder", publicName: "isProcessBuilder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validationChange: "validationChange", tokensChange: "tokensChange" }, host: { classAttribute: "block" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => FormulaBuilder),
@@ -1425,7 +1517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
                             multi: true,
                         },
                     ], template: "<mt-card\r\n  headless\r\n  [class.ring-2]=\"hasFocus()\"\r\n  [class.ring-primary]=\"hasFocus()\"\r\n  [paddingless]=\"true\"\r\n>\r\n  <div\r\n    *transloco=\"let t; prefix: 'formulaBuilder'\"\r\n    class=\"flex flex-col overflow-hidden\"\r\n  >\r\n    <!-- Toolbar - Pass data via inputs (pure component) -->\r\n    @if (!hideToolbar()) {\r\n      <mt-formula-toolbar\r\n        [functionCategories]=\"functionCategories()\"\r\n        [visibleTabs]=\"resolvedToolbarTabs()\"\r\n        (onBlockInsert)=\"onBlockInsert($event)\"\r\n      >\r\n        <ng-template #properties let-insertBlock=\"insertBlock\">\r\n          @if (isContextLoading()) {\r\n            <div class=\"flex flex-col gap-4 p-4\">\r\n              <div class=\"flex items-center justify-between gap-4\">\r\n                <p-skeleton\r\n                  width=\"18rem\"\r\n                  height=\"2.5rem\"\r\n                  styleClass=\"rounded-md\"\r\n                />\r\n                <p-skeleton\r\n                  width=\"7rem\"\r\n                  height=\"2.5rem\"\r\n                  styleClass=\"rounded-md\"\r\n                />\r\n              </div>\r\n              <div class=\"flex items-center gap-4\">\r\n                <div\r\n                  class=\"flex min-h-11 min-w-0 flex-1 flex-col gap-2 rounded-lg bg-slate-50 px-3 py-2 dark:bg-slate-800/50\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <p-skeleton\r\n                      width=\"3rem\"\r\n                      height=\"1rem\"\r\n                      styleClass=\"rounded-md\"\r\n                    />\r\n                    <div\r\n                      class=\"h-4 w-px shrink-0 bg-slate-200 dark:bg-slate-700\"\r\n                    ></div>\r\n                    <p-skeleton\r\n                      class=\"flex-1\"\r\n                      height=\"2rem\"\r\n                      styleClass=\"rounded-md\"\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    class=\"flex items-center gap-2 border-t border-slate-200 pt-2 dark:border-slate-700\"\r\n                  >\r\n                    <p-skeleton\r\n                      width=\"3rem\"\r\n                      height=\"1rem\"\r\n                      styleClass=\"rounded-md\"\r\n                    />\r\n                    <div\r\n                      class=\"h-4 w-px shrink-0 bg-slate-200 dark:bg-slate-700\"\r\n                    ></div>\r\n                    <p-skeleton\r\n                      class=\"flex-1\"\r\n                      height=\"2.5rem\"\r\n                      styleClass=\"rounded-md\"\r\n                    />\r\n                  </div>\r\n                  <p-skeleton height=\"2rem\" styleClass=\"rounded-md\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <div class=\"flex flex-col gap-4 p-4\">\r\n              <!-- Scope Selection - Full width, centered -->\r\n              <div class=\"flex items-center justify-between gap-4\">\r\n                <mt-radio-cards\r\n                  [options]=\"scopeOptions()\"\r\n                  [activeId]=\"propertyScope()\"\r\n                  (selectionChange)=\"onScopeChange($event)\"\r\n                  size=\"small\"\r\n                />\r\n              </div>\r\n\r\n              <!-- Path + Field + Preview Row -->\r\n              <div class=\"flex items-center gap-4\">\r\n                <!-- Path Container - Flexible -->\r\n                <div\r\n                  class=\"flex min-h-11 min-w-0 flex-1 flex-col gap-2 rounded-lg bg-slate-50 px-3 py-2 dark:bg-slate-800/50\"\r\n                >\r\n                  <div class=\"flex items-center gap-2\">\r\n                    <span\r\n                      class=\"shrink-0 text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n                      >{{ t(\"properties.path\") }}</span\r\n                    >\r\n                    <div\r\n                      class=\"h-4 w-px shrink-0 bg-slate-200 dark:bg-slate-700\"\r\n                    ></div>\r\n                    <div class=\"flex min-w-0 flex-1 items-center gap-2\">\r\n                      @if (isDirectAccess()) {\r\n                        <span\r\n                          class=\"rounded-md bg-emerald-100 px-2.5 py-1 text-xs font-medium text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\r\n                        >\r\n                          \u2713 {{ t(\"properties.direct-access\") }}\r\n                        </span>\r\n                      } @else if (pathSegments().length === 0) {\r\n                        <span class=\"text-xs italic text-slate-400\">{{\r\n                          t(\"properties.no-path-configured\")\r\n                        }}</span>\r\n                      } @else {\r\n                        <div\r\n                          class=\"flex min-w-0 flex-1 items-center gap-1.5 overflow-x-auto\"\r\n                        >\r\n                          @for (\r\n                            segment of pathSegments();\r\n                            track $index;\r\n                            let segmentIndex = $index\r\n                          ) {\r\n                            @if (segmentIndex > 0) {\r\n                              <span\r\n                                class=\"shrink-0 text-slate-300 dark:text-slate-600\"\r\n                                >\u203A</span\r\n                              >\r\n                            }\r\n                            <mt-button\r\n                              type=\"button\"\r\n                              [label]=\"\r\n                                segment.value ||\r\n                                t('properties.select') +\r\n                                  ' ' +\r\n                                  getOperatorDisplayName(segment.operatorToken)\r\n                              \"\r\n                              icon=\"arrow.chevron-down\"\r\n                              [outlined]=\"true\"\r\n                              size=\"small\"\r\n                              [severity]=\"\r\n                                segment.value ? 'primary' : 'secondary'\r\n                              \"\r\n                              [iconPos]=\"'end'\"\r\n                              (onClick)=\"pathPopover.toggle($event)\"\r\n                            ></mt-button>\r\n\r\n                            <p-popover\r\n                              #pathPopover\r\n                              [style]=\"{ width: 'max-content' }\"\r\n                              appendTo=\"body\"\r\n                            >\r\n                              <div class=\"p-2\">\r\n                                <div\r\n                                  class=\"mb-2 text-xs font-semibold uppercase text-slate-400\"\r\n                                >\r\n                                  {{ t(\"properties.select\") }}\r\n                                  {{\r\n                                    getOperatorDisplayName(\r\n                                      segment.operatorToken\r\n                                    )\r\n                                  }}\r\n                                </div>\r\n                                <div\r\n                                  class=\"flex max-h-[min(24rem,calc(100vh-10rem))] flex-col gap-1 overflow-y-auto pr-1\"\r\n                                >\r\n                                  @for (\r\n                                    option of segmentOptions(segmentIndex);\r\n                                    track option.key\r\n                                  ) {\r\n                                    <mt-button\r\n                                      type=\"button\"\r\n                                      [label]=\"option.name\"\r\n                                      [icon]=\"\r\n                                        segment.value === option.key\r\n                                          ? 'general.check'\r\n                                          : 'general.minus'\r\n                                      \"\r\n                                      [iconPos]=\"'end'\"\r\n                                      size=\"small\"\r\n                                      severity=\"secondary\"\r\n                                      [styleClass]=\"\r\n                                        'w-full justify-start rounded-md px-2.5 py-1.5 text-left text-xs font-medium transition-colors ' +\r\n                                        (segment.value === option.key\r\n                                          ? 'bg-primary text-white'\r\n                                          : 'text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-700')\r\n                                      \"\r\n                                      (onClick)=\"\r\n                                        setPathSegmentValue(\r\n                                          segmentIndex,\r\n                                          option.key\r\n                                        );\r\n                                        pathPopover.hide()\r\n                                      \"\r\n                                    ></mt-button>\r\n                                  }\r\n                                </div>\r\n                                @if (segment.optional) {\r\n                                  <mt-button\r\n                                    type=\"button\"\r\n                                    [label]=\"t('actions.clear')\"\r\n                                    [outlined]=\"true\"\r\n                                    icon=\"general.x-close\"\r\n                                    [iconPos]=\"'end'\"\r\n                                    size=\"small\"\r\n                                    severity=\"danger\"\r\n                                    styleClass=\"mt-2 w-full rounded-md border border-slate-200 py-1 text-xs text-slate-400 hover:bg-slate-50 dark:border-slate-700\"\r\n                                    (onClick)=\"\r\n                                      setPathSegmentValue(segmentIndex, null);\r\n                                      pathPopover.hide()\r\n                                    \"\r\n                                  ></mt-button>\r\n                                }\r\n                              </div>\r\n                            </p-popover>\r\n\r\n                            @if (\r\n                              segment.canRemove &&\r\n                              segmentIndex === pathSegments().length - 1\r\n                            ) {\r\n                              <mt-button\r\n                                type=\"button\"\r\n                                icon=\"general.x-close\"\r\n                                size=\"small\"\r\n                                severity=\"danger\"\r\n                                styleClass=\"flex size-5 shrink-0 items-center justify-center rounded-full bg-red-500 text-white hover:bg-red-600\"\r\n                                (onClick)=\"removePathSegment(segmentIndex)\"\r\n                              ></mt-button>\r\n                            }\r\n                          }\r\n                          <mt-button\r\n                            type=\"button\"\r\n                            icon=\"general.plus\"\r\n                            size=\"small\"\r\n                            severity=\"primary\"\r\n                            [disabled]=\"!canAddNextSegment()\"\r\n                            [class.hidden]=\"!canAddNextSegment()\"\r\n                            styleClass=\"flex size-6 shrink-0 items-center justify-center rounded-md bg-primary text-xs font-bold text-white hover:opacity-90 disabled:opacity-50\"\r\n                            (onClick)=\"nextOperatorPopover.toggle($event)\"\r\n                          ></mt-button>\r\n                        </div>\r\n                      }\r\n                      <p-popover\r\n                        #nextOperatorPopover\r\n                        [style]=\"{ width: 'max-content' }\"\r\n                        appendTo=\"body\"\r\n                      >\r\n                        <div class=\"p-2\">\r\n                          <div\r\n                            class=\"mb-2 text-xs font-semibold uppercase text-slate-400\"\r\n                          >\r\n                            {{ t(\"properties.add-segment\") }}\r\n                          </div>\r\n                          <div\r\n                            class=\"flex max-h-[min(24rem,calc(100vh-10rem))] flex-col gap-1 overflow-y-auto pr-1\"\r\n                          >\r\n                            @for (\r\n                              option of nextOperatorOptions();\r\n                              track option.token\r\n                            ) {\r\n                              <mt-button\r\n                                type=\"button\"\r\n                                [label]=\"getOperatorDisplayName(option.token)\"\r\n                                icon=\"general.plus\"\r\n                                [iconPos]=\"'end'\"\r\n                                size=\"small\"\r\n                                severity=\"secondary\"\r\n                                styleClass=\"w-full justify-start rounded-md px-2.5 py-1.5 text-left text-xs font-medium transition-colors text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-700\"\r\n                                (onClick)=\"\r\n                                  onAddSegmentSelection(\r\n                                    option.token,\r\n                                    nextOperatorPopover\r\n                                  )\r\n                                \"\r\n                              ></mt-button>\r\n                            }\r\n                          </div>\r\n                        </div>\r\n                      </p-popover>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <!-- Field Selection - Under Path -->\r\n                  <div\r\n                    class=\"flex items-center gap-2 border-t border-slate-200 pt-2 dark:border-slate-700\"\r\n                  >\r\n                    <span\r\n                      class=\"shrink-0 text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n                      >{{ t(\"properties.field\") }}</span\r\n                    >\r\n                    <div\r\n                      class=\"h-4 w-px shrink-0 bg-slate-200 dark:bg-slate-700\"\r\n                    ></div>\r\n                    @if (isPropertyLoading()) {\r\n                      <p-skeleton\r\n                        class=\"flex-1\"\r\n                        height=\"2.5rem\"\r\n                        styleClass=\"rounded-md\"\r\n                      />\r\n                    } @else {\r\n                      <mt-select-field\r\n                        class=\"flex-1\"\r\n                        [label]=\"''\"\r\n                        [filter]=\"true\"\r\n                        [hasPlaceholderPrefix]=\"false\"\r\n                        [placeholder]=\"t('properties.select')\"\r\n                        [(ngModel)]=\"propertyFieldKey\"\r\n                        [options]=\"propertyOptions()\"\r\n                        optionLabel=\"name\"\r\n                        optionValue=\"key\"\r\n                        [size]=\"'small'\"\r\n                      />\r\n                    }\r\n                  </div>\r\n\r\n                  <!-- Value Selection - Only for lookup / status / lookup-matrix fields -->\r\n                  @if (isLookupProperty()) {\r\n                    <div\r\n                      class=\"flex items-center gap-2 border-t border-slate-200 pt-2 dark:border-slate-700\"\r\n                    >\r\n                      <span\r\n                        class=\"shrink-0 text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n                        >{{ t(\"properties.value\") }}</span\r\n                      >\r\n                      <div\r\n                        class=\"h-4 w-px shrink-0 bg-slate-200 dark:bg-slate-700\"\r\n                      ></div>\r\n                      @if (isLookupItemsLoading()) {\r\n                        <p-skeleton\r\n                          class=\"flex-1\"\r\n                          height=\"2.5rem\"\r\n                          styleClass=\"rounded-md\"\r\n                        />\r\n                      } @else {\r\n                        <mt-select-field\r\n                          class=\"flex-1\"\r\n                          [label]=\"''\"\r\n                          [filter]=\"true\"\r\n                          [hasPlaceholderPrefix]=\"false\"\r\n                          [placeholder]=\"t('properties.select-value')\"\r\n                          [(ngModel)]=\"lookupValueKey\"\r\n                          [options]=\"lookupItems()\"\r\n                          optionLabel=\"name\"\r\n                          optionValue=\"key\"\r\n                          [size]=\"'small'\"\r\n                        />\r\n                      }\r\n                    </div>\r\n                  }\r\n                  <div\r\n                    class=\"w-full truncate rounded-lg bg-amber-100 px-3 py-2 text-sm font-semibold text-amber-700 shadow-sm hover:bg-amber-200 dark:bg-amber-900/30 dark:text-amber-300 dark:hover:bg-amber-900/50\"\r\n                    [mtTooltip]=\"\r\n                      '@' +\r\n                      propertyTablePath() +\r\n                      '::' +\r\n                      (selectedProperty()?.key ?? '...')\r\n                    \"\r\n                    tooltipPosition=\"top\"\r\n                  >\r\n                    @{{ propertyTablePath() }}::{{\r\n                      selectedProperty()?.key ?? \"...\"\r\n                    }}\r\n                  </div>\r\n                  <div class=\"flex justify-end gap-2\">\r\n                    @if (isLookupProperty()) {\r\n                      <mt-button\r\n                        type=\"button\"\r\n                        [label]=\"t('actions.insert-value')\"\r\n                        icon=\"general.plus\"\r\n                        severity=\"secondary\"\r\n                        [outlined]=\"true\"\r\n                        [disabled]=\"!canInsertLookupValue()\"\r\n                        (onClick)=\"insertSelectedLookupValue(insertBlock)\"\r\n                      ></mt-button>\r\n                    }\r\n                    <mt-button\r\n                      type=\"button\"\r\n                      [label]=\"t('actions.insert')\"\r\n                      icon=\"general.plus\"\r\n                      severity=\"primary\"\r\n                      [disabled]=\"!canInsertProperty()\"\r\n                      (onClick)=\"insertSelectedProperty(insertBlock)\"\r\n                    ></mt-button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          }\r\n        </ng-template>\r\n      </mt-formula-toolbar>\r\n    }\r\n\r\n    <!-- Editor Area -->\r\n    <div class=\"p-3\">\r\n      <div\r\n        class=\"overflow-hidden rounded-lg border border-surface-200 bg-white dark:border-surface-700 dark:bg-surface-800\"\r\n      >\r\n        @if (showModeToggle()) {\r\n          <div\r\n            class=\"flex items-center justify-end border-b border-surface-200 px-3 py-2 dark:border-surface-700\"\r\n          >\r\n            <mt-toggle-field\r\n              [label]=\"t('codeMode')\"\r\n              labelPosition=\"end\"\r\n              size=\"small\"\r\n              [ngModel]=\"isCodeMode()\"\r\n              (ngModelChange)=\"onModeToggle($event)\"\r\n            />\r\n          </div>\r\n        }\r\n        <div class=\"p-0\">\r\n          @if (isCodeMode()) {\r\n            <mt-formula-editor-code\r\n              #formulaEditorCode\r\n              [placeholder]=\"placeholder() || t('placeholder')\"\r\n              [initialFormula]=\"expression()\"\r\n              [borderless]=\"true\"\r\n              [autocompleteProvider]=\"autocompleteProvider\"\r\n              (formulaChange)=\"onCodeFormulaChange($event)\"\r\n              (onFocus)=\"onEditorFocus()\"\r\n              (onBlur)=\"onEditorBlur()\"\r\n            />\r\n          } @else {\r\n            <mt-formula-editor\r\n              #formulaEditor\r\n              [placeholder]=\"placeholder() || t('placeholder')\"\r\n              [initialTokens]=\"tokens()\"\r\n              [borderless]=\"true\"\r\n              (formulaChange)=\"onFormulaChange($event)\"\r\n              (tokensChange)=\"onTokensChange($event)\"\r\n              (onFocus)=\"onEditorFocus()\"\r\n              (onBlur)=\"onEditorBlur()\"\r\n            />\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Status Bar - Pass data via inputs (pure component) -->\r\n    @if (!hideStatusBar()) {\r\n      <mt-formula-status-bar [validation]=\"validation()\" />\r\n    }\r\n  </div>\r\n</mt-card>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { editor: [{ type: i0.ViewChild, args: ['formulaEditor', { isSignal: true }] }], codeEditor: [{ type: i0.ViewChild, args: ['formulaEditorCode', { isSignal: true }] }], propertiesByPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertiesByPath", required: false }] }], levelSchemaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelSchemaId", required: false }] }], moduleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleId", required: false }] }], contextEntityTypeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextEntityTypeKey", required: false }] }], templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], hideToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideToolbar", required: false }] }], hideStatusBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideStatusBar", required: false }] }], toolbarTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarTabs", required: false }] }], codeOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "codeOnly", required: false }] }], builderOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "builderOnly", required: false }] }], valueMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueMode", required: false }] }], isProcessBuilder: [{ type: i0.Input, args: [{ isSignal: true, alias: "isProcessBuilder", required: false }] }], validationChange: [{ type: i0.Output, args: ["validationChange"] }], tokensChange: [{ type: i0.Output, args: ["tokensChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { editor: [{ type: i0.ViewChild, args: ['formulaEditor', { isSignal: true }] }], codeEditor: [{ type: i0.ViewChild, args: ['formulaEditorCode', { isSignal: true }] }], propertiesByPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertiesByPath", required: false }] }], levelSchemaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelSchemaId", required: false }] }], moduleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleId", required: false }] }], contextKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextKey", required: false }] }], contextEntityTypeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "contextEntityTypeKey", required: false }] }], templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateId", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], hideToolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideToolbar", required: false }] }], hideStatusBar: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideStatusBar", required: false }] }], toolbarTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarTabs", required: false }] }], codeOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "codeOnly", required: false }] }], builderOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "builderOnly", required: false }] }], valueMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueMode", required: false }] }], isProcessBuilder: [{ type: i0.Input, args: [{ isSignal: true, alias: "isProcessBuilder", required: false }] }], validationChange: [{ type: i0.Output, args: ["validationChange"] }], tokensChange: [{ type: i0.Output, args: ["tokensChange"] }] } });
 
 /**
  * Services barrel export