@ecodev/natural 47.3.2 → 48.0.1

package/lib/modules/select/select.module.d.ts

@@ -3,19 +3,20 @@ import * as i1 from "./select/select.component";
 import * as i2 from "./select-enum/select-enum.component";
 import * as i3 from "./select-hierarchic/select-hierarchic.component";
 import * as i4 from "@angular/common";
-import * as i5 from "@angular/material/legacy-autocomplete";
-import * as i6 from "@angular/material/legacy-button";
-import * as i7 from "@angular/material/legacy-form-field";
-import * as i8 from "@angular/material/legacy-input";
-import * as i9 from "@angular/material/legacy-progress-spinner";
-import * as i10 from "@angular/material/legacy-select";
-import * as i11 from "@angular/material/legacy-tooltip";
+import * as i5 from "@angular/material/autocomplete";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@angular/material/input";
+import * as i9 from "@angular/material/progress-spinner";
+import * as i10 from "@angular/material/select";
+import * as i11 from "@angular/material/tooltip";
 import * as i12 from "../common/common-module";
 import * as i13 from "../icon/icon.module";
 import * as i14 from "@angular/forms";
 import * as i15 from "@angular/router";
+import * as i16 from "@angular/material/icon";
 export declare class NaturalSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSelectModule, [typeof i1.NaturalSelectComponent, typeof i2.NaturalSelectEnumComponent, typeof i3.NaturalSelectHierarchicComponent], [typeof i4.CommonModule, typeof i5.MatLegacyAutocompleteModule, typeof i6.MatLegacyButtonModule, typeof i7.MatLegacyFormFieldModule, typeof i8.MatLegacyInputModule, typeof i9.MatLegacyProgressSpinnerModule, typeof i10.MatLegacySelectModule, typeof i11.MatLegacyTooltipModule, typeof i12.NaturalCommonModule, typeof i13.NaturalIconModule, typeof i14.ReactiveFormsModule, typeof i15.RouterModule], [typeof i1.NaturalSelectComponent, typeof i2.NaturalSelectEnumComponent, typeof i3.NaturalSelectHierarchicComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSelectModule, [typeof i1.NaturalSelectComponent, typeof i2.NaturalSelectEnumComponent, typeof i3.NaturalSelectHierarchicComponent], [typeof i4.CommonModule, typeof i5.MatAutocompleteModule, typeof i6.MatButtonModule, typeof i7.MatFormFieldModule, typeof i8.MatInputModule, typeof i9.MatProgressSpinnerModule, typeof i10.MatSelectModule, typeof i11.MatTooltipModule, typeof i12.NaturalCommonModule, typeof i13.NaturalIconModule, typeof i14.ReactiveFormsModule, typeof i15.RouterModule, typeof i16.MatIconModule], [typeof i1.NaturalSelectComponent, typeof i2.NaturalSelectEnumComponent, typeof i3.NaturalSelectHierarchicComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalSelectModule>;
 }

package/lib/modules/sidenav/sidenav.module.d.ts

@@ -5,9 +5,9 @@ import * as i3 from "./sidenav-content/sidenav-content.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/material/sidenav";
 import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/legacy-button";
+import * as i7 from "@angular/material/button";
 export declare class NaturalSidenavModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalSidenavModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSidenavModule, [typeof i1.NaturalSidenavComponent, typeof i2.NaturalSidenavContainerComponent, typeof i3.NaturalSidenavContentComponent], [typeof i4.CommonModule, typeof i5.MatSidenavModule, typeof i6.MatIconModule, typeof i7.MatLegacyButtonModule], [typeof i1.NaturalSidenavComponent, typeof i2.NaturalSidenavContainerComponent, typeof i3.NaturalSidenavContentComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalSidenavModule, [typeof i1.NaturalSidenavComponent, typeof i2.NaturalSidenavContainerComponent, typeof i3.NaturalSidenavContentComponent], [typeof i4.CommonModule, typeof i5.MatSidenavModule, typeof i6.MatIconModule, typeof i7.MatButtonModule], [typeof i1.NaturalSidenavComponent, typeof i2.NaturalSidenavContainerComponent, typeof i3.NaturalSidenavContentComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalSidenavModule>;
 }

package/lib/modules/table-button/table-button.module.d.ts

@@ -2,10 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./table-button.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
-import * as i4 from "@angular/material/legacy-button";
+import * as i4 from "@angular/material/button";
 import * as i5 from "../icon/icon.module";
+import * as i6 from "@angular/material/icon";
 export declare class NaturalTableButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalTableButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalTableButtonModule, [typeof i1.NaturalTableButtonComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatLegacyButtonModule, typeof i5.NaturalIconModule], [typeof i1.NaturalTableButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalTableButtonModule, [typeof i1.NaturalTableButtonComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.MatButtonModule, typeof i5.NaturalIconModule, typeof i6.MatIconModule], [typeof i1.NaturalTableButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalTableButtonModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "47.3.2",
+  "version": "48.0.1",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,

package/src/lib/_natural.theme.scss

@@ -1,3 +1,6 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+
 // Non themes
 @use 'styles/layout';
 @use 'styles/table';
@@ -5,15 +8,44 @@
 // Themes
 @use 'modules/alert/alert.theme';
 @use 'modules/sidenav/sidenav.theme';
-@use 'modules/icon/icon.theme';
 @use 'modules/search/search.theme';
 @use 'modules/file/component/file.theme';
 
 @mixin natural($theme) {
+    $primary: map.get($theme, primary);
+    $accent: map.get($theme, accent);
+    $warn: map.get($theme, warn);
+    $background: map.get($theme, background);
+    $foreground: map.get($theme, foreground);
+
     @include alert.natural-alert($theme);
     @include sidenav.natural-sidenav($theme);
-    @include icon.natural-icon($theme);
     @include search.natural-search($theme);
     @include table.natural-table($theme);
     @include file.natural-file($theme);
+
+    .mat-mdc-tab-labels,
+    .mdc-data-table__row:last-child .mdc-data-table__cell {
+        border-bottom: 1px solid mat.get-color-from-palette($foreground, divider);
+    }
+
+    // Since MDC dialogs, text color is too pale, so we restore a higher contrast for better readability
+    // See https://github.com/angular/components/issues/26797
+    .mat-mdc-dialog-container .mdc-dialog__content {
+        color: mat.get-color-from-palette(map.get($theme, foreground), base, 0.87);
+    }
 }
+
+$defaultConfig: mat.define-typography-config();
+
+// This is the default Material typography, but with button with normal letter-spacing instead of wider letter-spacing.
+$typography: mat.define-typography-config(
+    $button:
+        mat.define-typography-level(
+            $font-family: mat.font-family($defaultConfig, 'button'),
+            $font-weight: mat.font-weight($defaultConfig, 'button'),
+            $font-size: mat.font-size($defaultConfig, 'button'),
+            $line-height: mat.line-height($defaultConfig, 'button'),
+            $letter-spacing: normal,
+        ),
+);

package/src/lib/modules/alert/_alert.theme.scss

@@ -7,7 +7,7 @@
     $bg: map.get($theme, background);
     $fg: map.get($theme, foreground);
 
-    .snackbar-error {
+    .snackbar-error .mdc-snackbar__surface {
         background-color: mat.get-color-from-palette($warn) !important;
         color: mat.get-color-from-palette($warn, default-contrast) !important;
     }

package/src/lib/modules/panels/_panels.external.scss

@@ -7,7 +7,6 @@
             max-width: calc(100vw - 20px);
         }
 
-        .mat-dialog-container,
         .mat-dialog-container {
             border-radius: 0 !important;
             display: flex;
@@ -26,13 +25,13 @@
             padding: 3px;
 
             // Targets lists. Aligns vertically listing headers with details headers
-            & > div > div > div.mat-headline.no-margin {
+            & > div > div > div.mat-headline-5.no-margin {
                 padding-top: 40px;
             }
 
             // Targets all headers
             // Align header with content (padding 20px)
-            &.isFrontPanel > div > div > div.mat-headline.no-margin,
+            &.isFrontPanel > div > div > div.mat-headline-5.no-margin,
             &.isFrontPanel natural-detail-header > div {
                 padding-left: 20px;
                 padding-right: 20px;

package/src/lib/modules/search/input/_input.theme.scss

@@ -4,7 +4,7 @@
  */
 @mixin natural-input($theme) {
     natural-input {
-        .mat-form-field-infix {
+        .mat-mdc-form-field-infix {
             margin-left: 10px;
             margin-right: 10px;
             width: auto;
@@ -16,7 +16,7 @@
             align-items: flex-start; // Fix firefox misalignment with baseline and mat-icon-button that seems not accepted by @a/material
         }
 
-        .mat-form-field {
+        .mat-mdc-form-field {
             margin-bottom: -1.25em;
         }
     }

package/src/lib/styles/_table.scss

@@ -19,9 +19,9 @@
             justify-content: center;
         }
 
-        .mat-cell,
-        .mat-header-cell,
-        .mat-footer-cell {
+        .mat-mdc-cell,
+        .mat-mdc-header-cell,
+        .mat-mdc-footer-cell {
             &:first-child {
                 padding-right: 5px;
             }
@@ -62,7 +62,7 @@
             background: mat.get-color-from-palette($background, app-bar);
         }
 
-        .mat-footer-cell {
+        .mat-mdc-footer-cell {
             font-weight: bold;
         }
 

package/theming/_natural.theme.scss

@@ -7,4 +7,4 @@ So Natural styles can be imported into an application like so:
 ```
  */
 
-@forward '../src/lib/natural.theme' show natural;
+@forward '../src/lib/natural.theme' show natural, $typography;

package/esm2020/lib/modules/icon/icon.component.mjs

@@ -1,95 +0,0 @@
-import { Component, HostBinding, Inject, InjectionToken, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/icon";
-import * as i2 from "@angular/platform-browser";
-import * as i3 from "@angular/common";
-export const IconsConfigService = new InjectionToken('NaturalIconsConfig');
-const naturalRegistered = Symbol('Natural icon registered');
-export class NaturalIconComponent {
-    constructor(matIconRegistry, domSanitizer, config) {
-        this.matIconRegistry = matIconRegistry;
-        this.domSanitizer = domSanitizer;
-        this.config = config;
-        this.fgColor = 'inherit';
-        this.isMaterialIcon = true;
-        this.isIcon = true;
-        this.width = 24;
-        this.height = 24;
-        this.fontSize = 24;
-        this.labelColor = 'accent';
-        this.labelPosition = 'top-right';
-        this.icon = {
-            name: '',
-        };
-        this.registerIcons(config);
-    }
-    set name(value) {
-        const newIcon = { name: value };
-        if (this.config[value]) {
-            this.icon = Object.assign(newIcon, this.config[value]);
-        }
-        else {
-            newIcon.font = value;
-            this.icon = newIcon;
-        }
-    }
-    set size(val) {
-        val = val == null ? 24 : val;
-        this.height = val;
-        this.width = val;
-        this.fontSize = val;
-    }
-    registerIcons(config) {
-        // Ensure that this specific instance of registry has our our icons
-        // exactly once, not less and not more
-        const registry = this.matIconRegistry;
-        if (registry[naturalRegistered]) {
-            return;
-        }
-        registry[naturalRegistered] = true;
-        for (const key of Object.keys(config)) {
-            const svg = config[key].svg;
-            if (svg) {
-                this.matIconRegistry.addSvgIcon(key, this.domSanitizer.bypassSecurityTrustResourceUrl(svg));
-            }
-        }
-    }
-}
-NaturalIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NaturalIconComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }, { token: IconsConfigService }], target: i0.ɵɵFactoryTarget.Component });
-NaturalIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: NaturalIconComponent, selector: "natural-icon", inputs: { label: "label", labelColor: "labelColor", labelPosition: "labelPosition", name: "name", size: "size" }, host: { properties: { "style.color": "this.fgColor", "class.material-icons": "this.isMaterialIcon", "class.mat-icon": "this.isIcon", "style.min-width.px": "this.width", "style.min-height.px": "this.height", "style.font-size.px": "this.fontSize" } }, ngImport: i0, template: "<mat-icon *ngIf=\"icon.font\" [class]=\"icon.class\" [fontIcon]=\"icon.font\"></mat-icon>\n<mat-icon *ngIf=\"icon.svg\" [class]=\"icon.class\" [svgIcon]=\"icon.name\" class=\"svg-icon\"></mat-icon>\n\n<div *ngIf=\"label\" [ngClass]=\"labelColor + ' ' + labelPosition\" class=\"label\">{{ label }}</div>\n", styles: [":host{position:relative}:host mat-icon{background-repeat:inherit;display:inherit;fill:inherit;height:inherit;width:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit;text-transform:inherit;letter-spacing:inherit;word-wrap:inherit;white-space:inherit;direction:inherit;-webkit-font-smoothing:inherit;text-rendering:inherit;-moz-osx-font-smoothing:inherit;font-feature-settings:inherit;min-height:inherit;min-width:inherit;vertical-align:unset}:host .label{position:absolute;padding:2px;border-radius:100%;font-family:Quicksand sans-serif;font-size:14px;line-height:1em;height:14px;min-width:14px;text-align:center}:host .label.top-left{top:0;left:0;transform:translate(-50%)}:host .label.top-right{top:0;right:0;transform:translate(50%)}:host .label.bottom-left{bottom:0;left:0;transform:translate(-50%)}:host .label.bottom-right{bottom:0;right:0;transform:translate(50%)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: NaturalIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'natural-icon', template: "<mat-icon *ngIf=\"icon.font\" [class]=\"icon.class\" [fontIcon]=\"icon.font\"></mat-icon>\n<mat-icon *ngIf=\"icon.svg\" [class]=\"icon.class\" [svgIcon]=\"icon.name\" class=\"svg-icon\"></mat-icon>\n\n<div *ngIf=\"label\" [ngClass]=\"labelColor + ' ' + labelPosition\" class=\"label\">{{ label }}</div>\n", styles: [":host{position:relative}:host mat-icon{background-repeat:inherit;display:inherit;fill:inherit;height:inherit;width:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit;text-transform:inherit;letter-spacing:inherit;word-wrap:inherit;white-space:inherit;direction:inherit;-webkit-font-smoothing:inherit;text-rendering:inherit;-moz-osx-font-smoothing:inherit;font-feature-settings:inherit;min-height:inherit;min-width:inherit;vertical-align:unset}:host .label{position:absolute;padding:2px;border-radius:100%;font-family:Quicksand sans-serif;font-size:14px;line-height:1em;height:14px;min-width:14px;text-align:center}:host .label.top-left{top:0;left:0;transform:translate(-50%)}:host .label.top-right{top:0;right:0;transform:translate(50%)}:host .label.bottom-left{bottom:0;left:0;transform:translate(-50%)}:host .label.bottom-right{bottom:0;right:0;transform:translate(50%)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [IconsConfigService]
-                }] }]; }, propDecorators: { fgColor: [{
-                type: HostBinding,
-                args: ['style.color']
-            }], isMaterialIcon: [{
-                type: HostBinding,
-                args: ['class.material-icons']
-            }], isIcon: [{
-                type: HostBinding,
-                args: ['class.mat-icon']
-            }], width: [{
-                type: HostBinding,
-                args: ['style.min-width.px']
-            }], height: [{
-                type: HostBinding,
-                args: ['style.min-height.px']
-            }], fontSize: [{
-                type: HostBinding,
-                args: ['style.font-size.px']
-            }], label: [{
-                type: Input
-            }], labelColor: [{
-                type: Input
-            }], labelPosition: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uYXR1cmFsL3NyYy9saWIvbW9kdWxlcy9pY29uL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmF0dXJhbC9zcmMvbGliL21vZHVsZXMvaWNvbi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQXFCcEYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxjQUFjLENBQXFCLG9CQUFvQixDQUFDLENBQUM7QUFFL0YsTUFBTSxpQkFBaUIsR0FBa0IsTUFBTSxDQUFDLHlCQUF5QixDQUFDLENBQUM7QUFPM0UsTUFBTSxPQUFPLG9CQUFvQjtJQWdCN0IsWUFDcUIsZUFBZ0MsRUFDaEMsWUFBMEIsRUFDRSxNQUEwQjtRQUZ0RCxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDRSxXQUFNLEdBQU4sTUFBTSxDQUFvQjtRQWxCeEMsWUFBTyxHQUFHLFNBQVMsQ0FBQztRQUNYLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQzVCLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDVixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1YsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNiLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFHeEMsZUFBVSxHQUFrQyxRQUFRLENBQUM7UUFDckQsa0JBQWEsR0FBOEQsV0FBVyxDQUFDO1FBRWhHLFNBQUksR0FBb0I7WUFDM0IsSUFBSSxFQUFFLEVBQUU7U0FDWCxDQUFDO1FBT0UsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBb0IsSUFBSSxDQUFDLEtBQWE7UUFDbEMsTUFBTSxPQUFPLEdBQW9CLEVBQUMsSUFBSSxFQUFFLEtBQUssRUFBQyxDQUFDO1FBQy9DLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNwQixJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztTQUMxRDthQUFNO1lBQ0gsT0FBTyxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7U0FDdkI7SUFDTCxDQUFDO0lBRUQsSUFBb0IsSUFBSSxDQUFDLEdBQVc7UUFDaEMsR0FBRyxHQUFHLEdBQUcsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ3hCLENBQUM7SUFFTyxhQUFhLENBQUMsTUFBMEI7UUFDNUMsbUVBQW1FO1FBQ25FLHNDQUFzQztRQUN0QyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBc0IsQ0FBQztRQUM3QyxJQUFJLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFO1lBQzdCLE9BQU87U0FDVjtRQUNELFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUVuQyxLQUFLLE1BQU0sR0FBRyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDbkMsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztZQUM1QixJQUFJLEdBQUcsRUFBRTtnQkFDTCxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyw4QkFBOEIsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2FBQy9GO1NBQ0o7SUFDTCxDQUFDOztpSEF4RFEsb0JBQW9CLDZFQW1CakIsa0JBQWtCO3FHQW5CckIsb0JBQW9CLGdhQzlCakMsa1RBSUE7MkZEMEJhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDSSxjQUFjOzswQkF1Qm5CLE1BQU07MkJBQUMsa0JBQWtCOzRDQWxCSyxPQUFPO3NCQUF6QyxXQUFXO3VCQUFDLGFBQWE7Z0JBQ2tCLGNBQWM7c0JBQXpELFdBQVc7dUJBQUMsc0JBQXNCO2dCQUNHLE1BQU07c0JBQTNDLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUNhLEtBQUs7c0JBQTlDLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUNVLE1BQU07c0JBQWhELFdBQVc7dUJBQUMscUJBQXFCO2dCQUNRLFFBQVE7c0JBQWpELFdBQVc7dUJBQUMsb0JBQW9CO2dCQUVqQixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFjYyxJQUFJO3NCQUF2QixLQUFLO2dCQVVjLElBQUk7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWF0SWNvblJlZ2lzdHJ5fSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7RG9tU2FuaXRpemVyfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuaW50ZXJmYWNlIE5hdHVyYWxJY29uVHlwZSB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHN2Zz86IHN0cmluZztcbiAgICBmb250Pzogc3RyaW5nO1xuICAgIGNsYXNzPzogJ25lZ2F0aXZlJyB8ICduZXV0cmFsJyB8ICdwb3NpdGl2ZSc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmF0dXJhbEljb25Db25maWcge1xuICAgIHN2Zz86IHN0cmluZztcbiAgICBmb250Pzogc3RyaW5nO1xuICAgIGNsYXNzPzogJ25lZ2F0aXZlJyB8ICduZXV0cmFsJyB8ICdwb3NpdGl2ZSc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmF0dXJhbEljb25zQ29uZmlnIHtcbiAgICBba2V5OiBzdHJpbmddOiBOYXR1cmFsSWNvbkNvbmZpZztcbn1cblxuZXhwb3J0IGNvbnN0IEljb25zQ29uZmlnU2VydmljZSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOYXR1cmFsSWNvbnNDb25maWc+KCdOYXR1cmFsSWNvbnNDb25maWcnKTtcblxuY29uc3QgbmF0dXJhbFJlZ2lzdGVyZWQ6IHVuaXF1ZSBzeW1ib2wgPSBTeW1ib2woJ05hdHVyYWwgaWNvbiByZWdpc3RlcmVkJyk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmF0dXJhbC1pY29uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBOYXR1cmFsSWNvbkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5jb2xvcicpIHB1YmxpYyBmZ0NvbG9yID0gJ2luaGVyaXQnO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MubWF0ZXJpYWwtaWNvbnMnKSBwdWJsaWMgaXNNYXRlcmlhbEljb24gPSB0cnVlO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MubWF0LWljb24nKSBwdWJsaWMgaXNJY29uID0gdHJ1ZTtcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1pbi13aWR0aC5weCcpIHB1YmxpYyB3aWR0aCA9IDI0O1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUubWluLWhlaWdodC5weCcpIHB1YmxpYyBoZWlnaHQgPSAyNDtcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmZvbnQtc2l6ZS5weCcpIHB1YmxpYyBmb250U2l6ZSA9IDI0O1xuXG4gICAgQElucHV0KCkgcHVibGljIGxhYmVsPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBsYWJlbENvbG9yOiAncHJpbWFyeScgfCAnd2FybicgfCAnYWNjZW50JyA9ICdhY2NlbnQnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBsYWJlbFBvc2l0aW9uOiAndG9wLXJpZ2h0JyB8ICd0b3AtbGVmdCcgfCAnYm90dG9tLXJpZ2h0JyB8ICdib3R0b20tbGVmdCcgPSAndG9wLXJpZ2h0JztcblxuICAgIHB1YmxpYyBpY29uOiBOYXR1cmFsSWNvblR5cGUgPSB7XG4gICAgICAgIG5hbWU6ICcnLFxuICAgIH07XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgbWF0SWNvblJlZ2lzdHJ5OiBNYXRJY29uUmVnaXN0cnksXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgICAgIEBJbmplY3QoSWNvbnNDb25maWdTZXJ2aWNlKSBwcml2YXRlIHJlYWRvbmx5IGNvbmZpZzogTmF0dXJhbEljb25zQ29uZmlnLFxuICAgICkge1xuICAgICAgICB0aGlzLnJlZ2lzdGVySWNvbnMoY29uZmlnKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc2V0IG5hbWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICBjb25zdCBuZXdJY29uOiBOYXR1cmFsSWNvblR5cGUgPSB7bmFtZTogdmFsdWV9O1xuICAgICAgICBpZiAodGhpcy5jb25maWdbdmFsdWVdKSB7XG4gICAgICAgICAgICB0aGlzLmljb24gPSBPYmplY3QuYXNzaWduKG5ld0ljb24sIHRoaXMuY29uZmlnW3ZhbHVlXSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBuZXdJY29uLmZvbnQgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuaWNvbiA9IG5ld0ljb247XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKSBwdWJsaWMgc2V0IHNpemUodmFsOiBudW1iZXIpIHtcbiAgICAgICAgdmFsID0gdmFsID09IG51bGwgPyAyNCA6IHZhbDtcbiAgICAgICAgdGhpcy5oZWlnaHQgPSB2YWw7XG4gICAgICAgIHRoaXMud2lkdGggPSB2YWw7XG4gICAgICAgIHRoaXMuZm9udFNpemUgPSB2YWw7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByZWdpc3Rlckljb25zKGNvbmZpZzogTmF0dXJhbEljb25zQ29uZmlnKTogdm9pZCB7XG4gICAgICAgIC8vIEVuc3VyZSB0aGF0IHRoaXMgc3BlY2lmaWMgaW5zdGFuY2Ugb2YgcmVnaXN0cnkgaGFzIG91ciBvdXIgaWNvbnNcbiAgICAgICAgLy8gZXhhY3RseSBvbmNlLCBub3QgbGVzcyBhbmQgbm90IG1vcmVcbiAgICAgICAgY29uc3QgcmVnaXN0cnkgPSB0aGlzLm1hdEljb25SZWdpc3RyeSBhcyBhbnk7XG4gICAgICAgIGlmIChyZWdpc3RyeVtuYXR1cmFsUmVnaXN0ZXJlZF0pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICByZWdpc3RyeVtuYXR1cmFsUmVnaXN0ZXJlZF0gPSB0cnVlO1xuXG4gICAgICAgIGZvciAoY29uc3Qga2V5IG9mIE9iamVjdC5rZXlzKGNvbmZpZykpIHtcbiAgICAgICAgICAgIGNvbnN0IHN2ZyA9IGNvbmZpZ1trZXldLnN2ZztcbiAgICAgICAgICAgIGlmIChzdmcpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm1hdEljb25SZWdpc3RyeS5hZGRTdmdJY29uKGtleSwgdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHN2ZykpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG1hdC1pY29uICpuZ0lmPVwiaWNvbi5mb250XCIgW2NsYXNzXT1cImljb24uY2xhc3NcIiBbZm9udEljb25dPVwiaWNvbi5mb250XCI+PC9tYXQtaWNvbj5cbjxtYXQtaWNvbiAqbmdJZj1cImljb24uc3ZnXCIgW2NsYXNzXT1cImljb24uY2xhc3NcIiBbc3ZnSWNvbl09XCJpY29uLm5hbWVcIiBjbGFzcz1cInN2Zy1pY29uXCI+PC9tYXQtaWNvbj5cblxuPGRpdiAqbmdJZj1cImxhYmVsXCIgW25nQ2xhc3NdPVwibGFiZWxDb2xvciArICcgJyArIGxhYmVsUG9zaXRpb25cIiBjbGFzcz1cImxhYmVsXCI+e3sgbGFiZWwgfX08L2Rpdj5cbiJdfQ==

package/lib/modules/icon/icon.component.d.ts

@@ -1,41 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
-import * as i0 from "@angular/core";
-interface NaturalIconType {
-    name: string;
-    svg?: string;
-    font?: string;
-    class?: 'negative' | 'neutral' | 'positive';
-}
-export interface NaturalIconConfig {
-    svg?: string;
-    font?: string;
-    class?: 'negative' | 'neutral' | 'positive';
-}
-export interface NaturalIconsConfig {
-    [key: string]: NaturalIconConfig;
-}
-export declare const IconsConfigService: InjectionToken<NaturalIconsConfig>;
-export declare class NaturalIconComponent {
-    private readonly matIconRegistry;
-    private readonly domSanitizer;
-    private readonly config;
-    fgColor: string;
-    isMaterialIcon: boolean;
-    isIcon: boolean;
-    width: number;
-    height: number;
-    fontSize: number;
-    label?: string;
-    labelColor: 'primary' | 'warn' | 'accent';
-    labelPosition: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-    icon: NaturalIconType;
-    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, config: NaturalIconsConfig);
-    set name(value: string);
-    set size(val: number);
-    private registerIcons;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NaturalIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalIconComponent, "natural-icon", never, { "label": "label"; "labelColor": "labelColor"; "labelPosition": "labelPosition"; "name": "name"; "size": "size"; }, {}, never, never, false, never>;
-}
-export {};

package/src/lib/modules/icon/_icon.theme.scss

@@ -1,34 +0,0 @@
-@use 'sass:map';
-@use '@angular/material' as mat;
-@mixin natural-icon($theme) {
-    $primary: map.get($theme, primary);
-    $accent: map.get($theme, accent);
-    $warn: map.get($theme, warn);
-
-    .label {
-        &.primary {
-            background: mat.get-color-from-palette($primary);
-            color: mat.get-color-from-palette($primary, default-contrast);
-        }
-
-        &.accent {
-            background: mat.get-color-from-palette($accent);
-            color: mat.get-color-from-palette($accent, default-contrast);
-        }
-
-        &.warn {
-            background: mat.get-color-from-palette($warn);
-            color: mat.get-color-from-palette($warn, default-contrast);
-        }
-    }
-}
-
-natural-icon {
-    .mat-icon {
-        svg {
-            width: 0.83333333em;
-            height: 0.833333333em;
-            margin: 0.083333333em;
-        }
-    }
-}

package/src/lib/modules/table-button/_table-button.theme.scss

@@ -1,22 +0,0 @@
-@use '@angular/material' as mat;
-@mixin table-button($theme) {
-    $primary: map-get($theme, primary);
-    $accent: map-get($theme, accent);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
-
-    natural-table-button {
-        a.mat-button {
-            &:hover .mat-button-focus-overlay {
-                background: mat.get-color-from-palette($background, hover);
-            }
-        }
-
-        .mat-icon-button {
-            .mat-icon {
-                position: relative;
-                top: -1px;
-            }
-        }
-    }
-}