@kms-ngx-ui/presentational 0.0.23 → 13.0.0

package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts

@@ -1,13 +1,13 @@
-import { IconSize } from '../../models';
-import * as i0 from "@angular/core";
-export declare class TooltipIconComponent {
-    tooltipTitle: string;
-    tooltipText: string;
-    tooltipLinkText: string;
-    tooltipLinkUrl: string;
-    placement: string;
-    delay: number;
-    IconSize: typeof IconSize;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipIconComponent, "kms-tooltip-icon", never, { "tooltipTitle": "tooltipTitle"; "tooltipText": "tooltipText"; "tooltipLinkText": "tooltipLinkText"; "tooltipLinkUrl": "tooltipLinkUrl"; "placement": "placement"; "delay": "delay"; }, {}, never, never>;
-}
+import { IconSize } from '../../models';
+import * as i0 from "@angular/core";
+export declare class TooltipIconComponent {
+    tooltipTitle: string;
+    tooltipText: string;
+    tooltipLinkText: string;
+    tooltipLinkUrl: string;
+    placement: string;
+    delay: number;
+    IconSize: typeof IconSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipIconComponent, "kms-tooltip-icon", never, { "tooltipTitle": "tooltipTitle"; "tooltipText": "tooltipText"; "tooltipLinkText": "tooltipLinkText"; "tooltipLinkUrl": "tooltipLinkUrl"; "placement": "placement"; "delay": "delay"; }, {}, never, never>;
+}

package/lib/ui/yes-no-radiogroup/yes-no-radiogroup.component.d.ts

@@ -1,27 +1,27 @@
-import { ElementRef, OnInit, Renderer2 } from '@angular/core';
-import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
-import { NullAble } from '../../models';
-import * as i0 from "@angular/core";
-export declare class YesNoRadiogroupComponent implements OnInit, ControlValueAccessor {
-    formBuilder: FormBuilder;
-    renderer: Renderer2;
-    header: NullAble<String>;
-    disabled: boolean;
-    textYes: string;
-    textNo: string;
-    form: FormGroup;
-    child?: ElementRef<HTMLInputElement>;
-    internalValue: NullAble<boolean>;
-    onChange: any;
-    onTouch: any;
-    get value(): NullAble<boolean>;
-    set value(value: NullAble<boolean>);
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
-    constructor(formBuilder: FormBuilder, renderer: Renderer2);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<YesNoRadiogroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YesNoRadiogroupComponent, "kms-yesno-radiogroup", never, { "header": "header"; "disabled": "disabled"; "textYes": "textYes"; "textNo": "textNo"; }, {}, never, never>;
-}
+import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
+import { NullAble } from '../../models';
+import * as i0 from "@angular/core";
+export declare class YesNoRadiogroupComponent implements OnInit, ControlValueAccessor {
+    formBuilder: FormBuilder;
+    renderer: Renderer2;
+    header: NullAble<String>;
+    disabled: boolean;
+    textYes: string;
+    textNo: string;
+    form: FormGroup;
+    child?: ElementRef<HTMLInputElement>;
+    internalValue: NullAble<boolean>;
+    onChange: any;
+    onTouch: any;
+    get value(): NullAble<boolean>;
+    set value(value: NullAble<boolean>);
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    constructor(formBuilder: FormBuilder, renderer: Renderer2);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YesNoRadiogroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YesNoRadiogroupComponent, "kms-yesno-radiogroup", never, { "header": "header"; "disabled": "disabled"; "textYes": "textYes"; "textNo": "textNo"; }, {}, never, never>;
+}

package/package.json

