@natec/mef-dev-ui-kit 20.1.20 → 20.1.22

package/fesm2022/natec-mef-dev-ui-kit.mjs

@@ -1905,11 +1905,11 @@ class RightFilterComponent {
         this.isOpen = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: RightFilterComponent, deps: [{ token: FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: RightFilterComponent, isStandalone: false, selector: "mefdev-right-filter", inputs: { showStandartOpenButton: "showStandartOpenButton" }, ngImport: i0, template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n    <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;border-radius:3px;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:56px;top:50px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: RightFilterComponent, isStandalone: false, selector: "mefdev-right-filter", inputs: { showStandartOpenButton: "showStandartOpenButton" }, ngImport: i0, template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n    <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;border-radius:3px;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:30px;top:52px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["visibleChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: RightFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mefdev-right-filter', standalone: false, template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n    <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;border-radius:3px;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:56px;top:50px;cursor:pointer}\n"] }]
+            args: [{ selector: 'mefdev-right-filter', standalone: false, template: "<div \r\n*ngIf=\"showStandartOpenButton\"\r\nclass=\"filter-btn\" \r\n(click)=\"openModal()\"\r\n>\r\n    <i class=\"fa fa-filter\" aria-hidden=\"true\"></i>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{box-shadow:1px 1px 2px 2px #0000001a;border-radius:3px;width:36px;height:26px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:2;background-color:#fff;right:30px;top:52px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: FilteredFieldService }], propDecorators: { showStandartOpenButton: [{
                 type: Input
             }] } });

package/index.d.ts

@@ -9,10 +9,10 @@ import * as i5 from '@angular/forms';
 import { ControlValueAccessor, AbstractControl, FormGroupDirective, NgForm, NgControl, Validator, ValidationErrors } from '@angular/forms';
 import * as i7 from '@angular/cdk/bidi';
 import { Directionality, Direction } from '@angular/cdk/bidi';
+import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
 import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
 import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal, ComponentPortal, CdkPortalOutlet, CdkPortal } from '@angular/cdk/portal';
