gentics-ui-core - npm Package Compare versions

Comparing version 5.2.1 to 5.2.2

CHANGELOG.md

 # Gentics UI Core Changelog
 
+## 5.2.2 (2017-07-24)
+
+### Fixes
+* ModalService no longer attempts to open modal before the host view is registered.
+* Remove redundant "readonly" inputs on Checkbox, Range and RadioButton.
+
+## 5.2.1 (2017-07-24)
+
+* Fixed bad publish to npm, no source changes.
+
 ## 5.2.0 (2017-07-24)
 
 ### Features
-* Improve type safety of ModalService.fromComponent() method
+* Improve type safety of ModalService.fromComponent() method.
 
@@ -13,3 +23,2 @@ ### Fixes
 
-### Fixes 
 * Library had not been rebuilt before last npm publish, so some changes were not there.
@@ -16,0 +25,0 @@

dist/components/checkbox/checkbox.component.d.ts

@@ -60,6 +60,2 @@ import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
     /**
-     * Sets the readonly property
-     */
-    readonly: boolean;
-    /**
      * Sets the required property
@@ -66,0 +62,0 @@ */

dist/components/checkbox/checkbox.component.js

@@ -53,6 +53,2 @@ import { ChangeDetectorRef, Component, EventEmitter, forwardRef, HostListener, Input, Output, ViewChild } from '@angular/core';
         /**
-         * Sets the readonly property
-         */
-        this.readonly = false;
-        /**
          * Sets the required property
@@ -195,3 +191,3 @@ */
                 selector: 'gtx-checkbox',
-                template: "<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>",
+                template: "<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>",
                 providers: [GTX_CHECKBOX_VALUE_ACCESSOR]
@@ -212,3 +208,2 @@ },] },
     'name': [{ type: Input },],
-    'readonly': [{ type: Input },],
     'required': [{ type: Input },],
@@ -215,0 +210,0 @@ 'value': [{ type: Input },],

