@eqproject/eqp-dynamic-module 2.11.2 → 2.11.4

package/fesm2020/eqproject-eqp-dynamic-module.mjs

@@ -4878,11 +4878,14 @@ var ListPresentationEnum;
     ListPresentationEnum[ListPresentationEnum["Pulsante con testo"] = 3] = "Pulsante con testo";
 })(ListPresentationEnum || (ListPresentationEnum = {}));
 
+// tmw-select non usa più Angular Material (ricostruita in tmw-suite): i selettori puntano
+// alle classi native del componente (.tmw-select-field/-label/-value/-clear), non più a
+// mat-form-field/.mdc-floating-label/.mat-mdc-form-field-infix/button[aria-label="Clear"].
 const ELEMENT_SELECTORS_COMBO = {
-    Container: ' tmw-select mat-form-field',
-    Label: ' tmw-select .mdc-floating-label',
-    CasellaTrigger: ' tmw-select .mat-mdc-form-field-infix',
-    BottoneCancella: ' tmw-select button[aria-label="Clear"]',
+    Container: ' tmw-select .tmw-select-field',
+    Label: ' tmw-select .tmw-select-label',
+    CasellaTrigger: ' tmw-select .tmw-select-value',
+    BottoneCancella: ' tmw-select .tmw-select-clear',
 };
 const ELEMENT_SELECTORS_RADIO = {
     Container: ' .list-value-radio-container',
@@ -5003,17 +5006,15 @@ class ListValueFieldTemplateComponent {
                     const needsImportant = FORCE_IMPORTANT_ELEMENTS.has(el) || (el === 'Bottone' && state === 'Selezionato');
                     const finalVal = needsImportant ? this.forceImportant(userVal) : userVal;
                     lines.push(`${selector} { ${finalVal} }`);
-                    // CasellaTrigger: inietta anche sul testo selezionato per proprietà di testo (color, font-*)
-                    if (el === 'CasellaTrigger') {
-                        const textSel = this.getSelector(uid, state, el, ' tmw-select .mat-mdc-select-value');
-                        if (textSel)
-                            lines.push(`${textSel} { ${finalVal} }`);
-                    }
-                    // BottoneCancella: inietta anche sull'icona interna per color/font (override di .mat-icon.mat-icon)
+                    // BottoneCancella: l'icona è un <svg> con fill legato a --tmw-select-clear-color (non currentColor),
+                    // quindi "color" non la raggiunge: si estrae il color dichiarato e si inietta come fill sull'svg.
                     if (el === 'BottoneCancella') {
-                        const iconSel = this.getSelector(uid, state, el, ' tmw-select button[aria-label="Clear"] mat-icon');
-                        if (iconSel)
-                            lines.push(`${iconSel} { ${finalVal} }`);
+                        const colorVal = this.extractCssPropValue(finalVal, 'color');
+                        if (colorVal) {
+                            const iconSel = this.getSelector(uid, state, el, ' tmw-select .tmw-select-clear svg');
+                            if (iconSel)
+                                lines.push(`${iconSel} { fill: ${colorVal} !important; }`);
+                        }
                     }
                     // Opzione (radio): il color va su mat-radio-button label per raggiungere il testo (Material sovrascrive il colore sul contenitore)
                     if (el === 'Opzione' && s === ' mat-radio-button') {