-import { FocusableOption, FocusOrigin, ActiveDescendantKeyManager, FocusKeyManager } from '@angular/cdk/a11y';
 import * as i1$3 from '@angular/cdk/dialog';
 import { DialogConfig, CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
 import * as i1$2 from '@angular/cdk/scrolling';
@@ -161,7 +161,7 @@ declare class CollapseSetComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CollapseSetComponent, "mefdev-collapse-set", never, { "expandAny": { "alias": "expandAny"; "required": false; }; "Accordion": { "alias": "Accordion"; "required": false; }; "Horizontal": { "alias": "Horizontal"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare const mefDevCollapseModuleComponents: (typeof CollapseComponent | typeof CollapseSetComponent)[];
+declare const mefDevCollapseModuleComponents: (typeof CollapseSetComponent | typeof CollapseComponent)[];
 declare class MefDevCollapseModule {
     static forRoot(): ModuleWithProviders<MefDevCollapseModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCollapseModule, never>;
@@ -2050,7 +2050,7 @@ declare class MDAccordion extends CdkAccordion implements AccordionBase, AfterCo
     static ngAcceptInputType_hideToggle: unknown;
 }
 
-declare const components: (typeof ExpansionPanelActionRow)[];
+declare const components: (typeof ExpansionPanelDescription)[];
 declare class MDCollapseModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MDCollapseModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MDCollapseModule, never, [typeof i1.CommonModule, typeof MDAccordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent], [typeof MDAccordion, typeof MDExpansionPanel, typeof ExpansionPanelActionRow, typeof MDExpansionPanelHeader, typeof ExpansionPanelTitle, typeof ExpansionPanelDescription, typeof MDExpansionPanelContent]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@natec/mef-dev-ui-kit",
-  "version": "20.1.20",
+  "version": "20.1.22",
   "description": "MEF.DEV UI Kit Library",
   "author": {
     "name": "NATEC"

package/src/lib/styles/core.scss

@@ -2,299 +2,27 @@
 @use 'fonts.scss' as *;
 @use 'icons.scss' as *;
 
-@use 'pg/_dropdown.scss' as *;
-@use 'pg/toaster.scss' as *;
 @use 'pg/_color.scss' as *;
 @use 'pg/_mixins.scss' as *;
 
+// depricated styles, to be removed in future releases
 @use 'pg/modules/_tabs_accordian.scss' as *;
 @use 'pg/modules/_tabs.scss' as *;
 @use 'pg/modules/_switch.scss' as *;
 @use 'pg/modules/_select.scss' as *;
-@use 'pg/modules/_layout.scss' as *;
+@use 'pg/modules/_cards.scss' as *;
+
+// Elements styles for refactoring, possible be removed in future releases
 @use 'pg/modules/_sidebar.scss' as *;
-@use 'pg/modules/_header.scss' as *;
+@use 'pg/modules/_breadcrumb.scss' as *;
 
-//UI Components
+// Core styles for refactoring
 @use 'pg/modules/_typography.scss' as *;
-@use 'pg/modules/_breadcrumb.scss' as *;
 @use 'pg/modules/_buttons.scss' as *;
-//Cards
-@use 'pg/modules/_cards.scss' as *;
-
-//Form Elements
 @use 'pg/modules/_form_elements.scss' as *;
-
-//Misc
-@use 'pg/modules/_misc.scss' as *;
-@use 'pg/_responsive.scss' as *;
-
-//Vendor
-@use 'pg/vendor/typehead.scss' as *;
-@use 'pg/vendor/md-datatable.scss' as *; // New Material Design theme
+@use 'pg/vendor/md-datatable.scss' as *; // to be removed in future releases
 @use 'pg/vendor/md-grid.scss' as *;
-@use 'pg/vendor/ngx-google-map.scss' as *;
-
-[class^='icon-'],
-[class*=' icon-'] {
-    /* use !important to prevent issues with browser extensions that change ../fonts */
-    font-family: 'icomoon' !important;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-
-    /* Better Font Rendering =========== */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-info-light:before {
-    content: '\e90d';
-}
-.icon-connector:before {
-    content: '\e90e';
-}
-.icon-information:before {
-    content: '\e90f';
-}
-.icon-plugin:before {
-    content: '\e910';
-}
-.icon-check-connector:before {
-    content: '\e911';
-}
-.icon-computer:before {
-    content: '\e913';
-}
-.icon-trash-light:before {
-    content: '\e915';
-}
-.icon-ok:before {
-    content: '\e917';
-    color: #28b446;
-}
-.icon-calendar:before {
-    content: '\e919';
-}
-.icon-guard:before {
-    content: '\e91f';
-}
-.icon-tenant:before {
-    content: '\e922';
-}
-.icon-nok:before {
-    content: '\e923';
-}
-.icon-lock .path1:before {
-    content: '\e924';
-    color: rgb(234, 234, 234);
-}
-.icon-lock .path2:before {
-    content: '\e925';
-    margin-left: -1.158203125em;
-    color: rgb(55, 55, 55);
-}
-.icon-unlock .path1:before {
-    content: '\e926';
-}
-.icon-unlock .path2:before {
-    content: '\e927';
-    margin-left: -1.2109375em;
-}
-.icon-logout:before {
-    content: '\e90b';
-}
-.icon-unchecked:before {
-    content: '\e90a';
-}
-.icon-notification .path1:before {
-    content: '\e902';
-}
-.icon-notification .path2:before {
-    content: '\e903';
-    margin-left: -1em;
-}
-.icon-notification .path3:before {
-    content: '\e904';
-    margin-left: -1em;
-}
-.icon-notification .path4:before {
-    content: '\e905';
-    margin-left: -1em;
-}
-.icon-setings .path1:before {
-    content: '\e908';
-}
-.icon-setings .path2:before {
-    content: '\e909';
-    margin-left: -1em;
-}
-.icon-person:before {
-    content: '\e90c';
-}
-.icon-persons:before {
-    content: '\e912';
-}
-.icon-configuration:before {
-    content: '\e914';
-}
-.icon-support:before {
-    content: '\e916';
-}
-.icon-log:before {
-    content: '\e918';
-}
-.icon-msg_popup:before {
-    content: '\e91a';
-}
-.icon-protect:before {
-    content: '\e91b';
-}
-.icon-keys:before {
-    content: '\e91c';
-}
-.icon-info:before {
-    content: '\e91d';
-}
-.icon-tenats:before {
-    content: '\e91e';
-}
-.icon-profile:before {
-    content: '\e921';
-}
-.icon-msg:before {
-    content: '\e928';
-}
-.icon-arrow:before {
-    content: '\e929';
-}
-.icon-warning:before {
-    content: '\e92a';
-}
-.icon-messages:before {
-    content: '\e92b';
-}
-.icon-pause:before {
-    content: '\e92c';
-}
-.icon-play:before {
-    content: '\e92e';
-}
-.icon-store:before {
-    content: '\e930';
-}
-.icon-trash:before {
-    content: '\e931';
-}
-.icon-edit:before {
-    content: '\e932';
-}
-.icon-checked:before {
-    content: '\e933';
-}
-.icon-bell .path1:before {
-    content: '\e936';
-}
-.icon-bell .path2:before {
-    content: '\e937';
-    margin-left: -0.9658203125em;
-}
-.icon-bell .path3:before {
-    content: '\e938';
-    margin-left: -0.9658203125em;
-}
-
-.icon-copy:before {
-  content: "\e901";
-}
-
-.icon-code:before {
-    content: '\e900';
-}
-
-.icon-code:before {
-    content: '\e900';
-}
-
-.icon-arrow-dropdown::before {
-    content: '\e906';
-}
-
-/*#endregion img-font*/
-
-.color-black {
-    color: $Black-Color !important;
-}
-
-.color-Dark-Gray-1 {
-    color: $Dark-Gray-1 !important;
-}
-
-.color-Dark-Gray-2 {
-    color: $Dark-Gray-2 !important;
-}
-.color-Red {
-    color: $Red !important;
-}
-.color-Green {
-    color: $Green !important;
-}
-.color-Light-Gray-1 {
-    color: $Light-Gray-1 !important;
-}
-.color-Light-Gray-2 {
-    color: $Light-Gray-2 !important;
-}
-.color-Light-Gray-3 {
-    color: $Light-Gray-3 !important;
-}
-.color-White {
-    color: $White !important;
-}
-.color-Link {
-    color: $Link !important;
-}
-.color-dark-link {
-    color: $Link-on-dark !important;
-}
-
-.b-color-black {
-    background-color: $Black-Color !important;
-}
-
-.b-color-Dark-Gray-1 {
-    background-color: $Dark-Gray-1 !important;
-}
-
-.b-color-Dark-Gray-2 {
-    background-color: $Dark-Gray-2 !important;
-}
-.b-color-Red {
-    background-color: $Red !important;
-}
-.b-color-Green {
-    background-color: $Green !important;
-}
-.b-color-Light-Gray-1 {
-    background-color: $Light-Gray-1 !important;
-}
-.b-color-Light-Gray-2 {
-    background-color: $Light-Gray-2 !important;
-}
-.b-color-Light-Gray-3 {
-    background-color: $Light-Gray-3 !important;
-}
-.b-color-White {
-    background-color: $White !important;
-}
-.b-color-Link {
-    background-color: $Link !important;
-}
-.b-color-dark-link {
-    background-color: $Link-on-dark !important;
-}
+@use 'pg/toaster.scss' as *;
 
 .ql-container {
     height: 240px;

package/src/lib/styles/icons.scss

@@ -329,3 +329,194 @@ Pages Icons
 .pg-video:before {
   content: "\e654";
 }
+
+/// ....
+
+
+[class^='icon-'],
+[class*=' icon-'] {
+    /* use !important to prevent issues with browser extensions that change ../fonts */
+    font-family: 'icomoon' !important;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-info-light:before {
+    content: '\e90d';
+}
+.icon-connector:before {
+    content: '\e90e';
+}
+.icon-information:before {
+    content: '\e90f';
+}
+.icon-plugin:before {
+    content: '\e910';
+}
+.icon-check-connector:before {
+    content: '\e911';
+}
+.icon-computer:before {
+    content: '\e913';
+}
+.icon-trash-light:before {
+    content: '\e915';
+}
+.icon-ok:before {
+    content: '\e917';
+    color: #28b446;
+}
+.icon-calendar:before {
+    content: '\e919';
+}
+.icon-guard:before {
+    content: '\e91f';
+}
+.icon-tenant:before {
+    content: '\e922';
+}
+.icon-nok:before {
+    content: '\e923';
+}
+.icon-lock .path1:before {
+    content: '\e924';
+    color: rgb(234, 234, 234);
+}
+.icon-lock .path2:before {
+    content: '\e925';
+    margin-left: -1.158203125em;
+    color: rgb(55, 55, 55);
+}
+.icon-unlock .path1:before {
+    content: '\e926';
+}
+.icon-unlock .path2:before {
+    content: '\e927';
+    margin-left: -1.2109375em;
+}
+.icon-logout:before {
+    content: '\e90b';
+}
+.icon-unchecked:before {
+    content: '\e90a';
+}
+.icon-notification .path1:before {
+    content: '\e902';
+}
+.icon-notification .path2:before {
+    content: '\e903';
+    margin-left: -1em;
+}
+.icon-notification .path3:before {
+    content: '\e904';
+    margin-left: -1em;
+}
+.icon-notification .path4:before {
+    content: '\e905';
+    margin-left: -1em;
+}
+.icon-setings .path1:before {
+    content: '\e908';
+}
+.icon-setings .path2:before {
+    content: '\e909';
+    margin-left: -1em;
+}
+.icon-person:before {
+    content: '\e90c';
+}
+.icon-persons:before {
+    content: '\e912';
+}
+.icon-configuration:before {
+    content: '\e914';
+}
+.icon-support:before {
+    content: '\e916';
+}
+.icon-log:before {
+    content: '\e918';
+}
+.icon-msg_popup:before {
+    content: '\e91a';
+}
+.icon-protect:before {
+    content: '\e91b';
+}
+.icon-keys:before {
+    content: '\e91c';
+}
+.icon-info:before {
+    content: '\e91d';
+}
+.icon-tenats:before {
+    content: '\e91e';
+}
+.icon-profile:before {
+    content: '\e921';
+}
+.icon-msg:before {
+    content: '\e928';
+}
+.icon-arrow:before {
+    content: '\e929';
+}
+.icon-warning:before {
+    content: '\e92a';
+}
+.icon-messages:before {
+    content: '\e92b';
+}
+.icon-pause:before {
+    content: '\e92c';
+}
+.icon-play:before {
+    content: '\e92e';
+}
+.icon-store:before {
+    content: '\e930';
+}
+.icon-trash:before {
+    content: '\e931';
+}
+.icon-edit:before {
+    content: '\e932';
+}
+.icon-checked:before {
+    content: '\e933';
+}
+.icon-bell .path1:before {
+    content: '\e936';
+}
+.icon-bell .path2:before {
+    content: '\e937';
+    margin-left: -0.9658203125em;
+}
+.icon-bell .path3:before {
+    content: '\e938';
+    margin-left: -0.9658203125em;
+}
+
+.icon-copy:before {
+  content: "\e901";
+}
+
+.icon-code:before {
+    content: '\e900';
+}
+
+.icon-code:before {
+    content: '\e900';
+}
+
+.icon-arrow-dropdown::before {
+    content: '\e906';
+}
+