@kms-ngx-ui/presentational 0.0.16 → 0.0.18

package/README.md

@@ -1,24 +1,28 @@
-# KmsUiPresentational
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project kms-ngx-ui-presentational` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project kms-ngx-ui-presentational`.
-> Note: Don't forget to add `--project kms-ngx-ui-presentational` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build kms-ngx-ui-presentational` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build kms-ngx-ui-presentational`, go to the dist folder `cd dist/kms-ngx-ui-presentational` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test kms-ngx-ui-presentational` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# KmsUiPresentational
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project kms-ngx-ui-presentational` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project kms-ngx-ui-presentational`.
+> Note: Don't forget to add `--project kms-ngx-ui-presentational` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build kms-ngx-ui-presentational` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build kms-ngx-ui-presentational`, go to the dist folder `cd dist/kms-ngx-ui-presentational` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test kms-ngx-ui-presentational` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running Storybook
+
+Run `npm run storybook` to start Storybook.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/bundles/kms-ngx-ui-presentational.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/checkbox'), require('@angular/material/radio'), require('@angular/animations'), require('@angular/platform-browser'), require('rxjs'), require('@angular/material/dialog'), require('subsink'), require('@angular/google-maps'), require('@angular/material/button'), require('@angular/material/expansion'), require('@angular/material/select'), require('@angular/material/menu'), require('enum-values/src/enumValues'), require('@angular/cdk/drag-drop'), require('@ngx-translate/core'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/progress-spinner')) :
-    typeof define === 'function' && define.amd ? define('@kms-ngx-ui/presentational', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/checkbox', '@angular/material/radio', '@angular/animations', '@angular/platform-browser', 'rxjs', '@angular/material/dialog', 'subsink', '@angular/google-maps', '@angular/material/button', '@angular/material/expansion', '@angular/material/select', '@angular/material/menu', 'enum-values/src/enumValues', '@angular/cdk/drag-drop', '@ngx-translate/core', '@angular/material/form-field', '@angular/material/input', '@angular/material/progress-spinner'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["kms-ngx-ui"] = global["kms-ngx-ui"] || {}, global["kms-ngx-ui"].presentational = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.checkbox, global.ng.material.radio, global.ng.animations, global.ng.platformBrowser, global.rxjs, global.ng.material.dialog, global.subsink, global.ng.googleMaps, global.ng.material.button, global.ng.material.expansion, global.ng.material.select, global.ng.material.menu, global.enumValues, global.ng.cdk.dragDrop, global.core, global.ng.material.formField, global.ng.material.input, global.ng.material.progressSpinner));
-})(this, (function (exports, i0, common, forms, checkbox, radio, animations, platformBrowser, rxjs, dialog, subsink, googleMaps, button, expansion, select, menu, enumValues, dragDrop, core, formField, input, progressSpinner) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/checkbox'), require('@angular/material/radio'), require('@angular/animations'), require('@angular/platform-browser'), require('rxjs'), require('@angular/material/dialog'), require('subsink'), require('@angular/google-maps'), require('@angular/material/button'), require('@angular/material/expansion'), require('@angular/material/select'), require('@angular/material/menu'), require('enum-values/src/enumValues'), require('@angular/cdk/drag-drop'), require('@ngx-translate/core'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/progress-spinner'), require('ngx-useful-swiper')) :
+    typeof define === 'function' && define.amd ? define('@kms-ngx-ui/presentational', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/checkbox', '@angular/material/radio', '@angular/animations', '@angular/platform-browser', 'rxjs', '@angular/material/dialog', 'subsink', '@angular/google-maps', '@angular/material/button', '@angular/material/expansion', '@angular/material/select', '@angular/material/menu', 'enum-values/src/enumValues', '@angular/cdk/drag-drop', '@ngx-translate/core', '@angular/material/form-field', '@angular/material/input', '@angular/material/progress-spinner', 'ngx-useful-swiper'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["kms-ngx-ui"] = global["kms-ngx-ui"] || {}, global["kms-ngx-ui"].presentational = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.checkbox, global.ng.material.radio, global.ng.animations, global.ng.platformBrowser, global.rxjs, global.ng.material.dialog, global.subsink, global.ng.googleMaps, global.ng.material.button, global.ng.material.expansion, global.ng.material.select, global.ng.material.menu, global.enumValues, global.ng.cdk.dragDrop, global.core, global.ng.material.formField, global.ng.material.input, global.ng.material.progressSpinner, global.ngxUsefulSwiper));
+})(this, (function (exports, i0, common, forms, checkbox, radio, animations, platformBrowser, rxjs, dialog, subsink, googleMaps, button, expansion, select, menu, enumValues, dragDrop, core, formField, input, progressSpinner, ngxUsefulSwiper) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -664,12 +664,12 @@
             this.form = this.formBuilder.group({
                 color: '',
             });
+            _super.prototype.ngOnInit.call(this);
             this.formInitialized = true;
             this.form.valueChanges.subscribe(function (value) {
                 _this.internalValue = value.color;
                 _this.onChange(value.color);
             });
-            _super.prototype.ngOnInit.call(this);
         };
         ColorInputComponent.prototype.validate = function (_) {
             // TODO fix to validate complete form
@@ -686,12 +686,18 @@
             }
             return false;
         };
+        ColorInputComponent.prototype.updateSelectedColor = function (value) {
+            var color = value.target.value;
+            this.value = color;
+            this.internalValue = color;
+            this.change(color);
+        };
         return ColorInputComponent;
     }(FormControlParentComponent));
     ColorInputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'kms-color-input',
-                    template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n    <div>\n        <mat-form-field class=\"colorInput\">\n            <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n            <mat-label>{{ label }}</mat-label>\n            <input type=\"text\" [value]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n            <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" formControlName=\"color\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n        </mat-form-field>\n    </div>\n</form>",
+                    template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n    <div>\n        <mat-form-field class=\"colorInput\">\n            <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n            <mat-label>{{ label }}</mat-label>\n            <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n            <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n        </mat-form-field>\n    </div>\n</form>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -3164,7 +3170,8 @@
                         select.MatSelectModule,
                         progressSpinner.MatProgressSpinnerModule,
                         DirectivesModule,
-                        core.TranslateModule
+                        core.TranslateModule,
+                        ngxUsefulSwiper.NgxUsefulSwiperModule,
                     ],
                     exports: [
                         ActionsParentComponent,