dist/components/checkbox/checkbox.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"Checkbox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-checkbox","template":"<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Checkbox"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"labelElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["labelElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onInputChanged":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"fixInitialAnimation":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Checkbox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-checkbox","template":"<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Checkbox"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"labelElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["labelElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onInputChanged":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"fixInitialAnimation":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"Checkbox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-checkbox","template":"<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Checkbox"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"labelElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["labelElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onInputChanged":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"fixInitialAnimation":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Checkbox":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-checkbox","template":"<div><input type=\"checkbox\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checkState === true\" [indeterminate]=\"checkState === 'indeterminate'\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChanged($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" #labelElement>{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Checkbox"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"labelElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["labelElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onInputChanged":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"fixInitialAnimation":[{"__symbolic":"method"}]}}}}]

dist/components/modal/modal.service.d.ts

@@ -115,4 +115,4 @@ import { ComponentRef, ComponentFactoryResolver, ElementRef, Type } from '@angular/core';
     private componentFactoryResolver;
-    private hostViewContainer;
     private openModalComponents;
+    private getHostViewContainer;
     /**
@@ -119,0 +119,0 @@ * Returns an array of ComponentRefs for each currently-opened modal.

dist/components/modal/modal.service.js

@@ -115,8 +115,5 @@ import { ComponentFactoryResolver, Injectable } from '@angular/core';
     function ModalService(componentFactoryResolver, overlayHostService) {
-        var _this = this;
         this.componentFactoryResolver = componentFactoryResolver;
         this.openModalComponents = [];
-        overlayHostService.getHostView().then(function (view) {
-            _this.hostViewContainer = view;
-        });
+        this.getHostViewContainer = function () { return overlayHostService.getHostView(); };
     }
@@ -146,5 +143,7 @@ Object.defineProperty(ModalService.prototype, "openModals", {
     ModalService.prototype.fromElement = function (elementRef, options) {
-        var modal = this.wrapComponentInModal(BlankModal, options);
-        modal.element.appendChild(elementRef.nativeElement);
-        return Promise.resolve(modal);
+        return this.wrapComponentInModal(BlankModal, options)
+            .then(function (modal) {
+            modal.element.appendChild(elementRef.nativeElement);
+            return modal;
+        });
     };
@@ -155,34 +154,38 @@ /**
     ModalService.prototype.dialog = function (config, options) {
-        var modal = this.wrapComponentInModal(ModalDialog, options);
-        modal.instance.setConfig(config);
-        return Promise.resolve(modal);
+        return this.wrapComponentInModal(ModalDialog, options)
+            .then(function (modal) {
+            modal.instance.setConfig(config);
+            return modal;
+        });
     };
     ModalService.prototype.wrapComponentInModal = function (component, options, locals) {
         var _this = this;
-        var modalWrapper = this.createModalWrapper(options);
-        var componentRef = modalWrapper.injectContent(component);
-        var dialog = componentRef.instance;
-        if (locals !== undefined) {
-            for (var key in locals) {
-                dialog[key] = locals[key];
+        return this.createModalWrapper(options)
+            .then(function (modalWrapper) {
+            var componentRef = modalWrapper.injectContent(component);
+            var dialog = componentRef.instance;
+            if (locals !== undefined) {
+                for (var key in locals) {
+                    dialog[key] = locals[key];
+                }
+                componentRef.changeDetectorRef.markForCheck();
             }
-            componentRef.changeDetectorRef.markForCheck();
-        }
-        this.checkModalDialogInterface(dialog);
-        return {
-            instance: dialog,
-            element: componentRef.location.nativeElement,
-            open: function () {
-                _this.invokeOnOpenCallback(options);
-                _this.openModalComponents.push(componentRef);
-                componentRef.onDestroy(function () {
-                    var index = _this.openModalComponents.indexOf(componentRef);
-                    if (-1 < index) {
-                        _this.openModalComponents.splice(index, 1);
-                    }
-                });
-                modalWrapper.open();
-                return _this.createPromiseFromDialog(modalWrapper, dialog);
-            }
-        };
+            _this.checkModalDialogInterface(dialog);
+            return {
+                instance: dialog,
+                element: componentRef.location.nativeElement,
+                open: function () {
+                    _this.invokeOnOpenCallback(options);
+                    _this.openModalComponents.push(componentRef);
+                    componentRef.onDestroy(function () {
+                        var index = _this.openModalComponents.indexOf(componentRef);
+                        if (-1 < index) {
+                            _this.openModalComponents.splice(index, 1);
+                        }
+                    });
+                    modalWrapper.open();
+                    return _this.createPromiseFromDialog(modalWrapper, dialog);
+                }
+            };
+        });
     };
@@ -203,8 +206,12 @@ /**
     ModalService.prototype.createModalWrapper = function (options) {
-        var modalFactoryFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicModalWrapper);
-        if (!this.hostViewContainer) {
-            throw new Error('No OverlayHost present, add a <gtx-overlay-host> element!');
-        }
-        var ref = this.hostViewContainer.createComponent(modalFactoryFactory);
-        return this.getConfiguredModalWrapper(ref, options);
+        var _this = this;
+        return this.getHostViewContainer()
+            .then(function (hostViewContainer) {
+            var modalFactoryFactory = _this.componentFactoryResolver.resolveComponentFactory(DynamicModalWrapper);
+            if (!hostViewContainer) {
+                throw new Error('No OverlayHost present, add a <gtx-overlay-host> element!');
+            }
+            var ref = hostViewContainer.createComponent(modalFactoryFactory);
+            return _this.getConfiguredModalWrapper(ref, options);
+        });
     };
@@ -211,0 +218,0 @@ /**

dist/components/radio-button/radio-button.component.d.ts

@@ -77,6 +77,2 @@ import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
     /**
-     * Sets the readonly state
-     */
-    readonly: boolean;
-    /**
      * Sets the required state
@@ -83,0 +79,0 @@ */

dist/components/radio-button/radio-button.component.js

@@ -129,6 +129,2 @@ import { Attribute, ChangeDetectorRef, Component, Directive, EventEmitter, HostListener, Input, Optional, Output, forwardRef } from '@angular/core';
         /**
-         * Sets the readonly state
-         */
-        this.readonly = false;
-        /**
          * Sets the required state
@@ -269,3 +265,3 @@ */
                 selector: 'gtx-radio-button',
-                template: "<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>",
+                template: "<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>",
                 providers: [GTX_RADIO_BUTTON_VALUE_ACCESSOR]
@@ -287,3 +283,2 @@ },] },
     'name': [{ type: Input },],
-    'readonly': [{ type: Input },],
     'required': [{ type: Input },],
@@ -290,0 +285,0 @@ 'value': [{ type: Input },],

