@rlucan/ui 19.0.1 → 19.0.3

package/lib/select/select.component.d.ts

@@ -16,12 +16,12 @@ export declare class SelectComponent extends UiSimpleComponent implements OnInit
     optionFormatter: ((arg: any) => string | undefined) | undefined;
     optionTemplateRef?: TemplateRef<any>;
     triggerTemplateRef?: TemplateRef<any>;
-    panelClass: any;
+    panelClass: string;
     allowEmptySelection: boolean;
     trackBy: any;
-    select: MatSelect;
+    select?: MatSelect;
     lastCount: number;
-    overoption: boolean;
+    overoption: any;
     constructor(ngControl: NgControl, translateService: IUiTranslateService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -30,7 +30,7 @@ export declare class SelectComponent extends UiSimpleComponent implements OnInit
     selectOption(o: any, select: MatSelect): void;
     selectAll(): void;
     clearAll(): void;
-    setDisabledState(isDisabled: boolean): void;
+    setDisabledState(): void;
     writeValue(obj: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ui-select", never, { "multiple": { "alias": "multiple"; "required": false; }; "triggerFormatter": { "alias": "triggerFormatter"; "required": false; }; "valueAttribute": { "alias": "valueAttribute"; "required": false; }; "resetText": { "alias": "resetText"; "required": false; }; "displayAttribute": { "alias": "displayAttribute"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; "optionTemplateRef": { "alias": "optionTemplateRef"; "required": false; }; "triggerTemplateRef": { "alias": "triggerTemplateRef"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "allowEmptySelection": { "alias": "allowEmptySelection"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; }, {}, never, never, false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rlucan/ui",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "description": "My UI Components",
   "author": "rlucan@gmail.com",
   "peerDependencies": {

package/scss/ui-defaults.scss

@@ -254,7 +254,8 @@
       ),
       disabled: (
         background-color: $baseBackgroundColor,
-        color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
+        color: rgba($baseTextColor, 0.65),
+        xxxx: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
       ),
       focus: (
         border-color: $primaryColor
@@ -274,7 +275,7 @@
         border-color: $warnColor
       ),
       placeholder: (
-        color: rgba($baseTextColor, 0.60)
+        color: rgba($baseTextColor, 0.50)
       ),
       clear-icon: (
         color: yellow,

package/ui.scss

@@ -1,7 +1,7 @@
 @use 'sass:math';
 @use '@angular/material' as mat;
 
-@import "scss/ui-defaults";
+@use "scss/ui-defaults" as uiDefaults;
 
 @function str-split($string, $separator) {
   $split-arr: ();
@@ -40,11 +40,11 @@
 }
 
 @mixin ui-dark($matTheme, $uiColors: (), $uiGeometry: ()) {
-  @include ui(deep-map-merge(uiDefaultDarkColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
+  @include ui(deep-map-merge(uiDefaults.uiDefaultDarkColors($matTheme), $uiColors), map-merge(uiDefaults.$uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
 }
 
 @mixin ui-light($matTheme, $uiColors: (), $uiGeometry: ()) {
-  @include ui(deep-map-merge(uiDefaultLightColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
+  @include ui(deep-map-merge(uiDefaults.uiDefaultLightColors($matTheme), $uiColors), map-merge(uiDefaults.$uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
 }
 
 @mixin ui($colors, $geometry/*, $typography*/) {
@@ -70,20 +70,28 @@
     }
   }
 
-  ui-select .mat-mdc-select-placeholder, ui-select .mat-mdc-select-arrow, ui-select .mat-mdc-select-value {
+  ui-select .mat-mdc-select-placeholder {
+    color: uiGetColor($colors, "input.placeholder.color");
+  }
+
+  ui-select .mat-mdc-select-arrow, ui-select .mat-mdc-select-value {
     color: uiGetColor($colors, "input.color");
     //&:disabled {
     //  color: uiGetColor($colors, "input.disabled.color");
     //}
-    &::placeholder {
-      color: uiGetColor($colors, "input.placeholder.color");
-    }
+    //&::placeholder {
+    //  color: uiGetColor($colors, "input.placeholder.color");
+    //}
   }
 
   ui-select .mat-mdc-select-disabled {
     .mat-mdc-select-value, .mat-mdc-select-arrow {
       color: uiGetColor($colors, "input.disabled.color");
     }
+    .mat-mdc-select-trigger {
+      background-color: uiGetColor($colors, "input.disabled.background-color") !important;
+      color: uiGetColor($colors, "input.disabled.color");
+    }
   }
 
   ui-date input, ui-input input, ui-input-autocomplete input, ui-text-area textarea, ui-select .mat-mdc-select-trigger, ui-file-uploader .files-container, ui-editor .editor-wrapper {