@masterteam/customization 0.0.12 → 0.0.14

package/assets/customization.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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-gray-300:oklch(87.2% .01 258.338);--spacing:.25rem;--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!absolute{position:absolute!important}.static{position:static}.sticky{position:sticky}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-10{z-index:10}.col-span-8{grid-column:span 8/span 8}.col-span-20{grid-column:span 20/span 20}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.w-1\/5{width:20%}.w-3\/5{width:60%}.w-150{width:calc(var(--spacing) * 150)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-7{row-gap:calc(var(--spacing) * 7)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden\!{overflow-y:hidden!important}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-300{border-color:var(--color-gray-300)}.bg-surface-0{background-color:var(--p-surface-0)}@supports (color:color-mix(in lab, red, red)){.bg-surface-0{background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)}}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.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))}.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-muted-color{color:var(--p-text-muted-color)}.text-primary{color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.text-primary{color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-emphasis:hover{background:var(--p-content-hover-background);color:var(--p-content-hover-color)}}@media not all and (min-width:1025px){.max-\[1025px\]\:h-auto{height:auto}.max-\[1025px\]\:max-h-\[42vh\]{max-height:42vh}.max-\[1025px\]\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-\[1025px\]\:min-h-\[24rem\]{min-height:24rem}.max-\[1025px\]\:w-full{width:100%}.max-\[1025px\]\:min-w-0{min-width:calc(var(--spacing) * 0)}.max-\[1025px\]\:min-w-max{min-width:max-content}.max-\[1025px\]\:flex-1{flex:1}.max-\[1025px\]\:flex-col{flex-direction:column}.max-\[1025px\]\:items-stretch{align-items:stretch}.max-\[1025px\]\:gap-4{gap:calc(var(--spacing) * 4)}.max-\[1025px\]\:overflow-visible{overflow:visible}.max-\[1025px\]\:overflow-x-auto{overflow-x:auto}.max-\[1025px\]\:overflow-x-hidden{overflow-x:hidden}.max-\[1025px\]\:overflow-y-auto{overflow-y:auto}.max-\[1025px\]\:pb-1{padding-bottom:calc(var(--spacing) * 1)}.max-\[1025px\]\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}@media not all and (min-width:1024px){.max-\[1024px\]\:\!w-\[min\(92vw\,28rem\)\]{width:min(92vw,28rem)!important}}@media not all and (min-width:640px){.max-\[640px\]\:col-span-1{grid-column:span 1/span 1}.max-\[640px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[640px\]\:gap-4{gap:calc(var(--spacing) * 4)}}@media (min-width:1025px){.min-\[1025px\]\:\!w-\[27\%\]{width:27%!important}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
+@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-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@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-gray-300:oklch(87.2% .01 258.338);--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!absolute{position:absolute!important}.static{position:static}.sticky{position:sticky}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-10{z-index:10}.col-span-8{grid-column:span 8/span 8}.col-span-20{grid-column:span 20/span 20}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.w-1\/5{width:20%}.w-3\/5{width:60%}.w-130{width:calc(var(--spacing) * 130)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid-cols-24{grid-template-columns:repeat(24,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden\!{overflow-y:hidden!important}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-300{border-color:var(--color-gray-300)}.bg-surface-0{background-color:var(--p-surface-0)}@supports (color:color-mix(in lab, red, red)){.bg-surface-0{background-color:color-mix(in srgb, var(--p-surface-0) calc(100% * 1), transparent)}}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.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-muted-color{color:var(--p-text-muted-color)}.text-primary{color:var(--p-primary-color)}@supports (color:color-mix(in lab, red, red)){.text-primary{color:color-mix(in srgb, var(--p-primary-color) calc(100% * 1), transparent)}}.opacity-40{opacity:.4}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-emphasis:hover{background:var(--p-content-hover-background);color:var(--p-content-hover-color)}}@media not all and (min-width:1025px){.max-\[1025px\]\:h-auto{height:auto}.max-\[1025px\]\:max-h-\[42vh\]{max-height:42vh}.max-\[1025px\]\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-\[1025px\]\:min-h-\[24rem\]{min-height:24rem}.max-\[1025px\]\:w-full{width:100%}.max-\[1025px\]\:min-w-0{min-width:calc(var(--spacing) * 0)}.max-\[1025px\]\:min-w-max{min-width:max-content}.max-\[1025px\]\:flex-1{flex:1}.max-\[1025px\]\:flex-col{flex-direction:column}.max-\[1025px\]\:items-stretch{align-items:stretch}.max-\[1025px\]\:gap-4{gap:calc(var(--spacing) * 4)}.max-\[1025px\]\:overflow-visible{overflow:visible}.max-\[1025px\]\:overflow-x-auto{overflow-x:auto}.max-\[1025px\]\:overflow-x-hidden{overflow-x:hidden}.max-\[1025px\]\:overflow-y-auto{overflow-y:auto}.max-\[1025px\]\:pb-1{padding-bottom:calc(var(--spacing) * 1)}.max-\[1025px\]\:pb-4{padding-bottom:calc(var(--spacing) * 4)}}@media not all and (min-width:1024px){.max-\[1024px\]\:\!w-\[min\(92vw\,28rem\)\]{width:min(92vw,28rem)!important}}@media not all and (min-width:640px){.max-\[640px\]\:col-span-1{grid-column:span 1/span 1}.max-\[640px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[640px\]\:gap-4{gap:calc(var(--spacing) * 4)}}@media (min-width:1025px){.min-\[1025px\]\:\!w-\[27\%\]{width:27%!important}}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/assets/i18n/ar.json

@@ -1,23 +1,25 @@
-{
-  "customization": {
-    "title": "إدارة خصائص المعاينة",
-    "attributes": "الخصائص",
-    "search-properties": "البحث في الخصائص...",
-    "no-properties": "لا توجد خصائص",
-    "all-properties-added": "تمت إضافة جميع الخصائص",
-    "preview": "المعاينة",
-    "property-config": "تهيئة الخاصية",
-    "size": "الحجم",
-    "size-width": "العرض (من أصل 12 عمود)",
-    "show-border": "إظهار الحدود",
-    "hide-name": "إخفاء العنوان",
-    "label-on-top": "العنوان في الأعلى",
-    "show-display-name": "إظهار اسم العرض",
-    "show-phone-number": "إظهار رقم الهاتف",
-    "show-email": "إظهار البريد الإلكتروني",
-    "save": "حفظ",
-    "cancel": "إلغاء",
-    "loading-areas": "جاري تحميل المناطق...",
-    "no-preview-items": "لم يتم تحديد أي خصائص للمعاينة. قم بتفعيل الخصائص من اللوحة الجانبية لإضافتها."
-  }
-}
+{
+  "customization": {
+    "title": "إدارة خصائص المعاينة",
+    "attributes": "الخصائص",
+    "search-properties": "البحث في الخصائص...",
+    "no-properties": "لا توجد خصائص",
+    "all-properties-added": "تمت إضافة جميع الخصائص",
+    "preview": "المعاينة",
+    "property-config": "تهيئة الخاصية",
+    "size": "الحجم",
+    "size-width": "العرض (من أصل 12 عمود)",
+    "show-border": "إظهار الحدود",
+    "hide-name": "إخفاء العنوان",
+    "label-on-top": "العنوان في الأعلى",
+    "show-display-name": "إظهار اسم العرض",
+    "show-phone-number": "إظهار رقم الهاتف",
+    "show-email": "إظهار البريد الإلكتروني",
+    "align-end": "محاذاة لليمين",
+    "save": "حفظ",
+    "cancel": "إلغاء",
+    "loading-areas": "جاري تحميل المناطق...",
+    "no-preview-items": "لم يتم تحديد أي خصائص للمعاينة",
+    "no-preview-items-hint": "قم بتفعيل الخصائص من اللوحة الجانبية لإضافتها هنا"
+  }
+}

package/assets/i18n/en.json

@@ -1,23 +1,25 @@
-{
-  "customization": {
-    "title": "Manage Preview Properties",
-    "attributes": "Attributes",
-    "search-properties": "Search properties...",
-    "no-properties": "No properties found",
-    "all-properties-added": "All properties have been added",
-    "preview": "Preview",
-    "property-config": "Property Configuration",
-    "size": "Size",
-    "size-width": "Width (out of 12 columns)",
-    "show-border": "Show Border",
-    "hide-name": "Hide Label",
-    "label-on-top": "Label On Top",
-    "show-display-name": "Show Display Name",
-    "show-phone-number": "Show Phone Number",
-    "show-email": "Show Email",
-    "save": "Save",
-    "cancel": "Cancel",
-    "loading-areas": "Loading areas...",
-    "no-preview-items": "No properties selected for preview. Toggle properties from the left panel to add them."
-  }
-}
+{
+  "customization": {
+    "title": "Manage Preview Properties",
+    "attributes": "Attributes",
+    "search-properties": "Search properties...",
+    "no-properties": "No properties found",
+    "all-properties-added": "All properties have been added",
+    "preview": "Preview",
+    "property-config": "Property Configuration",
+    "size": "Size",
+    "size-width": "Width (out of 12 columns)",
+    "show-border": "Show Border",
+    "hide-name": "Hide Label",
+    "label-on-top": "Label on Top",
+    "show-display-name": "Show Display Name",
+    "show-phone-number": "Show Phone Number",
+    "show-email": "Show Email",
+    "align-end": "Align End",
+    "save": "Save",
+    "cancel": "Cancel",
+    "loading-areas": "Loading areas...",
+    "no-preview-items": "No properties selected for preview",
+    "no-preview-items-hint": "Toggle properties from the left panel to add them here"
+  }
+}

package/fesm2022/masterteam-customization.mjs

@@ -10,10 +10,12 @@ import { Button } from '@masterteam/components/button';
 import { Tabs } from '@masterteam/components/tabs';
 import { EntitiesManage } from '@masterteam/components/entities';
 import { ModalService } from '@masterteam/components/modal';
+import { Icon } from '@masterteam/icons';
 import { Skeleton } from 'primeng/skeleton';
 import { HttpClient } from '@angular/common/http';
 import { Action, Selector, State, Store, select } from '@ngxs/store';
 import { CrudStateBase, handleApiRequest } from '@masterteam/components';
+import { DOCUMENT } from '@angular/common';
 import { ModalRef } from '@masterteam/components/dialog';
 
 /** ViewTypes that support the 'showBorder' toggle */
@@ -248,8 +250,8 @@ let CustomizationState = class CustomizationState extends CrudStateBase {
         }
         return contextParts.join('/');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationState });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationState });
 };
 __decorate([
     Action(GetManagePreviewAreas)
@@ -293,7 +295,7 @@ CustomizationState = __decorate([
         defaults: DEFAULT_STATE,
     })
 ], CustomizationState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationState, decorators: [{
             type: Injectable
         }], propDecorators: { getAreas: [], getProperties: [], getConfigurations: [], setModuleInfo: [], bulkReplaceConfigurations: [] } });
 function mapCatalogPropertyToManagePreview(property) {
@@ -329,17 +331,17 @@ class CustomizationFacade {
     // ============================================================================
     // Loading Signals - Computed from slice (minimal reactivity)
     // ============================================================================
-    isLoadingProperties = computed(() => this.loadingActive().includes(CustomizationActionKey.GetProperties), ...(ngDevMode ? [{ debugName: "isLoadingProperties" }] : []));
-    isLoadingAreas = computed(() => this.loadingActive().includes(CustomizationActionKey.GetAreas), ...(ngDevMode ? [{ debugName: "isLoadingAreas" }] : []));
-    isLoadingConfigurations = computed(() => this.loadingActive().includes(CustomizationActionKey.GetConfigurations), ...(ngDevMode ? [{ debugName: "isLoadingConfigurations" }] : []));
-    isBulkReplacing = computed(() => this.loadingActive().includes(CustomizationActionKey.BulkReplaceConfigurations), ...(ngDevMode ? [{ debugName: "isBulkReplacing" }] : []));
+    isLoadingProperties = computed(() => this.loadingActive().includes(CustomizationActionKey.GetProperties), ...(ngDevMode ? [{ debugName: "isLoadingProperties" }] : /* istanbul ignore next */ []));
+    isLoadingAreas = computed(() => this.loadingActive().includes(CustomizationActionKey.GetAreas), ...(ngDevMode ? [{ debugName: "isLoadingAreas" }] : /* istanbul ignore next */ []));
+    isLoadingConfigurations = computed(() => this.loadingActive().includes(CustomizationActionKey.GetConfigurations), ...(ngDevMode ? [{ debugName: "isLoadingConfigurations" }] : /* istanbul ignore next */ []));
+    isBulkReplacing = computed(() => this.loadingActive().includes(CustomizationActionKey.BulkReplaceConfigurations), ...(ngDevMode ? [{ debugName: "isBulkReplacing" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // Error Signals - Computed from slice (minimal reactivity)
     // ============================================================================
-    propertiesError = computed(() => this.errors()[CustomizationActionKey.GetProperties] ?? null, ...(ngDevMode ? [{ debugName: "propertiesError" }] : []));
-    areasError = computed(() => this.errors()[CustomizationActionKey.GetAreas] ?? null, ...(ngDevMode ? [{ debugName: "areasError" }] : []));
-    configurationsError = computed(() => this.errors()[CustomizationActionKey.GetConfigurations] ?? null, ...(ngDevMode ? [{ debugName: "configurationsError" }] : []));
-    bulkReplaceError = computed(() => this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null, ...(ngDevMode ? [{ debugName: "bulkReplaceError" }] : []));
+    propertiesError = computed(() => this.errors()[CustomizationActionKey.GetProperties] ?? null, ...(ngDevMode ? [{ debugName: "propertiesError" }] : /* istanbul ignore next */ []));
+    areasError = computed(() => this.errors()[CustomizationActionKey.GetAreas] ?? null, ...(ngDevMode ? [{ debugName: "areasError" }] : /* istanbul ignore next */ []));
+    configurationsError = computed(() => this.errors()[CustomizationActionKey.GetConfigurations] ?? null, ...(ngDevMode ? [{ debugName: "configurationsError" }] : /* istanbul ignore next */ []));
+    bulkReplaceError = computed(() => this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null, ...(ngDevMode ? [{ debugName: "bulkReplaceError" }] : /* istanbul ignore next */ []));
     // ============================================================================
     // Action Dispatchers
     // ============================================================================
@@ -358,10 +360,10 @@ class CustomizationFacade {
     setModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath) {
         return this.store.dispatch(new SetManagePreviewModuleInfo(moduleType, moduleId, parentModuleType, parentModuleId, parentPath));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationFacade, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationFacade, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CustomizationFacade, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CustomizationFacade, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -372,31 +374,38 @@ class PropertyConfigDrawer {
     modalService = inject(ModalService);
     ref = inject(ModalRef);
     facade = inject(CustomizationFacade);
+    doc = inject(DOCUMENT);
     // ─── Inputs (passed via drawer inputValues) ───
-    propertyKey = input('', ...(ngDevMode ? [{ debugName: "propertyKey" }] : []));
-    propertyName = input('', ...(ngDevMode ? [{ debugName: "propertyName" }] : []));
-    viewType = input('Text', ...(ngDevMode ? [{ debugName: "viewType" }] : []));
-    areaKey = input('card', ...(ngDevMode ? [{ debugName: "areaKey" }] : []));
-    currentOrder = input(1, ...(ngDevMode ? [{ debugName: "currentOrder" }] : []));
+    propertyKey = input('', ...(ngDevMode ? [{ debugName: "propertyKey" }] : /* istanbul ignore next */ []));
+    propertyName = input('', ...(ngDevMode ? [{ debugName: "propertyName" }] : /* istanbul ignore next */ []));
+    viewType = input('Text', ...(ngDevMode ? [{ debugName: "viewType" }] : /* istanbul ignore next */ []));
+    areaKey = input('card', ...(ngDevMode ? [{ debugName: "areaKey" }] : /* istanbul ignore next */ []));
+    currentOrder = input(1, ...(ngDevMode ? [{ debugName: "currentOrder" }] : /* istanbul ignore next */ []));
     initialConfig = input({
         hideName: false,
         labelPosition: 'bottom',
         showBorder: false,
+        alignEnd: false,
         showDisplayName: true,
         showPhoneNumber: false,
         showEmail: false,
-    }, ...(ngDevMode ? [{ debugName: "initialConfig" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "initialConfig" }] : /* istanbul ignore next */ []));
     // ─── UI state ───
-    submitting = signal(false, ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    submitting = signal(false, ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
     hideNameControl = new FormControl(false);
     labelOnTopControl = new FormControl(false);
     showBorderControl = new FormControl(false);
+    alignEndControl = new FormControl(false);
     showDisplayNameControl = new FormControl(false);
     showPhoneNumberControl = new FormControl(false);
     showEmailControl = new FormControl(false);
     // ─── Computed visibility flags ───
-    isBorderViewType = computed(() => BORDER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isBorderViewType" }] : []));
-    isUserViewType = computed(() => USER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isUserViewType" }] : []));
+    isBorderViewType = computed(() => BORDER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isBorderViewType" }] : /* istanbul ignore next */ []));
+    isUserViewType = computed(() => USER_VIEW_TYPES.includes(this.viewType()), ...(ngDevMode ? [{ debugName: "isUserViewType" }] : /* istanbul ignore next */ []));
+    /** True when the document direction is RTL */
+    isRtl = signal(this.doc.documentElement.getAttribute('dir') === 'rtl', ...(ngDevMode ? [{ debugName: "isRtl" }] : /* istanbul ignore next */ []));
+    /** Align-end icon: right in LTR, left in RTL */
+    alignEndIcon = computed(() => this.isRtl() ? 'layout.align-left-01' : 'layout.align-right-01', ...(ngDevMode ? [{ debugName: "alignEndIcon" }] : /* istanbul ignore next */ []));
     constructor() {
         // Initialize form from input config
         effect(() => {
@@ -404,6 +413,7 @@ class PropertyConfigDrawer {
             this.hideNameControl.patchValue(config.hideName ?? false);
             this.labelOnTopControl.patchValue(config.labelPosition === 'top');
             this.showBorderControl.patchValue(config.showBorder ?? false);
+            this.alignEndControl.patchValue(config.alignEnd ?? false);
             this.showDisplayNameControl.patchValue(config.showDisplayName ?? true);
             this.showPhoneNumberControl.patchValue(config.showPhoneNumber ?? false);
             this.showEmailControl.patchValue(config.showEmail ?? false);
@@ -427,6 +437,7 @@ class PropertyConfigDrawer {
         configuration['labelPosition'] = this.labelOnTopControl.value
             ? 'top'
             : 'bottom';
+        configuration['alignEnd'] = this.alignEndControl.value ?? false;
         if (this.isBorderViewType()) {
             configuration['showBorder'] = this.showBorderControl.value ?? false;
         }
@@ -475,12 +486,12 @@ class PropertyConfigDrawer {
     onCancel() {
         this.ref.close(null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PropertyConfigDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: PropertyConfigDrawer, isStandalone: true, selector: "mt-property-config-drawer", inputs: { propertyKey: { classPropertyName: "propertyKey", publicName: "propertyKey", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null }, viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, areaKey: { classPropertyName: "areaKey", publicName: "areaKey", isSignal: true, isRequired: false, transformFunction: null }, currentOrder: { classPropertyName: "currentOrder", publicName: "currentOrder", isSignal: true, isRequired: false, transformFunction: null }, initialConfig: { classPropertyName: "initialConfig", publicName: "initialConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\n      <!-- Hide Name Toggle (all entity types) -->\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('hide-name')\"\n        icon=\"general.eye-off\"\n        [formControl]=\"hideNameControl\"\n      ></mt-toggle-field>\n\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('label-on-top')\"\n        [formControl]=\"labelOnTopControl\"\n      ></mt-toggle-field>\n\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\n      @if (isBorderViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-border')\"\n          icon=\"layout.layout-grid-01\"\n          [formControl]=\"showBorderControl\"\n        ></mt-toggle-field>\n      }\n\n      <!-- User-specific Toggles -->\n      @if (isUserViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-display-name')\"\n          icon=\"user.user-circle\"\n          [formControl]=\"showDisplayNameControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-phone-number')\"\n          icon=\"communication.phone\"\n          [formControl]=\"showPhoneNumberControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-email')\"\n          icon=\"communication.mail-01\"\n          [formControl]=\"showEmailControl\"\n        ></mt-toggle-field>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modalService.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      severity=\"secondary\"\n      [disabled]=\"submitting()\"\n      (onClick)=\"onCancel()\"\n    ></mt-button>\n    <mt-button\n      [label]=\"t('save')\"\n      severity=\"primary\"\n      [loading]=\"submitting()\"\n      (onClick)=\"onSave()\"\n    ></mt-button>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { 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: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PropertyConfigDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: PropertyConfigDrawer, isStandalone: true, selector: "mt-property-config-drawer", inputs: { propertyKey: { classPropertyName: "propertyKey", publicName: "propertyKey", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null }, viewType: { classPropertyName: "viewType", publicName: "viewType", isSignal: true, isRequired: false, transformFunction: null }, areaKey: { classPropertyName: "areaKey", publicName: "areaKey", isSignal: true, isRequired: false, transformFunction: null }, currentOrder: { classPropertyName: "currentOrder", publicName: "currentOrder", isSignal: true, isRequired: false, transformFunction: null }, initialConfig: { classPropertyName: "initialConfig", publicName: "initialConfig", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n", dependencies: [{ kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { 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: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: PropertyConfigDrawer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PropertyConfigDrawer, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-property-config-drawer', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\n      <!-- Hide Name Toggle (all entity types) -->\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('hide-name')\"\n        icon=\"general.eye-off\"\n        [formControl]=\"hideNameControl\"\n      ></mt-toggle-field>\n\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('label-on-top')\"\n        [formControl]=\"labelOnTopControl\"\n      ></mt-toggle-field>\n\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\n      @if (isBorderViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-border')\"\n          icon=\"layout.layout-grid-01\"\n          [formControl]=\"showBorderControl\"\n        ></mt-toggle-field>\n      }\n\n      <!-- User-specific Toggles -->\n      @if (isUserViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-display-name')\"\n          icon=\"user.user-circle\"\n          [formControl]=\"showDisplayNameControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-phone-number')\"\n          icon=\"communication.phone\"\n          [formControl]=\"showPhoneNumberControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-email')\"\n          icon=\"communication.mail-01\"\n          [formControl]=\"showEmailControl\"\n        ></mt-toggle-field>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modalService.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      severity=\"secondary\"\n      [disabled]=\"submitting()\"\n      (onClick)=\"onCancel()\"\n    ></mt-button>\n    <mt-button\n      [label]=\"t('save')\"\n      severity=\"primary\"\n      [loading]=\"submitting()\"\n      (onClick)=\"onSave()\"\n    ></mt-button>\n  </div>\n</ng-container>\n" }]
+            args: [{ selector: 'mt-property-config-drawer', standalone: true, imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { propertyKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyKey", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }], viewType: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewType", required: false }] }], areaKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "areaKey", required: false }] }], currentOrder: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentOrder", required: false }] }], initialConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialConfig", required: false }] }] } });
 
 class Customization {
@@ -488,20 +499,30 @@ class Customization {
     modalService = inject(ModalService);
     /** Set of viewTypes that have editable fields in the drawer (beyond size) */
     editableViewTypes = new Set(EDITABLE_VIEW_TYPES);
-    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
-    activeArea = signal(null, ...(ngDevMode ? [{ debugName: "activeArea" }] : []));
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+    activeArea = signal(null, ...(ngDevMode ? [{ debugName: "activeArea" }] : /* istanbul ignore next */ []));
     // ── Derived signals ──
     properties = this.facade.properties;
     areas = this.facade.areas;
     isLoading = this.facade.isLoadingProperties;
     isLoadingAreas = this.facade.isLoadingAreas;
     isLoadingPreview = computed(() => this.facade.isLoadingConfigurations() ||
-        this.facade.isLoadingProperties(), ...(ngDevMode ? [{ debugName: "isLoadingPreview" }] : []));
-    areasTabs = computed(() => this.areas().map((area) => ({ label: area.name, value: area.key })), ...(ngDevMode ? [{ debugName: "areasTabs" }] : []));
+        this.facade.isLoadingProperties(), ...(ngDevMode ? [{ debugName: "isLoadingPreview" }] : /* istanbul ignore next */ []));
+    areasTabs = computed(() => this.areas().map((area) => ({ label: area.name, value: area.key })), ...(ngDevMode ? [{ debugName: "areasTabs" }] : /* istanbul ignore next */ []));
+    /**
+     * Configurations filtered to exclude properties that no longer exist in the catalog.
+     * Prevents sending orphaned property references on save.
+     */
+    validConfigurations = computed(() => {
+        const configs = this.facade.configurations();
+        const props = this.properties();
+        const propertyKeys = new Set(props.map((p) => p.key));
+        return configs.filter((c) => propertyKeys.has(c.propertyKey));
+    }, ...(ngDevMode ? [{ debugName: "validConfigurations" }] : /* istanbul ignore next */ []));
     /** Properties enriched with `enabled` based on current area configurations */
     propertiesWithEnabled = computed(() => {
         const props = this.properties();
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const area = this.activeArea();
         if (!area)
             return props.map((p) => ({ ...p, enabled: false }));
@@ -509,7 +530,7 @@ class Customization {
             ...p,
             enabled: configs.some((c) => c.areaKey === area && c.propertyKey === p.key),
         }));
-    }, ...(ngDevMode ? [{ debugName: "propertiesWithEnabled" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "propertiesWithEnabled" }] : /* istanbul ignore next */ []));
     filteredProperties = computed(() => {
         const query = this.searchQuery().toLowerCase().trim();
         const list = this.propertiesWithEnabled();
@@ -521,9 +542,9 @@ class Customization {
                 : Object.values(prop.name).join(' ');
             return name.toLowerCase().includes(query);
         });
-    }, ...(ngDevMode ? [{ debugName: "filteredProperties" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "filteredProperties" }] : /* istanbul ignore next */ []));
     /** Preview entities built from configurations + properties for the active area */
-    previewEntities = signal([], ...(ngDevMode ? [{ debugName: "previewEntities" }] : []));
+    previewEntities = signal([], ...(ngDevMode ? [{ debugName: "previewEntities" }] : /* istanbul ignore next */ []));
     constructor() {
         // Set default active area when areas load
         effect(() => {
@@ -534,7 +555,7 @@ class Customization {
         });
         // Rebuild preview entities when configs, properties, or active area change
         effect(() => {
-            const configs = this.facade.configurations();
+            const configs = this.validConfigurations();
             const props = this.properties();
             const area = this.activeArea();
             if (!area || !props.length) {
@@ -567,18 +588,34 @@ class Customization {
         const area = this.activeArea();
         if (!area)
             return;
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === prop.key);
         this.openDrawer(prop, {
             currentOrder: existingConfig?.order,
             configuration: existingConfig?.configuration,
         });
     }
+    onEntityClicked(entity) {
+        const area = this.activeArea();
+        if (!area || !entity.key)
+            return;
+        if (!this.editableViewTypes.has(entity.viewType))
+            return;
+        const prop = this.properties().find((p) => p.key === entity.key);
+        if (!prop)
+            return;
+        const configs = this.validConfigurations();
+        const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === entity.key);
+        this.openDrawer(prop, {
+            currentOrder: existingConfig?.order,
+            configuration: existingConfig?.configuration,
+        });
+    }
     onEntityResized(event) {
         const area = this.activeArea();
         if (!area)
             return;
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         // Update the configuration for the resized entity in the current area
         const updatedConfigs = configs.map((c) => c.areaKey === area && c.propertyKey === event.entity.key
             ? { ...c, configuration: { ...c.configuration, size: event.newSize } }
@@ -591,7 +628,7 @@ class Customization {
         const area = this.activeArea();
         if (!area)
             return;
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const items = entities.map((entity, index) => {
             const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === entity.key);
             return {
@@ -621,7 +658,7 @@ class Customization {
         const area = this.activeArea();
         if (!area)
             return;
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const existingConfig = configs.find((c) => c.areaKey === area && c.propertyKey === prop.key);
         if (existingConfig) {
             if (openConfigAfterSave) {
@@ -675,7 +712,7 @@ class Customization {
      * Then call bulk-replace so the backend replaces the entire context atomically.
      */
     bulkSaveWithout(excludePropertyKey) {
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const remaining = configs.filter((c) => c.propertyKey !== excludePropertyKey);
         const items = this.groupConfigsByProperty(remaining);
         this.facade.bulkReplaceConfigurations(items).subscribe();
@@ -727,7 +764,7 @@ class Customization {
         const area = this.activeArea();
         if (!area)
             return;
-        const configs = this.facade.configurations();
+        const configs = this.validConfigurations();
         const areaConfigs = configs.filter((c) => c.areaKey === area);
         const nextOrder = existingConfig?.currentOrder ?? areaConfigs.length + 1;
         const displayName = this.getPropertyDisplayName(prop);
@@ -758,6 +795,7 @@ class Customization {
                 false,
             labelPosition,
             showBorder: configuration?.['showBorder'] ?? false,
+            alignEnd: configuration?.['alignEnd'] ?? false,
             showDisplayName: configuration?.['showDisplayName'] ?? true,
             showPhoneNumber: configuration?.['showPhoneNumber'] ?? false,
             showEmail: configuration?.['showEmail'] ?? false,
@@ -805,7 +843,7 @@ class Customization {
             case 'Percentage':
                 return '75%';
             case 'Status':
-                return { key: 'sample', display: name, color: '#3B82F6' };
+                return { key: 'sample', display: 'in Progress', color: '#3B82F6' };
             case 'Lookup':
                 return {
                     key: 'sample',
@@ -838,10 +876,10 @@ class Customization {
                 return name;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Customization, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: Customization, isStandalone: true, selector: "mt-customization", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-150 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-7 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex items-center justify-center h-full text-muted-color\"\r\n                >\r\n                  <p class=\"text-sm\">{{ t(\"no-preview-items\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: EntitiesManage, selector: "mt-entities-manage", inputs: ["entities"], outputs: ["entitiesChange", "entitiesReordered"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Customization, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Customization, isStandalone: true, selector: "mt-customization", ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                  size=\"small\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Tabs, selector: "mt-tabs", inputs: ["options", "optionLabel", "optionValue", "active", "size", "fluid", "disabled"], outputs: ["activeChange", "onChange"] }, { kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: EntitiesManage, selector: "mt-entities-manage", inputs: ["entities"], outputs: ["entitiesChange", "entitiesReordered", "entityClicked"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Customization, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Customization, decorators: [{
             type: Component,
             args: [{ selector: 'mt-customization', standalone: true, imports: [
                         FormsModule,
@@ -853,7 +891,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                         Tabs,
                         Skeleton,
                         EntitiesManage,
-                    ], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-150 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-7 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex items-center justify-center h-full text-muted-color\"\r\n                >\r\n                  <p class=\"text-sm\">{{ t(\"no-preview-items\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"] }]
+                        Icon,
+                    ], template: "<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- \u2500\u2500\u2500 Left Sidebar: Attributes Panel \u2500\u2500\u2500 -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                  size=\"small\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- \u2500\u2500\u2500 Main Area: Preview \u2500\u2500\u2500 -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:block;height:100%;width:100%;min-height:0;min-width:0}\n"] }]
         }], ctorParameters: () => [] });
 
 /**

package/fesm2022/masterteam-customization.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-customization.mjs","sources":["../../../../packages/masterteam/customization/src/lib/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.actions.ts","../../../../packages/masterteam/customization/src/store/customization/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.state.ts","../../../../packages/masterteam/customization/src/store/customization/customization.facade.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.html","../../../../packages/masterteam/customization/src/lib/customization.ts","../../../../packages/masterteam/customization/src/lib/customization.html","../../../../packages/masterteam/customization/src/masterteam-customization.ts"],"sourcesContent":["// Re-export entity types from the canonical source\nexport type {\n  EntityViewType,\n  EntitySize,\n  EntityData,\n  EntityStatusValue,\n  EntityLookupValue,\n  EntityUserValue,\n  EntityResizeEvent,\n  EntityLabelPosition,\n} from '@masterteam/components/entities';\n\nimport type {\n  EntityLabelPosition,\n  EntityViewType,\n} from '@masterteam/components/entities';\n\n// ── Preview-specific models ──\n\n/**\n * Configuration for a property that can be edited via the drawer.\n * Note: `size` is managed via mouse-drag resize, not the edit drawer.\n */\nexport interface PropertyEditConfig {\n  /** All viewTypes */\n  hideName: boolean;\n  labelPosition: EntityLabelPosition;\n  showBorder: boolean;\n  /** User viewType only */\n  showDisplayName: boolean;\n  showPhoneNumber: boolean;\n  showEmail: boolean;\n}\n\n/** ViewTypes that support the 'showBorder' toggle */\nexport const BORDER_VIEW_TYPES: EntityViewType[] = [\n  'Text',\n  'LongText',\n  'Currency',\n  'Date',\n  'DateTime',\n];\n\n/** ViewTypes that support user-specific toggles */\nexport const USER_VIEW_TYPES: EntityViewType[] = ['User'];\n\n/**\n * ViewTypes that have editable configuration fields in the drawer.\n * All types support hideName; additional toggles appear based on viewType.\n */\nexport const EDITABLE_VIEW_TYPES: EntityViewType[] = [\n  'Text',\n  'LongText',\n  'Currency',\n  'Date',\n  'DateTime',\n  'Percentage',\n  'Status',\n  'Checkbox',\n  'Lookup',\n  'LookupMatrix',\n  'Attachment',\n  'User',\n];\n","import type { BulkReplaceItem } from './api.model';\r\n\r\nexport class GetCustomization {\r\n  static readonly type = '[Customization] Get Properties';\r\n\r\n  constructor(public readonly params?: Record<string, unknown>) {}\r\n}\r\n\r\nexport class GetManagePreviewAreas {\r\n  static readonly type = '[Customization] Get Areas';\r\n}\r\n\r\nexport class GetManagePreviewConfigurations {\r\n  static readonly type = '[Customization] Get Configurations';\r\n\r\n  constructor(public readonly areaKeys?: string[]) {}\r\n}\r\n\r\nexport class SetManagePreviewModuleInfo {\r\n  static readonly type = '[Customization] Set Module Info';\r\n\r\n  constructor(\r\n    public readonly moduleType: string,\r\n    public readonly moduleId: string | number,\r\n    public readonly parentModuleType?: string,\r\n    public readonly parentModuleId?: string | number,\r\n    public readonly parentPath?: string,\r\n  ) {}\r\n}\r\n\r\nexport class BulkReplaceConfigurations {\r\n  static readonly type = '[Customization] Bulk Replace Configurations';\r\n\r\n  constructor(public readonly items: BulkReplaceItem[]) {}\r\n}\r\n","import type { LoadingStateShape } from '@masterteam/components';\r\nimport type { DisplayArea, DisplayConfiguration } from './api.model';\r\n\r\nexport interface ManagePreviewPropertyItem {\r\n  id: number;\r\n  key: string;\r\n  viewType: string;\r\n  viewTypeLabel: string;\r\n  name: string | Record<string, string>;\r\n  description?: Record<string, string>;\r\n  defaultValue?: unknown;\r\n  order?: number;\r\n  enabled?: boolean;\r\n  isSystem?: boolean;\r\n  isBasic?: boolean;\r\n  isCalculated?: boolean;\r\n  isConfigurable?: boolean;\r\n  isRequired?: boolean;\r\n  isTranslatable?: boolean;\r\n  shownInTable?: boolean;\r\n  includeInSummary?: boolean;\r\n  category?: string;\r\n  configuration?: Record<string, unknown>;\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport enum CustomizationActionKey {\r\n  GetProperties = 'getProperties',\r\n  GetAreas = 'getAreas',\r\n  GetConfigurations = 'getConfigurations',\r\n  BulkReplaceConfigurations = 'bulkReplaceConfigurations',\r\n}\r\n\r\nexport interface CustomizationStateModel extends LoadingStateShape<CustomizationActionKey> {\r\n  properties: ManagePreviewPropertyItem[];\r\n  areas: DisplayArea[];\r\n  configurations: DisplayConfiguration[];\r\n  moduleType: string | null;\r\n  moduleId: string | number | null;\r\n  parentModuleType: string | null;\r\n  parentModuleId: string | number | null;\r\n  parentPath: string;\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\r\nimport { CrudStateBase, handleApiRequest } from '@masterteam/components';\r\nimport {\r\n  CustomizationActionKey,\r\n  CustomizationStateModel,\r\n  ManagePreviewPropertyItem,\r\n} from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport {\r\n  CatalogPropertyDto,\r\n  DisplayArea,\r\n  DisplayConfiguration,\r\n  PropertyCatalogResponseDto,\r\n  Response,\r\n} from './api.model';\r\n\r\nconst DEFAULT_STATE: CustomizationStateModel = {\r\n  properties: [],\r\n  areas: [],\r\n  configurations: [],\r\n  loadingActive: [],\r\n  errors: {},\r\n  moduleType: null,\r\n  moduleId: null,\r\n  parentModuleType: null,\r\n  parentModuleId: null,\r\n  parentPath: '',\r\n};\r\n\r\n@State<CustomizationStateModel>({\r\n  name: 'customization',\r\n  defaults: DEFAULT_STATE,\r\n})\r\n@Injectable()\r\nexport class CustomizationState extends CrudStateBase<\r\n  ManagePreviewPropertyItem,\r\n  CustomizationStateModel,\r\n  CustomizationActionKey\r\n> {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'Properties';\r\n  private readonly displayConfigUrl = 'display-configurations';\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Individual for fine-grained reactivity\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getProperties(\r\n    state: CustomizationStateModel,\r\n  ): ManagePreviewPropertyItem[] {\r\n    return state.properties;\r\n  }\r\n\r\n  @Selector()\r\n  static getAreas(state: CustomizationStateModel): DisplayArea[] {\r\n    return state.areas;\r\n  }\r\n\r\n  @Selector()\r\n  static getConfigurations(\r\n    state: CustomizationStateModel,\r\n  ): DisplayConfiguration[] {\r\n    return state.configurations;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleId(state: CustomizationStateModel): string | number | null {\r\n    return state.moduleId;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleType(state: CustomizationStateModel): string | null {\r\n    return state.moduleType;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slice Selectors - REQUIRED for optimal performance\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getLoadingActive(state: CustomizationStateModel): string[] {\r\n    return state.loadingActive;\r\n  }\r\n\r\n  @Selector()\r\n  static getErrors(\r\n    state: CustomizationStateModel,\r\n  ): Record<string, string | null> {\r\n    return state.errors;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Actions\r\n  // ============================================================================\r\n\r\n  @Action(GetManagePreviewAreas)\r\n  getAreas(ctx: StateContext<CustomizationStateModel>) {\r\n    const req$ = this.http.get<Response<DisplayArea[]>>(\r\n      `${this.displayConfigUrl}/areas`,\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetAreas,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        areas: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetCustomization)\r\n  getProperties(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetCustomization,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params = {\r\n      ...action.params,\r\n      contextKey,\r\n    };\r\n\r\n    const req$ = this.http.get<Response<PropertyCatalogResponseDto>>(\r\n      `${this.baseUrl}/catalog`,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetProperties,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        properties: (response.data?.properties ?? []).map(\r\n          mapCatalogPropertyToManagePreview,\r\n        ),\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetManagePreviewConfigurations)\r\n  getConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetManagePreviewConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params: Record<string, string | string[]> = { contextKey };\r\n    if (action.areaKeys?.length) {\r\n      params['areaKeys'] = action.areaKeys;\r\n    }\r\n\r\n    const req$ = this.http.get<Response<DisplayConfiguration[]>>(\r\n      this.displayConfigUrl,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetConfigurations,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        configurations: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(SetManagePreviewModuleInfo)\r\n  setModuleInfo(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: SetManagePreviewModuleInfo,\r\n  ) {\r\n    let parentPath = '';\r\n    if (action.parentModuleType && action.parentModuleId) {\r\n      parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\r\n    } else if (action.parentPath) {\r\n      parentPath = action.parentPath;\r\n    }\r\n\r\n    ctx.patchState({\r\n      moduleType: action.moduleType,\r\n      moduleId: action.moduleId,\r\n      parentModuleType: action.parentModuleType ?? null,\r\n      parentModuleId: action.parentModuleId ?? null,\r\n      parentPath: parentPath ?? '',\r\n    });\r\n  }\r\n\r\n  @Action(BulkReplaceConfigurations)\r\n  bulkReplaceConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: BulkReplaceConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const req$ = this.http.put<Response<boolean>>(\r\n      `${this.displayConfigUrl}/bulk-replace`,\r\n      {\r\n        contextKey,\r\n        items: action.items,\r\n      },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.BulkReplaceConfigurations,\r\n      request$: req$,\r\n      onSuccess: () => {\r\n        // Rebuild configurations from the items payload\r\n        const newConfigs: DisplayConfiguration[] = [];\r\n        for (const item of action.items) {\r\n          for (const da of item.displayAreas) {\r\n            newConfigs.push({\r\n              contextKey,\r\n              areaKey: da.areaKey,\r\n              propertyKey: item.propertyKey,\r\n              order: da.order,\r\n              configuration: da.configuration,\r\n            });\r\n          }\r\n        }\r\n        return { configurations: newConfigs };\r\n      },\r\n    });\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildContextKey(state: CustomizationStateModel): string {\r\n    const contextParts: string[] = [];\r\n    if (state.parentModuleType && state.parentModuleId) {\r\n      contextParts.push(`${state.parentModuleType}:${state.parentModuleId}`);\r\n    }\r\n    if (state.moduleType && state.moduleId) {\r\n      contextParts.push(`${state.moduleType}:${state.moduleId}`);\r\n    }\r\n    return contextParts.join('/');\r\n  }\r\n}\r\n\r\nfunction mapCatalogPropertyToManagePreview(\r\n  property: CatalogPropertyDto,\r\n): ManagePreviewPropertyItem {\r\n  return {\r\n    id: property.id,\r\n    key: property.key,\r\n    viewType: property.viewType,\r\n    viewTypeLabel: property.viewType,\r\n    name: { display: property.label },\r\n    order: property.order,\r\n    isRequired: property.isRequired,\r\n    isSystem: property.isSystem,\r\n    isCalculated: property.source?.toLowerCase().includes('calculated'),\r\n    configuration: property.configuration ?? undefined,\r\n  };\r\n}\r\n","import { Injectable, computed, inject } from '@angular/core';\r\nimport { select, Store } from '@ngxs/store';\r\nimport type { Observable } from 'rxjs';\r\nimport { CustomizationActionKey } from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport { CustomizationState } from './customization.state';\r\nimport type { BulkReplaceItem } from './api.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class CustomizationFacade {\r\n  private readonly store = inject(Store);\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Memoized by NGXS (fine-grained reactivity)\r\n  // ============================================================================\r\n  readonly properties = select(CustomizationState.getProperties);\r\n  readonly areas = select(CustomizationState.getAreas);\r\n  readonly configurations = select(CustomizationState.getConfigurations);\r\n  readonly moduleId = select(CustomizationState.getModuleId);\r\n  readonly moduleType = select(CustomizationState.getModuleType);\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slices - Memoized by NGXS\r\n  // ============================================================================\r\n  private readonly loadingActive = select(CustomizationState.getLoadingActive);\r\n  private readonly errors = select(CustomizationState.getErrors);\r\n\r\n  // ============================================================================\r\n  // Loading Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly isLoadingProperties = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetProperties),\r\n  );\r\n\r\n  readonly isLoadingAreas = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetAreas),\r\n  );\r\n\r\n  readonly isLoadingConfigurations = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetConfigurations),\r\n  );\r\n\r\n  readonly isBulkReplacing = computed(() =>\r\n    this.loadingActive().includes(\r\n      CustomizationActionKey.BulkReplaceConfigurations,\r\n    ),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Error Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly propertiesError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetProperties] ?? null,\r\n  );\r\n\r\n  readonly areasError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetAreas] ?? null,\r\n  );\r\n\r\n  readonly configurationsError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetConfigurations] ?? null,\r\n  );\r\n\r\n  readonly bulkReplaceError = computed(\r\n    () =>\r\n      this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Action Dispatchers\r\n  // ============================================================================\r\n\r\n  loadAreas(): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewAreas());\r\n  }\r\n\r\n  loadProperties(params?: Record<string, unknown>): Observable<unknown> {\r\n    return this.store.dispatch(new GetCustomization(params));\r\n  }\r\n\r\n  loadConfigurations(areaKeys?: string[]): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewConfigurations(areaKeys));\r\n  }\r\n\r\n  bulkReplaceConfigurations(items: BulkReplaceItem[]): Observable<unknown> {\r\n    return this.store.dispatch(new BulkReplaceConfigurations(items));\r\n  }\r\n\r\n  setModuleInfo(\r\n    moduleType: string,\r\n    moduleId: string | number,\r\n    parentModuleType?: string,\r\n    parentModuleId?: string | number,\r\n    parentPath?: string,\r\n  ): Observable<unknown> {\r\n    return this.store.dispatch(\r\n      new SetManagePreviewModuleInfo(\r\n        moduleType,\r\n        moduleId,\r\n        parentModuleType,\r\n        parentModuleId,\r\n        parentPath,\r\n      ),\r\n    );\r\n  }\r\n}\r\n","import {\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { TranslocoDirective } from '@jsverse/transloco';\nimport { Button } from '@masterteam/components/button';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { ModalService } from '@masterteam/components/modal';\nimport { ModalRef } from '@masterteam/components/dialog';\nimport type {\n  EntityViewType,\n  PropertyEditConfig,\n} from '../customization.model';\nimport { BORDER_VIEW_TYPES, USER_VIEW_TYPES } from '../customization.model';\nimport { CustomizationFacade } from '../../store';\nimport type { BulkReplaceItem } from '../../store/customization';\n\n@Component({\n  selector: 'mt-property-config-drawer',\n  standalone: true,\n  imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField],\n  templateUrl: './property-config-drawer.html',\n})\nexport class PropertyConfigDrawer {\n  protected readonly modalService = inject(ModalService);\n  private readonly ref = inject(ModalRef);\n  private readonly facade = inject(CustomizationFacade);\n\n  // ─── Inputs (passed via drawer inputValues) ───\n  readonly propertyKey = input<string>('');\n  readonly propertyName = input<string>('');\n  readonly viewType = input<EntityViewType>('Text');\n  readonly areaKey = input<string>('card');\n  readonly currentOrder = input<number>(1);\n  readonly initialConfig = input<PropertyEditConfig>({\n    hideName: false,\n    labelPosition: 'bottom',\n    showBorder: false,\n    showDisplayName: true,\n    showPhoneNumber: false,\n    showEmail: false,\n  });\n\n  // ─── UI state ───\n  readonly submitting = signal(false);\n  readonly hideNameControl = new FormControl(false);\n  readonly labelOnTopControl = new FormControl(false);\n  readonly showBorderControl = new FormControl(false);\n  readonly showDisplayNameControl = new FormControl(false);\n  readonly showPhoneNumberControl = new FormControl(false);\n  readonly showEmailControl = new FormControl(false);\n\n  // ─── Computed visibility flags ───\n  readonly isBorderViewType = computed(() =>\n    BORDER_VIEW_TYPES.includes(this.viewType()),\n  );\n  readonly isUserViewType = computed(() =>\n    USER_VIEW_TYPES.includes(this.viewType()),\n  );\n\n  constructor() {\n    // Initialize form from input config\n    effect(() => {\n      const config = this.initialConfig();\n      this.hideNameControl.patchValue(config.hideName ?? false);\n      this.labelOnTopControl.patchValue(config.labelPosition === 'top');\n      this.showBorderControl.patchValue(config.showBorder ?? false);\n      this.showDisplayNameControl.patchValue(config.showDisplayName ?? true);\n      this.showPhoneNumberControl.patchValue(config.showPhoneNumber ?? false);\n      this.showEmailControl.patchValue(config.showEmail ?? false);\n    });\n  }\n\n  onSave(): void {\n    // Preserve existing size from configuration (managed via drag-resize)\n    const existingConfig = this.facade\n      .configurations()\n      .find(\n        (c) =>\n          c.propertyKey === this.propertyKey() && c.areaKey === this.areaKey(),\n      );\n    const existingSize = existingConfig?.configuration?.['size'];\n\n    const configuration: Record<string, unknown> = {};\n\n    // Carry over size so drag-resize value is not lost\n    if (existingSize != null) {\n      configuration['size'] = existingSize;\n    }\n\n    // Keep both keys for backward compatibility while the shared entities\n    // layer now prefers hideLabel.\n    configuration['hideName'] = this.hideNameControl.value ?? false;\n    configuration['hideLabel'] = this.hideNameControl.value ?? false;\n    configuration['labelPosition'] = this.labelOnTopControl.value\n      ? 'top'\n      : 'bottom';\n\n    if (this.isBorderViewType()) {\n      configuration['showBorder'] = this.showBorderControl.value ?? false;\n    }\n    if (this.isUserViewType()) {\n      configuration['showDisplayName'] =\n        this.showDisplayNameControl.value ?? false;\n      configuration['showPhoneNumber'] =\n        this.showPhoneNumberControl.value ?? false;\n      configuration['showEmail'] = this.showEmailControl.value ?? false;\n    }\n\n    const newDisplayArea = {\n      areaKey: this.areaKey(),\n      order: this.currentOrder(),\n      configuration,\n    };\n\n    // Build bulk items from existing configs, replacing the current property+area\n    const configs = this.facade.configurations();\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\n\n    for (const c of configs) {\n      // Skip the entry being replaced\n      if (\n        c.propertyKey === this.propertyKey() &&\n        c.areaKey === this.areaKey()\n      ) {\n        continue;\n      }\n      if (!itemsMap.has(c.propertyKey)) {\n        itemsMap.set(c.propertyKey, []);\n      }\n      itemsMap.get(c.propertyKey)!.push({\n        areaKey: c.areaKey,\n        order: c.order,\n        configuration: c.configuration,\n      });\n    }\n\n    // Add/replace the current property's area config\n    if (!itemsMap.has(this.propertyKey())) {\n      itemsMap.set(this.propertyKey(), []);\n    }\n    itemsMap.get(this.propertyKey())!.push(newDisplayArea);\n\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\n    );\n\n    this.submitting.set(true);\n    this.facade.bulkReplaceConfigurations(items).subscribe({\n      next: () => this.ref.close(true),\n      error: () => this.submitting.set(false),\n    });\n  }\n\n  onCancel(): void {\n    this.ref.close(null);\n  }\n}\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\n      <!-- Hide Name Toggle (all entity types) -->\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('hide-name')\"\n        icon=\"general.eye-off\"\n        [formControl]=\"hideNameControl\"\n      ></mt-toggle-field>\n\n      <mt-toggle-field\n        toggleShape=\"card\"\n        [label]=\"t('label-on-top')\"\n        [formControl]=\"labelOnTopControl\"\n      ></mt-toggle-field>\n\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\n      @if (isBorderViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-border')\"\n          icon=\"layout.layout-grid-01\"\n          [formControl]=\"showBorderControl\"\n        ></mt-toggle-field>\n      }\n\n      <!-- User-specific Toggles -->\n      @if (isUserViewType()) {\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-display-name')\"\n          icon=\"user.user-circle\"\n          [formControl]=\"showDisplayNameControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-phone-number')\"\n          icon=\"communication.phone\"\n          [formControl]=\"showPhoneNumberControl\"\n        ></mt-toggle-field>\n\n        <mt-toggle-field\n          toggleShape=\"card\"\n          [label]=\"t('show-email')\"\n          icon=\"communication.mail-01\"\n          [formControl]=\"showEmailControl\"\n        ></mt-toggle-field>\n      }\n    </div>\n  </div>\n\n  <div [class]=\"modalService.footerClass\">\n    <mt-button\n      [label]=\"t('cancel')\"\n      severity=\"secondary\"\n      [disabled]=\"submitting()\"\n      (onClick)=\"onCancel()\"\n    ></mt-button>\n    <mt-button\n      [label]=\"t('save')\"\n      severity=\"primary\"\n      [loading]=\"submitting()\"\n      (onClick)=\"onSave()\"\n    ></mt-button>\n  </div>\n</ng-container>\n","import {\n  Component,\n  computed,\n  effect,\n  inject,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { TranslocoDirective } from '@jsverse/transloco';\nimport { Card } from '@masterteam/components/card';\nimport { TextField } from '@masterteam/components/text-field';\nimport { ToggleField } from '@masterteam/components/toggle-field';\nimport { Button } from '@masterteam/components/button';\nimport { Tabs } from '@masterteam/components/tabs';\nimport { EntitiesManage } from '@masterteam/components/entities';\nimport { ModalService } from '@masterteam/components/modal';\nimport { Skeleton } from 'primeng/skeleton';\nimport type {\n  EntityData,\n  EntityLabelPosition,\n  EntityViewType,\n  EntityStatusValue,\n  EntityLookupValue,\n  EntityUserValue,\n  EntityResizeEvent,\n  PropertyEditConfig,\n} from './customization.model';\nimport { EDITABLE_VIEW_TYPES } from './customization.model';\nimport { CustomizationFacade } from '../store';\nimport type {\n  ManagePreviewPropertyItem,\n  DisplayConfiguration,\n  BulkReplaceItem,\n} from '../store/customization';\nimport { PropertyConfigDrawer } from './property-config-drawer/property-config-drawer';\n\n@Component({\n  selector: 'mt-customization',\n  standalone: true,\n  imports: [\n    FormsModule,\n    TranslocoDirective,\n    Card,\n    TextField,\n    ToggleField,\n    Button,\n    Tabs,\n    Skeleton,\n    EntitiesManage,\n  ],\n  templateUrl: './customization.html',\n  styleUrl: './customization.scss',\n})\nexport class Customization implements OnInit {\n  protected readonly facade = inject(CustomizationFacade);\n  private readonly modalService = inject(ModalService);\n\n  /** Set of viewTypes that have editable fields in the drawer (beyond size) */\n  protected readonly editableViewTypes = new Set(EDITABLE_VIEW_TYPES);\n\n  readonly searchQuery = signal('');\n  readonly activeArea = signal<string | null>(null);\n\n  // ── Derived signals ──\n  readonly properties = this.facade.properties;\n  readonly areas = this.facade.areas;\n  readonly isLoading = this.facade.isLoadingProperties;\n  readonly isLoadingAreas = this.facade.isLoadingAreas;\n  readonly isLoadingPreview = computed(\n    () =>\n      this.facade.isLoadingConfigurations() ||\n      this.facade.isLoadingProperties(),\n  );\n\n  readonly areasTabs = computed(() =>\n    this.areas().map((area) => ({ label: area.name, value: area.key })),\n  );\n\n  /** Properties enriched with `enabled` based on current area configurations */\n  readonly propertiesWithEnabled = computed(() => {\n    const props = this.properties();\n    const configs = this.facade.configurations();\n    const area = this.activeArea();\n\n    if (!area) return props.map((p) => ({ ...p, enabled: false }));\n\n    return props.map((p) => ({\n      ...p,\n      enabled: configs.some(\n        (c) => c.areaKey === area && c.propertyKey === p.key,\n      ),\n    }));\n  });\n\n  readonly filteredProperties = computed(() => {\n    const query = this.searchQuery().toLowerCase().trim();\n    const list = this.propertiesWithEnabled();\n\n    if (!query) return list;\n\n    return list.filter((prop) => {\n      const name =\n        typeof prop.name === 'string'\n          ? prop.name\n          : Object.values(prop.name).join(' ');\n      return name.toLowerCase().includes(query);\n    });\n  });\n\n  /** Preview entities built from configurations + properties for the active area */\n  previewEntities = signal<EntityData[]>([]);\n\n  constructor() {\n    // Set default active area when areas load\n    effect(() => {\n      const areas = this.areas();\n      if (areas.length > 0 && !this.activeArea()) {\n        this.activeArea.set(areas[0].key);\n      }\n    });\n\n    // Rebuild preview entities when configs, properties, or active area change\n    effect(() => {\n      const configs = this.facade.configurations();\n      const props = this.properties();\n      const area = this.activeArea();\n\n      if (!area || !props.length) {\n        this.previewEntities.set([]);\n        return;\n      }\n\n      const areaConfigs = configs.filter((c) => c.areaKey === area);\n      const entities = areaConfigs\n        .map((config) => this.buildEntityFromConfig(config, props))\n        .filter((e): e is EntityData => e !== null)\n        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n\n      this.previewEntities.set(entities);\n    });\n  }\n\n  ngOnInit(): void {\n    // Load display areas\n    this.facade.loadAreas();\n\n    this.facade.loadProperties();\n    this.facade.loadConfigurations();\n  }\n\n  onPropertyToggle(\n    prop: ManagePreviewPropertyItem & { enabled: boolean },\n    enabled: boolean,\n  ): void {\n    if (enabled) {\n      this.activateProperty(\n        prop,\n        this.editableViewTypes.has(prop.viewType as EntityViewType),\n      );\n      return;\n    }\n\n    // Remove this property and bulk-replace with remaining checked props\n    this.bulkSaveWithout(prop.key);\n  }\n\n  onEditProperty(prop: ManagePreviewPropertyItem): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.facade.configurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\n    );\n\n    this.openDrawer(prop, {\n      currentOrder: existingConfig?.order,\n      configuration: existingConfig?.configuration,\n    });\n  }\n\n  onEntityResized(event: EntityResizeEvent): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.facade.configurations();\n\n    // Update the configuration for the resized entity in the current area\n    const updatedConfigs = configs.map((c) =>\n      c.areaKey === area && c.propertyKey === event.entity.key\n        ? { ...c, configuration: { ...c.configuration, size: event.newSize } }\n        : c,\n    );\n\n    // Build bulk-replace items from updated configs\n    const items = this.groupConfigsByProperty(updatedConfigs);\n    this.facade.bulkReplaceConfigurations(items).subscribe();\n  }\n\n  onEntitiesReordered(entities: EntityData[]): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.facade.configurations();\n    const items: BulkReplaceItem[] = entities.map((entity, index) => {\n      const existingConfig = configs.find(\n        (c) => c.areaKey === area && c.propertyKey === entity.key,\n      );\n      return {\n        propertyKey: entity.key!,\n        displayAreas: [\n          {\n            areaKey: area,\n            order: index + 1,\n            configuration: existingConfig?.configuration ?? {},\n          },\n        ],\n      };\n    });\n\n    // Include configs from other areas that are not being reordered\n    const otherAreaConfigs = configs.filter((c) => c.areaKey !== area);\n    const otherAreaItems = this.groupConfigsByProperty(otherAreaConfigs);\n\n    // Merge: for properties that exist in both, combine their displayAreas\n    const mergedItems = this.mergeItems(items, otherAreaItems);\n\n    this.facade.bulkReplaceConfigurations(mergedItems).subscribe();\n  }\n\n  // ── Private helpers ──\n\n  /**\n   * Add a property to the active area immediately, then optionally open its configuration drawer.\n   * This keeps the property active even if the user closes the drawer without saving extra options.\n   */\n  private activateProperty(\n    prop: ManagePreviewPropertyItem,\n    openConfigAfterSave = false,\n  ): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.facade.configurations();\n    const existingConfig = configs.find(\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\n    );\n\n    if (existingConfig) {\n      if (openConfigAfterSave) {\n        this.openDrawer(prop, {\n          currentOrder: existingConfig.order,\n          configuration: existingConfig.configuration,\n        });\n      }\n      return;\n    }\n\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\n    const nextOrder = areaConfigs.length + 1;\n    const configuration: Record<string, unknown> = {};\n\n    const newDisplayArea = {\n      areaKey: area,\n      order: nextOrder,\n      configuration,\n    };\n\n    // Build bulk items from existing configs + new property\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\n\n    for (const c of configs) {\n      if (!itemsMap.has(c.propertyKey)) {\n        itemsMap.set(c.propertyKey, []);\n      }\n      itemsMap.get(c.propertyKey)!.push({\n        areaKey: c.areaKey,\n        order: c.order,\n        configuration: c.configuration,\n      });\n    }\n\n    // Add the new property\n    if (!itemsMap.has(prop.key)) {\n      itemsMap.set(prop.key, []);\n    }\n    itemsMap.get(prop.key)!.push(newDisplayArea);\n\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\n    );\n\n    this.facade.bulkReplaceConfigurations(items).subscribe({\n      next: () => {\n        if (!openConfigAfterSave) {\n          return;\n        }\n\n        this.openDrawer(prop, {\n          currentOrder: nextOrder,\n          configuration,\n        });\n      },\n    });\n  }\n\n  /**\n   * Build bulk items from all current configurations, excluding a specific property.\n   * Then call bulk-replace so the backend replaces the entire context atomically.\n   */\n  private bulkSaveWithout(excludePropertyKey: string): void {\n    const configs = this.facade.configurations();\n    const remaining = configs.filter(\n      (c) => c.propertyKey !== excludePropertyKey,\n    );\n    const items = this.groupConfigsByProperty(remaining);\n    this.facade.bulkReplaceConfigurations(items).subscribe();\n  }\n\n  /**\n   * Group flat DisplayConfiguration[] into bulk-replace items grouped by propertyKey.\n   */\n  private groupConfigsByProperty(\n    configs: DisplayConfiguration[],\n  ): BulkReplaceItem[] {\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\n\n    for (const c of configs) {\n      if (!map.has(c.propertyKey)) {\n        map.set(c.propertyKey, []);\n      }\n      map.get(c.propertyKey)!.push({\n        areaKey: c.areaKey,\n        order: c.order,\n        configuration: c.configuration,\n      });\n    }\n\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\n      propertyKey,\n      displayAreas,\n    }));\n  }\n\n  /**\n   * Merge two sets of bulk items. If a propertyKey exists in both,\n   * combine their displayAreas arrays.\n   */\n  private mergeItems(\n    primary: BulkReplaceItem[],\n    secondary: BulkReplaceItem[],\n  ): BulkReplaceItem[] {\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\n\n    for (const item of primary) {\n      map.set(item.propertyKey, [...item.displayAreas]);\n    }\n\n    for (const item of secondary) {\n      const existing = map.get(item.propertyKey);\n      if (existing) {\n        existing.push(...item.displayAreas);\n      } else {\n        map.set(item.propertyKey, [...item.displayAreas]);\n      }\n    }\n\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\n      propertyKey,\n      displayAreas,\n    }));\n  }\n\n  private openDrawer(\n    prop: ManagePreviewPropertyItem,\n    existingConfig?: {\n      currentOrder?: number;\n      configuration?: Record<string, unknown>;\n    },\n  ): void {\n    const area = this.activeArea();\n    if (!area) return;\n\n    const configs = this.facade.configurations();\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\n    const nextOrder = existingConfig?.currentOrder ?? areaConfigs.length + 1;\n\n    const displayName = this.getPropertyDisplayName(prop);\n    const initConfig = this.toPropertyEditConfig(existingConfig?.configuration);\n\n    this.modalService.openModal(PropertyConfigDrawer, 'drawer', {\n      header: displayName,\n      styleClass:\n        '!absolute !shadow-none min-[1025px]:!w-[27%] max-[1024px]:!w-[min(92vw,28rem)]',\n      position: 'end',\n      appendTo: '#page-content',\n      dismissible: true,\n      inputValues: {\n        propertyKey: prop.key,\n        propertyName: displayName,\n        viewType: prop.viewType,\n        areaKey: area,\n        currentOrder: nextOrder,\n        initialConfig: initConfig,\n      },\n    });\n  }\n\n  private toPropertyEditConfig(\n    configuration?: Record<string, unknown>,\n  ): PropertyEditConfig {\n    const labelPosition =\n      (configuration?.['labelPosition'] as EntityLabelPosition | undefined) ??\n      (configuration?.['labelPostion'] as EntityLabelPosition | undefined) ??\n      'bottom';\n\n    return {\n      hideName:\n        (configuration?.['hideLabel'] as boolean | undefined) ??\n        (configuration?.['hideName'] as boolean | undefined) ??\n        false,\n      labelPosition,\n      showBorder: (configuration?.['showBorder'] as boolean) ?? false,\n      showDisplayName: (configuration?.['showDisplayName'] as boolean) ?? true,\n      showPhoneNumber: (configuration?.['showPhoneNumber'] as boolean) ?? false,\n      showEmail: (configuration?.['showEmail'] as boolean) ?? false,\n    };\n  }\n\n  private buildEntityFromConfig(\n    config: DisplayConfiguration,\n    props: ManagePreviewPropertyItem[],\n  ): EntityData | null {\n    const prop = props.find((p) => p.key === config.propertyKey);\n    if (!prop) return null;\n\n    const displayName = this.getPropertyDisplayName(prop);\n    const viewType = prop.viewType as EntityViewType;\n\n    const entity: EntityData = {\n      id: prop.id,\n      propertyId: prop.id,\n      key: prop.key,\n      name: displayName,\n      value: this.getPlaceholderValue(viewType, displayName),\n      rawValue: this.getPlaceholderRawValue(viewType, displayName),\n      viewType,\n      order: config.order,\n      configuration: config.configuration as EntityData['configuration'],\n    };\n\n    return entity;\n  }\n\n  private getPropertyDisplayName(prop: ManagePreviewPropertyItem): string {\n    if (typeof prop.name === 'string') return prop.name;\n    if (prop.name && typeof prop.name === 'object') {\n      return (\n        (prop.name as Record<string, string>)['display'] ||\n        Object.values(prop.name)[0] ||\n        prop.key\n      );\n    }\n    return prop.key;\n  }\n\n  private getPlaceholderValue(\n    viewType: EntityViewType,\n    name: string,\n  ): string | EntityStatusValue | EntityLookupValue | EntityUserValue {\n    switch (viewType) {\n      case 'Text':\n        return 'Sample Text';\n      case 'LongText':\n        return '<p>Sample long text content</p>';\n      case 'Date':\n        return '2026-01-15';\n      case 'DateTime':\n        return '2026-01-15 10:30';\n      case 'Percentage':\n        return '75%';\n      case 'Status':\n        return { key: 'sample', display: name, color: '#3B82F6' };\n      case 'Lookup':\n        return {\n          key: 'sample',\n          display: name,\n          color: '#8B5CF6',\n          description: '',\n        };\n      case 'Currency':\n        return '$1,250.00';\n      case 'Checkbox':\n        return 'true';\n      case 'User':\n        return {\n          displayName: name,\n          photoUrl: '',\n          phoneNumber: '+1234567890',\n          email: 'user@example.com',\n        };\n      default:\n        return name;\n    }\n  }\n\n  private getPlaceholderRawValue(\n    viewType: EntityViewType,\n    name: string,\n  ): string {\n    switch (viewType) {\n      case 'Percentage':\n        return '75';\n\n      case 'Checkbox':\n        return 'true';\n      default:\n        return name;\n    }\n  }\n}\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- ─── Left Sidebar: Attributes Panel ─── -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- ─── Main Area: Preview ─── -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-150 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-7 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex items-center justify-center h-full text-muted-color\"\r\n                >\r\n                  <p class=\"text-sm\">{{ t(\"no-preview-items\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\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-customization.mjs","sources":["../../../../packages/masterteam/customization/src/lib/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.actions.ts","../../../../packages/masterteam/customization/src/store/customization/customization.model.ts","../../../../packages/masterteam/customization/src/store/customization/customization.state.ts","../../../../packages/masterteam/customization/src/store/customization/customization.facade.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.ts","../../../../packages/masterteam/customization/src/lib/property-config-drawer/property-config-drawer.html","../../../../packages/masterteam/customization/src/lib/customization.ts","../../../../packages/masterteam/customization/src/lib/customization.html","../../../../packages/masterteam/customization/src/masterteam-customization.ts"],"sourcesContent":["// Re-export entity types from the canonical source\r\nexport type {\r\n  EntityViewType,\r\n  EntitySize,\r\n  EntityData,\r\n  EntityStatusValue,\r\n  EntityLookupValue,\r\n  EntityUserValue,\r\n  EntityResizeEvent,\r\n  EntityLabelPosition,\r\n} from '@masterteam/components/entities';\r\n\r\nimport type {\r\n  EntityLabelPosition,\r\n  EntityViewType,\r\n} from '@masterteam/components/entities';\r\n\r\n// ── Preview-specific models ──\r\n\r\n/**\r\n * Configuration for a property that can be edited via the drawer.\r\n * Note: `size` is managed via mouse-drag resize, not the edit drawer.\r\n */\r\nexport interface PropertyEditConfig {\r\n  /** All viewTypes */\r\n  hideName: boolean;\r\n  labelPosition: EntityLabelPosition;\r\n  showBorder: boolean;\r\n  alignEnd: boolean;\r\n  /** User viewType only */\r\n  showDisplayName: boolean;\r\n  showPhoneNumber: boolean;\r\n  showEmail: boolean;\r\n}\r\n\r\n/** ViewTypes that support the 'showBorder' toggle */\r\nexport const BORDER_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n];\r\n\r\n/** ViewTypes that support user-specific toggles */\r\nexport const USER_VIEW_TYPES: EntityViewType[] = ['User'];\r\n\r\n/**\r\n * ViewTypes that have editable configuration fields in the drawer.\r\n * All types support hideName; additional toggles appear based on viewType.\r\n */\r\nexport const EDITABLE_VIEW_TYPES: EntityViewType[] = [\r\n  'Text',\r\n  'LongText',\r\n  'Currency',\r\n  'Date',\r\n  'DateTime',\r\n  'Percentage',\r\n  'Status',\r\n  'Checkbox',\r\n  'Lookup',\r\n  'LookupMatrix',\r\n  'Attachment',\r\n  'User',\r\n];\r\n","import type { BulkReplaceItem } from './api.model';\r\n\r\nexport class GetCustomization {\r\n  static readonly type = '[Customization] Get Properties';\r\n\r\n  constructor(public readonly params?: Record<string, unknown>) {}\r\n}\r\n\r\nexport class GetManagePreviewAreas {\r\n  static readonly type = '[Customization] Get Areas';\r\n}\r\n\r\nexport class GetManagePreviewConfigurations {\r\n  static readonly type = '[Customization] Get Configurations';\r\n\r\n  constructor(public readonly areaKeys?: string[]) {}\r\n}\r\n\r\nexport class SetManagePreviewModuleInfo {\r\n  static readonly type = '[Customization] Set Module Info';\r\n\r\n  constructor(\r\n    public readonly moduleType: string,\r\n    public readonly moduleId: string | number,\r\n    public readonly parentModuleType?: string,\r\n    public readonly parentModuleId?: string | number,\r\n    public readonly parentPath?: string,\r\n  ) {}\r\n}\r\n\r\nexport class BulkReplaceConfigurations {\r\n  static readonly type = '[Customization] Bulk Replace Configurations';\r\n\r\n  constructor(public readonly items: BulkReplaceItem[]) {}\r\n}\r\n","import type { LoadingStateShape } from '@masterteam/components';\r\nimport type { DisplayArea, DisplayConfiguration } from './api.model';\r\n\r\nexport interface ManagePreviewPropertyItem {\r\n  id: number;\r\n  key: string;\r\n  viewType: string;\r\n  viewTypeLabel: string;\r\n  name: string | Record<string, string>;\r\n  description?: Record<string, string>;\r\n  defaultValue?: unknown;\r\n  order?: number;\r\n  enabled?: boolean;\r\n  isSystem?: boolean;\r\n  isBasic?: boolean;\r\n  isCalculated?: boolean;\r\n  isConfigurable?: boolean;\r\n  isRequired?: boolean;\r\n  isTranslatable?: boolean;\r\n  shownInTable?: boolean;\r\n  includeInSummary?: boolean;\r\n  category?: string;\r\n  configuration?: Record<string, unknown>;\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport enum CustomizationActionKey {\r\n  GetProperties = 'getProperties',\r\n  GetAreas = 'getAreas',\r\n  GetConfigurations = 'getConfigurations',\r\n  BulkReplaceConfigurations = 'bulkReplaceConfigurations',\r\n}\r\n\r\nexport interface CustomizationStateModel extends LoadingStateShape<CustomizationActionKey> {\r\n  properties: ManagePreviewPropertyItem[];\r\n  areas: DisplayArea[];\r\n  configurations: DisplayConfiguration[];\r\n  moduleType: string | null;\r\n  moduleId: string | number | null;\r\n  parentModuleType: string | null;\r\n  parentModuleId: string | number | null;\r\n  parentPath: string;\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { Action, Selector, State, StateContext } from '@ngxs/store';\r\nimport { CrudStateBase, handleApiRequest } from '@masterteam/components';\r\nimport {\r\n  CustomizationActionKey,\r\n  CustomizationStateModel,\r\n  ManagePreviewPropertyItem,\r\n} from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport {\r\n  CatalogPropertyDto,\r\n  DisplayArea,\r\n  DisplayConfiguration,\r\n  PropertyCatalogResponseDto,\r\n  Response,\r\n} from './api.model';\r\n\r\nconst DEFAULT_STATE: CustomizationStateModel = {\r\n  properties: [],\r\n  areas: [],\r\n  configurations: [],\r\n  loadingActive: [],\r\n  errors: {},\r\n  moduleType: null,\r\n  moduleId: null,\r\n  parentModuleType: null,\r\n  parentModuleId: null,\r\n  parentPath: '',\r\n};\r\n\r\n@State<CustomizationStateModel>({\r\n  name: 'customization',\r\n  defaults: DEFAULT_STATE,\r\n})\r\n@Injectable()\r\nexport class CustomizationState extends CrudStateBase<\r\n  ManagePreviewPropertyItem,\r\n  CustomizationStateModel,\r\n  CustomizationActionKey\r\n> {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly baseUrl = 'Properties';\r\n  private readonly displayConfigUrl = 'display-configurations';\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Individual for fine-grained reactivity\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getProperties(\r\n    state: CustomizationStateModel,\r\n  ): ManagePreviewPropertyItem[] {\r\n    return state.properties;\r\n  }\r\n\r\n  @Selector()\r\n  static getAreas(state: CustomizationStateModel): DisplayArea[] {\r\n    return state.areas;\r\n  }\r\n\r\n  @Selector()\r\n  static getConfigurations(\r\n    state: CustomizationStateModel,\r\n  ): DisplayConfiguration[] {\r\n    return state.configurations;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleId(state: CustomizationStateModel): string | number | null {\r\n    return state.moduleId;\r\n  }\r\n\r\n  @Selector()\r\n  static getModuleType(state: CustomizationStateModel): string | null {\r\n    return state.moduleType;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slice Selectors - REQUIRED for optimal performance\r\n  // ============================================================================\r\n\r\n  @Selector()\r\n  static getLoadingActive(state: CustomizationStateModel): string[] {\r\n    return state.loadingActive;\r\n  }\r\n\r\n  @Selector()\r\n  static getErrors(\r\n    state: CustomizationStateModel,\r\n  ): Record<string, string | null> {\r\n    return state.errors;\r\n  }\r\n\r\n  // ============================================================================\r\n  // Actions\r\n  // ============================================================================\r\n\r\n  @Action(GetManagePreviewAreas)\r\n  getAreas(ctx: StateContext<CustomizationStateModel>) {\r\n    const req$ = this.http.get<Response<DisplayArea[]>>(\r\n      `${this.displayConfigUrl}/areas`,\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetAreas,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        areas: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetCustomization)\r\n  getProperties(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetCustomization,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params = {\r\n      ...action.params,\r\n      contextKey,\r\n    };\r\n\r\n    const req$ = this.http.get<Response<PropertyCatalogResponseDto>>(\r\n      `${this.baseUrl}/catalog`,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetProperties,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        properties: (response.data?.properties ?? []).map(\r\n          mapCatalogPropertyToManagePreview,\r\n        ),\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(GetManagePreviewConfigurations)\r\n  getConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: GetManagePreviewConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const params: Record<string, string | string[]> = { contextKey };\r\n    if (action.areaKeys?.length) {\r\n      params['areaKeys'] = action.areaKeys;\r\n    }\r\n\r\n    const req$ = this.http.get<Response<DisplayConfiguration[]>>(\r\n      this.displayConfigUrl,\r\n      { params },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.GetConfigurations,\r\n      request$: req$,\r\n      onSuccess: (response) => ({\r\n        configurations: response.data ?? [],\r\n      }),\r\n    });\r\n  }\r\n\r\n  @Action(SetManagePreviewModuleInfo)\r\n  setModuleInfo(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: SetManagePreviewModuleInfo,\r\n  ) {\r\n    let parentPath = '';\r\n    if (action.parentModuleType && action.parentModuleId) {\r\n      parentPath = `/${action.parentModuleType}/${action.parentModuleId}`;\r\n    } else if (action.parentPath) {\r\n      parentPath = action.parentPath;\r\n    }\r\n\r\n    ctx.patchState({\r\n      moduleType: action.moduleType,\r\n      moduleId: action.moduleId,\r\n      parentModuleType: action.parentModuleType ?? null,\r\n      parentModuleId: action.parentModuleId ?? null,\r\n      parentPath: parentPath ?? '',\r\n    });\r\n  }\r\n\r\n  @Action(BulkReplaceConfigurations)\r\n  bulkReplaceConfigurations(\r\n    ctx: StateContext<CustomizationStateModel>,\r\n    action: BulkReplaceConfigurations,\r\n  ) {\r\n    const state = ctx.getState();\r\n    const contextKey = this.buildContextKey(state);\r\n\r\n    const req$ = this.http.put<Response<boolean>>(\r\n      `${this.displayConfigUrl}/bulk-replace`,\r\n      {\r\n        contextKey,\r\n        items: action.items,\r\n      },\r\n    );\r\n\r\n    return handleApiRequest({\r\n      ctx,\r\n      key: CustomizationActionKey.BulkReplaceConfigurations,\r\n      request$: req$,\r\n      onSuccess: () => {\r\n        // Rebuild configurations from the items payload\r\n        const newConfigs: DisplayConfiguration[] = [];\r\n        for (const item of action.items) {\r\n          for (const da of item.displayAreas) {\r\n            newConfigs.push({\r\n              contextKey,\r\n              areaKey: da.areaKey,\r\n              propertyKey: item.propertyKey,\r\n              order: da.order,\r\n              configuration: da.configuration,\r\n            });\r\n          }\r\n        }\r\n        return { configurations: newConfigs };\r\n      },\r\n    });\r\n  }\r\n\r\n  // ============================================================================\r\n  // Private Helpers\r\n  // ============================================================================\r\n\r\n  private buildContextKey(state: CustomizationStateModel): string {\r\n    const contextParts: string[] = [];\r\n    if (state.parentModuleType && state.parentModuleId) {\r\n      contextParts.push(`${state.parentModuleType}:${state.parentModuleId}`);\r\n    }\r\n    if (state.moduleType && state.moduleId) {\r\n      contextParts.push(`${state.moduleType}:${state.moduleId}`);\r\n    }\r\n    return contextParts.join('/');\r\n  }\r\n}\r\n\r\nfunction mapCatalogPropertyToManagePreview(\r\n  property: CatalogPropertyDto,\r\n): ManagePreviewPropertyItem {\r\n  return {\r\n    id: property.id,\r\n    key: property.key,\r\n    viewType: property.viewType,\r\n    viewTypeLabel: property.viewType,\r\n    name: { display: property.label },\r\n    order: property.order,\r\n    isRequired: property.isRequired,\r\n    isSystem: property.isSystem,\r\n    isCalculated: property.source?.toLowerCase().includes('calculated'),\r\n    configuration: property.configuration ?? undefined,\r\n  };\r\n}\r\n","import { Injectable, computed, inject } from '@angular/core';\r\nimport { select, Store } from '@ngxs/store';\r\nimport type { Observable } from 'rxjs';\r\nimport { CustomizationActionKey } from './customization.model';\r\nimport {\r\n  GetCustomization,\r\n  GetManagePreviewAreas,\r\n  GetManagePreviewConfigurations,\r\n  SetManagePreviewModuleInfo,\r\n  BulkReplaceConfigurations,\r\n} from './customization.actions';\r\nimport { CustomizationState } from './customization.state';\r\nimport type { BulkReplaceItem } from './api.model';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class CustomizationFacade {\r\n  private readonly store = inject(Store);\r\n\r\n  // ============================================================================\r\n  // Data Selectors - Memoized by NGXS (fine-grained reactivity)\r\n  // ============================================================================\r\n  readonly properties = select(CustomizationState.getProperties);\r\n  readonly areas = select(CustomizationState.getAreas);\r\n  readonly configurations = select(CustomizationState.getConfigurations);\r\n  readonly moduleId = select(CustomizationState.getModuleId);\r\n  readonly moduleType = select(CustomizationState.getModuleType);\r\n\r\n  // ============================================================================\r\n  // Loading/Error Slices - Memoized by NGXS\r\n  // ============================================================================\r\n  private readonly loadingActive = select(CustomizationState.getLoadingActive);\r\n  private readonly errors = select(CustomizationState.getErrors);\r\n\r\n  // ============================================================================\r\n  // Loading Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly isLoadingProperties = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetProperties),\r\n  );\r\n\r\n  readonly isLoadingAreas = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetAreas),\r\n  );\r\n\r\n  readonly isLoadingConfigurations = computed(() =>\r\n    this.loadingActive().includes(CustomizationActionKey.GetConfigurations),\r\n  );\r\n\r\n  readonly isBulkReplacing = computed(() =>\r\n    this.loadingActive().includes(\r\n      CustomizationActionKey.BulkReplaceConfigurations,\r\n    ),\r\n  );\r\n\r\n  // ============================================================================\r\n  // Error Signals - Computed from slice (minimal reactivity)\r\n  // ============================================================================\r\n  readonly propertiesError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetProperties] ?? null,\r\n  );\r\n\r\n  readonly areasError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetAreas] ?? null,\r\n  );\r\n\r\n  readonly configurationsError = computed(\r\n    () => this.errors()[CustomizationActionKey.GetConfigurations] ?? null,\r\n  );\r\n\r\n  readonly bulkReplaceError = computed(\r\n    () =>\r\n      this.errors()[CustomizationActionKey.BulkReplaceConfigurations] ?? null,\r\n  );\r\n\r\n  // ============================================================================\r\n  // Action Dispatchers\r\n  // ============================================================================\r\n\r\n  loadAreas(): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewAreas());\r\n  }\r\n\r\n  loadProperties(params?: Record<string, unknown>): Observable<unknown> {\r\n    return this.store.dispatch(new GetCustomization(params));\r\n  }\r\n\r\n  loadConfigurations(areaKeys?: string[]): Observable<unknown> {\r\n    return this.store.dispatch(new GetManagePreviewConfigurations(areaKeys));\r\n  }\r\n\r\n  bulkReplaceConfigurations(items: BulkReplaceItem[]): Observable<unknown> {\r\n    return this.store.dispatch(new BulkReplaceConfigurations(items));\r\n  }\r\n\r\n  setModuleInfo(\r\n    moduleType: string,\r\n    moduleId: string | number,\r\n    parentModuleType?: string,\r\n    parentModuleId?: string | number,\r\n    parentPath?: string,\r\n  ): Observable<unknown> {\r\n    return this.store.dispatch(\r\n      new SetManagePreviewModuleInfo(\r\n        moduleType,\r\n        moduleId,\r\n        parentModuleType,\r\n        parentModuleId,\r\n        parentPath,\r\n      ),\r\n    );\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { ModalRef } from '@masterteam/components/dialog';\r\nimport type {\r\n  EntityViewType,\r\n  PropertyEditConfig,\r\n} from '../customization.model';\r\nimport { BORDER_VIEW_TYPES, USER_VIEW_TYPES } from '../customization.model';\r\nimport { CustomizationFacade } from '../../store';\r\nimport type { BulkReplaceItem } from '../../store/customization';\r\n\r\n@Component({\r\n  selector: 'mt-property-config-drawer',\r\n  standalone: true,\r\n  imports: [TranslocoDirective, ReactiveFormsModule, Button, ToggleField],\r\n  templateUrl: './property-config-drawer.html',\r\n})\r\nexport class PropertyConfigDrawer {\r\n  protected readonly modalService = inject(ModalService);\r\n  private readonly ref = inject(ModalRef);\r\n  private readonly facade = inject(CustomizationFacade);\r\n  private readonly doc = inject(DOCUMENT);\r\n\r\n  // ─── Inputs (passed via drawer inputValues) ───\r\n  readonly propertyKey = input<string>('');\r\n  readonly propertyName = input<string>('');\r\n  readonly viewType = input<EntityViewType>('Text');\r\n  readonly areaKey = input<string>('card');\r\n  readonly currentOrder = input<number>(1);\r\n  readonly initialConfig = input<PropertyEditConfig>({\r\n    hideName: false,\r\n    labelPosition: 'bottom',\r\n    showBorder: false,\r\n    alignEnd: false,\r\n    showDisplayName: true,\r\n    showPhoneNumber: false,\r\n    showEmail: false,\r\n  });\r\n\r\n  // ─── UI state ───\r\n  readonly submitting = signal(false);\r\n  readonly hideNameControl = new FormControl(false);\r\n  readonly labelOnTopControl = new FormControl(false);\r\n  readonly showBorderControl = new FormControl(false);\r\n  readonly alignEndControl = new FormControl(false);\r\n  readonly showDisplayNameControl = new FormControl(false);\r\n  readonly showPhoneNumberControl = new FormControl(false);\r\n  readonly showEmailControl = new FormControl(false);\r\n\r\n  // ─── Computed visibility flags ───\r\n  readonly isBorderViewType = computed(() =>\r\n    BORDER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n  readonly isUserViewType = computed(() =>\r\n    USER_VIEW_TYPES.includes(this.viewType()),\r\n  );\r\n\r\n  /** True when the document direction is RTL */\r\n  private readonly isRtl = signal(\r\n    this.doc.documentElement.getAttribute('dir') === 'rtl',\r\n  );\r\n\r\n  /** Align-end icon: right in LTR, left in RTL */\r\n  readonly alignEndIcon = computed(() =>\r\n    this.isRtl() ? 'layout.align-left-01' : 'layout.align-right-01',\r\n  );\r\n\r\n  constructor() {\r\n    // Initialize form from input config\r\n    effect(() => {\r\n      const config = this.initialConfig();\r\n      this.hideNameControl.patchValue(config.hideName ?? false);\r\n      this.labelOnTopControl.patchValue(config.labelPosition === 'top');\r\n      this.showBorderControl.patchValue(config.showBorder ?? false);\r\n      this.alignEndControl.patchValue(config.alignEnd ?? false);\r\n      this.showDisplayNameControl.patchValue(config.showDisplayName ?? true);\r\n      this.showPhoneNumberControl.patchValue(config.showPhoneNumber ?? false);\r\n      this.showEmailControl.patchValue(config.showEmail ?? false);\r\n    });\r\n  }\r\n\r\n  onSave(): void {\r\n    // Preserve existing size from configuration (managed via drag-resize)\r\n    const existingConfig = this.facade\r\n      .configurations()\r\n      .find(\r\n        (c) =>\r\n          c.propertyKey === this.propertyKey() && c.areaKey === this.areaKey(),\r\n      );\r\n    const existingSize = existingConfig?.configuration?.['size'];\r\n\r\n    const configuration: Record<string, unknown> = {};\r\n\r\n    // Carry over size so drag-resize value is not lost\r\n    if (existingSize != null) {\r\n      configuration['size'] = existingSize;\r\n    }\r\n\r\n    // Keep both keys for backward compatibility while the shared entities\r\n    // layer now prefers hideLabel.\r\n    configuration['hideName'] = this.hideNameControl.value ?? false;\r\n    configuration['hideLabel'] = this.hideNameControl.value ?? false;\r\n    configuration['labelPosition'] = this.labelOnTopControl.value\r\n      ? 'top'\r\n      : 'bottom';\r\n    configuration['alignEnd'] = this.alignEndControl.value ?? false;\r\n\r\n    if (this.isBorderViewType()) {\r\n      configuration['showBorder'] = this.showBorderControl.value ?? false;\r\n    }\r\n    if (this.isUserViewType()) {\r\n      configuration['showDisplayName'] =\r\n        this.showDisplayNameControl.value ?? false;\r\n      configuration['showPhoneNumber'] =\r\n        this.showPhoneNumberControl.value ?? false;\r\n      configuration['showEmail'] = this.showEmailControl.value ?? false;\r\n    }\r\n\r\n    const newDisplayArea = {\r\n      areaKey: this.areaKey(),\r\n      order: this.currentOrder(),\r\n      configuration,\r\n    };\r\n\r\n    // Build bulk items from existing configs, replacing the current property+area\r\n    const configs = this.facade.configurations();\r\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const c of configs) {\r\n      // Skip the entry being replaced\r\n      if (\r\n        c.propertyKey === this.propertyKey() &&\r\n        c.areaKey === this.areaKey()\r\n      ) {\r\n        continue;\r\n      }\r\n      if (!itemsMap.has(c.propertyKey)) {\r\n        itemsMap.set(c.propertyKey, []);\r\n      }\r\n      itemsMap.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration,\r\n      });\r\n    }\r\n\r\n    // Add/replace the current property's area config\r\n    if (!itemsMap.has(this.propertyKey())) {\r\n      itemsMap.set(this.propertyKey(), []);\r\n    }\r\n    itemsMap.get(this.propertyKey())!.push(newDisplayArea);\r\n\r\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\r\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\r\n    );\r\n\r\n    this.submitting.set(true);\r\n    this.facade.bulkReplaceConfigurations(items).subscribe({\r\n      next: () => this.ref.close(true),\r\n      error: () => this.submitting.set(false),\r\n    });\r\n  }\r\n\r\n  onCancel(): void {\r\n    this.ref.close(null);\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div [class]=\"[modalService.contentClass, 'p-4', 'overflow-y-hidden!']\">\r\n    <div class=\"mt-2 h-full overflow-y-auto pb-10 flex flex-col gap-5\">\r\n      <!-- Hide Name Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('hide-name')\"\r\n        icon=\"general.eye-off\"\r\n        [formControl]=\"hideNameControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('label-on-top')\"\r\n        icon=\"layout.align-right-02\"\r\n        [formControl]=\"labelOnTopControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Align End Toggle (all entity types) -->\r\n      <mt-toggle-field\r\n        toggleShape=\"card\"\r\n        [label]=\"t('align-end')\"\r\n        [icon]=\"alignEndIcon()\"\r\n        [formControl]=\"alignEndControl\"\r\n      ></mt-toggle-field>\r\n\r\n      <!-- Show Border Toggle (Text, Currency, Date, DateTime) -->\r\n      @if (isBorderViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-border')\"\r\n          icon=\"layout.layout-grid-01\"\r\n          [formControl]=\"showBorderControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n\r\n      <!-- User-specific Toggles -->\r\n      @if (isUserViewType()) {\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-display-name')\"\r\n          icon=\"user.user-circle\"\r\n          [formControl]=\"showDisplayNameControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-phone-number')\"\r\n          icon=\"communication.phone\"\r\n          [formControl]=\"showPhoneNumberControl\"\r\n        ></mt-toggle-field>\r\n\r\n        <mt-toggle-field\r\n          toggleShape=\"card\"\r\n          [label]=\"t('show-email')\"\r\n          icon=\"communication.mail-01\"\r\n          [formControl]=\"showEmailControl\"\r\n        ></mt-toggle-field>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <div [class]=\"modalService.footerClass\">\r\n    <mt-button\r\n      [label]=\"t('cancel')\"\r\n      severity=\"secondary\"\r\n      [disabled]=\"submitting()\"\r\n      (onClick)=\"onCancel()\"\r\n    ></mt-button>\r\n    <mt-button\r\n      [label]=\"t('save')\"\r\n      severity=\"primary\"\r\n      [loading]=\"submitting()\"\r\n      (onClick)=\"onSave()\"\r\n    ></mt-button>\r\n  </div>\r\n</ng-container>\r\n","import {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  OnInit,\r\n  signal,\r\n} from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { TranslocoDirective } from '@jsverse/transloco';\r\nimport { Card } from '@masterteam/components/card';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Tabs } from '@masterteam/components/tabs';\r\nimport { EntitiesManage } from '@masterteam/components/entities';\r\nimport { ModalService } from '@masterteam/components/modal';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { Skeleton } from 'primeng/skeleton';\r\nimport type {\r\n  EntityData,\r\n  EntityLabelPosition,\r\n  EntityViewType,\r\n  EntityStatusValue,\r\n  EntityLookupValue,\r\n  EntityUserValue,\r\n  EntityResizeEvent,\r\n  PropertyEditConfig,\r\n} from './customization.model';\r\nimport { EDITABLE_VIEW_TYPES } from './customization.model';\r\nimport { CustomizationFacade } from '../store';\r\nimport type {\r\n  ManagePreviewPropertyItem,\r\n  DisplayConfiguration,\r\n  BulkReplaceItem,\r\n} from '../store/customization';\r\nimport { PropertyConfigDrawer } from './property-config-drawer/property-config-drawer';\r\n\r\n@Component({\r\n  selector: 'mt-customization',\r\n  standalone: true,\r\n  imports: [\r\n    FormsModule,\r\n    TranslocoDirective,\r\n    Card,\r\n    TextField,\r\n    ToggleField,\r\n    Button,\r\n    Tabs,\r\n    Skeleton,\r\n    EntitiesManage,\r\n    Icon,\r\n  ],\r\n  templateUrl: './customization.html',\r\n  styleUrl: './customization.scss',\r\n})\r\nexport class Customization implements OnInit {\r\n  protected readonly facade = inject(CustomizationFacade);\r\n  private readonly modalService = inject(ModalService);\r\n\r\n  /** Set of viewTypes that have editable fields in the drawer (beyond size) */\r\n  protected readonly editableViewTypes = new Set(EDITABLE_VIEW_TYPES);\r\n\r\n  readonly searchQuery = signal('');\r\n  readonly activeArea = signal<string | null>(null);\r\n\r\n  // ── Derived signals ──\r\n  readonly properties = this.facade.properties;\r\n  readonly areas = this.facade.areas;\r\n  readonly isLoading = this.facade.isLoadingProperties;\r\n  readonly isLoadingAreas = this.facade.isLoadingAreas;\r\n  readonly isLoadingPreview = computed(\r\n    () =>\r\n      this.facade.isLoadingConfigurations() ||\r\n      this.facade.isLoadingProperties(),\r\n  );\r\n\r\n  readonly areasTabs = computed(() =>\r\n    this.areas().map((area) => ({ label: area.name, value: area.key })),\r\n  );\r\n\r\n  /**\r\n   * Configurations filtered to exclude properties that no longer exist in the catalog.\r\n   * Prevents sending orphaned property references on save.\r\n   */\r\n  private readonly validConfigurations = computed(() => {\r\n    const configs = this.facade.configurations();\r\n    const props = this.properties();\r\n    const propertyKeys = new Set(props.map((p) => p.key));\r\n    return configs.filter((c) => propertyKeys.has(c.propertyKey));\r\n  });\r\n\r\n  /** Properties enriched with `enabled` based on current area configurations */\r\n  readonly propertiesWithEnabled = computed(() => {\r\n    const props = this.properties();\r\n    const configs = this.validConfigurations();\r\n    const area = this.activeArea();\r\n\r\n    if (!area) return props.map((p) => ({ ...p, enabled: false }));\r\n\r\n    return props.map((p) => ({\r\n      ...p,\r\n      enabled: configs.some(\r\n        (c) => c.areaKey === area && c.propertyKey === p.key,\r\n      ),\r\n    }));\r\n  });\r\n\r\n  readonly filteredProperties = computed(() => {\r\n    const query = this.searchQuery().toLowerCase().trim();\r\n    const list = this.propertiesWithEnabled();\r\n\r\n    if (!query) return list;\r\n\r\n    return list.filter((prop) => {\r\n      const name =\r\n        typeof prop.name === 'string'\r\n          ? prop.name\r\n          : Object.values(prop.name).join(' ');\r\n      return name.toLowerCase().includes(query);\r\n    });\r\n  });\r\n\r\n  /** Preview entities built from configurations + properties for the active area */\r\n  previewEntities = signal<EntityData[]>([]);\r\n\r\n  constructor() {\r\n    // Set default active area when areas load\r\n    effect(() => {\r\n      const areas = this.areas();\r\n      if (areas.length > 0 && !this.activeArea()) {\r\n        this.activeArea.set(areas[0].key);\r\n      }\r\n    });\r\n\r\n    // Rebuild preview entities when configs, properties, or active area change\r\n    effect(() => {\r\n      const configs = this.validConfigurations();\r\n      const props = this.properties();\r\n      const area = this.activeArea();\r\n\r\n      if (!area || !props.length) {\r\n        this.previewEntities.set([]);\r\n        return;\r\n      }\r\n\r\n      const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n      const entities = areaConfigs\r\n        .map((config) => this.buildEntityFromConfig(config, props))\r\n        .filter((e): e is EntityData => e !== null)\r\n        .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\r\n\r\n      this.previewEntities.set(entities);\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    // Load display areas\r\n    this.facade.loadAreas();\r\n\r\n    this.facade.loadProperties();\r\n    this.facade.loadConfigurations();\r\n  }\r\n\r\n  onPropertyToggle(\r\n    prop: ManagePreviewPropertyItem & { enabled: boolean },\r\n    enabled: boolean,\r\n  ): void {\r\n    if (enabled) {\r\n      this.activateProperty(\r\n        prop,\r\n        this.editableViewTypes.has(prop.viewType as EntityViewType),\r\n      );\r\n      return;\r\n    }\r\n\r\n    // Remove this property and bulk-replace with remaining checked props\r\n    this.bulkSaveWithout(prop.key);\r\n  }\r\n\r\n  onEditProperty(prop: ManagePreviewPropertyItem): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\r\n    );\r\n\r\n    this.openDrawer(prop, {\r\n      currentOrder: existingConfig?.order,\r\n      configuration: existingConfig?.configuration,\r\n    });\r\n  }\r\n\r\n  onEntityClicked(entity: EntityData): void {\r\n    const area = this.activeArea();\r\n    if (!area || !entity.key) return;\r\n\r\n    if (!this.editableViewTypes.has(entity.viewType as EntityViewType)) return;\r\n\r\n    const prop = this.properties().find((p) => p.key === entity.key);\r\n    if (!prop) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === entity.key,\r\n    );\r\n\r\n    this.openDrawer(prop, {\r\n      currentOrder: existingConfig?.order,\r\n      configuration: existingConfig?.configuration,\r\n    });\r\n  }\r\n\r\n  onEntityResized(event: EntityResizeEvent): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n\r\n    // Update the configuration for the resized entity in the current area\r\n    const updatedConfigs = configs.map((c) =>\r\n      c.areaKey === area && c.propertyKey === event.entity.key\r\n        ? { ...c, configuration: { ...c.configuration, size: event.newSize } }\r\n        : c,\r\n    );\r\n\r\n    // Build bulk-replace items from updated configs\r\n    const items = this.groupConfigsByProperty(updatedConfigs);\r\n    this.facade.bulkReplaceConfigurations(items).subscribe();\r\n  }\r\n\r\n  onEntitiesReordered(entities: EntityData[]): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const items: BulkReplaceItem[] = entities.map((entity, index) => {\r\n      const existingConfig = configs.find(\r\n        (c) => c.areaKey === area && c.propertyKey === entity.key,\r\n      );\r\n      return {\r\n        propertyKey: entity.key!,\r\n        displayAreas: [\r\n          {\r\n            areaKey: area,\r\n            order: index + 1,\r\n            configuration: existingConfig?.configuration ?? {},\r\n          },\r\n        ],\r\n      };\r\n    });\r\n\r\n    // Include configs from other areas that are not being reordered\r\n    const otherAreaConfigs = configs.filter((c) => c.areaKey !== area);\r\n    const otherAreaItems = this.groupConfigsByProperty(otherAreaConfigs);\r\n\r\n    // Merge: for properties that exist in both, combine their displayAreas\r\n    const mergedItems = this.mergeItems(items, otherAreaItems);\r\n\r\n    this.facade.bulkReplaceConfigurations(mergedItems).subscribe();\r\n  }\r\n\r\n  // ── Private helpers ──\r\n\r\n  /**\r\n   * Add a property to the active area immediately, then optionally open its configuration drawer.\r\n   * This keeps the property active even if the user closes the drawer without saving extra options.\r\n   */\r\n  private activateProperty(\r\n    prop: ManagePreviewPropertyItem,\r\n    openConfigAfterSave = false,\r\n  ): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const existingConfig = configs.find(\r\n      (c) => c.areaKey === area && c.propertyKey === prop.key,\r\n    );\r\n\r\n    if (existingConfig) {\r\n      if (openConfigAfterSave) {\r\n        this.openDrawer(prop, {\r\n          currentOrder: existingConfig.order,\r\n          configuration: existingConfig.configuration,\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n    const nextOrder = areaConfigs.length + 1;\r\n    const configuration: Record<string, unknown> = {};\r\n\r\n    const newDisplayArea = {\r\n      areaKey: area,\r\n      order: nextOrder,\r\n      configuration,\r\n    };\r\n\r\n    // Build bulk items from existing configs + new property\r\n    const itemsMap = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const c of configs) {\r\n      if (!itemsMap.has(c.propertyKey)) {\r\n        itemsMap.set(c.propertyKey, []);\r\n      }\r\n      itemsMap.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration,\r\n      });\r\n    }\r\n\r\n    // Add the new property\r\n    if (!itemsMap.has(prop.key)) {\r\n      itemsMap.set(prop.key, []);\r\n    }\r\n    itemsMap.get(prop.key)!.push(newDisplayArea);\r\n\r\n    const items: BulkReplaceItem[] = Array.from(itemsMap.entries()).map(\r\n      ([propertyKey, displayAreas]) => ({ propertyKey, displayAreas }),\r\n    );\r\n\r\n    this.facade.bulkReplaceConfigurations(items).subscribe({\r\n      next: () => {\r\n        if (!openConfigAfterSave) {\r\n          return;\r\n        }\r\n\r\n        this.openDrawer(prop, {\r\n          currentOrder: nextOrder,\r\n          configuration,\r\n        });\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Build bulk items from all current configurations, excluding a specific property.\r\n   * Then call bulk-replace so the backend replaces the entire context atomically.\r\n   */\r\n  private bulkSaveWithout(excludePropertyKey: string): void {\r\n    const configs = this.validConfigurations();\r\n    const remaining = configs.filter(\r\n      (c) => c.propertyKey !== excludePropertyKey,\r\n    );\r\n    const items = this.groupConfigsByProperty(remaining);\r\n    this.facade.bulkReplaceConfigurations(items).subscribe();\r\n  }\r\n\r\n  /**\r\n   * Group flat DisplayConfiguration[] into bulk-replace items grouped by propertyKey.\r\n   */\r\n  private groupConfigsByProperty(\r\n    configs: DisplayConfiguration[],\r\n  ): BulkReplaceItem[] {\r\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const c of configs) {\r\n      if (!map.has(c.propertyKey)) {\r\n        map.set(c.propertyKey, []);\r\n      }\r\n      map.get(c.propertyKey)!.push({\r\n        areaKey: c.areaKey,\r\n        order: c.order,\r\n        configuration: c.configuration,\r\n      });\r\n    }\r\n\r\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\r\n      propertyKey,\r\n      displayAreas,\r\n    }));\r\n  }\r\n\r\n  /**\r\n   * Merge two sets of bulk items. If a propertyKey exists in both,\r\n   * combine their displayAreas arrays.\r\n   */\r\n  private mergeItems(\r\n    primary: BulkReplaceItem[],\r\n    secondary: BulkReplaceItem[],\r\n  ): BulkReplaceItem[] {\r\n    const map = new Map<string, BulkReplaceItem['displayAreas']>();\r\n\r\n    for (const item of primary) {\r\n      map.set(item.propertyKey, [...item.displayAreas]);\r\n    }\r\n\r\n    for (const item of secondary) {\r\n      const existing = map.get(item.propertyKey);\r\n      if (existing) {\r\n        existing.push(...item.displayAreas);\r\n      } else {\r\n        map.set(item.propertyKey, [...item.displayAreas]);\r\n      }\r\n    }\r\n\r\n    return Array.from(map.entries()).map(([propertyKey, displayAreas]) => ({\r\n      propertyKey,\r\n      displayAreas,\r\n    }));\r\n  }\r\n\r\n  private openDrawer(\r\n    prop: ManagePreviewPropertyItem,\r\n    existingConfig?: {\r\n      currentOrder?: number;\r\n      configuration?: Record<string, unknown>;\r\n    },\r\n  ): void {\r\n    const area = this.activeArea();\r\n    if (!area) return;\r\n\r\n    const configs = this.validConfigurations();\r\n    const areaConfigs = configs.filter((c) => c.areaKey === area);\r\n    const nextOrder = existingConfig?.currentOrder ?? areaConfigs.length + 1;\r\n\r\n    const displayName = this.getPropertyDisplayName(prop);\r\n    const initConfig = this.toPropertyEditConfig(existingConfig?.configuration);\r\n\r\n    this.modalService.openModal(PropertyConfigDrawer, 'drawer', {\r\n      header: displayName,\r\n      styleClass:\r\n        '!absolute !shadow-none min-[1025px]:!w-[27%] max-[1024px]:!w-[min(92vw,28rem)]',\r\n      position: 'end',\r\n      appendTo: '#page-content',\r\n      dismissible: true,\r\n      inputValues: {\r\n        propertyKey: prop.key,\r\n        propertyName: displayName,\r\n        viewType: prop.viewType,\r\n        areaKey: area,\r\n        currentOrder: nextOrder,\r\n        initialConfig: initConfig,\r\n      },\r\n    });\r\n  }\r\n\r\n  private toPropertyEditConfig(\r\n    configuration?: Record<string, unknown>,\r\n  ): PropertyEditConfig {\r\n    const labelPosition =\r\n      (configuration?.['labelPosition'] as EntityLabelPosition | undefined) ??\r\n      (configuration?.['labelPostion'] as EntityLabelPosition | undefined) ??\r\n      'bottom';\r\n\r\n    return {\r\n      hideName:\r\n        (configuration?.['hideLabel'] as boolean | undefined) ??\r\n        (configuration?.['hideName'] as boolean | undefined) ??\r\n        false,\r\n      labelPosition,\r\n      showBorder: (configuration?.['showBorder'] as boolean) ?? false,\r\n      alignEnd: (configuration?.['alignEnd'] as boolean) ?? false,\r\n      showDisplayName: (configuration?.['showDisplayName'] as boolean) ?? true,\r\n      showPhoneNumber: (configuration?.['showPhoneNumber'] as boolean) ?? false,\r\n      showEmail: (configuration?.['showEmail'] as boolean) ?? false,\r\n    };\r\n  }\r\n\r\n  private buildEntityFromConfig(\r\n    config: DisplayConfiguration,\r\n    props: ManagePreviewPropertyItem[],\r\n  ): EntityData | null {\r\n    const prop = props.find((p) => p.key === config.propertyKey);\r\n    if (!prop) return null;\r\n\r\n    const displayName = this.getPropertyDisplayName(prop);\r\n    const viewType = prop.viewType as EntityViewType;\r\n\r\n    const entity: EntityData = {\r\n      id: prop.id,\r\n      propertyId: prop.id,\r\n      key: prop.key,\r\n      name: displayName,\r\n      value: this.getPlaceholderValue(viewType, displayName),\r\n      rawValue: this.getPlaceholderRawValue(viewType, displayName),\r\n      viewType,\r\n      order: config.order,\r\n      configuration: config.configuration as EntityData['configuration'],\r\n    };\r\n\r\n    return entity;\r\n  }\r\n\r\n  private getPropertyDisplayName(prop: ManagePreviewPropertyItem): string {\r\n    if (typeof prop.name === 'string') return prop.name;\r\n    if (prop.name && typeof prop.name === 'object') {\r\n      return (\r\n        (prop.name as Record<string, string>)['display'] ||\r\n        Object.values(prop.name)[0] ||\r\n        prop.key\r\n      );\r\n    }\r\n    return prop.key;\r\n  }\r\n\r\n  private getPlaceholderValue(\r\n    viewType: EntityViewType,\r\n    name: string,\r\n  ): string | EntityStatusValue | EntityLookupValue | EntityUserValue {\r\n    switch (viewType) {\r\n      case 'Text':\r\n        return 'Sample Text';\r\n      case 'LongText':\r\n        return '<p>Sample long text content</p>';\r\n      case 'Date':\r\n        return '2026-01-15';\r\n      case 'DateTime':\r\n        return '2026-01-15 10:30';\r\n      case 'Percentage':\r\n        return '75%';\r\n      case 'Status':\r\n        return { key: 'sample', display: 'in Progress', color: '#3B82F6' };\r\n      case 'Lookup':\r\n        return {\r\n          key: 'sample',\r\n          display: name,\r\n          color: '#8B5CF6',\r\n          description: '',\r\n        };\r\n      case 'Currency':\r\n        return '$1,250.00';\r\n      case 'Checkbox':\r\n        return 'true';\r\n      case 'User':\r\n        return {\r\n          displayName: name,\r\n          photoUrl: '',\r\n          phoneNumber: '+1234567890',\r\n          email: 'user@example.com',\r\n        };\r\n      default:\r\n        return name;\r\n    }\r\n  }\r\n\r\n  private getPlaceholderRawValue(\r\n    viewType: EntityViewType,\r\n    name: string,\r\n  ): string {\r\n    switch (viewType) {\r\n      case 'Percentage':\r\n        return '75';\r\n\r\n      case 'Checkbox':\r\n        return 'true';\r\n      default:\r\n        return name;\r\n    }\r\n  }\r\n}\r\n","<ng-container *transloco=\"let t; prefix: 'customization'\">\r\n  <div\r\n    class=\"flex gap-6 h-full w-full overflow-hidden max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:flex-col max-[1025px]:gap-4 max-[1025px]:overflow-x-hidden max-[1025px]:overflow-y-auto\"\r\n  >\r\n    <!-- ─── Left Sidebar: Attributes Panel ─── -->\r\n    <mt-card\r\n      class=\"w-1/5 h-full flex flex-col overflow-hidden pb-3 max-[1025px]:h-auto max-[1025px]:max-h-[42vh] max-[1025px]:min-h-0 max-[1025px]:w-full\"\r\n    >\r\n      <ng-template #headless>\r\n        <!-- Header -->\r\n        <h3 class=\"text-xl font-semibold px-4 pt-5 pb-3\">\r\n          {{ t(\"attributes\") }}\r\n        </h3>\r\n\r\n        <!-- Properties List -->\r\n        <div class=\"flex-1 overflow-y-auto px-4 pb-4 space-y-3\">\r\n          <!-- Search Field -->\r\n          <div class=\"sticky top-0 bg-surface-0 mb-0 py-3 pb-2 mb-1 z-10\">\r\n            <mt-text-field\r\n              [placeholder]=\"t('search-properties')\"\r\n              [(ngModel)]=\"searchQuery\"\r\n              icon=\"general.search-lg\"\r\n            />\r\n          </div>\r\n          @if (isLoading()) {\r\n            @for (i of [1, 2, 3, 4, 5, 6]; track i) {\r\n              <div class=\"flex items-center gap-1 p-1 rounded-lg\">\r\n                <p-skeleton height=\"4rem\" />\r\n              </div>\r\n            }\r\n          } @else {\r\n            @for (prop of filteredProperties(); track prop.id) {\r\n              <div\r\n                class=\"flex items-center gap-3 px-4 rounded-lg border border-gray-300 border-dashed hover:bg-emphasis transition-colors\"\r\n              >\r\n                <!-- Property Name -->\r\n                <div class=\"flex-1 min-w-0 py-4\">\r\n                  <span\r\n                    class=\"text-sm font-medium truncate block\"\r\n                    [class.text-primary]=\"prop.enabled\"\r\n                  >\r\n                    {{ prop.name?.display }}\r\n                  </span>\r\n                </div>\r\n\r\n                <!-- Edit Button (visible when enabled and viewType has configurable fields) -->\r\n                @if (prop.enabled && editableViewTypes.has(prop.viewType)) {\r\n                  <mt-button\r\n                    icon=\"editor.pencil-01\"\r\n                    variant=\"text\"\r\n                    severity=\"primary\"\r\n                    (onClick)=\"onEditProperty(prop)\"\r\n                  />\r\n                }\r\n\r\n                <!-- Toggle -->\r\n                <mt-toggle-field\r\n                  [ngModel]=\"prop.enabled\"\r\n                  (ngModelChange)=\"onPropertyToggle(prop, $event)\"\r\n                  class=\"shrink-0\"\r\n                  size=\"small\"\r\n                ></mt-toggle-field>\r\n              </div>\r\n            }\r\n\r\n            @if (filteredProperties().length === 0) {\r\n              <div class=\"py-8 text-center text-muted-color\">\r\n                <p class=\"text-sm\">{{ t(\"no-properties\") }}</p>\r\n              </div>\r\n            }\r\n          }\r\n        </div>\r\n      </ng-template>\r\n    </mt-card>\r\n\r\n    <!-- ─── Main Area: Preview ─── -->\r\n    <div\r\n      class=\"w-3/5 flex flex-col gap-4 h-full overflow-hidden items-center max-[1025px]:h-auto max-[1025px]:min-h-0 max-[1025px]:min-w-0 max-[1025px]:w-full max-[1025px]:flex-1 max-[1025px]:items-stretch max-[1025px]:overflow-visible max-[1025px]:pb-4\"\r\n    >\r\n      <!-- Area Tabs -->\r\n      @if (isLoadingAreas()) {\r\n        <div class=\"flex gap-2 py-1\">\r\n          @for (i of [1, 2, 3]; track i) {\r\n            <p-skeleton width=\"6rem\" height=\"2.25rem\" borderRadius=\"8px\" />\r\n          }\r\n        </div>\r\n      } @else if (areasTabs().length > 0) {\r\n        <div class=\"max-[1025px]:w-full\">\r\n          <div\r\n            class=\"max-[1025px]:w-full max-[1025px]:min-w-0 max-[1025px]:overflow-x-auto max-[1025px]:pb-1\"\r\n          >\r\n            <mt-tabs\r\n              class=\"max-[1025px]:min-w-max\"\r\n              [options]=\"areasTabs()\"\r\n              [(active)]=\"activeArea\"\r\n              optionLabel=\"label\"\r\n              optionValue=\"value\"\r\n            />\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!-- Entities Preview -->\r\n      <mt-card\r\n        class=\"w-130 flex-1 overflow-hidden max-[1025px]:w-full max-[1025px]:min-h-[24rem]\"\r\n      >\r\n        <div>\r\n          <ng-template #headless>\r\n            <div class=\"overflow-auto h-full my-2 py-3 px-4\">\r\n              @if (isLoadingPreview()) {\r\n                <div\r\n                  class=\"grid grid-cols-24 gap-x-4 gap-y-5 p-4 max-[640px]:grid-cols-1 max-[640px]:gap-4\"\r\n                >\r\n                  <div\r\n                    class=\"col-span-20 flex items-center gap-2.5 p-3 max-[640px]:col-span-1\"\r\n                  >\r\n                    <p-skeleton size=\"4rem\" shape=\"circle\" />\r\n                    <div class=\"flex flex-col gap-1 flex-1\">\r\n                      <p-skeleton height=\"2.5rem\" borderRadius=\"4px\" />\r\n                    </div>\r\n                  </div>\r\n                  @for (i of [1, 2, 3, 4]; track i) {\r\n                    <div\r\n                      class=\"col-span-8 flex flex-col gap-1.5 p-3 max-[640px]:col-span-1\"\r\n                    >\r\n                      <p-skeleton height=\"4rem\" borderRadius=\"6px\" />\r\n                    </div>\r\n                  }\r\n                </div>\r\n              } @else if (previewEntities().length > 0) {\r\n                <mt-entities-manage\r\n                  [(entities)]=\"previewEntities\"\r\n                  (entitiesReordered)=\"onEntitiesReordered($event)\"\r\n                  (entityResized)=\"onEntityResized($event)\"\r\n                  (entityClicked)=\"onEntityClicked($event)\"\r\n                />\r\n              } @else {\r\n                <div\r\n                  class=\"flex flex-col items-center justify-center h-full text-muted-color gap-3 text-center px-4\"\r\n                >\r\n                  <mt-icon\r\n                    name=\"general.eye-off\"\r\n                    size=\"xl\"\r\n                    class=\"opacity-40\"\r\n                  />\r\n                  <p class=\"text-sm font-medium\">{{ t(\"no-preview-items\") }}</p>\r\n                  <p class=\"text-xs\">{{ t(\"no-preview-items-hint\") }}</p>\r\n                </div>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        </div>\r\n      </mt-card>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA;AACO,MAAM,iBAAiB,GAAqB;IACjD,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,UAAU;CACX;AAED;AACO,MAAM,eAAe,GAAqB,CAAC,MAAM,CAAC;AAEzD;;;AAGG;AACI,MAAM,mBAAmB,GAAqB;IACnD,MAAM;IACN,UAAU;IACV,UAAU;IACV,MAAM;IACN,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,cAAc;IACd,YAAY;IACZ,MAAM;CACP;;MC9DY,gBAAgB,CAAA;AAGC,IAAA,MAAA;AAF5B,IAAA,OAAgB,IAAI,GAAG,gCAAgC;AAEvD,IAAA,WAAA,CAA4B,MAAgC,EAAA;QAAhC,IAAA,CAAA,MAAM,GAAN,MAAM;IAA6B;;MAGpD,qBAAqB,CAAA;AAChC,IAAA,OAAgB,IAAI,GAAG,2BAA2B;;MAGvC,8BAA8B,CAAA;AAGb,IAAA,QAAA;AAF5B,IAAA,OAAgB,IAAI,GAAG,oCAAoC;AAE3D,IAAA,WAAA,CAA4B,QAAmB,EAAA;QAAnB,IAAA,CAAA,QAAQ,GAAR,QAAQ;IAAc;;MAGvC,0BAA0B,CAAA;AAInB,IAAA,UAAA;AACA,IAAA,QAAA;AACA,IAAA,gBAAA;AACA,IAAA,cAAA;AACA,IAAA,UAAA;AAPlB,IAAA,OAAgB,IAAI,GAAG,iCAAiC;IAExD,WAAA,CACkB,UAAkB,EAClB,QAAyB,EACzB,gBAAyB,EACzB,cAAgC,EAChC,UAAmB,EAAA;QAJnB,IAAA,CAAA,UAAU,GAAV,UAAU;QACV,IAAA,CAAA,QAAQ,GAAR,QAAQ;QACR,IAAA,CAAA,gBAAgB,GAAhB,gBAAgB;QAChB,IAAA,CAAA,cAAc,GAAd,cAAc;QACd,IAAA,CAAA,UAAU,GAAV,UAAU;IACzB;;MAGQ,yBAAyB,CAAA;AAGR,IAAA,KAAA;AAF5B,IAAA,OAAgB,IAAI,GAAG,6CAA6C;AAEpE,IAAA,WAAA,CAA4B,KAAwB,EAAA;QAAxB,IAAA,CAAA,KAAK,GAAL,KAAK;IAAsB;;;ICP7C;AAAZ,CAAA,UAAY,sBAAsB,EAAA;AAChC,IAAA,sBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B;AAC/B,IAAA,sBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,sBAAA,CAAA,mBAAA,CAAA,GAAA,mBAAuC;AACvC,IAAA,sBAAA,CAAA,2BAAA,CAAA,GAAA,2BAAuD;AACzD,CAAC,EALW,sBAAsB,KAAtB,sBAAsB,GAAA,EAAA,CAAA,CAAA;;;;;;;;ACFlC,MAAM,aAAa,GAA4B;AAC7C,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,aAAa,EAAE,EAAE;AACjB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,UAAU,EAAE,EAAE;CACf;AAOM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAIvC,CAAA;AACkB,IAAA,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC;IACzB,OAAO,GAAG,YAAY;IACtB,gBAAgB,GAAG,wBAAwB;;;;AAOrD,IAAP,OAAO,aAAa,CAClB,KAA8B,EAAA;QAE9B,OAAO,KAAK,CAAC,UAAU;IACzB;AAGO,IAAP,OAAO,QAAQ,CAAC,KAA8B,EAAA;QAC5C,OAAO,KAAK,CAAC,KAAK;IACpB;AAGO,IAAP,OAAO,iBAAiB,CACtB,KAA8B,EAAA;QAE9B,OAAO,KAAK,CAAC,cAAc;IAC7B;AAGO,IAAP,OAAO,WAAW,CAAC,KAA8B,EAAA;QAC/C,OAAO,KAAK,CAAC,QAAQ;IACvB;AAGO,IAAP,OAAO,aAAa,CAAC,KAA8B,EAAA;QACjD,OAAO,KAAK,CAAC,UAAU;IACzB;;;;AAOO,IAAP,OAAO,gBAAgB,CAAC,KAA8B,EAAA;QACpD,OAAO,KAAK,CAAC,aAAa;IAC5B;AAGO,IAAP,OAAO,SAAS,CACd,KAA8B,EAAA;QAE9B,OAAO,KAAK,CAAC,MAAM;IACrB;;;;AAOA,IAAA,QAAQ,CAAC,GAA0C,EAAA;AACjD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CACxB,CAAA,EAAG,IAAI,CAAC,gBAAgB,CAAA,MAAA,CAAQ,CACjC;AAED,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,sBAAsB,CAAC,QAAQ;AACpC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,QAAQ,MAAM;AACxB,gBAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;aAC3B,CAAC;AACH,SAAA,CAAC;IACJ;IAGA,aAAa,CACX,GAA0C,EAC1C,MAAwB,EAAA;AAExB,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,MAAM,GAAG;YACb,GAAG,MAAM,CAAC,MAAM;YAChB,UAAU;SACX;AAED,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CACxB,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,QAAA,CAAU,EACzB,EAAE,MAAM,EAAE,CACX;AAED,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,sBAAsB,CAAC,aAAa;AACzC,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,QAAQ,MAAM;AACxB,gBAAA,UAAU,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE,GAAG,CAC/C,iCAAiC,CAClC;aACF,CAAC;AACH,SAAA,CAAC;IACJ;IAGA,iBAAiB,CACf,GAA0C,EAC1C,MAAsC,EAAA;AAEtC,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,MAAM,GAAsC,EAAE,UAAU,EAAE;AAChE,QAAA,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE;AAC3B,YAAA,MAAM,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,QAAQ;QACtC;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CACxB,IAAI,CAAC,gBAAgB,EACrB,EAAE,MAAM,EAAE,CACX;AAED,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,sBAAsB,CAAC,iBAAiB;AAC7C,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,SAAS,EAAE,CAAC,QAAQ,MAAM;AACxB,gBAAA,cAAc,EAAE,QAAQ,CAAC,IAAI,IAAI,EAAE;aACpC,CAAC;AACH,SAAA,CAAC;IACJ;IAGA,aAAa,CACX,GAA0C,EAC1C,MAAkC,EAAA;QAElC,IAAI,UAAU,GAAG,EAAE;QACnB,IAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc,EAAE;YACpD,UAAU,GAAG,CAAA,CAAA,EAAI,MAAM,CAAC,gBAAgB,IAAI,MAAM,CAAC,cAAc,CAAA,CAAE;QACrE;AAAO,aAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AAC5B,YAAA,UAAU,GAAG,MAAM,CAAC,UAAU;QAChC;QAEA,GAAG,CAAC,UAAU,CAAC;YACb,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ;AACzB,YAAA,gBAAgB,EAAE,MAAM,CAAC,gBAAgB,IAAI,IAAI;AACjD,YAAA,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI;YAC7C,UAAU,EAAE,UAAU,IAAI,EAAE;AAC7B,SAAA,CAAC;IACJ;IAGA,yBAAyB,CACvB,GAA0C,EAC1C,MAAiC,EAAA;AAEjC,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CACxB,CAAA,EAAG,IAAI,CAAC,gBAAgB,eAAe,EACvC;YACE,UAAU;YACV,KAAK,EAAE,MAAM,CAAC,KAAK;AACpB,SAAA,CACF;AAED,QAAA,OAAO,gBAAgB,CAAC;YACtB,GAAG;YACH,GAAG,EAAE,sBAAsB,CAAC,yBAAyB;AACrD,YAAA,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,MAAK;;gBAEd,MAAM,UAAU,GAA2B,EAAE;AAC7C,gBAAA,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;AAC/B,oBAAA,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE;wBAClC,UAAU,CAAC,IAAI,CAAC;4BACd,UAAU;4BACV,OAAO,EAAE,EAAE,CAAC,OAAO;4BACnB,WAAW,EAAE,IAAI,CAAC,WAAW;4BAC7B,KAAK,EAAE,EAAE,CAAC,KAAK;4BACf,aAAa,EAAE,EAAE,CAAC,aAAa;AAChC,yBAAA,CAAC;oBACJ;gBACF;AACA,gBAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE;YACvC,CAAC;AACF,SAAA,CAAC;IACJ;;;;AAMQ,IAAA,eAAe,CAAC,KAA8B,EAAA;QACpD,MAAM,YAAY,GAAa,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,cAAc,EAAE;AAClD,YAAA,YAAY,CAAC,IAAI,CAAC,CAAA,EAAG,KAAK,CAAC,gBAAgB,CAAA,CAAA,EAAI,KAAK,CAAC,cAAc,CAAA,CAAE,CAAC;QACxE;QACA,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,EAAE;AACtC,YAAA,YAAY,CAAC,IAAI,CAAC,CAAA,EAAG,KAAK,CAAC,UAAU,CAAA,CAAA,EAAI,KAAK,CAAC,QAAQ,CAAA,CAAE,CAAC;QAC5D;AACA,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;IAC/B;uGAjNW,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;2GAAlB,kBAAkB,EAAA,CAAA;;AA+D7B,UAAA,CAAA;IADC,MAAM,CAAC,qBAAqB;AAc5B,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,gBAAgB;AA4BvB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,8BAA8B;AA0BrC,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,0BAA0B;AAmBjC,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGD,UAAA,CAAA;IADC,MAAM,CAAC,yBAAyB;AAqChC,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,2BAAA,EAAA,IAAA,CAAA;AApLM,UAAA,CAAA;AADN,IAAA,QAAQ;AAKR,CAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAKR,CAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,CAAA;AAOM,UAAA,CAAA;AADN,IAAA,QAAQ;AAGR,CAAA,EAAA,kBAAA,EAAA,kBAAA,EAAA,IAAA,CAAA;AAGM,UAAA,CAAA;AADN,IAAA,QAAQ;AAKR,CAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,IAAA,CAAA;AAxDU,kBAAkB,GAAA,UAAA,CAAA;AAL9B,IAAA,KAAK,CAA0B;AAC9B,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,QAAQ,EAAE,aAAa;KACxB;AAEY,CAAA,EAAA,kBAAkB,CAkN9B;2FAlNY,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B;;AAqND,SAAS,iCAAiC,CACxC,QAA4B,EAAA;IAE5B,OAAO;QACL,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,aAAa,EAAE,QAAQ,CAAC,QAAQ;AAChC,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAE;QACjC,KAAK,EAAE,QAAQ,CAAC,KAAK;QACrB,UAAU,EAAE,QAAQ,CAAC,UAAU;QAC/B,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,YAAY,EAAE,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;AACnE,QAAA,aAAa,EAAE,QAAQ,CAAC,aAAa,IAAI,SAAS;KACnD;AACH;;MC5Pa,mBAAmB,CAAA;AACb,IAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;;;;AAK7B,IAAA,UAAU,GAAG,MAAM,CAAC,kBAAkB,CAAC,aAAa,CAAC;AACrD,IAAA,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC;AAC3C,IAAA,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,iBAAiB,CAAC;AAC7D,IAAA,QAAQ,GAAG,MAAM,CAAC,kBAAkB,CAAC,WAAW,CAAC;AACjD,IAAA,UAAU,GAAG,MAAM,CAAC,kBAAkB,CAAC,aAAa,CAAC;;;;AAK7C,IAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,gBAAgB,CAAC;AAC3D,IAAA,MAAM,GAAG,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC;;;;AAKrD,IAAA,mBAAmB,GAAG,QAAQ,CAAC,MACtC,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,0FACpE;AAEQ,IAAA,cAAc,GAAG,QAAQ,CAAC,MACjC,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,qFAC/D;AAEQ,IAAA,uBAAuB,GAAG,QAAQ,CAAC,MAC1C,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,8FACxE;AAEQ,IAAA,eAAe,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ,CAC3B,sBAAsB,CAAC,yBAAyB,CACjD,sFACF;;;;AAKQ,IAAA,eAAe,GAAG,QAAQ,CACjC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,IAAI,sFAClE;AAEQ,IAAA,UAAU,GAAG,QAAQ,CAC5B,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,IAAI,IAAI,iFAC7D;AAEQ,IAAA,mBAAmB,GAAG,QAAQ,CACrC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,IAAI,IAAI,0FACtE;AAEQ,IAAA,gBAAgB,GAAG,QAAQ,CAClC,MACE,IAAI,CAAC,MAAM,EAAE,CAAC,sBAAsB,CAAC,yBAAyB,CAAC,IAAI,IAAI,uFAC1E;;;;IAMD,SAAS,GAAA;QACP,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,qBAAqB,EAAE,CAAC;IACzD;AAEA,IAAA,cAAc,CAAC,MAAgC,EAAA;AAC7C,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC1D;AAEA,IAAA,kBAAkB,CAAC,QAAmB,EAAA;AACpC,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,8BAA8B,CAAC,QAAQ,CAAC,CAAC;IAC1E;AAEA,IAAA,yBAAyB,CAAC,KAAwB,EAAA;AAChD,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAClE;IAEA,aAAa,CACX,UAAkB,EAClB,QAAyB,EACzB,gBAAyB,EACzB,cAAgC,EAChC,UAAmB,EAAA;QAEnB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CACxB,IAAI,0BAA0B,CAC5B,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,UAAU,CACX,CACF;IACH;uGA/FW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA;;2FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MCaY,oBAAoB,CAAA;AACZ,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACrC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACtB,IAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACpC,IAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;;AAG9B,IAAA,WAAW,GAAG,KAAK,CAAS,EAAE,kFAAC;AAC/B,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,mFAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAiB,MAAM,+EAAC;AACxC,IAAA,OAAO,GAAG,KAAK,CAAS,MAAM,8EAAC;AAC/B,IAAA,YAAY,GAAG,KAAK,CAAS,CAAC,mFAAC;IAC/B,aAAa,GAAG,KAAK,CAAqB;AACjD,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,SAAS,EAAE,KAAK;AACjB,KAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;;AAGO,IAAA,UAAU,GAAG,MAAM,CAAC,KAAK,iFAAC;AAC1B,IAAA,eAAe,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AACxC,IAAA,iBAAiB,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AAC1C,IAAA,iBAAiB,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AAC1C,IAAA,eAAe,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AACxC,IAAA,sBAAsB,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AAC/C,IAAA,sBAAsB,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;AAC/C,IAAA,gBAAgB,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC;;AAGzC,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MACnC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,uFAC5C;AACQ,IAAA,cAAc,GAAG,QAAQ,CAAC,MACjC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,qFAC1C;;AAGgB,IAAA,KAAK,GAAG,MAAM,CAC7B,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,4EACvD;;AAGQ,IAAA,YAAY,GAAG,QAAQ,CAAC,MAC/B,IAAI,CAAC,KAAK,EAAE,GAAG,sBAAsB,GAAG,uBAAuB,mFAChE;AAED,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC;YACzD,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,MAAM,CAAC,aAAa,KAAK,KAAK,CAAC;YACjE,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,KAAK,CAAC;YAC7D,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC;YACzD,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,IAAI,IAAI,CAAC;YACtE,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,IAAI,KAAK,CAAC;YACvE,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,IAAI,KAAK,CAAC;AAC7D,QAAA,CAAC,CAAC;IACJ;IAEA,MAAM,GAAA;;AAEJ,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC;AACzB,aAAA,cAAc;aACd,IAAI,CACH,CAAC,CAAC,KACA,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CACvE;QACH,MAAM,YAAY,GAAG,cAAc,EAAE,aAAa,GAAG,MAAM,CAAC;QAE5D,MAAM,aAAa,GAA4B,EAAE;;AAGjD,QAAA,IAAI,YAAY,IAAI,IAAI,EAAE;AACxB,YAAA,aAAa,CAAC,MAAM,CAAC,GAAG,YAAY;QACtC;;;QAIA,aAAa,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,KAAK;QAC/D,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,KAAK;QAChE,aAAa,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC;AACtD,cAAE;cACA,QAAQ;QACZ,aAAa,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,KAAK;AAE/D,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;YAC3B,aAAa,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,IAAI,KAAK;QACrE;AACA,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;YACzB,aAAa,CAAC,iBAAiB,CAAC;AAC9B,gBAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,IAAI,KAAK;YAC5C,aAAa,CAAC,iBAAiB,CAAC;AAC9B,gBAAA,IAAI,CAAC,sBAAsB,CAAC,KAAK,IAAI,KAAK;YAC5C,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,KAAK;QACnE;AAEA,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;YAC1B,aAAa;SACd;;QAGD,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;AAC5C,QAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA2C;AAEnE,QAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;;AAEvB,YAAA,IACE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,EAAE;gBACpC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,EAC5B;gBACA;YACF;YACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;gBAChC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YACjC;YACA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAE,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,CAAC,CAAC,OAAO;gBAClB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,aAAa,EAAE,CAAC,CAAC,aAAa;AAC/B,aAAA,CAAC;QACJ;;QAGA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE;YACrC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC;QACtC;AACA,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAE,CAAC,IAAI,CAAC,cAAc,CAAC;AAEtD,QAAA,MAAM,KAAK,GAAsB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CACjE,CAAC,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CACjE;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;YACrD,IAAI,EAAE,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;YAChC,KAAK,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,SAAA,CAAC;IACJ;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;IACtB;uGApJW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BjC,ogFA6EA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnDY,kBAAkB,+LAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAG3D,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,2BAA2B,EAAA,UAAA,EACzB,IAAI,EAAA,OAAA,EACP,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAA,QAAA,EAAA,ogFAAA,EAAA;;;ME8B5D,aAAa,CAAA;AACL,IAAA,MAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACtC,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;;AAGjC,IAAA,iBAAiB,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC;AAE1D,IAAA,WAAW,GAAG,MAAM,CAAC,EAAE,kFAAC;AACxB,IAAA,UAAU,GAAG,MAAM,CAAgB,IAAI,iFAAC;;AAGxC,IAAA,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU;AACnC,IAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK;AACzB,IAAA,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB;AAC3C,IAAA,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc;IAC3C,gBAAgB,GAAG,QAAQ,CAClC,MACE,IAAI,CAAC,MAAM,CAAC,uBAAuB,EAAE;AACrC,QAAA,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,uFACpC;AAEQ,IAAA,SAAS,GAAG,QAAQ,CAAC,MAC5B,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,gFACpE;AAED;;;AAGG;AACc,IAAA,mBAAmB,GAAG,QAAQ,CAAC,MAAK;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;AAC5C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;AACrD,QAAA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AAC/D,IAAA,CAAC,0FAAC;;AAGO,IAAA,qBAAqB,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC1C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAE9B,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAE9D,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AACvB,YAAA,GAAG,CAAC;YACJ,OAAO,EAAE,OAAO,CAAC,IAAI,CACnB,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,CAAC,CAAC,GAAG,CACrD;AACF,SAAA,CAAC,CAAC;AACL,IAAA,CAAC,4FAAC;AAEO,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AAC1C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE;AACrD,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAEzC,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI;AAEvB,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AAC1B,YAAA,MAAM,IAAI,GACR,OAAO,IAAI,CAAC,IAAI,KAAK;kBACjB,IAAI,CAAC;AACP,kBAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACxC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3C,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,yFAAC;;AAGF,IAAA,eAAe,GAAG,MAAM,CAAe,EAAE,sFAAC;AAE1C,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AAC1C,gBAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YACnC;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC1C,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;YAE9B,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AAC1B,gBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5B;YACF;AAEA,YAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;YAC7D,MAAM,QAAQ,GAAG;AACd,iBAAA,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,KAAK,CAAC;iBACzD,MAAM,CAAC,CAAC,CAAC,KAAsB,CAAC,KAAK,IAAI;iBACzC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;AAElD,YAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC;AACpC,QAAA,CAAC,CAAC;IACJ;IAEA,QAAQ,GAAA;;AAEN,QAAA,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE;AAEvB,QAAA,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE;AAC5B,QAAA,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE;IAClC;IAEA,gBAAgB,CACd,IAAsD,EACtD,OAAgB,EAAA;QAEhB,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,gBAAgB,CACnB,IAAI,EACJ,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,QAA0B,CAAC,CAC5D;YACD;QACF;;AAGA,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC;IAChC;AAEA,IAAA,cAAc,CAAC,IAA+B,EAAA;AAC5C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;QAC1C,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CACjC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,GAAG,CACxD;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YACpB,YAAY,EAAE,cAAc,EAAE,KAAK;YACnC,aAAa,EAAE,cAAc,EAAE,aAAa;AAC7C,SAAA,CAAC;IACJ;AAEA,IAAA,eAAe,CAAC,MAAkB,EAAA;AAChC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG;YAAE;QAE1B,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,QAA0B,CAAC;YAAE;QAEpE,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC;AAChE,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;QAC1C,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CACjC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,GAAG,CAC1D;AAED,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YACpB,YAAY,EAAE,cAAc,EAAE,KAAK;YACnC,aAAa,EAAE,cAAc,EAAE,aAAa;AAC7C,SAAA,CAAC;IACJ;AAEA,IAAA,eAAe,CAAC,KAAwB,EAAA;AACtC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;;QAG1C,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KACnC,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,KAAK,CAAC,MAAM,CAAC;AACnD,cAAE,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,GAAG,CAAC,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,EAAE;cAClE,CAAC,CACN;;QAGD,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,cAAc,CAAC;QACzD,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE;IAC1D;AAEA,IAAA,mBAAmB,CAAC,QAAsB,EAAA;AACxC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;QAC1C,MAAM,KAAK,GAAsB,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;YAC9D,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CACjC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,CAAC,GAAG,CAC1D;YACD,OAAO;gBACL,WAAW,EAAE,MAAM,CAAC,GAAI;AACxB,gBAAA,YAAY,EAAE;AACZ,oBAAA;AACE,wBAAA,OAAO,EAAE,IAAI;wBACb,KAAK,EAAE,KAAK,GAAG,CAAC;AAChB,wBAAA,aAAa,EAAE,cAAc,EAAE,aAAa,IAAI,EAAE;AACnD,qBAAA;AACF,iBAAA;aACF;AACH,QAAA,CAAC,CAAC;;AAGF,QAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;QAClE,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,CAAC,gBAAgB,CAAC;;QAGpE,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC;QAE1D,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,WAAW,CAAC,CAAC,SAAS,EAAE;IAChE;;AAIA;;;AAGG;AACK,IAAA,gBAAgB,CACtB,IAA+B,EAC/B,mBAAmB,GAAG,KAAK,EAAA;AAE3B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;QAC1C,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CACjC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,GAAG,CACxD;QAED,IAAI,cAAc,EAAE;YAClB,IAAI,mBAAmB,EAAE;AACvB,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;oBACpB,YAAY,EAAE,cAAc,CAAC,KAAK;oBAClC,aAAa,EAAE,cAAc,CAAC,aAAa;AAC5C,iBAAA,CAAC;YACJ;YACA;QACF;AAEA,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;AAC7D,QAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;QACxC,MAAM,aAAa,GAA4B,EAAE;AAEjD,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,KAAK,EAAE,SAAS;YAChB,aAAa;SACd;;AAGD,QAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAA2C;AAEnE,QAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;gBAChC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YACjC;YACA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAE,CAAC,IAAI,CAAC;gBAChC,OAAO,EAAE,CAAC,CAAC,OAAO;gBAClB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,aAAa,EAAE,CAAC,CAAC,aAAa;AAC/B,aAAA,CAAC;QACJ;;QAGA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC3B,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;QAC5B;AACA,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAE,CAAC,IAAI,CAAC,cAAc,CAAC;AAE5C,QAAA,MAAM,KAAK,GAAsB,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CACjE,CAAC,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CACjE;QAED,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;YACrD,IAAI,EAAE,MAAK;gBACT,IAAI,CAAC,mBAAmB,EAAE;oBACxB;gBACF;AAEA,gBAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACpB,oBAAA,YAAY,EAAE,SAAS;oBACvB,aAAa;AACd,iBAAA,CAAC;YACJ,CAAC;AACF,SAAA,CAAC;IACJ;AAEA;;;AAGG;AACK,IAAA,eAAe,CAAC,kBAA0B,EAAA;AAChD,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC1C,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAC9B,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,kBAAkB,CAC5C;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC;QACpD,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE;IAC1D;AAEA;;AAEG;AACK,IAAA,sBAAsB,CAC5B,OAA+B,EAAA;AAE/B,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAA2C;AAE9D,QAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;YACvB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;gBAC3B,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC;YAC5B;YACA,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,CAAE,CAAC,IAAI,CAAC;gBAC3B,OAAO,EAAE,CAAC,CAAC,OAAO;gBAClB,KAAK,EAAE,CAAC,CAAC,KAAK;gBACd,aAAa,EAAE,CAAC,CAAC,aAAa;AAC/B,aAAA,CAAC;QACJ;QAEA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM;YACrE,WAAW;YACX,YAAY;AACb,SAAA,CAAC,CAAC;IACL;AAEA;;;AAGG;IACK,UAAU,CAChB,OAA0B,EAC1B,SAA4B,EAAA;AAE5B,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAA2C;AAE9D,QAAA,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;AAC1B,YAAA,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QACnD;AAEA,QAAA,KAAK,MAAM,IAAI,IAAI,SAAS,EAAE;YAC5B,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;YAC1C,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;YACrC;iBAAO;AACL,gBAAA,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;YACnD;QACF;QAEA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,YAAY,CAAC,MAAM;YACrE,WAAW;YACX,YAAY;AACb,SAAA,CAAC,CAAC;IACL;IAEQ,UAAU,CAChB,IAA+B,EAC/B,cAGC,EAAA;AAED,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9B,QAAA,IAAI,CAAC,IAAI;YAAE;AAEX,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE;AAC1C,QAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC;QAC7D,MAAM,SAAS,GAAG,cAAc,EAAE,YAAY,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;QAExE,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;QACrD,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC;QAE3E,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,oBAAoB,EAAE,QAAQ,EAAE;AAC1D,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,UAAU,EACR,gFAAgF;AAClF,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,eAAe;AACzB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,WAAW,EAAE;gBACX,WAAW,EAAE,IAAI,CAAC,GAAG;AACrB,gBAAA,YAAY,EAAE,WAAW;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,YAAY,EAAE,SAAS;AACvB,gBAAA,aAAa,EAAE,UAAU;AAC1B,aAAA;AACF,SAAA,CAAC;IACJ;AAEQ,IAAA,oBAAoB,CAC1B,aAAuC,EAAA;AAEvC,QAAA,MAAM,aAAa,GAChB,aAAa,GAAG,eAAe,CAAqC;YACpE,aAAa,GAAG,cAAc,CAAqC;AACpE,YAAA,QAAQ;QAEV,OAAO;AACL,YAAA,QAAQ,EACL,aAAa,GAAG,WAAW,CAAyB;gBACpD,aAAa,GAAG,UAAU,CAAyB;gBACpD,KAAK;YACP,aAAa;AACb,YAAA,UAAU,EAAG,aAAa,GAAG,YAAY,CAAa,IAAI,KAAK;AAC/D,YAAA,QAAQ,EAAG,aAAa,GAAG,UAAU,CAAa,IAAI,KAAK;AAC3D,YAAA,eAAe,EAAG,aAAa,GAAG,iBAAiB,CAAa,IAAI,IAAI;AACxE,YAAA,eAAe,EAAG,aAAa,GAAG,iBAAiB,CAAa,IAAI,KAAK;AACzE,YAAA,SAAS,EAAG,aAAa,GAAG,WAAW,CAAa,IAAI,KAAK;SAC9D;IACH;IAEQ,qBAAqB,CAC3B,MAA4B,EAC5B,KAAkC,EAAA;AAElC,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,WAAW,CAAC;AAC5D,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;QAEtB,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC;AACrD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAA0B;AAEhD,QAAA,MAAM,MAAM,GAAe;YACzB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,UAAU,EAAE,IAAI,CAAC,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,GAAG;AACb,YAAA,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC;YACtD,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC5D,QAAQ;YACR,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,aAAa,EAAE,MAAM,CAAC,aAA4C;SACnE;AAED,QAAA,OAAO,MAAM;IACf;AAEQ,IAAA,sBAAsB,CAAC,IAA+B,EAAA;AAC5D,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,IAAI;QACnD,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC9C,YAAA,QACG,IAAI,CAAC,IAA+B,CAAC,SAAS,CAAC;gBAChD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC3B,IAAI,CAAC,GAAG;QAEZ;QACA,OAAO,IAAI,CAAC,GAAG;IACjB;IAEQ,mBAAmB,CACzB,QAAwB,EACxB,IAAY,EAAA;QAEZ,QAAQ,QAAQ;AACd,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,aAAa;AACtB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,iCAAiC;AAC1C,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,kBAAkB;AAC3B,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,KAAK;AACd,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE;AACpE,YAAA,KAAK,QAAQ;gBACX,OAAO;AACL,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,WAAW,EAAE,EAAE;iBAChB;AACH,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,MAAM;gBACT,OAAO;AACL,oBAAA,WAAW,EAAE,IAAI;AACjB,oBAAA,QAAQ,EAAE,EAAE;AACZ,oBAAA,WAAW,EAAE,aAAa;AAC1B,oBAAA,KAAK,EAAE,kBAAkB;iBAC1B;AACH,YAAA;AACE,gBAAA,OAAO,IAAI;;IAEjB;IAEQ,sBAAsB,CAC5B,QAAwB,EACxB,IAAY,EAAA;QAEZ,QAAQ,QAAQ;AACd,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,IAAI;AAEb,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,MAAM;AACf,YAAA;AACE,gBAAA,OAAO,IAAI;;IAEjB;uGAlfW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxD1B,okNA4JA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlHI,WAAW,+VACX,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,SAAS,yLACT,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,aAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACN,IAAI,qLACJ,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,cAAc,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,mBAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAKK,aAAa,EAAA,UAAA,EAAA,CAAA;kBAlBzB,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP;wBACP,WAAW;wBACX,kBAAkB;wBAClB,IAAI;wBACJ,SAAS;wBACT,WAAW;wBACX,MAAM;wBACN,IAAI;wBACJ,QAAQ;wBACR,cAAc;wBACd,IAAI;AACL,qBAAA,EAAA,QAAA,EAAA,okNAAA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA;;;AEpDH;;AAEG;;;;"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@masterteam/customization",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "publishConfig": {
     "directory": "../../../dist/masterteam/customization",
     "linkDirectory": false,
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.3",
-    "@angular/core": "^21.0.3",
-    "@angular/forms": "^21.0.3",
-    "@angular/cdk": "^21.0.2",
+    "@angular/common": "^21.2.8",
+    "@angular/core": "^21.2.8",
+    "@angular/forms": "^21.2.8",
+    "@angular/cdk": "^21.2.6",
     "@ngxs/store": "^20.1.0",
-    "@masterteam/icons": "^0.0.14",
-    "@masterteam/components": "^0.0.126"
+    "@masterteam/components": "^0.0.140",
+    "@masterteam/icons": "^0.0.14"
   },
   "exports": {
     "./assets/customization.css": {
@@ -31,6 +31,7 @@
   "module": "fesm2022/masterteam-customization.mjs",
   "typings": "types/masterteam-customization.d.ts",
   "sideEffects": false,
+  "type": "module",
   "dependencies": {
     "tslib": "^2.3.0"
   }

package/types/masterteam-customization.d.ts

@@ -190,6 +190,11 @@ declare class Customization implements OnInit {
         label: string;
         value: string;
     }[]>;
+    /**
+     * Configurations filtered to exclude properties that no longer exist in the catalog.
+     * Prevents sending orphaned property references on save.
+     */
+    private readonly validConfigurations;
     /** Properties enriched with `enabled` based on current area configurations */
     readonly propertiesWithEnabled: _angular_core.Signal<{
         enabled: boolean;
@@ -241,6 +246,7 @@ declare class Customization implements OnInit {
         enabled: boolean;
     }, enabled: boolean): void;
     onEditProperty(prop: ManagePreviewPropertyItem): void;
+    onEntityClicked(entity: EntityData): void;
     onEntityResized(event: EntityResizeEvent): void;
     onEntitiesReordered(entities: EntityData[]): void;
     /**