@@ -1,25 +1,38 @@
 {
   "name": "@kms-ngx-ui/presentational",
-  "version": "0.0.23",
+  "version": "13.0.0",
   "peerDependencies": {
-    "@angular/cdk": "12.2.13",
-    "@angular/common": "12.2.16",
-    "@angular/core": "12.2.16",
-    "@angular/forms": "12.2.16",
+    "@angular/cdk": "13.3.9",
+    "@angular/common": "13.4.0",
+    "@angular/core": "13.4.0",
+    "@angular/forms": "13.4.0",
     "@angular/google-maps": "^12.2.3",
     "ngx-useful-swiper": "^9.0.5",
-    "@angular/material": "12.2.13",
+    "@angular/material": "13.3.9",
     "swiper": "^5.4.5"
   },
   "dependencies": {
     "ngx-translate": "0.0.1-security",
-    "tslib": "^2.0.0"
+    "tslib": "^2.4.1"
   },
-  "main": "bundles/kms-ngx-ui-presentational.umd.js",
-  "module": "fesm2015/kms-ngx-ui-presentational.js",
-  "es2015": "fesm2015/kms-ngx-ui-presentational.js",
-  "esm2015": "esm2015/kms-ngx-ui-presentational.js",
-  "fesm2015": "fesm2015/kms-ngx-ui-presentational.js",
+  "module": "fesm2015/kms-ngx-ui-presentational.mjs",
+  "es2020": "fesm2020/kms-ngx-ui-presentational.mjs",
+  "esm2020": "esm2020/kms-ngx-ui-presentational.mjs",
+  "fesm2020": "fesm2020/kms-ngx-ui-presentational.mjs",
+  "fesm2015": "fesm2015/kms-ngx-ui-presentational.mjs",
   "typings": "kms-ngx-ui-presentational.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./kms-ngx-ui-presentational.d.ts",
+      "esm2020": "./esm2020/kms-ngx-ui-presentational.mjs",
+      "es2020": "./fesm2020/kms-ngx-ui-presentational.mjs",
+      "es2015": "./fesm2015/kms-ngx-ui-presentational.mjs",
+      "node": "./fesm2015/kms-ngx-ui-presentational.mjs",
+      "default": "./fesm2020/kms-ngx-ui-presentational.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -1,45 +1,45 @@
-export * from './lib/kms-ngx-ui-presentational.service';
-export * from './lib/kms-ngx-ui-presentational.component';
-export * from './lib/kms-ngx-ui-presentational.module';
-export * from './lib/pipes/custom-pipes.module';
-export * from './lib/directives/directives.module';
-export * from './lib/models/iconSize.enum';
-export * from './lib/models/salutation.enum';
-export * from './lib/ui/checkbox/checkbox.component';
-export * from './lib/ui/color-input/color-input.component';
-export * from './lib/ui/radiobutton/radiobutton.component';
-export * from './lib/ui/time-input/time-input.component';
-export * from './lib/ui/yes-no-radiogroup/yes-no-radiogroup.component';
-export * from './lib/ui/file-input/file-input.component';
-export * from './lib/ui/loader/loader.component';
-export * from './lib/ui/flyout/flyout.component';
-export * from './lib/ui/icon/icon.component';
-export * from './lib/ui/enum-radiogroup/enum-radiogroup.component';
-export * from './lib/ui/kms-accordion-item/kms-accordion-item.component';
-export * from './lib/ui/map/map.component';
-export * from './lib/ui/salutation-dropdown/salutation-dropdown.component';
-export * from './lib/ui/tooltip/tooltip.component';
-export * from './lib/ui/tooltip-icon/tooltip-icon.component';
-export * from './lib/ui/salutation-radiogroup/salutation-radiogroup.component';
-export * from './lib/ui/back-to-top/back-to-top.component';
-export * from './lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component';
-export * from './lib/ui/dropdown-from-data/dropdown-from-data.component';
-export * from './lib/ui/image-slider/image-slider.component';
-export * from './lib/directives/mousewheel.directive';
-export * from './lib/directives/sum-of-height.directive';
-export * from './lib/directives/swipe.directive';
-export * from './lib/directives/tooltip.directive';
-export * from './lib/pipes/integer-currency.pipe';
-export * from './lib/pipes/decode-uri.pipe';
-export * from './lib/pipes/encode-uri.pipe';
-export * from './lib/pipes/safe-html.pipe';
-export * from './lib/pipes/safe-url.pipe';
-export * from './lib/pipes/safe-resource-url.pipe';
-export * from './lib/pipes/typeof.pipe';
-export * from './lib/pipes/trim.pipe';
-export * from './lib/pipes/to-number.pipe';
-export * from './lib/pipes/safe-style.pipe';
-export * from './lib/parent-components/actions.component';
-export * from './lib/ui/generic-dialog/generic-dialog.component';
-export * from './lib/services/viewport.service';
-export * from './lib/parent-components/form.component';
+export * from './lib/kms-ngx-ui-presentational.service';
+export * from './lib/kms-ngx-ui-presentational.component';
+export * from './lib/kms-ngx-ui-presentational.module';
+export * from './lib/pipes/custom-pipes.module';
+export * from './lib/directives/directives.module';
+export * from './lib/models/iconSize.enum';
+export * from './lib/models/salutation.enum';
+export * from './lib/ui/checkbox/checkbox.component';
+export * from './lib/ui/color-input/color-input.component';
+export * from './lib/ui/radiobutton/radiobutton.component';
+export * from './lib/ui/time-input/time-input.component';
+export * from './lib/ui/yes-no-radiogroup/yes-no-radiogroup.component';
+export * from './lib/ui/file-input/file-input.component';
+export * from './lib/ui/loader/loader.component';
+export * from './lib/ui/flyout/flyout.component';
+export * from './lib/ui/icon/icon.component';
+export * from './lib/ui/enum-radiogroup/enum-radiogroup.component';
+export * from './lib/ui/kms-accordion-item/kms-accordion-item.component';
+export * from './lib/ui/map/map.component';
+export * from './lib/ui/salutation-dropdown/salutation-dropdown.component';
+export * from './lib/ui/tooltip/tooltip.component';
+export * from './lib/ui/tooltip-icon/tooltip-icon.component';
+export * from './lib/ui/salutation-radiogroup/salutation-radiogroup.component';
+export * from './lib/ui/back-to-top/back-to-top.component';
+export * from './lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component';
+export * from './lib/ui/dropdown-from-data/dropdown-from-data.component';
+export * from './lib/ui/image-slider/image-slider.component';
+export * from './lib/directives/mousewheel.directive';
+export * from './lib/directives/sum-of-height.directive';
+export * from './lib/directives/swipe.directive';
+export * from './lib/directives/tooltip.directive';
+export * from './lib/pipes/integer-currency.pipe';
+export * from './lib/pipes/decode-uri.pipe';
+export * from './lib/pipes/encode-uri.pipe';
+export * from './lib/pipes/safe-html.pipe';
+export * from './lib/pipes/safe-url.pipe';
+export * from './lib/pipes/safe-resource-url.pipe';
+export * from './lib/pipes/typeof.pipe';
+export * from './lib/pipes/trim.pipe';
+export * from './lib/pipes/to-number.pipe';
+export * from './lib/pipes/safe-style.pipe';
+export * from './lib/parent-components/actions.component';
+export * from './lib/ui/generic-dialog/generic-dialog.component';
+export * from './lib/services/viewport.service';
+export * from './lib/parent-components/form.component';

package/src/lib/ui/back-to-top/back-to-top.component.scss

@@ -1,47 +1,47 @@
-@mixin back-to-top-theme() {
-    $size: 48px;
-
-    .scrollToTop {
-        position: fixed;
-        bottom: $size;
-        right: $size;
-
-        transition: all .2s ease-in-out;
-        text-align: center;
-        cursor: pointer;
-        align-items: center;
-        z-index: 999999;
-        background-color: white;
-        border-radius: 50%;
-
-        width: $size;
-        height: $size;
-        &-inner{
-            margin: 2px;
-            border-radius: 50%;
-            background-color: var(--primaryColor);
-
-            width: calc(#{$size} - 4px);
-            height: calc(#{$size} - 4px);
-        }
-        &.show {
-            display: flex;
-            opacity: 0.75;
-            transition: all .2s ease-in-out;
-        }
-       
-    }
-    @media (max-width: $responsive-breakpoint) {
-        .scrollToTop {
-            bottom: calc(#{$size} / 2);
-            right: calc(#{$size} / 2);
-
-            width: calc(#{$size} / 2);
-            height: calc(#{$size} / 2);
-            &-inner{
-                width: calc(#{$size} / 2 - 2px);
-                height: calc(#{$size} / 2 - 2px);
-            }
-        }
-    } 
+@mixin back-to-top-theme() {
+    $size: 48px;
+
+    .scrollToTop {
+        position: fixed;
+        bottom: $size;
+        right: $size;
+
+        transition: all .2s ease-in-out;
+        text-align: center;
+        cursor: pointer;
+        align-items: center;
+        z-index: 999999;
+        background-color: white;
+        border-radius: 50%;
+
+        width: $size;
+        height: $size;
+        &-inner{
+            margin: 2px;
+            border-radius: 50%;
+            background-color: var(--primaryColor);
+
+            width: calc(#{$size} - 4px);
+            height: calc(#{$size} - 4px);
+        }
+        &.show {
+            display: flex;
+            opacity: 0.75;
+            transition: all .2s ease-in-out;
+        }
+       
+    }
+    @media (max-width: $responsive-breakpoint) {
+        .scrollToTop {
+            bottom: calc(#{$size} / 2);
+            right: calc(#{$size} / 2);
+
+            width: calc(#{$size} / 2);
+            height: calc(#{$size} / 2);
+            &-inner{
+                width: calc(#{$size} / 2 - 2px);
+                height: calc(#{$size} / 2 - 2px);
+            }
+        }
+    } 
 }

package/src/lib/ui/button-with-confirm-dialog/button-with-confirm-dialog.component.scss

@@ -1,3 +1,3 @@
-@mixin button-with-confirm-theme() {
-
+@mixin button-with-confirm-theme() {
+
 }

package/src/lib/ui/checkbox/checkbox.component.scss

@@ -1,49 +1,49 @@
-@mixin checkbox-theme(){
-    .wrapper {
-        cursor: pointer;
-        padding-left: 0px;
-        display: inline-block;
-        position: relative;
-        user-select: none;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        color: aqua;
-        &:before {
-        }
-
-        &:hover:before {
-            
-        }
-
-        input {
-            display: none;
-        }
-
-        input:checked ~ .checkmark {
-            display: block;
-        }
-
-        &.disabled {
-            cursor: default;
-            pointer-events: none;
-
-            &:before {
-            }
-        }
-    }
-    .checkmark {
-        &.disabled {
-        }
-    }
-
-    .info {
-        display: block;
-        margin-top: 6px;
-        cursor: default;
-
-        &.disabled {
-            color: lightgray;
-        }
-    }
+@mixin checkbox-theme(){
+    .wrapper {
+        cursor: pointer;
+        padding-left: 0px;
+        display: inline-block;
+        position: relative;
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        color: aqua;
+        &:before {
+        }
+
+        &:hover:before {
+            
+        }
+
+        input {
+            display: none;
+        }
+
+        input:checked ~ .checkmark {
+            display: block;
+        }
+
+        &.disabled {
+            cursor: default;
+            pointer-events: none;
+
+            &:before {
+            }
+        }
+    }
+    .checkmark {
+        &.disabled {
+        }
+    }
+
+    .info {
+        display: block;
+        margin-top: 6px;
+        cursor: default;
+
+        &.disabled {
+            color: lightgray;
+        }
+    }
 }

package/src/lib/ui/color-input/color-input.component.scss

@@ -1,39 +1,39 @@
-@mixin color-input-theme(){
-    .colorInput{
-        position: relative;
-        input[type='color']{
-            display: block;
-            position: absolute;
-            width: 20px;
-            height: 20px;
-            left: 0;
-            bottom: 10px;
-            padding: 0;
-            margin: 0;
-            border: 1px solid transparent;
-        }
-        input.my-inValid[type='color']{
-            border: 1px dotted red;
-        }
-        input[type='text']{
-            padding-left: 30px;
-        }
-        input.my-inValid[type='text']{
-            color: red;
-        }
-        kms-tooltip-icon{
-            position: absolute;
-            right: 0;
-            top: -10px;
-        }
-
-        .mat-form-field-label{
-            padding-left: 30px;
-        }
-        .mat-form-field-can-float.mat-focused{
-            .mat-form-label{
-                padding-left: 0;
-            }
-        }
-    }
+@mixin color-input-theme(){
+    .colorInput{
+        position: relative;
+        input[type='color']{
+            display: block;
+            position: absolute;
+            width: 20px;
+            height: 20px;
+            left: 0;
+            bottom: 10px;
+            padding: 0;
+            margin: 0;
+            border: 1px solid transparent;
+        }
+        input.my-inValid[type='color']{
+            border: 1px dotted red;
+        }
+        input[type='text']{
+            padding-left: 30px;
+        }
+        input.my-inValid[type='text']{
+            color: red;
+        }
+        kms-tooltip-icon{
+            position: absolute;
+            right: 0;
+            top: -10px;
+        }
+
+        .mat-form-field-label{
+            padding-left: 30px;
+        }
+        .mat-form-field-can-float.mat-focused{
+            .mat-form-label{
+                padding-left: 0;
+            }
+        }
+    }
 }

package/src/lib/ui/file-input/file-input.component.scss

@@ -1,3 +1,3 @@
-@mixin file-input-theme() {
-
+@mixin file-input-theme() {
+
 }

package/src/lib/ui/flyout/flyout.component.scss

@@ -1,35 +1,35 @@
-@mixin flyout-theme(){
-    .flyout{
-        position: relative;
-        display: block;
-        padding: 20px 45px;
-        
-        &-header{            
-            &-more{
-                font: normal normal normal 16px/25px var(--fontName-text03);
-                letter-spacing: 0.26px;
-                color: var(--primaryColor);
-                cursor: pointer;
-                kms-icon{
-                    .icon{
-                        width: 16px !important;
-                        height: 20px !important;
-                        svg {
-                            width: 16px !important;
-                            height: 20px !important;
-                            use{
-                                fill: var(--primaryColor); 
-                            }       
-                        }
-                    }
-                }
-            }
-        }
-        &-body {
-            padding: 0;
-            margin: 0;
-            overflow: hidden;
-            outline: none;
-        }
-    }
+@mixin flyout-theme(){
+    .flyout{
+        position: relative;
+        display: block;
+        padding: 20px 45px;
+        
+        &-header{            
+            &-more{
+                font: normal normal normal 16px/25px var(--fontName-text03);
+                letter-spacing: 0.26px;
+                color: var(--primaryColor);
+                cursor: pointer;
+                kms-icon{
+                    .icon{
+                        width: 16px !important;
+                        height: 20px !important;
+                        svg {
+                            width: 16px !important;
+                            height: 20px !important;
+                            use{
+                                fill: var(--primaryColor); 
+                            }       
+                        }
+                    }
+                }
+            }
+        }
+        &-body {
+            padding: 0;
+            margin: 0;
+            overflow: hidden;
+            outline: none;
+        }
+    }
 }