@rlucan/ui 14.2.5 → 14.2.6

package/ui.scss

@@ -39,11 +39,11 @@
   @return $result;
 }
 
-@mixin ui-dark($uiColors, $uiGeometry, /*$uiTypography, */$matTheme) {
+@mixin ui-dark($matTheme, $uiColors: (), $uiGeometry: ()) {
   @include ui(deep-map-merge(uiDefaultDarkColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
 }
 
-@mixin ui-light($uiColors, $uiGeometry, /*$uiTypography, */$matTheme) {
+@mixin ui-light($matTheme, $uiColors: (), $uiGeometry: ()) {
   @include ui(deep-map-merge(uiDefaultLightColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
 }
 
@@ -86,12 +86,12 @@
     }
   }
 
-  ui-date input, ui-input input, ui-text-area textarea, ui-select .mat-mdc-select-trigger, ui-file-uploader .files-container {
+  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 {
     background-color: uiGetColor($colors, "input.background-color");
     color: uiGetColor($colors, "input.color");
     border-color: uiGetColor($colors, "input.border-color") !important;
 
-    &:focus {
+    &:focus, &.focus {
       border-color: uiGetColor($colors, "input.focus.border-color") !important;
     }
 
@@ -124,7 +124,7 @@
     }
   }
 
-  ui-input, ui-date {
+  ui-input, ui-date, ui-input-autocomplete {
     .control-container {
       .xxxclear-icon {
         color: uiGetColor($colors, "input.clear-icon.color");
@@ -715,7 +715,7 @@
   /********************************* geometry ****************************/
   $control-radius: map-get($geometry, control-radius);
 
-  ui-input input, ui-date input, ui-text-area textarea, ui-file-uploader .files-container, ui-select .mat-select-trigger, ui-select .mat-mdc-select-trigger, ui-button button {
+  ui-input input, ui-input-autocomplete input, ui-date input, ui-text-area textarea, ui-file-uploader .files-container, ui-select .mat-select-trigger, ui-select .mat-mdc-select-trigger, ui-button button, ui-editor .editor-wrapper {
     border-width: map-get($geometry, input-border-width);
     padding: map-get($geometry, control-padding);
   }
@@ -746,8 +746,8 @@
     }
   }
 
-  ui-input, ui-date, ui-text-area/*, ui-file-uploader*/ {
-    input, textarea/*, .file-container*/ {
+  ui-input, ui-input-autocomplete, ui-date, ui-text-area, ui-editor/*, ui-file-uploader*/ {
+    input, textarea, .editor-wrapper /*, .file-container*/ {
       border-radius: $control-radius;
     }
   }
@@ -780,7 +780,7 @@
 }
 
 
-ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radio-group, ui-checkbox, ui-currency, .mat-mdc-radio-button, .mat-mdc-checkbox {
+ui-button, ui-action-button, ui-input, ui-input-autocomplete, ui-date, ui-text-area, ui-select, ui-radio-group, ui-checkbox, ui-currency, .mat-mdc-radio-button, .mat-mdc-checkbox {
   &.large {
     font-size: 1.5em;
     .mat-mdc-select-arrow-wrapper {
@@ -832,11 +832,13 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
     margin: calc(-1 * 2.5em / 4) !important;
   }
   .mdc-checkbox__background {
-    height: calc(2.5em / 2);
-    width: calc(2.5em / 2);
+    top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 16px) / 2) !important;
+    left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 16px) / 2) !important;
+    height: calc(2.5em / 2 - 2px);
+    width: calc(2.5em / 2 - 2px);
     &::before {
-      left: calc(-2.5em / 4) !important;
-      top: calc(-2.5em / 4) !important;
+      left: calc(-2.5em / 4 - 1px) !important;
+      top: calc(-2.5em / 4 - 1px) !important;
     }
   }
   .mdc-checkbox__native-control {
@@ -895,6 +897,18 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
 
 
 /**************** angular material css overrides ****************************/
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.mat-typography {
+  font-size: unset;
+  line-height: unset;
+  letter-spacing: 0;
+}
+
 .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
   opacity: 0 !important;
 }
@@ -932,7 +946,9 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
   font-weight: 500;
 }
 
-
+.mat-mdc-select-panel.ui-currency {
+  min-width: 6em;
+}
 
 
 :root {
@@ -945,4 +961,15 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
   --mdc-typography-button-letter-spacing: 0;
   --mdc-typography-button-font-size: 1em;
   --mdc-typography-button-font-weight: 400;
+  --mat-select-trigger-text-line-height: 1.2em;
+  --mat-select-trigger-text-tracking: 0;
+  --mat-select-trigger-text-size: 1em;
+  --mat-option-label-text-line-height: 1.2em;
+  --mat-option-label-text-size: 1em;
+  --mat-option-label-text-tracking: 0;
+  --mdc-dialog-subhead-tracking: 0;
+}
+
+.mat-mdc-tab-header {
+  --mat-tab-header-label-text-tracking: 0;
 }

package/esm2020/lib/action-icon/action-icon.component.mjs

@@ -1,37 +0,0 @@
-import { Component, HostBinding, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-export class ActionIconComponent {
-    constructor() {
-        this.size = 'normal';
-        this.color = 'primary';
-        this.disabled = false;
-        this.busy = false;
-        this.matIcon = 'close';
-    }
-    get class() {
-        return `${this.size} ${this.color}${this.disabled ? ' disabled' : ''}${this.busy ? ' busy' : ''}`;
-    }
-    ngOnInit() {
-    }
-}
-ActionIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ActionIconComponent, selector: "ui-action-icon", inputs: { size: "size", color: "color", disabled: "disabled", busy: "busy", matIcon: "matIcon" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<mat-icon>{{matIcon}}</mat-icon>\r\n", styles: [":host{display:flex}:host:not(.disabled){cursor:pointer}:host mat-icon{width:1em;height:1em;transition:color .25s}:host.small mat-icon{font-size:1em}:host.smaller mat-icon{font-size:1.25em}:host.normal mat-icon{font-size:1.5em}:host.larger mat-icon{font-size:1.75em}:host.large mat-icon{font-size:2em}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-action-icon', template: "<mat-icon>{{matIcon}}</mat-icon>\r\n", styles: [":host{display:flex}:host:not(.disabled){cursor:pointer}:host mat-icon{width:1em;height:1em;transition:color .25s}:host.small mat-icon{font-size:1em}:host.smaller mat-icon{font-size:1.25em}:host.normal mat-icon{font-size:1.5em}:host.larger mat-icon{font-size:1.75em}:host.large mat-icon{font-size:2em}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], busy: [{
-                type: Input
-            }], matIcon: [{
-                type: Input
-            }], class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9hY3Rpb24taWNvbi9hY3Rpb24taWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1pY29uL2FjdGlvbi1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXRFLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjlCO1FBZlMsU0FBSSxHQUFnQixRQUFRLENBQUM7UUFFN0IsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFFaEMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRWIsWUFBTyxHQUFHLE9BQU8sQ0FBQztJQU9YLENBQUM7SUFMakIsSUFDSSxLQUFLO1FBQ1AsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQ25HLENBQUM7SUFJRCxRQUFRO0lBQ1IsQ0FBQzs7Z0hBcEJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHlNQ1JoQyxzQ0FDQTsyRkRPYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU1qQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFHRixLQUFLO3NCQURSLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbENvbG9yLCBDb250cm9sU2l6ZSB9IGZyb20gJy4uL3VpLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktYWN0aW9uLWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24taWNvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWljb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHNpemU6IENvbnRyb2xTaXplID0gJ25vcm1hbCc7XHJcblxyXG4gIEBJbnB1dCgpIGNvbG9yOiBDb250cm9sQ29sb3IgPSAncHJpbWFyeSc7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGJ1c3kgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbWF0SWNvbiA9ICdjbG9zZSc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCBjbGFzcygpIHtcclxuICAgIHJldHVybiBgJHt0aGlzLnNpemV9ICR7dGhpcy5jb2xvcn0ke3RoaXMuZGlzYWJsZWQgPyAnIGRpc2FibGVkJzogJyd9JHt0aGlzLmJ1c3kgPyAnIGJ1c3knIDogJyd9YDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPG1hdC1pY29uPnt7bWF0SWNvbn19PC9tYXQtaWNvbj5cclxuIl19