@masterteam/forms 0.0.36 → 0.0.37

package/assets/forms.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.1 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--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-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-800:oklch(44.3% .11 240.79);--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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{.\@container{container-type:inline-size}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.w-1\/3{width:33.3333%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-primary{border-color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.border-primary{border-color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.border-red-200{border-color:var(--color-red-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)}}.border-t-transparent{border-top-color:#0000}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-surface-50{background-color:var(--p-surface-50)}@supports (color:color-mix(in lab, red, red)){.bg-surface-50{background-color:color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent)}}.bg-surface-200{background-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.bg-surface-200{background-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-color{color:var(--p-text-color)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-muted-color{color:var(--p-text-muted-color)}.text-red-700{color:var(--color-red-700)}.text-sky-800{color:var(--color-sky-800)}.text-surface-700{color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.text-surface-700{color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.text-surface-800{color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.text-surface-800{color:color-mix(in srgb, var(--p-surface-800) 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,)}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
+@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--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-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-800:oklch(44.3% .11 240.79);--color-gray-200:oklch(92.8% .006 264.531);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--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{.\@container{container-type:inline-size}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.col-span-6{grid-column:span 6/span 6}.col-span-12{grid-column:span 12/span 12}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.w-1\/3{width:33.3333%}.w-5{width:calc(var(--spacing) * 5)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-200{border-color:var(--color-gray-200)}.border-red-200{border-color:var(--color-red-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-red-50{background-color:var(--color-red-50)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-surface-50{background-color:var(--p-surface-50)}@supports (color:color-mix(in lab, red, red)){.bg-surface-50{background-color:color-mix(in srgb, var(--p-surface-50) calc(100% * 1), transparent)}}.bg-surface-200{background-color:var(--p-surface-200)}@supports (color:color-mix(in lab, red, red)){.bg-surface-200{background-color:color-mix(in srgb, var(--p-surface-200) calc(100% * 1), transparent)}}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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)}.text-amber-800{color:var(--color-amber-800)}.text-color{color:var(--p-text-color)}.text-emerald-800{color:var(--color-emerald-800)}.text-muted-color{color:var(--p-text-muted-color)}.text-red-700{color:var(--color-red-700)}.text-sky-800{color:var(--color-sky-800)}.text-surface-700{color:var(--p-surface-700)}@supports (color:color-mix(in lab, red, red)){.text-surface-700{color:color-mix(in srgb, var(--p-surface-700) calc(100% * 1), transparent)}}.text-surface-800{color:var(--p-surface-800)}@supports (color:color-mix(in lab, red, red)){.text-surface-800{color:color-mix(in srgb, var(--p-surface-800) 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,)}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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}@keyframes pulse{50%{opacity:.5}}

package/fesm2022/masterteam-forms-client-form.mjs

@@ -5,7 +5,8 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { DynamicForm } from '@masterteam/forms/dynamic-form';
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpContext } from '@angular/common/http';
+import { ValidatorConfig, TextFieldConfig, SelectFieldConfig, MultiSelectFieldConfig, UserSearchFieldConfig, REQUEST_CONTEXT, UploadFileFieldConfig, ToggleFieldConfig, DateFieldConfig, SliderFieldConfig, NumberFieldConfig, EditorFieldConfig } from '@masterteam/components';
 
 /**
  * Stateless HTTP service for process-forms runtime APIs.
@@ -125,30 +126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
         }] });
 
 // ============================================================================
-// viewType → DynamicField type mapping
+// Constants
 // ============================================================================
-const VIEW_TYPE_MAP = {
-    User: 'select',
-    Text: 'text',
-    LongText: 'editor-field',
-    Percentage: 'slider',
-    Date: 'date',
-    Currency: 'text',
-    Number: 'number',
-    Lookup: 'select',
-    LookupMultiSelect: 'multi-select',
-    Checkbox: 'toggle',
-    InternalModule: 'select',
-    DynamicList: 'select',
-    API: 'select',
-    Time: 'date',
-    Status: 'select',
-    Attachment: 'upload-file',
-    EditableListView: 'text',
-    LookupLog: 'text',
-    LookupMatrix: 'select',
-    Location: 'select',
-};
 const WIDTH_TO_COLSPAN = {
     '25': 3,
     '50': 6,
@@ -161,11 +140,12 @@ const WIDTH_TO_COLSPAN = {
  * Convert a runtime FormConfiguration into a DynamicFormConfig
  * that can be passed directly to `<mt-dynamic-form>`.
  *
- * @param config  The form configuration from the load API
- * @param lang    Current UI language ('en' | 'ar')
- * @param mode    'create' or 'edit' — filters hidden fields accordingly
+ * @param config   The form configuration from the load API
+ * @param lang     Current UI language ('en' | 'ar')
+ * @param mode     'create' or 'edit' — filters hidden fields accordingly
+ * @param lookups  Available lookup definitions for resolving Lookup/LookupMultiSelect options
  */
-function mapToDynamicFormConfig(config, lang = 'en', mode = 'create') {
+function mapToDynamicFormConfig(config, lang = 'en', mode = 'create', lookups = []) {
     return {
         sections: config.sections
             .slice()
@@ -188,7 +168,7 @@ function mapToDynamicFormConfig(config, lang = 'en', mode = 'create') {
                 type: 'header',
                 columns: 12,
                 order: section.order,
-                fields: visibleFields.map((field) => mapFieldToConfig(field, lang)),
+                fields: visibleFields.map((field) => mapFieldToConfig(field, lang, lookups)),
             };
         })
             .filter((section) => section.fields.length > 0),
@@ -238,46 +218,146 @@ function mapFormValueToSubmitValues(formValue, loadResponse) {
 // ============================================================================
 // Internal Helpers
 // ============================================================================
-function mapFieldToConfig(field, lang) {
-    const viewType = field.property?.viewType ?? 'Text';
-    const fieldType = VIEW_TYPE_MAP[viewType] ?? 'text';
-    const label = resolvePropertyName(field.property, lang);
+/**
+ * Resolve the property item from either `property` or `propertyMetadata`.
+ * The API may return the data under either key.
+ */
+function resolveProperty(field) {
+    return field.property ?? field.propertyMetadata;
+}
+function mapFieldToConfig(field, lang, lookups) {
+    const prop = resolveProperty(field);
+    const viewType = prop?.viewType ?? 'Text';
+    const label = resolvePropertyName(prop, lang) || field.propertyKey;
     const colSpan = WIDTH_TO_COLSPAN[field.width] ?? 12;
-    const config = {
+    const base = {
         key: field.propertyKey,
         label,
-        type: fieldType,
         colSpan,
         order: field.order,
         placeholder: label,
         required: field.isRequired ?? false,
         readonly: field.isWrite === false,
         validators: field.isRequired
-            ? [{ type: 'required', message: `${label} is required` }]
+            ? [ValidatorConfig.required(`${label} is required`)]
             : [],
     };
-    // Enrich select-type fields with options from property configuration
-    if (fieldType === 'select' || fieldType === 'multi-select') {
-        const options = extractOptionsFromProperty(field.property);
-        if (options) {
-            config.options = options;
-            config.optionLabel = 'label';
-            config.optionValue = 'value';
+    switch (viewType) {
+        // ── Text-like ──────────────────────────────────────────────
+        case 'Text':
+        case 'Currency':
+        case 'EditableListView':
+        case 'LookupLog':
+            return new TextFieldConfig(base);
+        case 'LongText':
+            return new EditorFieldConfig(base);
+        // ── Numeric ───────────────────────────────────────────────
+        case 'Number':
+            return new NumberFieldConfig(base);
+        case 'Percentage':
+            return new SliderFieldConfig({ ...base, min: 0, max: 100 });
+        // ── Date / Time ───────────────────────────────────────────
+        case 'Date':
+            return new DateFieldConfig({ ...base, showTime: false });
+        case 'DateTime':
+            return new DateFieldConfig({ ...base, showTime: true });
+        case 'Time':
+            return new DateFieldConfig({ ...base, showTime: true });
+        // ── Boolean ───────────────────────────────────────────────
+        case 'Checkbox':
+            return new ToggleFieldConfig(base);
+        // ── File ──────────────────────────────────────────────────
+        case 'Attachment':
+            return new UploadFileFieldConfig(base);
+        // ── User Search ───────────────────────────────────────────
+        case 'User':
+            return new UserSearchFieldConfig({
+                ...base,
+                apiUrl: 'Identity/users',
+                context: new HttpContext().set(REQUEST_CONTEXT, {
+                    useBaseUrl: false,
+                }),
+            });
+        // ── Lookup (single select) ────────────────────────────────
+        case 'Lookup': {
+            const items = resolveLookupOptions(prop, lookups);
+            return new SelectFieldConfig({
+                ...base,
+                options: items,
+                optionLabel: 'label',
+                optionValue: 'value',
+                filter: items.length > 10,
+                showClear: !(field.isRequired ?? false),
+            });
+        }
+        // ── Lookup (multi select) ─────────────────────────────────
+        case 'LookupMultiSelect': {
+            const items = resolveLookupOptions(prop, lookups);
+            return new MultiSelectFieldConfig({
+                ...base,
+                options: items,
+                optionLabel: 'label',
+                optionValue: 'value',
+                filter: items.length > 10,
+                display: 'chip',
+            });
+        }
+        // ── Other select-based types ──────────────────────────────
+        case 'Status':
+        case 'InternalModule':
+        case 'DynamicList':
+        case 'API':
+        case 'LookupMatrix':
+        case 'Location': {
+            const options = extractOptionsFromProperty(prop);
+            return new SelectFieldConfig({
+                ...base,
+                options: options ?? [],
+                optionLabel: 'label',
+                optionValue: 'value',
+            });
         }
+        // ── Fallback ──────────────────────────────────────────────
+        default:
+            return new TextFieldConfig(base);
     }
-    return config;
 }
 function resolvePropertyName(property, lang) {
     if (!property?.name)
         return '';
     if (typeof property.name === 'string')
         return property.name;
-    return property.name[lang] ?? property.name['en'] ?? '';
+    // Prefer display name, then lang-specific, then English fallback
+    return property.name['display'] ?? property.name[lang] ?? property.name['en'] ?? '';
+}
+/**
+ * Resolve lookup items for Lookup / LookupMultiSelect viewTypes.
+ *
+ * Reads `configuration.lookup` (the lookup ID) from the property metadata,
+ * finds the matching lookup definition, and maps its items to select options.
+ */
+function resolveLookupOptions(prop, lookups) {
+    const lookupId = prop?.configuration?.['lookup'];
+    if (!lookupId || !lookups.length)
+        return [];
+    const lookup = lookups.find((l) => l.id === lookupId);
+    if (!lookup)
+        return [];
+    return lookup.items
+        .slice()
+        .sort((a, b) => a.order - b.order)
+        .map((item) => ({
+        label: item.name?.display ?? item.key,
+        value: item.id,
+    }));
 }
+/**
+ * Fallback option extractor for non-lookup select types
+ * (Status, InternalModule, DynamicList, API, etc.).
+ */
 function extractOptionsFromProperty(property) {
     if (!property?.configuration)
         return null;
-    // Options may be in different shapes depending on property configuration
     const config = property.configuration;
     if (Array.isArray(config['options'])) {
         return config['options'];
@@ -320,6 +400,16 @@ class ClientForm {
     loadSub;
     submitSub;
     // ============================================================================
+    // Public State Signals (for parent access via viewChild)
+    // ============================================================================
+    submitting = computed(() => this.state.submitting(), ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    submitError = computed(() => this.state.submitError(), ...(ngDevMode ? [{ debugName: "submitError" }] : []));
+    isSubmitted = computed(() => this.state.isSubmitted(), ...(ngDevMode ? [{ debugName: "isSubmitted" }] : []));
+    isPendingApproval = computed(() => this.state.isPendingApproval(), ...(ngDevMode ? [{ debugName: "isPendingApproval" }] : []));
+    isExecuted = computed(() => this.state.isExecuted(), ...(ngDevMode ? [{ debugName: "isExecuted" }] : []));
+    isLoaded = computed(() => this.state.isLoaded(), ...(ngDevMode ? [{ debugName: "isLoaded" }] : []));
+    loading = computed(() => this.state.loading(), ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    // ============================================================================
     // Inputs — Required Context
     // ============================================================================
     moduleKey = input.required(...(ngDevMode ? [{ debugName: "moduleKey" }] : []));
@@ -342,6 +432,7 @@ class ClientForm {
     autoLoad = input(true, ...(ngDevMode ? [{ debugName: "autoLoad" }] : []));
     formMode = input('create', ...(ngDevMode ? [{ debugName: "formMode" }] : []));
     lang = input('en', ...(ngDevMode ? [{ debugName: "lang" }] : []));
+    lookups = input([], ...(ngDevMode ? [{ debugName: "lookups" }] : []));
     // ============================================================================
     // Outputs
     // ============================================================================
@@ -361,7 +452,7 @@ class ClientForm {
         const config = this.state.formConfiguration();
         if (!config)
             return null;
-        return mapToDynamicFormConfig(config, this.lang(), this.formMode());
+        return mapToDynamicFormConfig(config, this.lang(), this.formMode(), this.lookups());
     }, ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
     initialValues = computed(() => {
         return mapValuesToFormValue(this.state.formValues());
@@ -369,28 +460,29 @@ class ClientForm {
     virtualFields = computed(() => this.state.virtualFields(), ...(ngDevMode ? [{ debugName: "virtualFields" }] : []));
     hasVirtualFields = computed(() => this.virtualFields().length > 0, ...(ngDevMode ? [{ debugName: "hasVirtualFields" }] : []));
     // ============================================================================
-    // Auto-Load Effect
-    // ============================================================================
-    autoLoadEffect = effect(() => {
-        const autoLoad = this.autoLoad();
-        const moduleKey = this.moduleKey();
-        const operationKey = this.operationKey();
-        if (autoLoad && moduleKey && operationKey) {
-            untracked(() => this.load());
-        }
-    }, ...(ngDevMode ? [{ debugName: "autoLoadEffect" }] : []));
-    // ============================================================================
-    // Patch Values Effect — applies initial values after load
-    // ============================================================================
-    patchValuesEffect = effect(() => {
-        const values = this.initialValues();
-        const isLoaded = this.state.isLoaded();
-        if (isLoaded && Object.keys(values).length > 0) {
-            untracked(() => {
-                this.formControl.patchValue(values, { emitEvent: false });
-            });
-        }
-    }, ...(ngDevMode ? [{ debugName: "patchValuesEffect" }] : []));
+    // Effects
+    // ============================================================================
+    constructor() {
+        // Auto-load when inputs are ready
+        effect(() => {
+            const autoLoad = this.autoLoad();
+            const moduleKey = this.moduleKey();
+            const operationKey = this.operationKey();
+            if (autoLoad && moduleKey && operationKey) {
+                untracked(() => this.load());
+            }
+        });
+        // Patch form values after load
+        effect(() => {
+            const values = this.initialValues();
+            const isLoaded = this.state.isLoaded();
+            if (isLoaded && Object.keys(values).length > 0) {
+                untracked(() => {
+                    this.formControl.patchValue(values, { emitEvent: false });
+                });
+            }
+        });
+    }
     // ============================================================================
     // Public API (accessed via viewChild)
     // ============================================================================
@@ -569,12 +661,12 @@ class ClientForm {
         return req;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientForm, isStandalone: true, selector: "mt-client-form", inputs: { moduleKey: { classPropertyName: "moduleKey", publicName: "moduleKey", isSignal: true, isRequired: true, transformFunction: null }, operationKey: { classPropertyName: "operationKey", publicName: "operationKey", isSignal: true, isRequired: true, transformFunction: null }, moduleId: { classPropertyName: "moduleId", publicName: "moduleId", isSignal: true, isRequired: false, transformFunction: null }, levelId: { classPropertyName: "levelId", publicName: "levelId", isSignal: true, isRequired: false, transformFunction: null }, levelDataId: { classPropertyName: "levelDataId", publicName: "levelDataId", isSignal: true, isRequired: false, transformFunction: null }, moduleDataId: { classPropertyName: "moduleDataId", publicName: "moduleDataId", isSignal: true, isRequired: false, transformFunction: null }, requestSchemaId: { classPropertyName: "requestSchemaId", publicName: "requestSchemaId", isSignal: true, isRequired: false, transformFunction: null }, draftProcessId: { classPropertyName: "draftProcessId", publicName: "draftProcessId", isSignal: true, isRequired: false, transformFunction: null }, preview: { classPropertyName: "preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null }, returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, formMode: { classPropertyName: "formMode", publicName: "formMode", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", submitted: "submitted", errored: "errored", modeDetected: "modeDetected", formSourceDetected: "formSourceDetected" }, providers: [ClientFormStateService], ngImport: i0, template: "<!-- Client Form Template \u2014 Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"\u2014\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Error -->\r\n  @if (state.submitError(); as submitError) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n      role=\"alert\"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">{{ submitError }}</span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Success -->\r\n  @if (state.isSubmitted()) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg border\"\r\n      [class]=\"\r\n        state.isPendingApproval()\r\n          ? 'bg-amber-50 text-amber-700 border-amber-200'\r\n          : 'bg-emerald-50 text-emerald-700 border-emerald-200'\r\n      \"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">\r\n        @if (state.isPendingApproval()) {\r\n          Request submitted for approval.\r\n        } @else {\r\n          Operation executed successfully.\r\n        }\r\n      </span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submitting Overlay -->\r\n  @if (state.submitting()) {\r\n    <div class=\"mt-4 flex items-center gap-2 text-sm text-muted-color\">\r\n      <div\r\n        class=\"w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin\"\r\n      ></div>\r\n      <span>Submitting...</span>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ClientForm, isStandalone: true, selector: "mt-client-form", inputs: { moduleKey: { classPropertyName: "moduleKey", publicName: "moduleKey", isSignal: true, isRequired: true, transformFunction: null }, operationKey: { classPropertyName: "operationKey", publicName: "operationKey", isSignal: true, isRequired: true, transformFunction: null }, moduleId: { classPropertyName: "moduleId", publicName: "moduleId", isSignal: true, isRequired: false, transformFunction: null }, levelId: { classPropertyName: "levelId", publicName: "levelId", isSignal: true, isRequired: false, transformFunction: null }, levelDataId: { classPropertyName: "levelDataId", publicName: "levelDataId", isSignal: true, isRequired: false, transformFunction: null }, moduleDataId: { classPropertyName: "moduleDataId", publicName: "moduleDataId", isSignal: true, isRequired: false, transformFunction: null }, requestSchemaId: { classPropertyName: "requestSchemaId", publicName: "requestSchemaId", isSignal: true, isRequired: false, transformFunction: null }, draftProcessId: { classPropertyName: "draftProcessId", publicName: "draftProcessId", isSignal: true, isRequired: false, transformFunction: null }, preview: { classPropertyName: "preview", publicName: "preview", isSignal: true, isRequired: false, transformFunction: null }, returnUrl: { classPropertyName: "returnUrl", publicName: "returnUrl", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, autoLoad: { classPropertyName: "autoLoad", publicName: "autoLoad", isSignal: true, isRequired: false, transformFunction: null }, formMode: { classPropertyName: "formMode", publicName: "formMode", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null }, lookups: { classPropertyName: "lookups", publicName: "lookups", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loaded: "loaded", submitted: "submitted", errored: "errored", modeDetected: "modeDetected", formSourceDetected: "formSourceDetected" }, providers: [ClientFormStateService], ngImport: i0, template: "<!-- Client Form Template \u2014 Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"\u2014\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "pipe", type: i2.TitleCasePipe, name: "titlecase" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ClientForm, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-client-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicForm], providers: [ClientFormStateService], template: "<!-- Client Form Template \u2014 Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"\u2014\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Error -->\r\n  @if (state.submitError(); as submitError) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n      role=\"alert\"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">{{ submitError }}</span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Success -->\r\n  @if (state.isSubmitted()) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg border\"\r\n      [class]=\"\r\n        state.isPendingApproval()\r\n          ? 'bg-amber-50 text-amber-700 border-amber-200'\r\n          : 'bg-emerald-50 text-emerald-700 border-emerald-200'\r\n      \"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">\r\n        @if (state.isPendingApproval()) {\r\n          Request submitted for approval.\r\n        } @else {\r\n          Operation executed successfully.\r\n        }\r\n      </span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submitting Overlay -->\r\n  @if (state.submitting()) {\r\n    <div class=\"mt-4 flex items-center gap-2 text-sm text-muted-color\">\r\n      <div\r\n        class=\"w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin\"\r\n      ></div>\r\n      <span>Submitting...</span>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{display:block}\n"] }]
-        }], propDecorators: { moduleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleKey", required: true }] }], operationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "operationKey", required: true }] }], moduleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleId", required: false }] }], levelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelId", required: false }] }], levelDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelDataId", required: false }] }], moduleDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleDataId", required: false }] }], requestSchemaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestSchemaId", required: false }] }], draftProcessId: [{ type: i0.Input, args: [{ isSignal: true, alias: "draftProcessId", required: false }] }], preview: [{ type: i0.Input, args: [{ isSignal: true, alias: "preview", required: false }] }], returnUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnUrl", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], formMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "formMode", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], errored: [{ type: i0.Output, args: ["errored"] }], modeDetected: [{ type: i0.Output, args: ["modeDetected"] }], formSourceDetected: [{ type: i0.Output, args: ["formSourceDetected"] }] } });
+            args: [{ selector: 'mt-client-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicForm], providers: [ClientFormStateService], template: "<!-- Client Form Template \u2014 Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"\u2014\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { moduleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleKey", required: true }] }], operationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "operationKey", required: true }] }], moduleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleId", required: false }] }], levelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelId", required: false }] }], levelDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelDataId", required: false }] }], moduleDataId: [{ type: i0.Input, args: [{ isSignal: true, alias: "moduleDataId", required: false }] }], requestSchemaId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestSchemaId", required: false }] }], draftProcessId: [{ type: i0.Input, args: [{ isSignal: true, alias: "draftProcessId", required: false }] }], preview: [{ type: i0.Input, args: [{ isSignal: true, alias: "preview", required: false }] }], returnUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnUrl", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], autoLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoLoad", required: false }] }], formMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "formMode", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], lookups: [{ type: i0.Input, args: [{ isSignal: true, alias: "lookups", required: false }] }], loaded: [{ type: i0.Output, args: ["loaded"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], errored: [{ type: i0.Output, args: ["errored"] }], modeDetected: [{ type: i0.Output, args: ["modeDetected"] }], formSourceDetected: [{ type: i0.Output, args: ["formSourceDetected"] }] } });
 
 // ============================================================================
 // API Response Wrapper

package/fesm2022/masterteam-forms-client-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-forms-client-form.mjs","sources":["../../../../packages/masterteam/forms/client-form/services/client-form-api.service.ts","../../../../packages/masterteam/forms/client-form/services/client-form-state.service.ts","../../../../packages/masterteam/forms/client-form/utils/form-config-mapper.ts","../../../../packages/masterteam/forms/client-form/client-form.ts","../../../../packages/masterteam/forms/client-form/client-form.html","../../../../packages/masterteam/forms/client-form/models/client-form.model.ts","../../../../packages/masterteam/forms/client-form/public-api.ts","../../../../packages/masterteam/forms/client-form/masterteam-forms-client-form.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\n\r\nimport type {\r\n  Response,\r\n  ProcessFormLoadRequest,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitRequest,\r\n  ProcessFormSubmitResponse,\r\n} from '../models/client-form.model';\r\n\r\n/**\r\n * Stateless HTTP service for process-forms runtime APIs.\r\n * Root-provided — safe to share across multiple ClientForm instances.\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class ClientFormApiService {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'process-forms';\r\n\r\n  /**\r\n   * Load form configuration and values for a given operation context.\r\n   * Backend determines mode (Approval vs Direct) based on published schema.\r\n   */\r\n  load(\r\n    request: ProcessFormLoadRequest,\r\n  ): Observable<Response<ProcessFormLoadResponse>> {\r\n    return this.http.post<Response<ProcessFormLoadResponse>>(\r\n      `${this.baseUrl}/load`,\r\n      request,\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Submit form values. Result depends on mode:\r\n   * - Approval → status: 'PendingApproval'\r\n   * - Direct   → status: 'Executed'\r\n   */\r\n  submit(\r\n    request: ProcessFormSubmitRequest,\r\n  ): Observable<Response<ProcessFormSubmitResponse>> {\r\n    return this.http.post<Response<ProcessFormSubmitResponse>>(\r\n      `${this.baseUrl}/submit`,\r\n      request,\r\n    );\r\n  }\r\n}\r\n","import { Injectable, signal, computed } from '@angular/core';\r\n\r\nimport type {\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitResponse,\r\n  ProcessFormValue,\r\n  ProcessFormContext,\r\n  ProcessFormMode,\r\n  ProcessFormSource,\r\n  ClientFormConfiguration,\r\n} from '../models/client-form.model';\r\n\r\n/**\r\n * Per-instance signal-based state for ClientForm.\r\n *\r\n * NOT providedIn root — each ClientForm component provides its own instance\r\n * via `providers: [ClientFormStateService]`, enabling multiple independent\r\n * forms on the same page.\r\n */\r\n@Injectable()\r\nexport class ClientFormStateService {\r\n  // ============================================================================\r\n  // Core State Signals\r\n  // ============================================================================\r\n\r\n  readonly loading = signal(false);\r\n  readonly submitting = signal(false);\r\n  readonly error = signal<string | null>(null);\r\n  readonly submitError = signal<string | null>(null);\r\n  readonly loadResponse = signal<ProcessFormLoadResponse | null>(null);\r\n  readonly submitResponse = signal<ProcessFormSubmitResponse | null>(null);\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Load Response\r\n  // ============================================================================\r\n\r\n  readonly isLoaded = computed(() => !!this.loadResponse());\r\n\r\n  readonly mode = computed<ProcessFormMode | null>(\r\n    () => this.loadResponse()?.mode ?? null,\r\n  );\r\n\r\n  readonly isApproval = computed(() => this.mode() === 'Approval');\r\n  readonly isDirect = computed(() => this.mode() === 'Direct');\r\n\r\n  readonly formSource = computed<ProcessFormSource | null>(\r\n    () => this.loadResponse()?.formSource ?? null,\r\n  );\r\n\r\n  readonly isFallbackForm = computed(() => {\r\n    const source = this.formSource();\r\n    return source === 'ModuleFallback' || source === 'LevelFallback';\r\n  });\r\n\r\n  readonly requiresForm = computed(\r\n    () => this.loadResponse()?.requiresForm ?? false,\r\n  );\r\n\r\n  readonly formConfiguration = computed<ClientFormConfiguration | null>(\r\n    () => this.loadResponse()?.formConfiguration ?? null,\r\n  );\r\n\r\n  readonly values = computed<ProcessFormValue[]>(\r\n    () => this.loadResponse()?.values ?? [],\r\n  );\r\n\r\n  readonly context = computed<ProcessFormContext | null>(\r\n    () => this.loadResponse()?.context ?? null,\r\n  );\r\n\r\n  readonly stepName = computed<string | null>(\r\n    () => this.loadResponse()?.stepName ?? null,\r\n  );\r\n\r\n  readonly requestSchemaId = computed<number | null>(\r\n    () => this.loadResponse()?.requestSchemaId ?? null,\r\n  );\r\n\r\n  readonly requestId = computed<number | null>(\r\n    () => this.loadResponse()?.requestId ?? null,\r\n  );\r\n\r\n  readonly stepId = computed<number | null>(\r\n    () => this.loadResponse()?.stepId ?? null,\r\n  );\r\n\r\n  readonly stepSchemaId = computed<number | null>(\r\n    () => this.loadResponse()?.stepSchemaId ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Value Categories\r\n  // ============================================================================\r\n\r\n  /** Process virtual fields (Request_Date, Step_Name, etc.) — read-only display */\r\n  readonly virtualFields = computed<ProcessFormValue[]>(() =>\r\n    this.values().filter((v) => v.metadata?.source === 'ProcessVirtual'),\r\n  );\r\n\r\n  /** Editable form values (non-virtual) */\r\n  readonly formValues = computed<ProcessFormValue[]>(() =>\r\n    this.values().filter((v) => v.metadata?.source !== 'ProcessVirtual'),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Submit Response\r\n  // ============================================================================\r\n\r\n  readonly isSubmitted = computed(() => !!this.submitResponse());\r\n\r\n  readonly submitStatus = computed(() => this.submitResponse()?.status ?? null);\r\n\r\n  readonly isPendingApproval = computed(\r\n    () => this.submitStatus() === 'PendingApproval',\r\n  );\r\n\r\n  readonly isExecuted = computed(() => this.submitStatus() === 'Executed');\r\n\r\n  readonly createdEntityId = computed<number | null>(\r\n    () => this.submitResponse()?.createdEntityId ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // State Mutations\r\n  // ============================================================================\r\n\r\n  setLoadResponse(response: ProcessFormLoadResponse): void {\r\n    this.loadResponse.set(response);\r\n    this.error.set(null);\r\n  }\r\n\r\n  setSubmitResponse(response: ProcessFormSubmitResponse): void {\r\n    this.submitResponse.set(response);\r\n    this.submitError.set(null);\r\n  }\r\n\r\n  setError(message: string): void {\r\n    this.error.set(message);\r\n    this.loading.set(false);\r\n  }\r\n\r\n  setSubmitError(message: string): void {\r\n    this.submitError.set(message);\r\n    this.submitting.set(false);\r\n  }\r\n\r\n  reset(): void {\r\n    this.loading.set(false);\r\n    this.submitting.set(false);\r\n    this.error.set(null);\r\n    this.submitError.set(null);\r\n    this.loadResponse.set(null);\r\n    this.submitResponse.set(null);\r\n  }\r\n}\r\n","import type {\r\n  DynamicFormConfig,\r\n  DynamicFieldConfig,\r\n} from '@masterteam/components';\r\n\r\nimport type {\r\n  ClientFormConfiguration,\r\n  ClientFormField,\r\n  ClientPropertyItem,\r\n  ProcessFormValue,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitValue,\r\n} from '../models/client-form.model';\r\n\r\n// ============================================================================\r\n// viewType → DynamicField type mapping\r\n// ============================================================================\r\n\r\nconst VIEW_TYPE_MAP: Record<string, string> = {\r\n  User: 'select',\r\n  Text: 'text',\r\n  LongText: 'editor-field',\r\n  Percentage: 'slider',\r\n  Date: 'date',\r\n  Currency: 'text',\r\n  Number: 'number',\r\n  Lookup: 'select',\r\n  LookupMultiSelect: 'multi-select',\r\n  Checkbox: 'toggle',\r\n  InternalModule: 'select',\r\n  DynamicList: 'select',\r\n  API: 'select',\r\n  Time: 'date',\r\n  Status: 'select',\r\n  Attachment: 'upload-file',\r\n  EditableListView: 'text',\r\n  LookupLog: 'text',\r\n  LookupMatrix: 'select',\r\n  Location: 'select',\r\n};\r\n\r\nconst WIDTH_TO_COLSPAN: Record<string, number> = {\r\n  '25': 3,\r\n  '50': 6,\r\n  '100': 12,\r\n};\r\n\r\n// ============================================================================\r\n// Public Mapper Functions\r\n// ============================================================================\r\n\r\n/**\r\n * Convert a runtime FormConfiguration into a DynamicFormConfig\r\n * that can be passed directly to `<mt-dynamic-form>`.\r\n *\r\n * @param config  The form configuration from the load API\r\n * @param lang    Current UI language ('en' | 'ar')\r\n * @param mode    'create' or 'edit' — filters hidden fields accordingly\r\n */\r\nexport function mapToDynamicFormConfig(\r\n  config: ClientFormConfiguration,\r\n  lang: 'en' | 'ar' = 'en',\r\n  mode: 'create' | 'edit' = 'create',\r\n): DynamicFormConfig {\r\n  return {\r\n    sections: config.sections\r\n      .slice()\r\n      .sort((a, b) => a.order - b.order)\r\n      .map((section) => {\r\n        const sectionName = section.name[lang] ?? section.name['en'] ?? '';\r\n\r\n        const visibleFields = section.fields\r\n          .filter((field) => {\r\n            // isRead=false → completely hidden\r\n            if (field.isRead === false) return false;\r\n            if (mode === 'create') return !field.hiddenInCreation;\r\n            return !field.hiddenInEditForm;\r\n          })\r\n          .sort((a, b) => a.order - b.order);\r\n\r\n        return {\r\n          key: section.id,\r\n          label: sectionName,\r\n          type: 'header' as const,\r\n          columns: 12,\r\n          order: section.order,\r\n          fields: visibleFields.map((field) => mapFieldToConfig(field, lang)),\r\n        };\r\n      })\r\n      .filter((section) => section.fields.length > 0),\r\n  };\r\n}\r\n\r\n/**\r\n * Convert API property values into a flat key-value object\r\n * suitable for `formControl.patchValue()`.\r\n *\r\n * Only includes non-virtual (editable) values.\r\n */\r\nexport function mapValuesToFormValue(\r\n  values: ProcessFormValue[],\r\n): Record<string, any> {\r\n  const result: Record<string, any> = {};\r\n\r\n  for (const v of values) {\r\n    if (v.metadata?.source === 'ProcessVirtual') continue;\r\n    result[v.propertyKey] = v.value;\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/**\r\n * Convert the current form value back into the submit payload format.\r\n *\r\n * Maps `requestPropertyId` from the load response metadata where available,\r\n * so backend can match to schema request properties.\r\n */\r\nexport function mapFormValueToSubmitValues(\r\n  formValue: Record<string, any>,\r\n  loadResponse: ProcessFormLoadResponse,\r\n): ProcessFormSubmitValue[] {\r\n  const metadataByKey = new Map<string, { propertyId?: number }>();\r\n\r\n  for (const v of loadResponse.values) {\r\n    if (v.metadata) {\r\n      metadataByKey.set(v.propertyKey, {\r\n        propertyId: v.metadata.propertyId,\r\n      });\r\n    }\r\n  }\r\n\r\n  return Object.entries(formValue)\r\n    .filter(([, value]) => value !== undefined && value !== null)\r\n    .map(([propertyKey, value]) => {\r\n      const meta = metadataByKey.get(propertyKey);\r\n      const submitValue: ProcessFormSubmitValue = { propertyKey, value };\r\n\r\n      if (meta?.propertyId) {\r\n        submitValue.requestPropertyId = meta.propertyId;\r\n      }\r\n\r\n      return submitValue;\r\n    });\r\n}\r\n\r\n// ============================================================================\r\n// Internal Helpers\r\n// ============================================================================\r\n\r\nfunction mapFieldToConfig(\r\n  field: ClientFormField,\r\n  lang: 'en' | 'ar',\r\n): DynamicFieldConfig {\r\n  const viewType = field.property?.viewType ?? 'Text';\r\n  const fieldType = VIEW_TYPE_MAP[viewType] ?? 'text';\r\n  const label = resolvePropertyName(field.property, lang);\r\n  const colSpan = WIDTH_TO_COLSPAN[field.width] ?? 12;\r\n\r\n  const config: any = {\r\n    key: field.propertyKey,\r\n    label,\r\n    type: fieldType,\r\n    colSpan,\r\n    order: field.order,\r\n    placeholder: label,\r\n    required: field.isRequired ?? false,\r\n    readonly: field.isWrite === false,\r\n    validators: field.isRequired\r\n      ? [{ type: 'required', message: `${label} is required` }]\r\n      : [],\r\n  };\r\n\r\n  // Enrich select-type fields with options from property configuration\r\n  if (fieldType === 'select' || fieldType === 'multi-select') {\r\n    const options = extractOptionsFromProperty(field.property);\r\n    if (options) {\r\n      config.options = options;\r\n      config.optionLabel = 'label';\r\n      config.optionValue = 'value';\r\n    }\r\n  }\r\n\r\n  return config as DynamicFieldConfig;\r\n}\r\n\r\nfunction resolvePropertyName(\r\n  property: ClientPropertyItem | undefined,\r\n  lang: 'en' | 'ar',\r\n): string {\r\n  if (!property?.name) return '';\r\n  if (typeof property.name === 'string') return property.name;\r\n  return property.name[lang] ?? property.name['en'] ?? '';\r\n}\r\n\r\nfunction extractOptionsFromProperty(\r\n  property: ClientPropertyItem | undefined,\r\n): { label: string; value: any }[] | null {\r\n  if (!property?.configuration) return null;\r\n\r\n  // Options may be in different shapes depending on property configuration\r\n  const config = property.configuration;\r\n\r\n  if (Array.isArray(config['options'])) {\r\n    return config['options'] as { label: string; value: any }[];\r\n  }\r\n\r\n  if (Array.isArray(config['items'])) {\r\n    return (config['items'] as any[]).map((item) => ({\r\n      label:\r\n        typeof item.name === 'string'\r\n          ? item.name\r\n          : (item.name?.['en'] ?? item.label ?? String(item.value)),\r\n      value: item.id ?? item.value ?? item.key,\r\n    }));\r\n  }\r\n\r\n  return null;\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  untracked,\r\n  OnDestroy,\r\n} from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\r\nimport type { DynamicFormConfig } from '@masterteam/components';\r\n\r\nimport { ClientFormApiService } from './services/client-form-api.service';\r\nimport { ClientFormStateService } from './services/client-form-state.service';\r\nimport {\r\n  mapToDynamicFormConfig,\r\n  mapValuesToFormValue,\r\n  mapFormValueToSubmitValues,\r\n} from './utils/form-config-mapper';\r\n\r\nimport type {\r\n  ProcessFormLoadRequest,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitRequest,\r\n  ProcessFormSubmitResponse,\r\n  ProcessFormSubmitValue,\r\n  ProcessFormMode,\r\n  ProcessFormSource,\r\n  ProcessFormValue,\r\n} from './models/client-form.model';\r\n\r\n/**\r\n * Client Form — Runtime process form component.\r\n *\r\n * Self-contained, signal-based (no NGXS). Each instance manages its own state\r\n * via a component-scoped `ClientFormStateService`.\r\n *\r\n * **No action buttons in template.** Parent controls all actions via `viewChild()`:\r\n *\r\n * ```html\r\n * <mt-client-form #processForm [moduleKey]=\"'Risk'\" [operationKey]=\"'CloseRisk'\" />\r\n * <button (click)=\"processForm.load()\">Load</button>\r\n * <button (click)=\"processForm.submit()\">Submit</button>\r\n * ```\r\n *\r\n * Or programmatically:\r\n * ```typescript\r\n * readonly processForm = viewChild.required(ClientForm);\r\n * this.processForm().load();\r\n * this.processForm().submit();\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'mt-client-form',\r\n  standalone: true,\r\n  imports: [CommonModule, ReactiveFormsModule, DynamicForm],\r\n  providers: [ClientFormStateService],\r\n  templateUrl: './client-form.html',\r\n  styleUrls: ['./client-form.scss'],\r\n})\r\nexport class ClientForm implements OnDestroy {\r\n  private readonly api = inject(ClientFormApiService);\r\n  protected readonly state = inject(ClientFormStateService);\r\n\r\n  private loadSub?: Subscription;\r\n  private submitSub?: Subscription;\r\n\r\n  // ============================================================================\r\n  // Inputs — Required Context\r\n  // ============================================================================\r\n\r\n  readonly moduleKey = input.required<string>();\r\n  readonly operationKey = input.required<string>();\r\n\r\n  // ============================================================================\r\n  // Inputs — Optional Context\r\n  // ============================================================================\r\n\r\n  readonly moduleId = input<number>();\r\n  readonly levelId = input<number>();\r\n  readonly levelDataId = input<number>();\r\n  readonly moduleDataId = input<number>();\r\n  readonly requestSchemaId = input<number>();\r\n  readonly draftProcessId = input<number>();\r\n  readonly preview = input(false);\r\n  readonly returnUrl = input<string>();\r\n\r\n  // ============================================================================\r\n  // Inputs — UI Configuration\r\n  // ============================================================================\r\n\r\n  readonly readonly = input(false);\r\n  readonly autoLoad = input(true);\r\n  readonly formMode = input<'create' | 'edit'>('create');\r\n  readonly lang = input<'en' | 'ar'>('en');\r\n\r\n  // ============================================================================\r\n  // Outputs\r\n  // ============================================================================\r\n\r\n  readonly loaded = output<ProcessFormLoadResponse>();\r\n  readonly submitted = output<ProcessFormSubmitResponse>();\r\n  readonly errored = output<string>();\r\n  readonly modeDetected = output<ProcessFormMode>();\r\n  readonly formSourceDetected = output<ProcessFormSource>();\r\n\r\n  // ============================================================================\r\n  // Internal Form Control\r\n  // ============================================================================\r\n\r\n  readonly formControl = new FormControl<Record<string, any>>({});\r\n\r\n  // ============================================================================\r\n  // Computed — Dynamic Form Config\r\n  // ============================================================================\r\n\r\n  readonly formConfig = computed<DynamicFormConfig | null>(() => {\r\n    const config = this.state.formConfiguration();\r\n    if (!config) return null;\r\n    return mapToDynamicFormConfig(config, this.lang(), this.formMode());\r\n  });\r\n\r\n  readonly initialValues = computed<Record<string, any>>(() => {\r\n    return mapValuesToFormValue(this.state.formValues());\r\n  });\r\n\r\n  readonly virtualFields = computed<ProcessFormValue[]>(() =>\r\n    this.state.virtualFields(),\r\n  );\r\n\r\n  readonly hasVirtualFields = computed(() => this.virtualFields().length > 0);\r\n\r\n  // ============================================================================\r\n  // Auto-Load Effect\r\n  // ============================================================================\r\n\r\n  private readonly autoLoadEffect = effect(() => {\r\n    const autoLoad = this.autoLoad();\r\n    const moduleKey = this.moduleKey();\r\n    const operationKey = this.operationKey();\r\n\r\n    if (autoLoad && moduleKey && operationKey) {\r\n      untracked(() => this.load());\r\n    }\r\n  });\r\n\r\n  // ============================================================================\r\n  // Patch Values Effect — applies initial values after load\r\n  // ============================================================================\r\n\r\n  private readonly patchValuesEffect = effect(() => {\r\n    const values = this.initialValues();\r\n    const isLoaded = this.state.isLoaded();\r\n\r\n    if (isLoaded && Object.keys(values).length > 0) {\r\n      untracked(() => {\r\n        this.formControl.patchValue(values, { emitEvent: false });\r\n      });\r\n    }\r\n  });\r\n\r\n  // ============================================================================\r\n  // Public API (accessed via viewChild)\r\n  // ============================================================================\r\n\r\n  /**\r\n   * Load form configuration from the API.\r\n   * Builds request from current input values.\r\n   */\r\n  load(): void {\r\n    if (this.state.loading()) return;\r\n\r\n    this.loadSub?.unsubscribe();\r\n    this.state.loading.set(true);\r\n    this.state.error.set(null);\r\n    this.state.submitResponse.set(null);\r\n\r\n    const request = this.buildLoadRequest();\r\n\r\n    this.loadSub = this.api.load(request).subscribe({\r\n      next: (response) => {\r\n        this.state.loading.set(false);\r\n\r\n        if (response.data) {\r\n          this.state.setLoadResponse(response.data);\r\n          this.loaded.emit(response.data);\r\n\r\n          if (response.data.mode) {\r\n            this.modeDetected.emit(response.data.mode);\r\n          }\r\n\r\n          if (response.data.formSource) {\r\n            this.formSourceDetected.emit(response.data.formSource);\r\n          }\r\n        } else {\r\n          const msg = response.message ?? 'Failed to load form';\r\n          this.state.setError(msg);\r\n          this.errored.emit(msg);\r\n        }\r\n      },\r\n      error: (err) => {\r\n        const msg =\r\n          err?.error?.message ?? err?.message ?? 'Failed to load form';\r\n        this.state.setError(msg);\r\n        this.errored.emit(msg);\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Submit the current form values.\r\n   * Builds submit request from form value + load context.\r\n   */\r\n  submit(): void {\r\n    if (this.state.submitting()) return;\r\n\r\n    this.submitSub?.unsubscribe();\r\n    this.state.submitting.set(true);\r\n    this.state.submitError.set(null);\r\n\r\n    const request = this.buildSubmitRequest();\r\n\r\n    this.submitSub = this.api.submit(request).subscribe({\r\n      next: (response) => {\r\n        this.state.submitting.set(false);\r\n\r\n        if (response.data) {\r\n          this.state.setSubmitResponse(response.data);\r\n          this.submitted.emit(response.data);\r\n        } else {\r\n          const msg = response.message ?? 'Failed to submit form';\r\n          this.state.setSubmitError(msg);\r\n          this.errored.emit(msg);\r\n        }\r\n      },\r\n      error: (err) => {\r\n        const msg =\r\n          err?.error?.message ?? err?.message ?? 'Failed to submit form';\r\n        this.state.setSubmitError(msg);\r\n        this.errored.emit(msg);\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current form value as a flat key-value object.\r\n   */\r\n  getFormValue(): Record<string, any> {\r\n    return this.formControl.value ?? {};\r\n  }\r\n\r\n  /**\r\n   * Get the current form value mapped to submit payload format.\r\n   */\r\n  getSubmitValues(): ProcessFormSubmitValue[] {\r\n    const loadResponse = this.state.loadResponse();\r\n    if (!loadResponse) return [];\r\n    return mapFormValueToSubmitValues(this.getFormValue(), loadResponse);\r\n  }\r\n\r\n  /**\r\n   * Check whether the current form state is valid.\r\n   */\r\n  isValid(): boolean {\r\n    return this.formControl.valid;\r\n  }\r\n\r\n  /**\r\n   * Reset the component to its initial state.\r\n   */\r\n  reset(): void {\r\n    this.loadSub?.unsubscribe();\r\n    this.submitSub?.unsubscribe();\r\n    this.formControl.reset({});\r\n    this.state.reset();\r\n  }\r\n\r\n  // ============================================================================\r\n  // Lifecycle\r\n  // ============================================================================\r\n\r\n  ngOnDestroy(): void {\r\n    this.loadSub?.unsubscribe();\r\n    this.submitSub?.unsubscribe();\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildLoadRequest(): ProcessFormLoadRequest {\r\n    const req: ProcessFormLoadRequest = {\r\n      moduleKey: this.moduleKey(),\r\n      operationKey: this.operationKey(),\r\n    };\r\n\r\n    const moduleId = this.moduleId();\r\n    const levelId = this.levelId();\r\n    const levelDataId = this.levelDataId();\r\n    const moduleDataId = this.moduleDataId();\r\n    const requestSchemaId = this.requestSchemaId();\r\n    const draftProcessId = this.draftProcessId();\r\n    const preview = this.preview();\r\n\r\n    if (moduleId != null) req.moduleId = moduleId;\r\n    if (levelId != null) req.levelId = levelId;\r\n    if (levelDataId != null) req.levelDataId = levelDataId;\r\n    if (moduleDataId != null) req.moduleDataId = moduleDataId;\r\n    if (requestSchemaId != null) req.requestSchemaId = requestSchemaId;\r\n    if (draftProcessId != null) req.draftProcessId = draftProcessId;\r\n    if (preview) req.preview = preview;\r\n\r\n    return req;\r\n  }\r\n\r\n  private buildSubmitRequest(): ProcessFormSubmitRequest {\r\n    const loadResponse = this.state.loadResponse();\r\n    const context = this.state.context();\r\n    const formValue = this.getFormValue();\r\n\r\n    const values: ProcessFormSubmitValue[] = loadResponse\r\n      ? mapFormValueToSubmitValues(formValue, loadResponse)\r\n      : Object.entries(formValue)\r\n          .filter(([, v]) => v !== undefined && v !== null)\r\n          .map(([propertyKey, value]) => ({ propertyKey, value }));\r\n\r\n    const req: ProcessFormSubmitRequest = {\r\n      moduleKey: context?.moduleKey ?? this.moduleKey(),\r\n      operationKey: context?.operationKey ?? this.operationKey(),\r\n      values,\r\n    };\r\n\r\n    const moduleId = context?.moduleId ?? this.moduleId();\r\n    const levelId = context?.levelId ?? this.levelId();\r\n    const levelDataId = context?.levelDataId ?? this.levelDataId();\r\n    const moduleDataId = context?.moduleDataId ?? this.moduleDataId();\r\n    const requestSchemaId = context?.requestSchemaId ?? this.requestSchemaId();\r\n    const draftProcessId = this.draftProcessId();\r\n    const returnUrl = this.returnUrl();\r\n\r\n    if (moduleId != null) req.moduleId = moduleId;\r\n    if (levelId != null) req.levelId = levelId;\r\n    if (levelDataId != null) req.levelDataId = levelDataId;\r\n    if (moduleDataId != null) req.moduleDataId = moduleDataId;\r\n    if (requestSchemaId != null) req.requestSchemaId = requestSchemaId;\r\n    if (draftProcessId != null) req.draftProcessId = draftProcessId;\r\n    if (returnUrl) req.returnUrl = returnUrl;\r\n\r\n    return req;\r\n  }\r\n}\r\n","<!-- Client Form Template — Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"—\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Error -->\r\n  @if (state.submitError(); as submitError) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n      role=\"alert\"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">{{ submitError }}</span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submit Success -->\r\n  @if (state.isSubmitted()) {\r\n    <div\r\n      class=\"mt-4 flex items-center gap-2 p-3 rounded-lg border\"\r\n      [class]=\"\r\n        state.isPendingApproval()\r\n          ? 'bg-amber-50 text-amber-700 border-amber-200'\r\n          : 'bg-emerald-50 text-emerald-700 border-emerald-200'\r\n      \"\r\n    >\r\n      <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n        <path\r\n          fill-rule=\"evenodd\"\r\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\"\r\n          clip-rule=\"evenodd\"\r\n        />\r\n      </svg>\r\n      <span class=\"text-sm font-medium\">\r\n        @if (state.isPendingApproval()) {\r\n          Request submitted for approval.\r\n        } @else {\r\n          Operation executed successfully.\r\n        }\r\n      </span>\r\n    </div>\r\n  }\r\n\r\n  <!-- Submitting Overlay -->\r\n  @if (state.submitting()) {\r\n    <div class=\"mt-4 flex items-center gap-2 text-sm text-muted-color\">\r\n      <div\r\n        class=\"w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin\"\r\n      ></div>\r\n      <span>Submitting...</span>\r\n    </div>\r\n  }\r\n}\r\n","// ============================================================================\r\n// API Response Wrapper\r\n// ============================================================================\r\n\r\nexport interface Response<T> {\r\n  endpoint: string;\r\n  status: number;\r\n  code: number;\r\n  locale: string;\r\n  message?: string | null;\r\n  errors?: any | null;\r\n  data: T;\r\n  cacheSession?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Process Form Mode\r\n// ============================================================================\r\n\r\nexport type ProcessFormMode = 'Approval' | 'Direct';\r\nexport type ProcessFormSubmitStatus = 'PendingApproval' | 'Executed';\r\nexport type OperationType = 'FormOperation' | 'ActionOperation';\r\nexport type ProcessFormSource =\r\n  | 'Step'\r\n  | 'ModuleFallback'\r\n  | 'LevelFallback'\r\n  | 'None';\r\n\r\n// ============================================================================\r\n// Load Request / Response\r\n// ============================================================================\r\n\r\nexport interface ProcessFormLoadRequest {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId?: number;\r\n  levelId?: number;\r\n  levelDataId?: number;\r\n  moduleDataId?: number;\r\n  requestSchemaId?: number;\r\n  draftProcessId?: number;\r\n  preview?: boolean;\r\n}\r\n\r\nexport interface ProcessFormLoadResponse {\r\n  mode: ProcessFormMode;\r\n  formSource: ProcessFormSource;\r\n  requiresForm: boolean;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  stepId: number | null;\r\n  stepSchemaId: number | null;\r\n  stepName: string | null;\r\n  formConfiguration: ClientFormConfiguration | null;\r\n  values: ProcessFormValue[];\r\n  context: ProcessFormContext;\r\n}\r\n\r\n// ============================================================================\r\n// Submit Request / Response\r\n// ============================================================================\r\n\r\nexport interface ProcessFormSubmitRequest {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId?: number;\r\n  levelId?: number;\r\n  levelDataId?: number;\r\n  moduleDataId?: number;\r\n  requestSchemaId?: number;\r\n  draftProcessId?: number;\r\n  returnUrl?: string;\r\n  values: ProcessFormSubmitValue[];\r\n}\r\n\r\nexport interface ProcessFormSubmitValue {\r\n  requestPropertyId?: number;\r\n  propertyKey: string;\r\n  value: any;\r\n}\r\n\r\nexport interface ProcessFormSubmitResponse {\r\n  status: ProcessFormSubmitStatus;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  createdEntityId: number | null;\r\n  message: string | null;\r\n}\r\n\r\n// ============================================================================\r\n// Values & Context\r\n// ============================================================================\r\n\r\nexport interface ProcessFormValue {\r\n  propertyKey: string;\r\n  value: any;\r\n  metadata?: ProcessFormValueMetadata;\r\n}\r\n\r\nexport interface ProcessFormValueMetadata {\r\n  propertyId: number;\r\n  key: string;\r\n  viewType: string;\r\n  source: string;\r\n}\r\n\r\nexport interface ProcessFormContext {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId: number | null;\r\n  levelId: number | null;\r\n  levelDataId: number | null;\r\n  moduleDataId: number | null;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  stepId: number | null;\r\n  stepSchemaId: number | null;\r\n  preview: boolean;\r\n}\r\n\r\n// ============================================================================\r\n// Form Configuration (runtime shape — no _pending/_deleting)\r\n// ============================================================================\r\n\r\nexport type ClientFieldWidth = '25' | '50' | '100';\r\n\r\nexport interface ClientFormConfiguration {\r\n  isActive: boolean;\r\n  sections: ClientFormSection[];\r\n  validations?: ClientValidationRule[];\r\n}\r\n\r\nexport interface ClientFormSection {\r\n  id: string;\r\n  name: {\r\n    en: string;\r\n    ar: string;\r\n  };\r\n  order: number;\r\n  fields: ClientFormField[];\r\n}\r\n\r\nexport interface ClientFormField {\r\n  id: string;\r\n  sectionId: string;\r\n  propertyKey: string;\r\n  property?: ClientPropertyItem;\r\n  width: ClientFieldWidth;\r\n  order: number;\r\n  hiddenInCreation?: boolean;\r\n  hiddenInEditForm?: boolean;\r\n  isRequired?: boolean;\r\n  isRead?: boolean;\r\n  isWrite?: boolean;\r\n  showConditionalDisplayFormula?: boolean;\r\n  conditionalDisplayFormula?: string;\r\n}\r\n\r\nexport interface ClientPropertyItem {\r\n  key: string;\r\n  propertyId?: number;\r\n  name: string | Record<string, string>;\r\n  viewType?: string;\r\n  configuration?: Record<string, unknown>;\r\n  [key: string]: any;\r\n}\r\n\r\nexport interface ClientValidationRule {\r\n  id: string | number;\r\n  formulaTokens: string;\r\n  formulaText: string;\r\n  message: {\r\n    en: string;\r\n    ar: string;\r\n  };\r\n  severity: 'error' | 'warning';\r\n  enabled: boolean;\r\n}\r\n\r\n// ============================================================================\r\n// Legacy Command Interception\r\n// ============================================================================\r\n\r\nexport interface FormRequiredInterception {\r\n  requestSchemaId: number;\r\n  operationType: OperationType;\r\n  status: 'FormRequired';\r\n  message: string;\r\n  levelId: number;\r\n  levelDataId: number;\r\n  moduleDataId: number;\r\n}\r\n\r\n/**\r\n * Type guard to detect a FormRequired interception response from legacy commands.\r\n * Use in HTTP interceptors to redirect to process-forms flow.\r\n */\r\nexport function isFormRequiredInterception(\r\n  response: any,\r\n): response is FormRequiredInterception {\r\n  return (\r\n    response?.status === 'FormRequired' &&\r\n    typeof response?.requestSchemaId === 'number'\r\n  );\r\n}\r\n","// Client Form - Runtime process form component\r\nexport * from './client-form';\r\nexport * from './models/client-form.model';\r\nexport * from './services/client-form-api.service';\r\nexport * from './services/client-form-state.service';\r\nexport * from './utils/form-config-mapper';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-forms-client-form.mjs","sources":["../../../../packages/masterteam/forms/client-form/services/client-form-api.service.ts","../../../../packages/masterteam/forms/client-form/services/client-form-state.service.ts","../../../../packages/masterteam/forms/client-form/utils/form-config-mapper.ts","../../../../packages/masterteam/forms/client-form/client-form.ts","../../../../packages/masterteam/forms/client-form/client-form.html","../../../../packages/masterteam/forms/client-form/models/client-form.model.ts","../../../../packages/masterteam/forms/client-form/public-api.ts","../../../../packages/masterteam/forms/client-form/masterteam-forms-client-form.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\n\r\nimport type {\r\n  Response,\r\n  ProcessFormLoadRequest,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitRequest,\r\n  ProcessFormSubmitResponse,\r\n} from '../models/client-form.model';\r\n\r\n/**\r\n * Stateless HTTP service for process-forms runtime APIs.\r\n * Root-provided — safe to share across multiple ClientForm instances.\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class ClientFormApiService {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'process-forms';\r\n\r\n  /**\r\n   * Load form configuration and values for a given operation context.\r\n   * Backend determines mode (Approval vs Direct) based on published schema.\r\n   */\r\n  load(\r\n    request: ProcessFormLoadRequest,\r\n  ): Observable<Response<ProcessFormLoadResponse>> {\r\n    return this.http.post<Response<ProcessFormLoadResponse>>(\r\n      `${this.baseUrl}/load`,\r\n      request,\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Submit form values. Result depends on mode:\r\n   * - Approval → status: 'PendingApproval'\r\n   * - Direct   → status: 'Executed'\r\n   */\r\n  submit(\r\n    request: ProcessFormSubmitRequest,\r\n  ): Observable<Response<ProcessFormSubmitResponse>> {\r\n    return this.http.post<Response<ProcessFormSubmitResponse>>(\r\n      `${this.baseUrl}/submit`,\r\n      request,\r\n    );\r\n  }\r\n}\r\n","import { Injectable, signal, computed } from '@angular/core';\r\n\r\nimport type {\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitResponse,\r\n  ProcessFormValue,\r\n  ProcessFormContext,\r\n  ProcessFormMode,\r\n  ProcessFormSource,\r\n  ClientFormConfiguration,\r\n} from '../models/client-form.model';\r\n\r\n/**\r\n * Per-instance signal-based state for ClientForm.\r\n *\r\n * NOT providedIn root — each ClientForm component provides its own instance\r\n * via `providers: [ClientFormStateService]`, enabling multiple independent\r\n * forms on the same page.\r\n */\r\n@Injectable()\r\nexport class ClientFormStateService {\r\n  // ============================================================================\r\n  // Core State Signals\r\n  // ============================================================================\r\n\r\n  readonly loading = signal(false);\r\n  readonly submitting = signal(false);\r\n  readonly error = signal<string | null>(null);\r\n  readonly submitError = signal<string | null>(null);\r\n  readonly loadResponse = signal<ProcessFormLoadResponse | null>(null);\r\n  readonly submitResponse = signal<ProcessFormSubmitResponse | null>(null);\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Load Response\r\n  // ============================================================================\r\n\r\n  readonly isLoaded = computed(() => !!this.loadResponse());\r\n\r\n  readonly mode = computed<ProcessFormMode | null>(\r\n    () => this.loadResponse()?.mode ?? null,\r\n  );\r\n\r\n  readonly isApproval = computed(() => this.mode() === 'Approval');\r\n  readonly isDirect = computed(() => this.mode() === 'Direct');\r\n\r\n  readonly formSource = computed<ProcessFormSource | null>(\r\n    () => this.loadResponse()?.formSource ?? null,\r\n  );\r\n\r\n  readonly isFallbackForm = computed(() => {\r\n    const source = this.formSource();\r\n    return source === 'ModuleFallback' || source === 'LevelFallback';\r\n  });\r\n\r\n  readonly requiresForm = computed(\r\n    () => this.loadResponse()?.requiresForm ?? false,\r\n  );\r\n\r\n  readonly formConfiguration = computed<ClientFormConfiguration | null>(\r\n    () => this.loadResponse()?.formConfiguration ?? null,\r\n  );\r\n\r\n  readonly values = computed<ProcessFormValue[]>(\r\n    () => this.loadResponse()?.values ?? [],\r\n  );\r\n\r\n  readonly context = computed<ProcessFormContext | null>(\r\n    () => this.loadResponse()?.context ?? null,\r\n  );\r\n\r\n  readonly stepName = computed<string | null>(\r\n    () => this.loadResponse()?.stepName ?? null,\r\n  );\r\n\r\n  readonly requestSchemaId = computed<number | null>(\r\n    () => this.loadResponse()?.requestSchemaId ?? null,\r\n  );\r\n\r\n  readonly requestId = computed<number | null>(\r\n    () => this.loadResponse()?.requestId ?? null,\r\n  );\r\n\r\n  readonly stepId = computed<number | null>(\r\n    () => this.loadResponse()?.stepId ?? null,\r\n  );\r\n\r\n  readonly stepSchemaId = computed<number | null>(\r\n    () => this.loadResponse()?.stepSchemaId ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Value Categories\r\n  // ============================================================================\r\n\r\n  /** Process virtual fields (Request_Date, Step_Name, etc.) — read-only display */\r\n  readonly virtualFields = computed<ProcessFormValue[]>(() =>\r\n    this.values().filter((v) => v.metadata?.source === 'ProcessVirtual'),\r\n  );\r\n\r\n  /** Editable form values (non-virtual) */\r\n  readonly formValues = computed<ProcessFormValue[]>(() =>\r\n    this.values().filter((v) => v.metadata?.source !== 'ProcessVirtual'),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Derived Computeds — Submit Response\r\n  // ============================================================================\r\n\r\n  readonly isSubmitted = computed(() => !!this.submitResponse());\r\n\r\n  readonly submitStatus = computed(() => this.submitResponse()?.status ?? null);\r\n\r\n  readonly isPendingApproval = computed(\r\n    () => this.submitStatus() === 'PendingApproval',\r\n  );\r\n\r\n  readonly isExecuted = computed(() => this.submitStatus() === 'Executed');\r\n\r\n  readonly createdEntityId = computed<number | null>(\r\n    () => this.submitResponse()?.createdEntityId ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // State Mutations\r\n  // ============================================================================\r\n\r\n  setLoadResponse(response: ProcessFormLoadResponse): void {\r\n    this.loadResponse.set(response);\r\n    this.error.set(null);\r\n  }\r\n\r\n  setSubmitResponse(response: ProcessFormSubmitResponse): void {\r\n    this.submitResponse.set(response);\r\n    this.submitError.set(null);\r\n  }\r\n\r\n  setError(message: string): void {\r\n    this.error.set(message);\r\n    this.loading.set(false);\r\n  }\r\n\r\n  setSubmitError(message: string): void {\r\n    this.submitError.set(message);\r\n    this.submitting.set(false);\r\n  }\r\n\r\n  reset(): void {\r\n    this.loading.set(false);\r\n    this.submitting.set(false);\r\n    this.error.set(null);\r\n    this.submitError.set(null);\r\n    this.loadResponse.set(null);\r\n    this.submitResponse.set(null);\r\n  }\r\n}\r\n","import type { DynamicFormConfig, DynamicFieldConfig } from '@masterteam/components';\r\nimport {\r\n  REQUEST_CONTEXT,\r\n  ValidatorConfig,\r\n  TextFieldConfig,\r\n  EditorFieldConfig,\r\n  SelectFieldConfig,\r\n  MultiSelectFieldConfig,\r\n  DateFieldConfig,\r\n  NumberFieldConfig,\r\n  SliderFieldConfig,\r\n  ToggleFieldConfig,\r\n  UserSearchFieldConfig,\r\n  UploadFileFieldConfig,\r\n} from '@masterteam/components';\r\nimport { HttpContext } from '@angular/common/http';\r\n\r\nimport type {\r\n  ClientFormConfiguration,\r\n  ClientFormField,\r\n  ClientPropertyItem,\r\n  ClientLookup,\r\n  ProcessFormValue,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitValue,\r\n} from '../models/client-form.model';\r\n\r\n// ============================================================================\r\n// Constants\r\n// ============================================================================\r\n\r\nconst WIDTH_TO_COLSPAN: Record<string, number> = {\r\n  '25': 3,\r\n  '50': 6,\r\n  '100': 12,\r\n};\r\n\r\n// ============================================================================\r\n// Public Mapper Functions\r\n// ============================================================================\r\n\r\n/**\r\n * Convert a runtime FormConfiguration into a DynamicFormConfig\r\n * that can be passed directly to `<mt-dynamic-form>`.\r\n *\r\n * @param config   The form configuration from the load API\r\n * @param lang     Current UI language ('en' | 'ar')\r\n * @param mode     'create' or 'edit' — filters hidden fields accordingly\r\n * @param lookups  Available lookup definitions for resolving Lookup/LookupMultiSelect options\r\n */\r\nexport function mapToDynamicFormConfig(\r\n  config: ClientFormConfiguration,\r\n  lang: 'en' | 'ar' = 'en',\r\n  mode: 'create' | 'edit' = 'create',\r\n  lookups: ClientLookup[] = [],\r\n): DynamicFormConfig {\r\n  return {\r\n    sections: config.sections\r\n      .slice()\r\n      .sort((a, b) => a.order - b.order)\r\n      .map((section) => {\r\n        const sectionName = section.name[lang] ?? section.name['en'] ?? '';\r\n\r\n        const visibleFields = section.fields\r\n          .filter((field) => {\r\n            // isRead=false → completely hidden\r\n            if (field.isRead === false) return false;\r\n            if (mode === 'create') return !field.hiddenInCreation;\r\n            return !field.hiddenInEditForm;\r\n          })\r\n          .sort((a, b) => a.order - b.order);\r\n\r\n        return {\r\n          key: section.id,\r\n          label: sectionName,\r\n          type: 'header' as const,\r\n          columns: 12,\r\n          order: section.order,\r\n          fields: visibleFields.map((field) =>\r\n            mapFieldToConfig(field, lang, lookups),\r\n          ),\r\n        };\r\n      })\r\n      .filter((section) => section.fields.length > 0),\r\n  };\r\n}\r\n\r\n/**\r\n * Convert API property values into a flat key-value object\r\n * suitable for `formControl.patchValue()`.\r\n *\r\n * Only includes non-virtual (editable) values.\r\n */\r\nexport function mapValuesToFormValue(\r\n  values: ProcessFormValue[],\r\n): Record<string, any> {\r\n  const result: Record<string, any> = {};\r\n\r\n  for (const v of values) {\r\n    if (v.metadata?.source === 'ProcessVirtual') continue;\r\n    result[v.propertyKey] = v.value;\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/**\r\n * Convert the current form value back into the submit payload format.\r\n *\r\n * Maps `requestPropertyId` from the load response metadata where available,\r\n * so backend can match to schema request properties.\r\n */\r\nexport function mapFormValueToSubmitValues(\r\n  formValue: Record<string, any>,\r\n  loadResponse: ProcessFormLoadResponse,\r\n): ProcessFormSubmitValue[] {\r\n  const metadataByKey = new Map<string, { propertyId?: number }>();\r\n\r\n  for (const v of loadResponse.values) {\r\n    if (v.metadata) {\r\n      metadataByKey.set(v.propertyKey, {\r\n        propertyId: v.metadata.propertyId,\r\n      });\r\n    }\r\n  }\r\n\r\n  return Object.entries(formValue)\r\n    .filter(([, value]) => value !== undefined && value !== null)\r\n    .map(([propertyKey, value]) => {\r\n      const meta = metadataByKey.get(propertyKey);\r\n      const submitValue: ProcessFormSubmitValue = { propertyKey, value };\r\n\r\n      if (meta?.propertyId) {\r\n        submitValue.requestPropertyId = meta.propertyId;\r\n      }\r\n\r\n      return submitValue;\r\n    });\r\n}\r\n\r\n// ============================================================================\r\n// Internal Helpers\r\n// ============================================================================\r\n\r\n/**\r\n * Resolve the property item from either `property` or `propertyMetadata`.\r\n * The API may return the data under either key.\r\n */\r\nfunction resolveProperty(field: ClientFormField): ClientPropertyItem | undefined {\r\n  return field.property ?? field.propertyMetadata;\r\n}\r\n\r\nfunction mapFieldToConfig(\r\n  field: ClientFormField,\r\n  lang: 'en' | 'ar',\r\n  lookups: ClientLookup[],\r\n): DynamicFieldConfig {\r\n  const prop = resolveProperty(field);\r\n  const viewType = prop?.viewType ?? 'Text';\r\n  const label = resolvePropertyName(prop, lang) || field.propertyKey;\r\n  const colSpan = WIDTH_TO_COLSPAN[field.width] ?? 12;\r\n\r\n  const base = {\r\n    key: field.propertyKey,\r\n    label,\r\n    colSpan,\r\n    order: field.order,\r\n    placeholder: label,\r\n    required: field.isRequired ?? false,\r\n    readonly: field.isWrite === false,\r\n    validators: field.isRequired\r\n      ? [ValidatorConfig.required(`${label} is required`)]\r\n      : [],\r\n  };\r\n\r\n  switch (viewType) {\r\n    // ── Text-like ──────────────────────────────────────────────\r\n    case 'Text':\r\n    case 'Currency':\r\n    case 'EditableListView':\r\n    case 'LookupLog':\r\n      return new TextFieldConfig(base);\r\n\r\n    case 'LongText':\r\n      return new EditorFieldConfig(base);\r\n\r\n    // ── Numeric ───────────────────────────────────────────────\r\n    case 'Number':\r\n      return new NumberFieldConfig(base);\r\n\r\n    case 'Percentage':\r\n      return new SliderFieldConfig({ ...base, min: 0, max: 100 });\r\n\r\n    // ── Date / Time ───────────────────────────────────────────\r\n    case 'Date':\r\n      return new DateFieldConfig({ ...base, showTime: false });\r\n\r\n    case 'DateTime':\r\n      return new DateFieldConfig({ ...base, showTime: true });\r\n\r\n    case 'Time':\r\n      return new DateFieldConfig({ ...base, showTime: true });\r\n\r\n    // ── Boolean ───────────────────────────────────────────────\r\n    case 'Checkbox':\r\n      return new ToggleFieldConfig(base);\r\n\r\n    // ── File ──────────────────────────────────────────────────\r\n    case 'Attachment':\r\n      return new UploadFileFieldConfig(base);\r\n\r\n    // ── User Search ───────────────────────────────────────────\r\n    case 'User':\r\n      return new UserSearchFieldConfig({\r\n        ...base,\r\n        apiUrl: 'Identity/users',\r\n        context: new HttpContext().set(REQUEST_CONTEXT, {\r\n          useBaseUrl: false,\r\n        }),\r\n      });\r\n\r\n    // ── Lookup (single select) ────────────────────────────────\r\n    case 'Lookup': {\r\n      const items = resolveLookupOptions(prop, lookups);\r\n      return new SelectFieldConfig({\r\n        ...base,\r\n        options: items,\r\n        optionLabel: 'label',\r\n        optionValue: 'value',\r\n        filter: items.length > 10,\r\n        showClear: !(field.isRequired ?? false),\r\n      });\r\n    }\r\n\r\n    // ── Lookup (multi select) ─────────────────────────────────\r\n    case 'LookupMultiSelect': {\r\n      const items = resolveLookupOptions(prop, lookups);\r\n      return new MultiSelectFieldConfig({\r\n        ...base,\r\n        options: items,\r\n        optionLabel: 'label',\r\n        optionValue: 'value',\r\n        filter: items.length > 10,\r\n        display: 'chip',\r\n      });\r\n    }\r\n\r\n    // ── Other select-based types ──────────────────────────────\r\n    case 'Status':\r\n    case 'InternalModule':\r\n    case 'DynamicList':\r\n    case 'API':\r\n    case 'LookupMatrix':\r\n    case 'Location': {\r\n      const options = extractOptionsFromProperty(prop);\r\n      return new SelectFieldConfig({\r\n        ...base,\r\n        options: options ?? [],\r\n        optionLabel: 'label',\r\n        optionValue: 'value',\r\n      });\r\n    }\r\n\r\n    // ── Fallback ──────────────────────────────────────────────\r\n    default:\r\n      return new TextFieldConfig(base);\r\n  }\r\n}\r\n\r\nfunction resolvePropertyName(\r\n  property: ClientPropertyItem | undefined,\r\n  lang: 'en' | 'ar',\r\n): string {\r\n  if (!property?.name) return '';\r\n  if (typeof property.name === 'string') return property.name;\r\n  // Prefer display name, then lang-specific, then English fallback\r\n  return property.name['display'] ?? property.name[lang] ?? property.name['en'] ?? '';\r\n}\r\n\r\n/**\r\n * Resolve lookup items for Lookup / LookupMultiSelect viewTypes.\r\n *\r\n * Reads `configuration.lookup` (the lookup ID) from the property metadata,\r\n * finds the matching lookup definition, and maps its items to select options.\r\n */\r\nfunction resolveLookupOptions(\r\n  prop: ClientPropertyItem | undefined,\r\n  lookups: ClientLookup[],\r\n): { label: string; value: number }[] {\r\n  const lookupId = prop?.configuration?.['lookup'] as number | undefined;\r\n  if (!lookupId || !lookups.length) return [];\r\n\r\n  const lookup = lookups.find((l) => l.id === lookupId);\r\n  if (!lookup) return [];\r\n\r\n  return lookup.items\r\n    .slice()\r\n    .sort((a, b) => a.order - b.order)\r\n    .map((item) => ({\r\n      label: item.name?.display ?? item.key,\r\n      value: item.id,\r\n    }));\r\n}\r\n\r\n/**\r\n * Fallback option extractor for non-lookup select types\r\n * (Status, InternalModule, DynamicList, API, etc.).\r\n */\r\nfunction extractOptionsFromProperty(\r\n  property: ClientPropertyItem | undefined,\r\n): { label: string; value: any }[] | null {\r\n  if (!property?.configuration) return null;\r\n\r\n  const config = property.configuration;\r\n\r\n  if (Array.isArray(config['options'])) {\r\n    return config['options'] as { label: string; value: any }[];\r\n  }\r\n\r\n  if (Array.isArray(config['items'])) {\r\n    return (config['items'] as any[]).map((item) => ({\r\n      label:\r\n        typeof item.name === 'string'\r\n          ? item.name\r\n          : (item.name?.['en'] ?? item.label ?? String(item.value)),\r\n      value: item.id ?? item.value ?? item.key,\r\n    }));\r\n  }\r\n\r\n  return null;\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n  untracked,\r\n  OnDestroy,\r\n} from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { DynamicForm } from '@masterteam/forms/dynamic-form';\r\nimport type { DynamicFormConfig } from '@masterteam/components';\r\n\r\nimport { ClientFormApiService } from './services/client-form-api.service';\r\nimport { ClientFormStateService } from './services/client-form-state.service';\r\nimport {\r\n  mapToDynamicFormConfig,\r\n  mapValuesToFormValue,\r\n  mapFormValueToSubmitValues,\r\n} from './utils/form-config-mapper';\r\n\r\nimport type {\r\n  ProcessFormLoadRequest,\r\n  ProcessFormLoadResponse,\r\n  ProcessFormSubmitRequest,\r\n  ProcessFormSubmitResponse,\r\n  ProcessFormSubmitValue,\r\n  ProcessFormMode,\r\n  ProcessFormSource,\r\n  ProcessFormValue,\r\n  ClientLookup,\r\n} from './models/client-form.model';\r\n\r\n/**\r\n * Client Form — Runtime process form component.\r\n *\r\n * Self-contained, signal-based (no NGXS). Each instance manages its own state\r\n * via a component-scoped `ClientFormStateService`.\r\n *\r\n * **No action buttons in template.** Parent controls all actions via `viewChild()`:\r\n *\r\n * ```html\r\n * <mt-client-form #processForm [moduleKey]=\"'Risk'\" [operationKey]=\"'CloseRisk'\" />\r\n * <button (click)=\"processForm.load()\">Load</button>\r\n * <button (click)=\"processForm.submit()\">Submit</button>\r\n * ```\r\n *\r\n * Or programmatically:\r\n * ```typescript\r\n * readonly processForm = viewChild.required(ClientForm);\r\n * this.processForm().load();\r\n * this.processForm().submit();\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'mt-client-form',\r\n  standalone: true,\r\n  imports: [CommonModule, ReactiveFormsModule, DynamicForm],\r\n  providers: [ClientFormStateService],\r\n  templateUrl: './client-form.html',\r\n  styleUrls: ['./client-form.scss'],\r\n})\r\nexport class ClientForm implements OnDestroy {\r\n  private readonly api = inject(ClientFormApiService);\r\n  protected readonly state = inject(ClientFormStateService);\r\n\r\n  private loadSub?: Subscription;\r\n  private submitSub?: Subscription;\r\n\r\n  // ============================================================================\r\n  // Public State Signals (for parent access via viewChild)\r\n  // ============================================================================\r\n\r\n  readonly submitting = computed(() => this.state.submitting());\r\n  readonly submitError = computed(() => this.state.submitError());\r\n  readonly isSubmitted = computed(() => this.state.isSubmitted());\r\n  readonly isPendingApproval = computed(() => this.state.isPendingApproval());\r\n  readonly isExecuted = computed(() => this.state.isExecuted());\r\n  readonly isLoaded = computed(() => this.state.isLoaded());\r\n  readonly loading = computed(() => this.state.loading());\r\n\r\n  // ============================================================================\r\n  // Inputs — Required Context\r\n  // ============================================================================\r\n\r\n  readonly moduleKey = input.required<string>();\r\n  readonly operationKey = input.required<string>();\r\n\r\n  // ============================================================================\r\n  // Inputs — Optional Context\r\n  // ============================================================================\r\n\r\n  readonly moduleId = input<number>();\r\n  readonly levelId = input<number>();\r\n  readonly levelDataId = input<number>();\r\n  readonly moduleDataId = input<number>();\r\n  readonly requestSchemaId = input<number>();\r\n  readonly draftProcessId = input<number>();\r\n  readonly preview = input(false);\r\n  readonly returnUrl = input<string>();\r\n\r\n  // ============================================================================\r\n  // Inputs — UI Configuration\r\n  // ============================================================================\r\n\r\n  readonly readonly = input(false);\r\n  readonly autoLoad = input(true);\r\n  readonly formMode = input<'create' | 'edit'>('create');\r\n  readonly lang = input<'en' | 'ar'>('en');\r\n  readonly lookups = input<ClientLookup[]>([]);\r\n\r\n  // ============================================================================\r\n  // Outputs\r\n  // ============================================================================\r\n\r\n  readonly loaded = output<ProcessFormLoadResponse>();\r\n  readonly submitted = output<ProcessFormSubmitResponse>();\r\n  readonly errored = output<string>();\r\n  readonly modeDetected = output<ProcessFormMode>();\r\n  readonly formSourceDetected = output<ProcessFormSource>();\r\n\r\n  // ============================================================================\r\n  // Internal Form Control\r\n  // ============================================================================\r\n\r\n  readonly formControl = new FormControl<Record<string, any>>({});\r\n\r\n  // ============================================================================\r\n  // Computed — Dynamic Form Config\r\n  // ============================================================================\r\n\r\n  readonly formConfig = computed<DynamicFormConfig | null>(() => {\r\n    const config = this.state.formConfiguration();\r\n    if (!config) return null;\r\n    return mapToDynamicFormConfig(\r\n      config,\r\n      this.lang(),\r\n      this.formMode(),\r\n      this.lookups(),\r\n    );\r\n  });\r\n\r\n  readonly initialValues = computed<Record<string, any>>(() => {\r\n    return mapValuesToFormValue(this.state.formValues());\r\n  });\r\n\r\n  readonly virtualFields = computed<ProcessFormValue[]>(() =>\r\n    this.state.virtualFields(),\r\n  );\r\n\r\n  readonly hasVirtualFields = computed(() => this.virtualFields().length > 0);\r\n\r\n  // ============================================================================\r\n  // Effects\r\n  // ============================================================================\r\n\r\n  constructor() {\r\n    // Auto-load when inputs are ready\r\n    effect(() => {\r\n      const autoLoad = this.autoLoad();\r\n      const moduleKey = this.moduleKey();\r\n      const operationKey = this.operationKey();\r\n\r\n      if (autoLoad && moduleKey && operationKey) {\r\n        untracked(() => this.load());\r\n      }\r\n    });\r\n\r\n    // Patch form values after load\r\n    effect(() => {\r\n      const values = this.initialValues();\r\n      const isLoaded = this.state.isLoaded();\r\n\r\n      if (isLoaded && Object.keys(values).length > 0) {\r\n        untracked(() => {\r\n          this.formControl.patchValue(values, { emitEvent: false });\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  // ============================================================================\r\n  // Public API (accessed via viewChild)\r\n  // ============================================================================\r\n\r\n  /**\r\n   * Load form configuration from the API.\r\n   * Builds request from current input values.\r\n   */\r\n  load(): void {\r\n    if (this.state.loading()) return;\r\n\r\n    this.loadSub?.unsubscribe();\r\n    this.state.loading.set(true);\r\n    this.state.error.set(null);\r\n    this.state.submitResponse.set(null);\r\n\r\n    const request = this.buildLoadRequest();\r\n\r\n    this.loadSub = this.api.load(request).subscribe({\r\n      next: (response) => {\r\n        this.state.loading.set(false);\r\n\r\n        if (response.data) {\r\n          this.state.setLoadResponse(response.data);\r\n          this.loaded.emit(response.data);\r\n\r\n          if (response.data.mode) {\r\n            this.modeDetected.emit(response.data.mode);\r\n          }\r\n\r\n          if (response.data.formSource) {\r\n            this.formSourceDetected.emit(response.data.formSource);\r\n          }\r\n        } else {\r\n          const msg = response.message ?? 'Failed to load form';\r\n          this.state.setError(msg);\r\n          this.errored.emit(msg);\r\n        }\r\n      },\r\n      error: (err) => {\r\n        const msg =\r\n          err?.error?.message ?? err?.message ?? 'Failed to load form';\r\n        this.state.setError(msg);\r\n        this.errored.emit(msg);\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Submit the current form values.\r\n   * Builds submit request from form value + load context.\r\n   */\r\n  submit(): void {\r\n    if (this.state.submitting()) return;\r\n\r\n    this.submitSub?.unsubscribe();\r\n    this.state.submitting.set(true);\r\n    this.state.submitError.set(null);\r\n\r\n    const request = this.buildSubmitRequest();\r\n\r\n    this.submitSub = this.api.submit(request).subscribe({\r\n      next: (response) => {\r\n        this.state.submitting.set(false);\r\n\r\n        if (response.data) {\r\n          this.state.setSubmitResponse(response.data);\r\n          this.submitted.emit(response.data);\r\n        } else {\r\n          const msg = response.message ?? 'Failed to submit form';\r\n          this.state.setSubmitError(msg);\r\n          this.errored.emit(msg);\r\n        }\r\n      },\r\n      error: (err) => {\r\n        const msg =\r\n          err?.error?.message ?? err?.message ?? 'Failed to submit form';\r\n        this.state.setSubmitError(msg);\r\n        this.errored.emit(msg);\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get the current form value as a flat key-value object.\r\n   */\r\n  getFormValue(): Record<string, any> {\r\n    return this.formControl.value ?? {};\r\n  }\r\n\r\n  /**\r\n   * Get the current form value mapped to submit payload format.\r\n   */\r\n  getSubmitValues(): ProcessFormSubmitValue[] {\r\n    const loadResponse = this.state.loadResponse();\r\n    if (!loadResponse) return [];\r\n    return mapFormValueToSubmitValues(this.getFormValue(), loadResponse);\r\n  }\r\n\r\n  /**\r\n   * Check whether the current form state is valid.\r\n   */\r\n  isValid(): boolean {\r\n    return this.formControl.valid;\r\n  }\r\n\r\n  /**\r\n   * Reset the component to its initial state.\r\n   */\r\n  reset(): void {\r\n    this.loadSub?.unsubscribe();\r\n    this.submitSub?.unsubscribe();\r\n    this.formControl.reset({});\r\n    this.state.reset();\r\n  }\r\n\r\n  // ============================================================================\r\n  // Lifecycle\r\n  // ============================================================================\r\n\r\n  ngOnDestroy(): void {\r\n    this.loadSub?.unsubscribe();\r\n    this.submitSub?.unsubscribe();\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildLoadRequest(): ProcessFormLoadRequest {\r\n    const req: ProcessFormLoadRequest = {\r\n      moduleKey: this.moduleKey(),\r\n      operationKey: this.operationKey(),\r\n    };\r\n\r\n    const moduleId = this.moduleId();\r\n    const levelId = this.levelId();\r\n    const levelDataId = this.levelDataId();\r\n    const moduleDataId = this.moduleDataId();\r\n    const requestSchemaId = this.requestSchemaId();\r\n    const draftProcessId = this.draftProcessId();\r\n    const preview = this.preview();\r\n\r\n    if (moduleId != null) req.moduleId = moduleId;\r\n    if (levelId != null) req.levelId = levelId;\r\n    if (levelDataId != null) req.levelDataId = levelDataId;\r\n    if (moduleDataId != null) req.moduleDataId = moduleDataId;\r\n    if (requestSchemaId != null) req.requestSchemaId = requestSchemaId;\r\n    if (draftProcessId != null) req.draftProcessId = draftProcessId;\r\n    if (preview) req.preview = preview;\r\n\r\n    return req;\r\n  }\r\n\r\n  private buildSubmitRequest(): ProcessFormSubmitRequest {\r\n    const loadResponse = this.state.loadResponse();\r\n    const context = this.state.context();\r\n    const formValue = this.getFormValue();\r\n\r\n    const values: ProcessFormSubmitValue[] = loadResponse\r\n      ? mapFormValueToSubmitValues(formValue, loadResponse)\r\n      : Object.entries(formValue)\r\n          .filter(([, v]) => v !== undefined && v !== null)\r\n          .map(([propertyKey, value]) => ({ propertyKey, value }));\r\n\r\n    const req: ProcessFormSubmitRequest = {\r\n      moduleKey: context?.moduleKey ?? this.moduleKey(),\r\n      operationKey: context?.operationKey ?? this.operationKey(),\r\n      values,\r\n    };\r\n\r\n    const moduleId = context?.moduleId ?? this.moduleId();\r\n    const levelId = context?.levelId ?? this.levelId();\r\n    const levelDataId = context?.levelDataId ?? this.levelDataId();\r\n    const moduleDataId = context?.moduleDataId ?? this.moduleDataId();\r\n    const requestSchemaId = context?.requestSchemaId ?? this.requestSchemaId();\r\n    const draftProcessId = this.draftProcessId();\r\n    const returnUrl = this.returnUrl();\r\n\r\n    if (moduleId != null) req.moduleId = moduleId;\r\n    if (levelId != null) req.levelId = levelId;\r\n    if (levelDataId != null) req.levelDataId = levelDataId;\r\n    if (moduleDataId != null) req.moduleDataId = moduleDataId;\r\n    if (requestSchemaId != null) req.requestSchemaId = requestSchemaId;\r\n    if (draftProcessId != null) req.draftProcessId = draftProcessId;\r\n    if (returnUrl) req.returnUrl = returnUrl;\r\n\r\n    return req;\r\n  }\r\n}\r\n","<!-- Client Form Template — Render only, NO action buttons -->\r\n\r\n<!-- Loading State -->\r\n@if (state.loading()) {\r\n  <div class=\"flex flex-col gap-4 animate-pulse\">\r\n    <div class=\"h-6 bg-surface-200 rounded w-1/3\"></div>\r\n    <div class=\"grid grid-cols-12 gap-4\">\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-12 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n      <div class=\"col-span-6 h-10 bg-surface-200 rounded\"></div>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<!-- Error State -->\r\n@if (state.error(); as error) {\r\n  <div\r\n    class=\"flex items-center gap-2 p-3 rounded-lg bg-red-50 text-red-700 border border-red-200\"\r\n    role=\"alert\"\r\n  >\r\n    <svg class=\"w-5 h-5 shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n      <path\r\n        fill-rule=\"evenodd\"\r\n        d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\"\r\n        clip-rule=\"evenodd\"\r\n      />\r\n    </svg>\r\n    <span class=\"text-sm font-medium\">{{ error }}</span>\r\n  </div>\r\n}\r\n\r\n<!-- Loaded State -->\r\n@if (state.isLoaded() && !state.loading()) {\r\n  <!-- Step Info Bar -->\r\n  @if (state.stepName() || state.mode()) {\r\n    <div\r\n      class=\"flex items-center gap-3 mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\"\r\n    >\r\n      @if (state.stepName()) {\r\n        <span class=\"text-sm font-semibold text-surface-700\">\r\n          {{ state.stepName() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.mode()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium\"\r\n          [class]=\"\r\n            state.isApproval()\r\n              ? 'bg-amber-100 text-amber-800'\r\n              : 'bg-emerald-100 text-emerald-800'\r\n          \"\r\n        >\r\n          {{ state.mode() }}\r\n        </span>\r\n      }\r\n\r\n      @if (state.isFallbackForm()) {\r\n        <span\r\n          class=\"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-sky-100 text-sky-800\"\r\n        >\r\n          {{ state.formSource() }}\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <!-- Virtual Fields (read-only process context) -->\r\n  @if (hasVirtualFields()) {\r\n    <div class=\"mb-4 p-3 rounded-lg bg-surface-50 border border-surface-200\">\r\n      <div\r\n        class=\"grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3 lg:grid-cols-4\"\r\n      >\r\n        @for (field of virtualFields(); track field.propertyKey) {\r\n          <div class=\"flex flex-col gap-0.5\">\r\n            <span class=\"text-xs text-muted-color font-medium\">\r\n              {{ field.propertyKey | titlecase }}\r\n            </span>\r\n            <span class=\"text-sm text-surface-800 font-medium\">\r\n              {{ field.value ?? \"—\" }}\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <!-- Dynamic Form -->\r\n  @if (state.requiresForm() && formConfig(); as config) {\r\n    <mt-dynamic-form [formConfig]=\"config\" [formControl]=\"formControl\" />\r\n  } @else if (!state.requiresForm()) {\r\n    <div\r\n      class=\"flex items-center justify-center p-6 rounded-lg bg-surface-50 border border-surface-200 border-dashed\"\r\n    >\r\n      <p class=\"text-sm text-muted-color\">\r\n        No form required for this operation.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n","// ============================================================================\r\n// API Response Wrapper\r\n// ============================================================================\r\n\r\nexport interface Response<T> {\r\n  endpoint: string;\r\n  status: number;\r\n  code: number;\r\n  locale: string;\r\n  message?: string | null;\r\n  errors?: any | null;\r\n  data: T;\r\n  cacheSession?: string;\r\n}\r\n\r\n// ============================================================================\r\n// Process Form Mode\r\n// ============================================================================\r\n\r\nexport type ProcessFormMode = 'Approval' | 'Direct';\r\nexport type ProcessFormSubmitStatus = 'PendingApproval' | 'Executed';\r\nexport type OperationType = 'FormOperation' | 'ActionOperation';\r\nexport type ProcessFormSource =\r\n  | 'Step'\r\n  | 'ModuleFallback'\r\n  | 'LevelFallback'\r\n  | 'None';\r\n\r\n// ============================================================================\r\n// Load Request / Response\r\n// ============================================================================\r\n\r\nexport interface ProcessFormLoadRequest {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId?: number;\r\n  levelId?: number;\r\n  levelDataId?: number;\r\n  moduleDataId?: number;\r\n  requestSchemaId?: number;\r\n  draftProcessId?: number;\r\n  preview?: boolean;\r\n}\r\n\r\nexport interface ProcessFormLoadResponse {\r\n  mode: ProcessFormMode;\r\n  formSource: ProcessFormSource;\r\n  requiresForm: boolean;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  stepId: number | null;\r\n  stepSchemaId: number | null;\r\n  stepName: string | null;\r\n  formConfiguration: ClientFormConfiguration | null;\r\n  values: ProcessFormValue[];\r\n  context: ProcessFormContext;\r\n}\r\n\r\n// ============================================================================\r\n// Submit Request / Response\r\n// ============================================================================\r\n\r\nexport interface ProcessFormSubmitRequest {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId?: number;\r\n  levelId?: number;\r\n  levelDataId?: number;\r\n  moduleDataId?: number;\r\n  requestSchemaId?: number;\r\n  draftProcessId?: number;\r\n  returnUrl?: string;\r\n  values: ProcessFormSubmitValue[];\r\n}\r\n\r\nexport interface ProcessFormSubmitValue {\r\n  requestPropertyId?: number;\r\n  propertyKey: string;\r\n  value: any;\r\n}\r\n\r\nexport interface ProcessFormSubmitResponse {\r\n  status: ProcessFormSubmitStatus;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  createdEntityId: number | null;\r\n  message: string | null;\r\n}\r\n\r\n// ============================================================================\r\n// Values & Context\r\n// ============================================================================\r\n\r\nexport interface ProcessFormValue {\r\n  propertyKey: string;\r\n  value: any;\r\n  metadata?: ProcessFormValueMetadata;\r\n}\r\n\r\nexport interface ProcessFormValueMetadata {\r\n  propertyId: number;\r\n  key: string;\r\n  viewType: string;\r\n  source: string;\r\n}\r\n\r\nexport interface ProcessFormContext {\r\n  moduleKey: string;\r\n  operationKey: string;\r\n  moduleId: number | null;\r\n  levelId: number | null;\r\n  levelDataId: number | null;\r\n  moduleDataId: number | null;\r\n  requestSchemaId: number | null;\r\n  requestId: number | null;\r\n  stepId: number | null;\r\n  stepSchemaId: number | null;\r\n  preview: boolean;\r\n}\r\n\r\n// ============================================================================\r\n// Form Configuration (runtime shape — no _pending/_deleting)\r\n// ============================================================================\r\n\r\nexport type ClientFieldWidth = '25' | '50' | '100';\r\n\r\nexport interface ClientFormConfiguration {\r\n  isActive?: boolean;\r\n  sections: ClientFormSection[];\r\n  validations?: ClientValidationRule[];\r\n}\r\n\r\nexport interface ClientFormSection {\r\n  id: string;\r\n  name: {\r\n    en: string;\r\n    ar: string;\r\n  };\r\n  order: number;\r\n  fields: ClientFormField[];\r\n}\r\n\r\nexport interface ClientFormField {\r\n  id: string;\r\n  sectionId: string;\r\n  propertyKey: string;\r\n  /** Property info — may come as `property` or `propertyMetadata` from API */\r\n  property?: ClientPropertyItem;\r\n  propertyMetadata?: ClientPropertyItem;\r\n  width: ClientFieldWidth;\r\n  order: number;\r\n  hiddenInCreation?: boolean;\r\n  hiddenInEditForm?: boolean;\r\n  isRequired?: boolean;\r\n  isRead?: boolean;\r\n  isWrite?: boolean;\r\n  showConditionalDisplayFormula?: boolean;\r\n  conditionalDisplayFormula?: string;\r\n}\r\n\r\nexport interface ClientPropertyItem {\r\n  key: string;\r\n  propertyId?: number;\r\n  name: string | { display?: string; en?: string; ar?: string; [k: string]: string | undefined };\r\n  viewType?: string;\r\n  source?: string;\r\n  configuration?: Record<string, unknown>;\r\n  [key: string]: any;\r\n}\r\n\r\nexport interface ClientValidationRule {\r\n  id: string | number;\r\n  formulaTokens: string;\r\n  formulaText: string;\r\n  message: {\r\n    en: string;\r\n    ar: string;\r\n  };\r\n  severity: 'error' | 'warning';\r\n  enabled: boolean;\r\n}\r\n\r\n// ============================================================================\r\n// Lookup Definitions (passed as input to ClientForm)\r\n// ============================================================================\r\n\r\nexport interface ClientLookup {\r\n  id: number;\r\n  key: string;\r\n  name: { display?: string; ar?: string; en?: string };\r\n  items: ClientLookupItem[];\r\n}\r\n\r\nexport interface ClientLookupItem {\r\n  id: number;\r\n  lookupId: number;\r\n  key: string;\r\n  name: { display?: string; ar?: string; en?: string };\r\n  description?: { display?: string; ar?: string; en?: string };\r\n  color?: string;\r\n  order: number;\r\n}\r\n\r\n// ============================================================================\r\n// Legacy Command Interception\r\n// ============================================================================\r\n\r\nexport interface FormRequiredInterception {\r\n  requestSchemaId: number;\r\n  operationType: OperationType;\r\n  status: 'FormRequired';\r\n  message: string;\r\n  levelId: number;\r\n  levelDataId: number;\r\n  moduleDataId: number;\r\n}\r\n\r\n/**\r\n * Type guard to detect a FormRequired interception response from legacy commands.\r\n * Use in HTTP interceptors to redirect to process-forms flow.\r\n */\r\nexport function isFormRequiredInterception(\r\n  response: any,\r\n): response is FormRequiredInterception {\r\n  return (\r\n    response?.status === 'FormRequired' &&\r\n    typeof response?.requestSchemaId === 'number'\r\n  );\r\n}\r\n","// Client Form - Runtime process form component\r\nexport * from './client-form';\r\nexport * from './models/client-form.model';\r\nexport * from './services/client-form-api.service';\r\nexport * from './services/client-form-state.service';\r\nexport * from './utils/form-config-mapper';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/forms",
-  "version": "0.0.36",
+  "version": "0.0.37",
   "publishConfig": {
     "directory": "../../../dist/masterteam/forms",
     "linkDirectory": true,
@@ -17,7 +17,7 @@
     "primeng": "21.0.1",
     "@primeuix/themes": "^2.0.2",
     "rxjs": "^7.8.2",
-    "@masterteam/components": "^0.0.90"
+    "@masterteam/components": "^0.0.91"
   },
   "sideEffects": false,
   "exports": {

package/types/masterteam-forms-client-form.d.ts

@@ -93,7 +93,7 @@ interface ProcessFormContext {
 }
 type ClientFieldWidth = '25' | '50' | '100';
 interface ClientFormConfiguration {
-    isActive: boolean;
+    isActive?: boolean;
     sections: ClientFormSection[];
     validations?: ClientValidationRule[];
 }
@@ -110,7 +110,9 @@ interface ClientFormField {
     id: string;
     sectionId: string;
     propertyKey: string;
+    /** Property info — may come as `property` or `propertyMetadata` from API */
     property?: ClientPropertyItem;
+    propertyMetadata?: ClientPropertyItem;
     width: ClientFieldWidth;
     order: number;
     hiddenInCreation?: boolean;
@@ -124,8 +126,14 @@ interface ClientFormField {
 interface ClientPropertyItem {
     key: string;
     propertyId?: number;
-    name: string | Record<string, string>;
+    name: string | {
+        display?: string;
+        en?: string;
+        ar?: string;
+        [k: string]: string | undefined;
+    };
     viewType?: string;
+    source?: string;
     configuration?: Record<string, unknown>;
     [key: string]: any;
 }
@@ -140,6 +148,33 @@ interface ClientValidationRule {
     severity: 'error' | 'warning';
     enabled: boolean;
 }
+interface ClientLookup {
+    id: number;
+    key: string;
+    name: {
+        display?: string;
+        ar?: string;
+        en?: string;
+    };
+    items: ClientLookupItem[];
+}
+interface ClientLookupItem {
+    id: number;
+    lookupId: number;
+    key: string;
+    name: {
+        display?: string;
+        ar?: string;
+        en?: string;
+    };
+    description?: {
+        display?: string;
+        ar?: string;
+        en?: string;
+    };
+    color?: string;
+    order: number;
+}
 interface FormRequiredInterception {
     requestSchemaId: number;
     operationType: OperationType;
@@ -228,6 +263,13 @@ declare class ClientForm implements OnDestroy {
     protected readonly state: ClientFormStateService;
     private loadSub?;
     private submitSub?;
+    readonly submitting: _angular_core.Signal<boolean>;
+    readonly submitError: _angular_core.Signal<string | null>;
+    readonly isSubmitted: _angular_core.Signal<boolean>;
+    readonly isPendingApproval: _angular_core.Signal<boolean>;
+    readonly isExecuted: _angular_core.Signal<boolean>;
+    readonly isLoaded: _angular_core.Signal<boolean>;
+    readonly loading: _angular_core.Signal<boolean>;
     readonly moduleKey: _angular_core.InputSignal<string>;
     readonly operationKey: _angular_core.InputSignal<string>;
     readonly moduleId: _angular_core.InputSignal<number | undefined>;
@@ -242,6 +284,7 @@ declare class ClientForm implements OnDestroy {
     readonly autoLoad: _angular_core.InputSignal<boolean>;
     readonly formMode: _angular_core.InputSignal<"create" | "edit">;
     readonly lang: _angular_core.InputSignal<"en" | "ar">;
+    readonly lookups: _angular_core.InputSignal<ClientLookup[]>;
     readonly loaded: _angular_core.OutputEmitterRef<ProcessFormLoadResponse>;
     readonly submitted: _angular_core.OutputEmitterRef<ProcessFormSubmitResponse>;
     readonly errored: _angular_core.OutputEmitterRef<string>;
@@ -252,8 +295,7 @@ declare class ClientForm implements OnDestroy {
     readonly initialValues: _angular_core.Signal<Record<string, any>>;
     readonly virtualFields: _angular_core.Signal<ProcessFormValue[]>;
     readonly hasVirtualFields: _angular_core.Signal<boolean>;
-    private readonly autoLoadEffect;
-    private readonly patchValuesEffect;
+    constructor();
     /**
      * Load form configuration from the API.
      * Builds request from current input values.
@@ -284,7 +326,7 @@ declare class ClientForm implements OnDestroy {
     private buildLoadRequest;
     private buildSubmitRequest;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClientForm, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientForm, "mt-client-form", never, { "moduleKey": { "alias": "moduleKey"; "required": true; "isSignal": true; }; "operationKey": { "alias": "operationKey"; "required": true; "isSignal": true; }; "moduleId": { "alias": "moduleId"; "required": false; "isSignal": true; }; "levelId": { "alias": "levelId"; "required": false; "isSignal": true; }; "levelDataId": { "alias": "levelDataId"; "required": false; "isSignal": true; }; "moduleDataId": { "alias": "moduleDataId"; "required": false; "isSignal": true; }; "requestSchemaId": { "alias": "requestSchemaId"; "required": false; "isSignal": true; }; "draftProcessId": { "alias": "draftProcessId"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "returnUrl": { "alias": "returnUrl"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "formMode": { "alias": "formMode"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "submitted": "submitted"; "errored": "errored"; "modeDetected": "modeDetected"; "formSourceDetected": "formSourceDetected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClientForm, "mt-client-form", never, { "moduleKey": { "alias": "moduleKey"; "required": true; "isSignal": true; }; "operationKey": { "alias": "operationKey"; "required": true; "isSignal": true; }; "moduleId": { "alias": "moduleId"; "required": false; "isSignal": true; }; "levelId": { "alias": "levelId"; "required": false; "isSignal": true; }; "levelDataId": { "alias": "levelDataId"; "required": false; "isSignal": true; }; "moduleDataId": { "alias": "moduleDataId"; "required": false; "isSignal": true; }; "requestSchemaId": { "alias": "requestSchemaId"; "required": false; "isSignal": true; }; "draftProcessId": { "alias": "draftProcessId"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "returnUrl": { "alias": "returnUrl"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autoLoad": { "alias": "autoLoad"; "required": false; "isSignal": true; }; "formMode": { "alias": "formMode"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; "lookups": { "alias": "lookups"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "submitted": "submitted"; "errored": "errored"; "modeDetected": "modeDetected"; "formSourceDetected": "formSourceDetected"; }, never, never, true, never>;
 }
 
 /**
@@ -313,11 +355,12 @@ declare class ClientFormApiService {
  * Convert a runtime FormConfiguration into a DynamicFormConfig
  * that can be passed directly to `<mt-dynamic-form>`.
  *
- * @param config  The form configuration from the load API
- * @param lang    Current UI language ('en' | 'ar')
- * @param mode    'create' or 'edit' — filters hidden fields accordingly
+ * @param config   The form configuration from the load API
+ * @param lang     Current UI language ('en' | 'ar')
+ * @param mode     'create' or 'edit' — filters hidden fields accordingly
+ * @param lookups  Available lookup definitions for resolving Lookup/LookupMultiSelect options
  */
-declare function mapToDynamicFormConfig(config: ClientFormConfiguration, lang?: 'en' | 'ar', mode?: 'create' | 'edit'): DynamicFormConfig;
+declare function mapToDynamicFormConfig(config: ClientFormConfiguration, lang?: 'en' | 'ar', mode?: 'create' | 'edit', lookups?: ClientLookup[]): DynamicFormConfig;
 /**
  * Convert API property values into a flat key-value object
  * suitable for `formControl.patchValue()`.
@@ -334,4 +377,4 @@ declare function mapValuesToFormValue(values: ProcessFormValue[]): Record<string
 declare function mapFormValueToSubmitValues(formValue: Record<string, any>, loadResponse: ProcessFormLoadResponse): ProcessFormSubmitValue[];
 
 export { ClientForm, ClientFormApiService, ClientFormStateService, isFormRequiredInterception, mapFormValueToSubmitValues, mapToDynamicFormConfig, mapValuesToFormValue };
-export type { ClientFieldWidth, ClientFormConfiguration, ClientFormField, ClientFormSection, ClientPropertyItem, ClientValidationRule, FormRequiredInterception, OperationType, ProcessFormContext, ProcessFormLoadRequest, ProcessFormLoadResponse, ProcessFormMode, ProcessFormSource, ProcessFormSubmitRequest, ProcessFormSubmitResponse, ProcessFormSubmitStatus, ProcessFormSubmitValue, ProcessFormValue, ProcessFormValueMetadata, Response };
+export type { ClientFieldWidth, ClientFormConfiguration, ClientFormField, ClientFormSection, ClientLookup, ClientLookupItem, ClientPropertyItem, ClientValidationRule, FormRequiredInterception, OperationType, ProcessFormContext, ProcessFormLoadRequest, ProcessFormLoadResponse, ProcessFormMode, ProcessFormSource, ProcessFormSubmitRequest, ProcessFormSubmitResponse, ProcessFormSubmitStatus, ProcessFormSubmitValue, ProcessFormValue, ProcessFormValueMetadata, Response };