dist/components/radio-button/radio-button.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"RadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"gtx-radio-group, [gtx-radio-group]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioGroup"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"radioSelected":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"instanceCounter":0}},"RadioButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-radio-button","template":"<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButton"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["ngModel"]}],null],"parameters":[{"__symbolic":"reference","name":"RadioGroup"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onInputChecked":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"gtx-radio-group, [gtx-radio-group]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioGroup"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"radioSelected":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"instanceCounter":0}},"RadioButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-radio-button","template":"<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButton"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["ngModel"]}],null],"parameters":[{"__symbolic":"reference","name":"RadioGroup"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onInputChecked":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"RadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"gtx-radio-group, [gtx-radio-group]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioGroup"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"radioSelected":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"instanceCounter":0}},"RadioButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-radio-button","template":"<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButton"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["ngModel"]}],null],"parameters":[{"__symbolic":"reference","name":"RadioGroup"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onInputChecked":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"RadioGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"gtx-radio-group, [gtx-radio-group]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioGroup"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"radioSelected":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"instanceCounter":0}},"RadioButton":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-radio-button","template":"<div><input type=\"radio\" [attr.id]=\"id\" [attr.name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" [required]=\"required\" [value]=\"value\" (blur)=\"onBlur()\" (focus)=\"onFocus()\" (change)=\"onInputChecked($event, input)\" [class.tabbed]=\"tabbedFocus\" #input ><label [attr.for]=\"id\" (click)=\"input.focus()\">{{ label }}</label></div>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"RadioButton"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["ngModel"]}],null],"parameters":[{"__symbolic":"reference","name":"RadioGroup"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"onBlur":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keyup",["$event"]]}]}],"writeValue":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onInputChecked":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]

dist/components/range/range.component.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer, SimpleChange } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -39,6 +39,2 @@ /**
     /**
-     * Sets the readonly state.
-     */
-    readonly: boolean;
-    /**
      * Sets the required state.
@@ -80,5 +76,2 @@ */
     ngOnInit(): void;
-    ngOnChanges(changes: {
-        [K in keyof this]: SimpleChange;
-    }): void;
     onBlur(e: FocusEvent): void;
@@ -85,0 +78,0 @@ /**

dist/components/range/range.component.js

@@ -33,6 +33,2 @@ import { ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Input, Output, Renderer, ViewChild } from '@angular/core';
         /**
-         * Sets the readonly state.
-         */
-        this.readonly = false;
-        /**
          * Sets the required state.
@@ -61,3 +57,3 @@ */
         get: function () {
-            return !this.disabled && !this.readonly;
+            return !this.disabled;
         },
@@ -70,14 +66,2 @@ enumerable: true,
     };
-    Range.prototype.ngOnChanges = function (changes) {
-        if (changes.readonly) {
-            // IE11 and Edge do not support the `readonly` property on a range input, and cancelling or preventing
-            // the `change` event also does not work. See https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11421194/
-            // Thus we do some browser sniffing and for IE and Edge we convert `readonly` into `disabled`.
-            var edgeOrIE = (/rv:11\.0/i.test(navigator.userAgent)) || (/Edge\/\d./i.test(navigator.userAgent));
-            if (edgeOrIE) {
-                var readonly = changes.readonly.currentValue;
-                this.disabled = (readonly === true || readonly === 'true');
-            }
-        }
-    };
     Range.prototype.onBlur = function (e) {
@@ -171,3 +155,3 @@ e.stopPropagation();
                 selector: 'gtx-range',
-                template: "<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [readonly]=\"readonly\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>",
+                template: "<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>",
                 providers: [GTX_RANGE_VALUE_ACCESSOR]
@@ -189,3 +173,2 @@ },] },
     'name': [{ type: Input },],
-    'readonly': [{ type: Input },],
     'required': [{ type: Input },],
@@ -192,0 +175,0 @@ 'step': [{ type: Input },],

dist/components/range/range.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"Range":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-range","template":"<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [readonly]=\"readonly\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Range"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getValueFromEvent":[{"__symbolic":"method"}],"setThumbPosition":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Range":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-range","template":"<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [readonly]=\"readonly\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Range"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getValueFromEvent":[{"__symbolic":"method"}],"setThumbPosition":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"Range":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-range","template":"<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Range"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getValueFromEvent":[{"__symbolic":"method"}],"setThumbPosition":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"Range":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-range","template":"<div class=\"range-field\"><input type=\"range\" [disabled]=\"disabled\" [attr.max]=\"max\" [attr.min]=\"min\" [attr.name]=\"name\" [required]=\"required\" [attr.step]=\"step\" [attr.id]=\"id\" (blur)=\"onBlur($event)\" (change)=\"onChangeEvent($event)\" (focus)=\"onFocus($event)\" (input)=\"onInput($event)\" (mousedown)=\"onMousedown($event)\" (mouseup)=\"onMouseup()\" (mousemove)=\"onMousemove($event)\" #input > <span class=\"thumb\" [class.active]=\"active\" [style.left]=\"thumbLeft\"><span class=\"value\">{{ currentValue }}</span></span></div><label [attr.for]=\"id\" >{{ label }}</label>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Range"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onChangeEvent":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onMousedown":[{"__symbolic":"method"}],"onMouseup":[{"__symbolic":"method"}],"onMousemove":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getValueFromEvent":[{"__symbolic":"method"}],"setThumbPosition":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "gentics-ui-core",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "Gentics UI Core Framework",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

2598211

decreased by-0.11%

Lines of code

9170

decreased by-0.38%

No dependency changes