@nebular/theme - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

components/accordion/accordion-item-body.component.d.ts

@@ -6,3 +6,3 @@ /**
  */
-import { ElementRef, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
 import { NbAccordionItemComponent } from './accordion-item.component';
@@ -14,7 +14,5 @@ /**
     private accordionItem;
-    private el;
     private cd;
-    contentHeight: string;
     private alive;
-    constructor(accordionItem: NbAccordionItemComponent, el: ElementRef, cd: ChangeDetectorRef);
+    constructor(accordionItem: NbAccordionItemComponent, cd: ChangeDetectorRef);
     readonly state: string;
@@ -21,0 +19,0 @@ ngOnInit(): void;

components/accordion/accordion-item-body.component.js

@@ -6,3 +6,3 @@ /**
  */
-import { Component, ChangeDetectionStrategy, Host, ElementRef, ChangeDetectorRef, } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Host, ChangeDetectorRef, } from '@angular/core';
 import { trigger, state, style, animate, transition } from '@angular/animations';
@@ -20,4 +20,3 @@ import { takeWhile } from 'rxjs/operators';
         visibility: 'visible',
-        height: '{{ contentHeight }}',
-    }), { params: { contentHeight: '1rem' } }),
+    })),
     transition('collapsed => expanded', animate('100ms ease-in')),
@@ -30,5 +29,4 @@ transition('expanded => collapsed', animate('100ms ease-out')),
 var NbAccordionItemBodyComponent = /** @class */ (function () {
-    function NbAccordionItemBodyComponent(accordionItem, el, cd) {
+    function NbAccordionItemBodyComponent(accordionItem, cd) {
         this.accordionItem = accordionItem;
-        this.el = el;
         this.cd = cd;
@@ -46,3 +44,2 @@ this.alive = true;
         var _this = this;
-        this.contentHeight = this.el.nativeElement.clientHeight + "px";
         this.accordionItem.accordionItemInvalidate
@@ -58,3 +55,3 @@ .pipe(takeWhile(function () { return _this.alive; }))
                     selector: 'nb-accordion-item-body',
-                    template: "\n    <div [@accordionItemBody]=\"{ value: state, params: { contentHeight: contentHeight } }\">\n      <div class=\"item-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div [@accordionItemBody]=\"{ value: state }\">\n      <div class=\"item-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ",
                     animations: [accordionItemBodyTrigger],
@@ -67,3 +64,2 @@ changeDetection: ChangeDetectionStrategy.OnPush,
         { type: NbAccordionItemComponent, decorators: [{ type: Host },] },
-        { type: ElementRef, },
         { type: ChangeDetectorRef, },
@@ -70,0 +66,0 @@ ]; };

components/accordion/accordion-item-body.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbAccordionItemBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":45,"character":1},"arguments":[{"selector":"nb-accordion-item-body","template":"\n    <div [@accordionItemBody]=\"{ value: state, params: { contentHeight: contentHeight } }\">\n      <div class=\"item-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":20,"character":33},"arguments":["accordionItemBody",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":21,"character":2},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":23,"character":4},"arguments":[{"overflow":"hidden","visibility":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":29,"character":2},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":4},"arguments":[{"overflow":"hidden","visibility":"visible","height":"{{ contentHeight }}"}]},{"params":{"contentHeight":"1rem"}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":2},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":38},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":39,"character":2},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":38},"arguments":["100ms ease-out"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":55,"character":19},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":64,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"./accordion-item.component","name":"NbAccordionItemComponent","line":64,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":65,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":16}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbAccordionItemBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"selector":"nb-accordion-item-body","template":"\n    <div [@accordionItemBody]=\"{ value: state }\">\n      <div class=\"item-body\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":19,"character":33},"arguments":["accordionItemBody",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":20,"character":2},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":4},"arguments":[{"overflow":"hidden","visibility":"hidden","height":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":28,"character":2},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":4},"arguments":[{"overflow":"hidden","visibility":"visible"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":35,"character":2},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":35,"character":38},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":2},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":38},"arguments":["100ms ease-out"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":52,"character":19},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":57,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"./accordion-item.component","name":"NbAccordionItemComponent","line":57,"character":45},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":57,"character":83}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

components/accordion/accordion-item-header.component.js

@@ -34,3 +34,5 @@ /**
     Object.defineProperty(NbAccordionItemHeaderComponent.prototype, "tabbable", {
-        get: function () {
+        get: 
+        // issue #794
+        function () {
             return this.accordionItem.disabled ? '-1' : '0';
@@ -37,0 +39,0 @@ },

components/accordion/accordion-item-header.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbAccordionItemHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"nb-accordion-item-header","styleUrls":["./accordion-item-header.component.css"],"template":"\n    <ng-content select=\"nb-accordion-item-title\"></ng-content>\n    <ng-content select=\"nb-accordion-item-description\"></ng-content>\n    <ng-content></ng-content>\n    <i [@expansionIndicator]=\"state\" *ngIf=\"!disabled\" class=\"nb-arrow-down\"></i>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":34,"character":4},"arguments":["expansionIndicator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":8},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":42},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":42},"arguments":["100ms ease-out"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"}}]}],"members":{"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.accordion-item-header-collapsed"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":54,"character":3},"arguments":["class.accordion-item-header-expanded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["attr.aria-expanded"]}]}],"tabbable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":3},"arguments":["attr.tabindex"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":3},"arguments":["attr.aria-disabled"]}]}],"toggle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":70,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":85,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"./accordion-item.component","name":"NbAccordionItemComponent","line":85,"character":45},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":85,"character":83}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbAccordionItemHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"nb-accordion-item-header","styleUrls":["./accordion-item-header.component.css"],"template":"\n    <ng-content select=\"nb-accordion-item-title\"></ng-content>\n    <ng-content select=\"nb-accordion-item-description\"></ng-content>\n    <ng-content></ng-content>\n    <i [@expansionIndicator]=\"state\" *ngIf=\"!disabled\" class=\"nb-arrow-down\"></i>\n  ","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":34,"character":4},"arguments":["expansionIndicator",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":8},"arguments":[{"transform":"rotate(180deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":["collapsed => expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":42},"arguments":["100ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":["expanded => collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":42},"arguments":["100ms ease-out"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"}}]}],"members":{"isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":3},"arguments":["class.accordion-item-header-collapsed"]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":54,"character":3},"arguments":["class.accordion-item-header-expanded"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":55,"character":3},"arguments":["attr.aria-expanded"]}]}],"tabbable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":3},"arguments":["attr.tabindex"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":3},"arguments":["attr.aria-disabled"]}]}],"toggle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":71,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":86,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"./accordion-item.component","name":"NbAccordionItemComponent","line":86,"character":45},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":86,"character":83}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]

components/button/button.component.d.ts

 /**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+import { Renderer2, ElementRef } from '@angular/core';
+/**
  * Basic button component.
@@ -103,2 +109,4 @@ *
 export declare class NbButtonComponent {
+    protected renderer: Renderer2;
+    protected hostElement: ElementRef<HTMLElement>;
     static readonly SIZE_XSMALL: string;
@@ -174,3 +182,14 @@ static readonly SIZE_SMALL: string;
     setOutline: boolean;
+    /**
+     * @private
+     * Keep this handler to partially support anchor disabling.
+     * Unlike button, anchor doesn't have 'disabled' DOM property,
+     * so handler will be called anyway. We preventing navigation and bubbling.
+     * Disabling is partial due to click handlers precedence. Consider example:
+     * <a nbButton [disabled]="true" (click)="clickHandler()">...</a>
+     * 'clickHandler' will be called before our host listener below. We can't prevent
+     * such handlers call.
+     */
     onClick(event: Event): void;
+    constructor(renderer: Renderer2, hostElement: ElementRef<HTMLElement>);
 }

components/button/button.component.js

@@ -6,3 +6,3 @@ /**
  */
-import { Component, Input, HostBinding, HostListener } from '@angular/core';
+import { Component, Input, HostBinding, HostListener, Renderer2, ElementRef } from '@angular/core';
 import { convertToBoolProperty } from '../helpers';
@@ -111,3 +111,5 @@ /**
 var NbButtonComponent = /** @class */ (function () {
-    function NbButtonComponent() {
+    function NbButtonComponent(renderer, hostElement) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
         this.fullWidth = false;
@@ -200,3 +202,5 @@ }
     Object.defineProperty(NbButtonComponent.prototype, "tabbable", {
-        get: function () {
+        get: 
+        // issue #794
+        function () {
             return this.disabled ? '-1' : '0';
@@ -260,2 +264,3 @@ },
             this.disabled = convertToBoolProperty(val);
+            this.renderer.setProperty(this.hostElement.nativeElement, 'disabled', this.disabled);
         },
@@ -287,3 +292,23 @@ enumerable: true,
     });
-    NbButtonComponent.prototype.onClick = function (event) {
+    /**
+       * @private
+       * Keep this handler to partially support anchor disabling.
+       * Unlike button, anchor doesn't have 'disabled' DOM property,
+       * so handler will be called anyway. We preventing navigation and bubbling.
+       * Disabling is partial due to click handlers precedence. Consider example:
+       * <a nbButton [disabled]="true" (click)="clickHandler()">...</a>
+       * 'clickHandler' will be called before our host listener below. We can't prevent
+       * such handlers call.
+       */
+    NbButtonComponent.prototype.onClick = /**
+       * @private
+       * Keep this handler to partially support anchor disabling.
+       * Unlike button, anchor doesn't have 'disabled' DOM property,
+       * so handler will be called anyway. We preventing navigation and bubbling.
+       * Disabling is partial due to click handlers precedence. Consider example:
+       * <a nbButton [disabled]="true" (click)="clickHandler()">...</a>
+       * 'clickHandler' will be called before our host listener below. We can't prevent
+       * such handlers call.
+       */
+    function (event) {
         if (this.disabled) {
@@ -314,2 +339,6 @@ event.preventDefault();
     /** @nocollapse */
+    NbButtonComponent.ctorParameters = function () { return [
+        { type: Renderer2, },
+        { type: ElementRef, },
+    ]; };
     NbButtonComponent.propDecorators = {
@@ -316,0 +345,0 @@ "xsmall": [{ type: HostBinding, args: ['class.btn-xsmall',] },],

components/button/button.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":110,"character":1},"arguments":[{"selector":"button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]","styleUrls":["./button.component.css"],"template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"xsmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":139,"character":3},"arguments":["class.btn-xsmall"]}]}],"small":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":144,"character":3},"arguments":["class.btn-small"]}]}],"medium":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":149,"character":3},"arguments":["class.btn-medium"]}]}],"large":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":154,"character":3},"arguments":["class.btn-large"]}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":159,"character":3},"arguments":["class.btn-primary"]}]}],"info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":164,"character":3},"arguments":["class.btn-info"]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":169,"character":3},"arguments":["class.btn-success"]}]}],"warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.btn-warning"]}]}],"danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":179,"character":3},"arguments":["class.btn-danger"]}]}],"rectangle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":184,"character":3},"arguments":["class.btn-rectangle"]}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":189,"character":3},"arguments":["class.btn-round"]}]}],"semiRound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":194,"character":3},"arguments":["class.btn-semi-round"]}]}],"hero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":199,"character":3},"arguments":["class.btn-hero"]}]}],"outline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":200,"character":3},"arguments":["class.btn-outline"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":202,"character":3},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":203,"character":3},"arguments":["class.btn-disabled"]}]}],"tabbable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":205,"character":3},"arguments":["attr.tabindex"]}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":210,"character":3},"arguments":["class.btn-full-width"]}]}],"setSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":3},"arguments":["size"]}]}],"setStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":228,"character":3},"arguments":["status"]}]}],"setShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3},"arguments":["shape"]}]}],"setHero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3},"arguments":["hero"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":255,"character":3},"arguments":["disabled"]}]}],"setFullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":264,"character":3},"arguments":["fullWidth"]}]}],"setOutline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":273,"character":3},"arguments":["outline"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":278,"character":3},"arguments":["click",["$event"]]}]}]},"statics":{"SIZE_XSMALL":"xsmall","SIZE_SMALL":"small","SIZE_MEDIUM":"medium","SIZE_LARGE":"large","STATUS_PRIMARY":"primary","STATUS_INFO":"info","STATUS_SUCCESS":"success","STATUS_WARNING":"warning","STATUS_DANGER":"danger","SHAPE_RECTANGLE":"rectangle","SHAPE_ROUND":"round","SHAPE_SEMI_ROUND":"semi-round"}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":110,"character":1},"arguments":[{"selector":"button[nbButton],a[nbButton],input[type=\"button\"][nbButton],input[type=\"submit\"][nbButton]","styleUrls":["./button.component.css"],"template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"xsmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":139,"character":3},"arguments":["class.btn-xsmall"]}]}],"small":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":144,"character":3},"arguments":["class.btn-small"]}]}],"medium":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":149,"character":3},"arguments":["class.btn-medium"]}]}],"large":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":154,"character":3},"arguments":["class.btn-large"]}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":159,"character":3},"arguments":["class.btn-primary"]}]}],"info":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":164,"character":3},"arguments":["class.btn-info"]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":169,"character":3},"arguments":["class.btn-success"]}]}],"warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":174,"character":3},"arguments":["class.btn-warning"]}]}],"danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":179,"character":3},"arguments":["class.btn-danger"]}]}],"rectangle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":184,"character":3},"arguments":["class.btn-rectangle"]}]}],"round":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":189,"character":3},"arguments":["class.btn-round"]}]}],"semiRound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":194,"character":3},"arguments":["class.btn-semi-round"]}]}],"hero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":199,"character":3},"arguments":["class.btn-hero"]}]}],"outline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":200,"character":3},"arguments":["class.btn-outline"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":202,"character":3},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":203,"character":3},"arguments":["class.btn-disabled"]}]}],"tabbable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":206,"character":3},"arguments":["attr.tabindex"]}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":211,"character":3},"arguments":["class.btn-full-width"]}]}],"setSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":219,"character":3},"arguments":["size"]}]}],"setStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":229,"character":3},"arguments":["status"]}]}],"setShape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3},"arguments":["shape"]}]}],"setHero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":3},"arguments":["hero"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":256,"character":3},"arguments":["disabled"]}]}],"setFullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":266,"character":3},"arguments":["fullWidth"]}]}],"setOutline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":275,"character":3},"arguments":["outline"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":290,"character":3},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":299,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":300,"character":27,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":300,"character":38,"context":{"typeName":"HTMLElement"}}]}]}]},"statics":{"SIZE_XSMALL":"xsmall","SIZE_SMALL":"small","SIZE_MEDIUM":"medium","SIZE_LARGE":"large","STATUS_PRIMARY":"primary","STATUS_INFO":"info","STATUS_SUCCESS":"success","STATUS_WARNING":"warning","STATUS_DANGER":"danger","SHAPE_RECTANGLE":"rectangle","SHAPE_ROUND":"round","SHAPE_SEMI_ROUND":"semi-round"}}}}]

components/calendar-kit/calendar-kit.module.js

@@ -11,3 +11,3 @@ /**
 import { NbCalendarMonthModelService, NbDateService } from './services';
-import { NbCalendarDatePipe, NbCalendarDayCellComponent, NbCalendarDayPickerComponent, NbCalendarDaysNamesComponent, NbCalendarHeaderComponent, NbCalendarMonthCellComponent, NbCalendarMonthPickerComponent, NbCalendarNavigationComponent, NbCalendarPageableNavigationComponent, NbCalendarPickerComponent, NbCalendarPickerRowComponent, NbCalendarYearCellComponent, NbCalendarYearPickerComponent, } from './components';
+import { NbCalendarDayCellComponent, NbCalendarDayPickerComponent, NbCalendarDaysNamesComponent, NbCalendarHeaderComponent, NbCalendarMonthCellComponent, NbCalendarMonthPickerComponent, NbCalendarNavigationComponent, NbCalendarPageableNavigationComponent, NbCalendarPickerComponent, NbCalendarPickerRowComponent, NbCalendarYearCellComponent, NbCalendarYearPickerComponent, } from './components';
 import { NbNativeDateService } from './services/native-date.service';
@@ -33,5 +33,2 @@ var SERVICES = [
 ];
-var PIPES = [
-    NbCalendarDatePipe,
-];
 /**
@@ -61,4 +58,4 @@ * `NbCalendarKitModule` is a module that contains multiple useful components for building custom calendars.
                     imports: [NbSharedModule, NbButtonModule],
-                    exports: COMPONENTS.concat(PIPES),
-                    declarations: COMPONENTS.concat(PIPES),
+                    exports: COMPONENTS.slice(),
+                    declarations: COMPONENTS.slice(),
                     providers: SERVICES.slice(),
@@ -65,0 +62,0 @@ entryComponents: [

components/calendar-kit/calendar-kit.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbCalendarKitModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":75,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"../shared/shared.module","name":"NbSharedModule","line":76,"character":12},{"__symbolic":"reference","module":"../button/button.module","name":"NbButtonModule","line":76,"character":28}],"exports":[{"__symbolic":"reference","module":"./components","name":"NbCalendarHeaderComponent","line":39,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarNavigationComponent","line":40,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPageableNavigationComponent","line":41,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDaysNamesComponent","line":42,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearPickerComponent","line":43,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthPickerComponent","line":44,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayPickerComponent","line":45,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":46,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":47,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":48,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerRowComponent","line":49,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerComponent","line":50,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDatePipe","line":54,"character":2}],"declarations":[{"__symbolic":"reference","module":"./components","name":"NbCalendarHeaderComponent","line":39,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarNavigationComponent","line":40,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPageableNavigationComponent","line":41,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDaysNamesComponent","line":42,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearPickerComponent","line":43,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthPickerComponent","line":44,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayPickerComponent","line":45,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":46,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":47,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":48,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerRowComponent","line":49,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerComponent","line":50,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDatePipe","line":54,"character":2}],"providers":[{"provide":{"__symbolic":"reference","module":"./services","name":"NbDateService","line":33,"character":13},"useClass":{"__symbolic":"reference","module":"./services/native-date.service","name":"NbNativeDateService","line":33,"character":38}},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":34,"character":2},{"__symbolic":"reference","module":"./services","name":"NbCalendarMonthModelService","line":35,"character":2}],"entryComponents":[{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":81,"character":4},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":82,"character":4},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":83,"character":4}]}]}]}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbCalendarKitModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":70,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"../shared/shared.module","name":"NbSharedModule","line":71,"character":12},{"__symbolic":"reference","module":"../button/button.module","name":"NbButtonModule","line":71,"character":28}],"exports":[{"__symbolic":"reference","module":"./components","name":"NbCalendarHeaderComponent","line":38,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarNavigationComponent","line":39,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPageableNavigationComponent","line":40,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDaysNamesComponent","line":41,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearPickerComponent","line":42,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthPickerComponent","line":43,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayPickerComponent","line":44,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":45,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":46,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":47,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerRowComponent","line":48,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerComponent","line":49,"character":2}],"declarations":[{"__symbolic":"reference","module":"./components","name":"NbCalendarHeaderComponent","line":38,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarNavigationComponent","line":39,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPageableNavigationComponent","line":40,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDaysNamesComponent","line":41,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearPickerComponent","line":42,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthPickerComponent","line":43,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayPickerComponent","line":44,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":45,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":46,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":47,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerRowComponent","line":48,"character":2},{"__symbolic":"reference","module":"./components","name":"NbCalendarPickerComponent","line":49,"character":2}],"providers":[{"provide":{"__symbolic":"reference","module":"./services","name":"NbDateService","line":32,"character":13},"useClass":{"__symbolic":"reference","module":"./services/native-date.service","name":"NbNativeDateService","line":32,"character":38}},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":33,"character":2},{"__symbolic":"reference","module":"./services","name":"NbCalendarMonthModelService","line":34,"character":2}],"entryComponents":[{"__symbolic":"reference","module":"./components","name":"NbCalendarDayCellComponent","line":76,"character":4},{"__symbolic":"reference","module":"./components","name":"NbCalendarMonthCellComponent","line":77,"character":4},{"__symbolic":"reference","module":"./components","name":"NbCalendarYearCellComponent","line":78,"character":4}]}]}]}}}]

components/calendar-kit/components/calendar-header/calendar-header.component.js

@@ -33,3 +33,3 @@ /**
                     selector: 'nb-calendar-header',
-                    template: "\n    <div class=\"header\">\n      <span class=\"title\" (click)=\"navigateToday.emit()\">\n        {{ date | nbCalendarDate }}\n        <i [ngClass]=\"{ 'nb-arrow-dropright': isLtr, 'nb-arrow-dropleft': isRtl }\"></i>\n      </span>\n      <span class=\"sub-title\">Today</span>\n    </div>\n  ",
+                    template: "\n    <div class=\"header\">\n      <span class=\"title\" (click)=\"navigateToday.emit()\">\n        {{ date | date: 'mediumDate' }}\n        <i [ngClass]=\"{ 'nb-arrow-dropright': isLtr, 'nb-arrow-dropleft': isRtl }\"></i>\n      </span>\n      <span class=\"sub-title\">Today</span>\n    </div>\n  ",
                 },] },
@@ -36,0 +36,0 @@ ];

components/calendar-kit/components/calendar-header/calendar-header.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbCalendarHeaderComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nb-calendar-header","template":"\n    <div class=\"header\">\n      <span class=\"title\" (click)=\"navigateToday.emit()\">\n        {{ date | nbCalendarDate }}\n        <i [ngClass]=\"{ 'nb-arrow-dropright': isLtr, 'nb-arrow-dropleft': isRtl }\"></i>\n      </span>\n      <span class=\"sub-title\">Today</span>\n    </div>\n  "}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"navigateToday":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../../services/direction.service","name":"NbLayoutDirectionService","line":28,"character":42},{"__symbolic":"reference","module":"../../services","name":"NbDateService","line":28,"character":91,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":28,"character":105,"context":{"typeName":"D"}}]}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbCalendarHeaderComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nb-calendar-header","template":"\n    <div class=\"header\">\n      <span class=\"title\" (click)=\"navigateToday.emit()\">\n        {{ date | date: 'mediumDate' }}\n        <i [ngClass]=\"{ 'nb-arrow-dropright': isLtr, 'nb-arrow-dropleft': isRtl }\"></i>\n      </span>\n      <span class=\"sub-title\">Today</span>\n    </div>\n  "}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"navigateToday":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../../services/direction.service","name":"NbLayoutDirectionService","line":28,"character":42},{"__symbolic":"reference","module":"../../services","name":"NbDateService","line":28,"character":91,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":28,"character":105,"context":{"typeName":"D"}}]}]}]}}}}]

components/calendar-kit/components/calendar-navigation/calendar-navigation.component.js

@@ -15,3 +15,3 @@ /**
                     styles: ["\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n\n    :host button {\n      height: 3.125rem;\n    }\n  "],
-                    template: "\n    <button nbButton (click)=\"changeMode.emit()\">\n      {{ date | nbCalendarDate }}\n    </button>\n  ",
+                    template: "\n    <button nbButton (click)=\"changeMode.emit()\">\n      {{ date | date: 'MMM yyyy' }}\n    </button>\n  ",
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -18,0 +18,0 @@ },] },

components/calendar-kit/components/calendar-navigation/calendar-navigation.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbCalendarNavigationComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nb-calendar-navigation","styles":["\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n\n    :host button {\n      height: 3.125rem;\n    }\n  "],"template":"\n    <button nbButton (click)=\"changeMode.emit()\">\n      {{ date | nbCalendarDate }}\n    </button>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"}}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"changeMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbCalendarNavigationComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"nb-calendar-navigation","styles":["\n    :host {\n      display: flex;\n      justify-content: center;\n    }\n\n    :host button {\n      height: 3.125rem;\n    }\n  "],"template":"\n    <button nbButton (click)=\"changeMode.emit()\">\n      {{ date | date: 'MMM yyyy' }}\n    </button>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"}}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"changeMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}]}}}}]

components/calendar-kit/components/index.d.ts

@@ -18,2 +18,1 @@ /**
 export { NbCalendarPickerComponent } from './calendar-picker/calendar-picker.component';
-export { NbCalendarDatePipe } from './calendar-date/calendar-date.pipe';

components/calendar-kit/components/index.js

@@ -18,3 +18,2 @@ /**
 export { NbCalendarPickerComponent } from './calendar-picker/calendar-picker.component';
-export { NbCalendarDatePipe } from './calendar-date/calendar-date.pipe';
 //# sourceMappingURL=index.js.map

components/calendar-kit/components/index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./calendar-header/calendar-header.component","export":["NbCalendarHeaderComponent"]},{"from":"./calendar-day-picker/calendar-day-cell.component","export":["NbCalendarDayCellComponent"]},{"from":"./calendar-year-picker/calendar-year-picker.component","export":["NbCalendarYearPickerComponent"]},{"from":"./calendar-month-picker/calendar-month-picker.component","export":["NbCalendarMonthPickerComponent"]},{"from":"./calendar-day-picker/calendar-day-picker.component","export":["NbCalendarDayPickerComponent"]},{"from":"./calendar-navigation/calendar-navigation.component","export":["NbCalendarNavigationComponent"]},{"from":"./calendar-navigation/calendar-pageable-navigation.component","export":["NbCalendarPageableNavigationComponent"]},{"from":"./calendar-days-names/calendar-days-names.component","export":["NbCalendarDaysNamesComponent"]},{"from":"./calendar-month-picker/calendar-month-cell.component","export":["NbCalendarMonthCellComponent"]},{"from":"./calendar-year-picker/calendar-year-cell.component","export":["NbCalendarYearCellComponent"]},{"from":"./calendar-picker/calendar-picker-row.component","export":["NbCalendarPickerRowComponent"]},{"from":"./calendar-picker/calendar-picker.component","export":["NbCalendarPickerComponent"]},{"from":"./calendar-date/calendar-date.pipe","export":["NbCalendarDatePipe"]}]}]
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./calendar-header/calendar-header.component","export":["NbCalendarHeaderComponent"]},{"from":"./calendar-day-picker/calendar-day-cell.component","export":["NbCalendarDayCellComponent"]},{"from":"./calendar-year-picker/calendar-year-picker.component","export":["NbCalendarYearPickerComponent"]},{"from":"./calendar-month-picker/calendar-month-picker.component","export":["NbCalendarMonthPickerComponent"]},{"from":"./calendar-day-picker/calendar-day-picker.component","export":["NbCalendarDayPickerComponent"]},{"from":"./calendar-navigation/calendar-navigation.component","export":["NbCalendarNavigationComponent"]},{"from":"./calendar-navigation/calendar-pageable-navigation.component","export":["NbCalendarPageableNavigationComponent"]},{"from":"./calendar-days-names/calendar-days-names.component","export":["NbCalendarDaysNamesComponent"]},{"from":"./calendar-month-picker/calendar-month-cell.component","export":["NbCalendarMonthCellComponent"]},{"from":"./calendar-year-picker/calendar-year-cell.component","export":["NbCalendarYearCellComponent"]},{"from":"./calendar-picker/calendar-picker-row.component","export":["NbCalendarPickerRowComponent"]},{"from":"./calendar-picker/calendar-picker.component","export":["NbCalendarPickerComponent"]}]}]

components/cdk/overlay/overlay-trigger.d.ts

@@ -1,3 +0,3 @@
-import { Observable, Subject } from 'rxjs';
 import { ComponentRef } from '@angular/core';
+import { Observable } from 'rxjs';
 export declare enum NbTrigger {
@@ -22,2 +22,6 @@ CLICK = "click",
     protected container: () => ComponentRef<any>;
+    protected isNotOnHostOrContainer(event: Event): boolean;
+    protected isOnHostOrContainer(event: Event): boolean;
+    protected isOnHost({target}: Event): boolean;
+    protected isOnContainer({target}: Event): boolean;
     abstract show$: Observable<Event>;
@@ -34,13 +38,5 @@ abstract hide$: Observable<Event>;
 export declare class NbClickTriggerStrategy extends NbTriggerStrategy {
-    protected document: Document;
-    protected host: HTMLElement;
-    protected container: () => ComponentRef<any>;
-    protected show: Subject<Event>;
+    protected click$: Observable<[boolean, Event]>;
     readonly show$: Observable<Event>;
-    protected hide: Subject<Event>;
     readonly hide$: Observable<Event>;
-    constructor(document: Document, host: HTMLElement, container: () => ComponentRef<any>);
-    protected subscribeOnHostClick(): void;
-    protected isContainerExists(): boolean;
-    protected isNotHostOrContainer(event: Event): boolean;
 }
@@ -71,5 +67,2 @@ /**
 export declare class NbFocusTriggerStrategy extends NbTriggerStrategy {
-    protected isNotOnHostOrContainer(event: Event): boolean;
-    protected isOnHost({target}: Event): boolean;
-    protected isOnContainer({target}: Event): boolean;
     protected focusOut$: Observable<Event>;
@@ -76,0 +69,0 @@ protected clickIn$: Observable<Event>;

components/cdk/overlay/overlay-trigger.js

@@ -11,4 +11,4 @@ var __extends = (this && this.__extends) || (function () {
 })();
-import { fromEvent as observableFromEvent, merge as observableMerge, Subject } from 'rxjs';
-import { debounceTime, delay, filter, repeat, switchMap, takeUntil, takeWhile } from 'rxjs/operators';
+import { fromEvent as observableFromEvent, merge as observableMerge } from 'rxjs';
+import { debounceTime, delay, filter, repeat, share, switchMap, takeUntil, takeWhile, map } from 'rxjs/operators';
 export var NbTrigger;
@@ -45,2 +45,16 @@ (function (NbTrigger) {
     }
+    NbTriggerStrategy.prototype.isNotOnHostOrContainer = function (event) {
+        return !this.isOnHost(event) && !this.isOnContainer(event);
+    };
+    NbTriggerStrategy.prototype.isOnHostOrContainer = function (event) {
+        return this.isOnHost(event) || this.isOnContainer(event);
+    };
+    NbTriggerStrategy.prototype.isOnHost = function (_a) {
+        var target = _a.target;
+        return this.host.contains(target);
+    };
+    NbTriggerStrategy.prototype.isOnContainer = function (_a) {
+        var target = _a.target;
+        return this.container() && this.container().location.nativeElement.contains(target);
+    };
     return NbTriggerStrategy;
@@ -72,35 +86,28 @@ }());
     __extends(NbClickTriggerStrategy, _super);
-    function NbClickTriggerStrategy(document, host, container) {
-        var _this = _super.call(this, document, host, container) || this;
-        _this.document = document;
-        _this.host = host;
-        _this.container = container;
-        _this.show = new Subject();
-        _this.show$ = _this.show.asObservable();
-        _this.hide = new Subject();
-        _this.hide$ = observableMerge(_this.hide.asObservable(), observableFromEvent(_this.document, 'click')
-            .pipe(filter(function (event) { return _this.isNotHostOrContainer(event); })));
-        _this.subscribeOnHostClick();
+    function NbClickTriggerStrategy() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // since we should track click for both SHOW and HIDE event we firstly need to track the click and the state
+        // of the container and then later on decide should we hide it or show
+        // if we track the click & state separately this will case a behavior when the container is getting shown
+        // and then hidden right away
+        _this.click$ = observableFromEvent(_this.document, 'click')
+            .pipe(map(function (event) { return [!_this.container() && _this.isOnHost(event), event]; }), share());
+        _this.show$ = _this.click$
+            .pipe(filter(function (_a) {
+            var shouldShow = _a[0];
+            return shouldShow;
+        }), map(function (_a) {
+            var event = _a[1];
+            return event;
+        }));
+        _this.hide$ = _this.click$
+            .pipe(filter(function (_a) {
+            var shouldShow = _a[0], event = _a[1];
+            return !shouldShow && !_this.isOnContainer(event);
+        }), map(function (_a) {
+            var event = _a[1];
+            return event;
+        }));
         return _this;
     }
-    NbClickTriggerStrategy.prototype.subscribeOnHostClick = function () {
-        var _this = this;
-        observableFromEvent(this.host, 'click')
-            .subscribe(function (event) {
-            if (_this.isContainerExists()) {
-                _this.hide.next(event);
-            }
-            else {
-                _this.show.next(event);
-            }
-        });
-    };
-    NbClickTriggerStrategy.prototype.isContainerExists = function () {
-        return !!this.container();
-    };
-    NbClickTriggerStrategy.prototype.isNotHostOrContainer = function (event) {
-        return !this.host.contains(event.target)
-            && this.isContainerExists()
-            && !this.container().location.nativeElement.contains(event.target);
-    };
     return NbClickTriggerStrategy;
@@ -134,6 +141,3 @@ }(NbTriggerStrategy));
             return observableFromEvent(_this.document, 'mousemove')
-                .pipe(debounceTime(100), takeWhile(function () { return !!_this.container(); }), filter(function (event) {
-                return !_this.host.contains(event.target)
-                    && !_this.container().location.nativeElement.contains(event.target);
-            }));
+                .pipe(debounceTime(100), takeWhile(function () { return !!_this.container(); }), filter(function (event) { return _this.isNotOnHostOrContainer(event); }));
         }));
@@ -165,3 +169,6 @@ return _this;
         _this.show$ = observableFromEvent(_this.host, 'mouseenter')
-            .pipe(delay(100), takeUntil(observableFromEvent(_this.host, 'mouseleave')), repeat());
+            .pipe(delay(100), takeUntil(observableFromEvent(_this.host, 'mouseleave')), 
+        // this `delay & takeUntil & repeat` operators combination is a synonym for `conditional debounce`
+        // meaning that if one event occurs in some time after the initial one we won't react to it
+        repeat());
         _this.hide$ = observableFromEvent(_this.host, 'mouseleave');
@@ -208,13 +215,2 @@ return _this;
     }
-    NbFocusTriggerStrategy.prototype.isNotOnHostOrContainer = function (event) {
-        return !this.isOnHost(event) && !this.isOnContainer(event);
-    };
-    NbFocusTriggerStrategy.prototype.isOnHost = function (_a) {
-        var target = _a.target;
-        return this.host.contains(target);
-    };
-    NbFocusTriggerStrategy.prototype.isOnContainer = function (_a) {
-        var target = _a.target;
-        return this.container() && this.container().location.nativeElement.contains(target);
-    };
     return NbFocusTriggerStrategy;
@@ -221,0 +217,0 @@ }(NbTriggerStrategy));

components/cdk/overlay/overlay-trigger.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbTrigger":{"CLICK":"click","HOVER":"hover","HINT":"hint","FOCUS":"focus"},"NbTriggerStrategy":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":34,"context":{"typeName":"Document"}},{"__symbolic":"error","message":"Could not resolve type","line":25,"character":60,"context":{"typeName":"HTMLElement"}},{"__symbolic":"error","message":"Expression form not supported","line":25,"character":94}]}]}},"NbClickTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":46,"character":34,"context":{"typeName":"Document"}},{"__symbolic":"error","message":"Could not resolve type","line":46,"character":60,"context":{"typeName":"HTMLElement"}},{"__symbolic":"error","message":"Expression form not supported","line":46,"character":94}]}],"subscribeOnHostClick":[{"__symbolic":"method"}],"isContainerExists":[{"__symbolic":"method"}],"isNotHostOrContainer":[{"__symbolic":"method"}]}},"NbHoverTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbHintTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbFocusTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"},"members":{"isNotOnHostOrContainer":[{"__symbolic":"method"}],"isOnHost":[{"__symbolic":"method"}],"isOnContainer":[{"__symbolic":"method"}]}},"NbTriggerStrategyBuilder":{"__symbolic":"class","members":{"document":[{"__symbolic":"method"}],"trigger":[{"__symbolic":"method"}],"host":[{"__symbolic":"method"}],"container":[{"__symbolic":"method"}],"build":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbTrigger":{"CLICK":"click","HOVER":"hover","HINT":"hint","FOCUS":"focus"},"NbTriggerStrategy":{"__symbolic":"class","members":{"isNotOnHostOrContainer":[{"__symbolic":"method"}],"isOnHostOrContainer":[{"__symbolic":"method"}],"isOnHost":[{"__symbolic":"method"}],"isOnContainer":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":42,"character":34,"context":{"typeName":"Document"}},{"__symbolic":"error","message":"Could not resolve type","line":42,"character":60,"context":{"typeName":"HTMLElement"}},{"__symbolic":"error","message":"Expression form not supported","line":42,"character":94}]}]}},"NbClickTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbHoverTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbHintTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbFocusTriggerStrategy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbTriggerStrategy"}},"NbTriggerStrategyBuilder":{"__symbolic":"class","members":{"document":[{"__symbolic":"method"}],"trigger":[{"__symbolic":"method"}],"host":[{"__symbolic":"method"}],"container":[{"__symbolic":"method"}],"build":[{"__symbolic":"method"}]}}}}]

components/checkbox/checkbox.component.d.ts

@@ -0,1 +1,7 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -46,2 +52,3 @@ /**
 export declare class NbCheckboxComponent implements ControlValueAccessor {
+    private changeDetector;
     status: string;
@@ -67,2 +74,3 @@ /**
     value: boolean;
+    constructor(changeDetector: ChangeDetectorRef);
     registerOnChange(fn: any): void;
@@ -72,2 +80,3 @@ registerOnTouched(fn: any): void;
     setDisabledState(val: boolean): void;
+    setTouched(): void;
 }

components/checkbox/checkbox.component.js

@@ -6,3 +6,3 @@ /**
  */
-import { Component, Input, HostBinding, forwardRef } from '@angular/core';
+import { Component, Input, HostBinding, forwardRef, ChangeDetectorRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -54,3 +54,4 @@ import { convertToBoolProperty } from '../helpers';
 var NbCheckboxComponent = /** @class */ (function () {
-    function NbCheckboxComponent() {
+    function NbCheckboxComponent(changeDetector) {
+        this.changeDetector = changeDetector;
         /**
@@ -112,3 +113,2 @@ * Checkbox value
             this.onChange(val);
-            this.onTouched();
         },
@@ -125,3 +125,4 @@ enumerable: true,
     NbCheckboxComponent.prototype.writeValue = function (val) {
-        this.value = val;
+        this._value = val;
+        this.changeDetector.detectChanges();
     };
@@ -131,6 +132,9 @@ NbCheckboxComponent.prototype.setDisabledState = function (val) {
     };
+    NbCheckboxComponent.prototype.setTouched = function () {
+        this.onTouched();
+    };
     NbCheckboxComponent.decorators = [
         { type: Component, args: [{
                     selector: 'nb-checkbox',
-                    template: "\n    <label class=\"customised-control\">\n      <input type=\"checkbox\" class=\"customised-control-input\"\n             [disabled]=\"disabled\"\n             [checked]=\"value\"\n             (change)=\"value = !value\">\n      <span class=\"customised-control-indicator\"></span>\n      <span class=\"customised-control-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ",
+                    template: "\n    <label class=\"customised-control\">\n      <input type=\"checkbox\" class=\"customised-control-input\"\n             [disabled]=\"disabled\"\n             [checked]=\"value\"\n             (change)=\"value = !value\"\n             (blur)=\"setTouched()\">\n      <span class=\"customised-control-indicator\"></span>\n      <span class=\"customised-control-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ",
                     styles: [":host .customised-control{position:relative;display:inline-flex;margin:0;min-height:inherit;padding:0.375rem 1.5rem 0.375rem 0}:host .customised-control-input{position:absolute;opacity:0}:host .customised-control-input:disabled ~ .customised-control-indicator,:host .customised-control-input:disabled ~ .customised-control-description{opacity:0.5}:host .customised-control-indicator{border-radius:0.25rem;flex-shrink:0}:host .customised-control-indicator::before{content:'';border-style:solid;display:block;margin:0 auto;transform:rotate(45deg)}[dir=ltr] :host .customised-control-description{padding-left:.5rem}[dir=rtl] :host .customised-control-description{padding-right:.5rem} "],
@@ -145,2 +149,5 @@ providers: [{
     /** @nocollapse */
+    NbCheckboxComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef, },
+    ]; };
     NbCheckboxComponent.propDecorators = {
@@ -147,0 +154,0 @@ "_value": [{ type: Input, args: ['value',] },],

components/checkbox/checkbox.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"nb-checkbox","template":"\n    <label class=\"customised-control\">\n      <input type=\"checkbox\" class=\"customised-control-input\"\n             [disabled]=\"disabled\"\n             [checked]=\"value\"\n             (change)=\"value = !value\">\n      <span class=\"customised-control-indicator\"></span>\n      <span class=\"customised-control-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ","styleUrls":["./checkbox.component.css"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":69,"character":13},"useExisting":{"__symbolic":"reference","name":"NbCheckboxComponent"},"multi":true}]}]}],"members":{"_value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3},"arguments":["value"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["disabled"]}]}],"setStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["status"]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":100,"character":3},"arguments":["class.success"]}]}],"warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":105,"character":3},"arguments":["class.warning"]}]}],"danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":110,"character":3},"arguments":["class.danger"]}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":53,"character":1},"arguments":[{"selector":"nb-checkbox","template":"\n    <label class=\"customised-control\">\n      <input type=\"checkbox\" class=\"customised-control-input\"\n             [disabled]=\"disabled\"\n             [checked]=\"value\"\n             (change)=\"value = !value\"\n             (blur)=\"setTouched()\">\n      <span class=\"customised-control-indicator\"></span>\n      <span class=\"customised-control-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ","styleUrls":["./checkbox.component.css"],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":70,"character":13},"useExisting":{"__symbolic":"reference","name":"NbCheckboxComponent"},"multi":true}]}]}],"members":{"_value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3},"arguments":["value"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["disabled"]}]}],"setStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["status"]}]}],"success":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":101,"character":3},"arguments":["class.success"]}]}],"warning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":3},"arguments":["class.warning"]}]}],"danger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":111,"character":3},"arguments":["class.danger"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":128,"character":38}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"setTouched":[{"__symbolic":"method"}]}}}}]

components/datepicker/datepicker.component.d.ts

@@ -103,2 +103,3 @@ import { ComponentFactoryResolver, ComponentRef, ElementRef, EventEmitter, OnDestroy, Type } from '@angular/core';
     protected queue: T;
+    protected blur$: Subject<void>;
     constructor(document: any, positionBuilder: NbPositionBuilderService, overlay: NbOverlayService, cfr: ComponentFactoryResolver);
@@ -113,2 +114,7 @@ /**
     readonly valueChange: Observable<T>;
+    readonly isShown: boolean;
+    /**
+     * Emits when datepicker looses focus.
+     */
+    readonly blur: Observable<void>;
     protected readonly abstract pickerValueChange: Observable<T>;
@@ -115,0 +121,0 @@ ngOnDestroy(): void;

components/datepicker/datepicker.component.js

@@ -62,2 +62,3 @@ var __extends = (this && this.__extends) || (function () {
         _this.alive = true;
+        _this.blur$ = new Subject();
         return _this;
@@ -91,2 +92,22 @@ }
     });
+    Object.defineProperty(NbBasePicker.prototype, "isShown", {
+        get: function () {
+            return this.ref && this.ref.hasAttached();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(NbBasePicker.prototype, "blur", {
+        /**
+         * Emits when datepicker looses focus.
+         */
+        get: /**
+           * Emits when datepicker looses focus.
+           */
+        function () {
+            return this.blur$.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
     NbBasePicker.prototype.ngOnDestroy = function () {
@@ -167,3 +188,6 @@ this.alive = false;
         triggerStrategy.show$.pipe(takeWhile(function () { return _this.alive; })).subscribe(function () { return _this.show(); });
-        triggerStrategy.hide$.pipe(takeWhile(function () { return _this.alive; })).subscribe(function () { return _this.hide(); });
+        triggerStrategy.hide$.pipe(takeWhile(function () { return _this.alive; })).subscribe(function () {
+            _this.blur$.next();
+            _this.hide();
+        });
     };
@@ -170,0 +194,0 @@ NbBasePicker.prototype.instantiatePicker = function () {

components/datepicker/datepicker.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbBasePicker":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./datepicker.directive","name":"NbDatepicker","line":45,"character":52},"arity":3,"members":{"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"boundingMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"startView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"dayCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"monthCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"yearCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"visibleDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"hideOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":153,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":153,"character":22}]}],null,null,null],"parameters":[null,{"__symbolic":"reference","module":"../cdk","name":"NbPositionBuilderService","line":154,"character":41},{"__symbolic":"reference","module":"../cdk","name":"NbOverlayService","line":155,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":156,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"getValidatorConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"shouldHide":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"writeQueue":[{"__symbolic":"method"}],"createPositionStrategy":[{"__symbolic":"method"}],"subscribeOnPositionChange":[{"__symbolic":"method"}],"createTriggerStrategy":[{"__symbolic":"method"}],"subscribeOnTriggers":[{"__symbolic":"method"}],"instantiatePicker":[{"__symbolic":"method"}],"subscribeOnValueChange":[{"__symbolic":"method"}],"patchWithInputs":[{"__symbolic":"method"}]}},"NbDatepickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbBasePicker"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":286,"character":1},"arguments":[{"selector":"nb-datepicker","template":""}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":296,"character":3}}]}],"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":303,"character":3}}]}],"writeQueue":[{"__symbolic":"method"}]}},"NbRangepickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbBasePicker"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":336,"character":1},"arguments":[{"selector":"nb-rangepicker","template":""}]}],"members":{"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":346,"character":3}}]}],"rangeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":353,"character":3}}]}],"shouldHide":[{"__symbolic":"method"}],"writeQueue":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbBasePicker":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./datepicker.directive","name":"NbDatepicker","line":45,"character":52},"arity":3,"members":{"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"boundingMonth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"startView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"dayCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"monthCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"yearCellComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"visibleDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"hideOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":155,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":155,"character":22}]}],null,null,null],"parameters":[null,{"__symbolic":"reference","module":"../cdk","name":"NbPositionBuilderService","line":156,"character":41},{"__symbolic":"reference","module":"../cdk","name":"NbOverlayService","line":157,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":158,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}],"attach":[{"__symbolic":"method"}],"getValidatorConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"shouldHide":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"writeQueue":[{"__symbolic":"method"}],"createPositionStrategy":[{"__symbolic":"method"}],"subscribeOnPositionChange":[{"__symbolic":"method"}],"createTriggerStrategy":[{"__symbolic":"method"}],"subscribeOnTriggers":[{"__symbolic":"method"}],"instantiatePicker":[{"__symbolic":"method"}],"subscribeOnValueChange":[{"__symbolic":"method"}],"patchWithInputs":[{"__symbolic":"method"}]}},"NbDatepickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbBasePicker"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":302,"character":1},"arguments":[{"selector":"nb-datepicker","template":""}]}],"members":{"date":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":312,"character":3}}]}],"dateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":319,"character":3}}]}],"writeQueue":[{"__symbolic":"method"}]}},"NbRangepickerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NbBasePicker"},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":352,"character":1},"arguments":[{"selector":"nb-rangepicker","template":""}]}],"members":{"range":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":362,"character":3}}]}],"rangeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":369,"character":3}}]}],"shouldHide":[{"__symbolic":"method"}],"writeQueue":[{"__symbolic":"method"}]}}}}]

components/datepicker/datepicker.directive.d.ts

@@ -67,2 +67,4 @@ import { ElementRef, InjectionToken, OnDestroy } from '@angular/core';
     abstract shouldHide(): boolean;
+    readonly abstract isShown: boolean;
+    readonly abstract blur: Observable<void>;
 }
@@ -175,2 +177,3 @@ export declare const NB_DATE_ADAPTER: InjectionToken<NbDatepickerAdapter<any>>;
     protected onChange: (D) => void;
+    protected onTouched: () => void;
     /**
@@ -177,0 +180,0 @@ * Form control validators will be called in validators context, so, we need to bind them.

components/datepicker/datepicker.directive.js

@@ -8,4 +8,4 @@ /*
 import { NG_VALIDATORS, NG_VALUE_ACCESSOR, Validators, } from '@angular/forms';
-import { fromEvent } from 'rxjs';
-import { map, takeWhile } from 'rxjs/operators';
+import { fromEvent, merge } from 'rxjs';
+import { map, takeWhile, filter, take } from 'rxjs/operators';
 import { NB_DOCUMENT } from '../../theme.options';
@@ -144,4 +144,4 @@ import { NbDateService } from '../calendar-kit';
         this.alive = true;
-        this.onChange = function () {
-        };
+        this.onChange = function () { };
+        this.onTouched = function () { };
         /**
@@ -215,4 +215,6 @@ * Form control validators will be called in validators context, so, we need to bind them.
     NbDatepickerDirective.prototype.registerOnTouched = function (fn) {
+        this.onTouched = fn;
     };
     NbDatepickerDirective.prototype.setDisabledState = function (isDisabled) {
+        this.input.disabled = isDisabled;
     };
@@ -347,2 +349,3 @@ /**
         });
+        merge(this.picker.blur, fromEvent(this.input, 'blur').pipe(filter(function () { return !_this.picker.isShown && _this.document.activeElement !== _this.input; }))).pipe(takeWhile(function () { return _this.alive; }), take(1)).subscribe(function () { return _this.onTouched(); });
     };
@@ -349,0 +352,0 @@ NbDatepickerDirective.prototype.writePicker = function (value) {

components/datepicker/datepicker.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbDatepickerAdapter":{"__symbolic":"class","arity":1,"members":{"parse":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}]}},"NbPickerValidatorConfig":{"__symbolic":"interface"},"NbDatepicker":{"__symbolic":"class","arity":1,"members":{"attach":[{"__symbolic":"method"}],"getValidatorConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"shouldHide":[{"__symbolic":"method"}]}},"NB_DATE_ADAPTER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":103,"character":35},"arguments":["Datepicker Adapter"]},"NbDatepickerDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":192,"character":1},"arguments":[{"selector":"input[nbDatepicker]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":196,"character":15},"useExisting":{"__symbolic":"reference","name":"NbDatepickerDirective"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":201,"character":15},"useExisting":{"__symbolic":"reference","name":"NbDatepickerDirective"},"multi":true}]}]}],"members":{"setPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":3},"arguments":["nbDatepicker"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":240,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":240,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":241,"character":15},"arguments":[{"__symbolic":"reference","name":"NB_DATE_ADAPTER"}]}],null,null],"parameters":[null,{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"NbDatepickerAdapter","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":241,"character":89,"context":{"typeName":"D"}}]}]},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":242,"character":33},{"__symbolic":"reference","module":"../calendar-kit","name":"NbDateService","line":243,"character":37,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":243,"character":51,"context":{"typeName":"D"}}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"hidePicker":[{"__symbolic":"method"}],"parseValidator":[{"__symbolic":"method"}],"minValidator":[{"__symbolic":"method"}],"maxValidator":[{"__symbolic":"method"}],"filterValidator":[{"__symbolic":"method"}],"chooseDatepickerAdapter":[{"__symbolic":"method"}],"setupPicker":[{"__symbolic":"method"}],"writePicker":[{"__symbolic":"method"}],"writeInput":[{"__symbolic":"method"}],"noDatepickerAdapterProvided":[{"__symbolic":"method"}],"subscribeOnInputChange":[{"__symbolic":"method"}],"handleInputChange":[{"__symbolic":"method"}],"parseInputValue":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbDatepickerAdapter":{"__symbolic":"class","arity":1,"members":{"parse":[{"__symbolic":"method"}],"format":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}]}},"NbPickerValidatorConfig":{"__symbolic":"interface"},"NbDatepicker":{"__symbolic":"class","arity":1,"members":{"attach":[{"__symbolic":"method"}],"getValidatorConfig":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"shouldHide":[{"__symbolic":"method"}]}},"NB_DATE_ADAPTER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":107,"character":35},"arguments":["Datepicker Adapter"]},"NbDatepickerDirective":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":196,"character":1},"arguments":[{"selector":"input[nbDatepicker]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":200,"character":15},"useExisting":{"__symbolic":"reference","name":"NbDatepickerDirective"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":205,"character":15},"useExisting":{"__symbolic":"reference","name":"NbDatepickerDirective"},"multi":true}]}]}],"members":{"setPicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3},"arguments":["nbDatepicker"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":244,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":244,"character":22}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":245,"character":15},"arguments":[{"__symbolic":"reference","name":"NB_DATE_ADAPTER"}]}],null,null],"parameters":[null,{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"NbDatepickerAdapter","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":245,"character":89,"context":{"typeName":"D"}}]}]},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":246,"character":33},{"__symbolic":"reference","module":"../calendar-kit","name":"NbDateService","line":247,"character":37,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":247,"character":51,"context":{"typeName":"D"}}]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"hidePicker":[{"__symbolic":"method"}],"parseValidator":[{"__symbolic":"method"}],"minValidator":[{"__symbolic":"method"}],"maxValidator":[{"__symbolic":"method"}],"filterValidator":[{"__symbolic":"method"}],"chooseDatepickerAdapter":[{"__symbolic":"method"}],"setupPicker":[{"__symbolic":"method"}],"writePicker":[{"__symbolic":"method"}],"writeInput":[{"__symbolic":"method"}],"noDatepickerAdapterProvided":[{"__symbolic":"method"}],"subscribeOnInputChange":[{"__symbolic":"method"}],"handleInputChange":[{"__symbolic":"method"}],"parseInputValue":[{"__symbolic":"method"}]}}}}]

components/menu/menu.service.d.ts

@@ -43,7 +43,2 @@ import { Location } from '@angular/common';
     /**
-     * Children items height
-     * @type {number}
-     */
-    subMenuHeight?: number;
-    /**
      * HTML Link target
@@ -50,0 +45,0 @@ * @type {string}

components/menu/menu.service.js

@@ -39,7 +39,2 @@ var __assign = (this && this.__assign) || Object.assign || function(t) {
         /**
-           * Children items height
-           * @type {number}
-           */
-        this.subMenuHeight = 0;
-        /**
            * Item is selected when partly or fully equal to the current url
@@ -46,0 +41,0 @@ * @type {string}

components/menu/menu.service.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbMenuBag":{"__symbolic":"interface"},"NbMenuItem":{"__symbolic":"class","statics":{"isParent":{"__symbolic":"function","parameters":["item","possibleChild"],"value":{"__symbolic":"if","condition":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"possibleChild"},"member":"parent"},"thenExpression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"possibleChild"},"member":"parent"},"right":{"__symbolic":"reference","name":"item"}},"right":{"__symbolic":"error","message":"Expression form not supported","line":116,"character":41}},"elseExpression":false}}}},"NbMenuService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":126,"character":1}}],"members":{"addItems":[{"__symbolic":"method"}],"collapseAll":[{"__symbolic":"method"}],"navigateHome":[{"__symbolic":"method"}],"getSelectedItem":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"onItemHover":[{"__symbolic":"method"}],"onSubmenuToggle":[{"__symbolic":"method"}]}},"NbMenuInternalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":184,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":187,"character":32}]}],"prepareItems":[{"__symbolic":"method"}],"selectFromUrl":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"collapseAll":[{"__symbolic":"method"}],"onAddItem":[{"__symbolic":"method"}],"onNavigateHome":[{"__symbolic":"method"}],"onCollapseAll":[{"__symbolic":"method"}],"onGetSelectedItem":[{"__symbolic":"method"}],"itemHover":[{"__symbolic":"method"}],"submenuToggle":[{"__symbolic":"method"}],"itemSelect":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"collapseItems":[{"__symbolic":"method"}],"applyDefaults":[{"__symbolic":"method"}],"setParent":[{"__symbolic":"method"}],"findItemByUrl":[{"__symbolic":"method"}],"isSelectedInUrl":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbMenuBag":{"__symbolic":"interface"},"NbMenuItem":{"__symbolic":"class","statics":{"isParent":{"__symbolic":"function","parameters":["item","possibleChild"],"value":{"__symbolic":"if","condition":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"possibleChild"},"member":"parent"},"thenExpression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"possibleChild"},"member":"parent"},"right":{"__symbolic":"reference","name":"item"}},"right":{"__symbolic":"error","message":"Expression form not supported","line":111,"character":41}},"elseExpression":false}}}},"NbMenuService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":121,"character":1}}],"members":{"addItems":[{"__symbolic":"method"}],"collapseAll":[{"__symbolic":"method"}],"navigateHome":[{"__symbolic":"method"}],"getSelectedItem":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"onItemSelect":[{"__symbolic":"method"}],"onItemHover":[{"__symbolic":"method"}],"onSubmenuToggle":[{"__symbolic":"method"}]}},"NbMenuInternalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":179,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":182,"character":32}]}],"prepareItems":[{"__symbolic":"method"}],"selectFromUrl":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"collapseAll":[{"__symbolic":"method"}],"onAddItem":[{"__symbolic":"method"}],"onNavigateHome":[{"__symbolic":"method"}],"onCollapseAll":[{"__symbolic":"method"}],"onGetSelectedItem":[{"__symbolic":"method"}],"itemHover":[{"__symbolic":"method"}],"submenuToggle":[{"__symbolic":"method"}],"itemSelect":[{"__symbolic":"method"}],"itemClick":[{"__symbolic":"method"}],"resetSelection":[{"__symbolic":"method"}],"collapseItems":[{"__symbolic":"method"}],"applyDefaults":[{"__symbolic":"method"}],"setParent":[{"__symbolic":"method"}],"findItemByUrl":[{"__symbolic":"method"}],"isSelectedInUrl":[{"__symbolic":"method"}]}}}}]

components/radio/radio-group.component.d.ts

@@ -1,4 +0,4 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 import { NbRadioComponent } from './radio.component';
-import { ControlValueAccessor } from '@angular/forms';
 /**
@@ -44,2 +44,5 @@ * The `NbRadioGroupComponent` is the wrapper for `nb-radio` button.
     protected cd: ChangeDetectorRef;
+    protected hostElement: ElementRef<HTMLElement>;
+    protected platformId: any;
+    protected document: any;
     radios: QueryList<NbRadioComponent>;
@@ -55,3 +58,4 @@ setValue: any;
     protected onChange: (value: any) => void;
-    constructor(cd: ChangeDetectorRef);
+    protected onTouched: () => void;
+    constructor(cd: ChangeDetectorRef, hostElement: ElementRef<HTMLElement>, platformId: any, document: any);
     ngAfterContentInit(): void;
@@ -68,2 +72,3 @@ ngOnDestroy(): void;
     protected markRadiosForCheck(): void;
+    protected subscribeOnRadiosBlur(): void;
 }

components/radio/radio-group.component.js

@@ -6,8 +6,10 @@ /*
  */
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, Output, QueryList, } from '@angular/core';
-import { NbRadioComponent } from './radio.component';
-import { merge } from 'rxjs';
-import { takeWhile } from 'rxjs/operators';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, Input, Output, QueryList, PLATFORM_ID, Inject, ElementRef, } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { fromEvent, merge } from 'rxjs';
+import { filter, switchMap, take, takeWhile } from 'rxjs/operators';
 import { convertToBoolProperty } from '../helpers';
+import { NB_DOCUMENT } from '../../theme.options';
+import { NbRadioComponent } from './radio.component';
 /**
@@ -52,7 +54,11 @@ * The `NbRadioGroupComponent` is the wrapper for `nb-radio` button.
 var NbRadioGroupComponent = /** @class */ (function () {
-    function NbRadioGroupComponent(cd) {
+    function NbRadioGroupComponent(cd, hostElement, platformId, document) {
         this.cd = cd;
+        this.hostElement = hostElement;
+        this.platformId = platformId;
+        this.document = document;
         this.valueChange = new EventEmitter();
         this.alive = true;
         this.onChange = function (value) { };
+        this.onTouched = function () { };
     }
@@ -88,2 +94,3 @@ Object.defineProperty(NbRadioGroupComponent.prototype, "setValue", {
         this.subscribeOnRadiosValueChange();
+        this.subscribeOnRadiosBlur();
     };
@@ -97,2 +104,3 @@ NbRadioGroupComponent.prototype.ngOnDestroy = function () {
     NbRadioGroupComponent.prototype.registerOnTouched = function (fn) {
+        this.onTouched = fn;
     };
@@ -141,2 +149,14 @@ NbRadioGroupComponent.prototype.writeValue = function (value) {
     };
+    NbRadioGroupComponent.prototype.subscribeOnRadiosBlur = function () {
+        var _this = this;
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        var hostElement = this.hostElement.nativeElement;
+        fromEvent(hostElement, 'focusin')
+            .pipe(filter(function (event) { return hostElement.contains(event.target); }), switchMap(function () {
+            return merge(fromEvent(_this.document, 'focusin'), fromEvent(_this.document, 'click'));
+        }), filter(function (event) { return !hostElement.contains(event.target); }), take(1))
+            .subscribe(function () { return _this.onTouched(); });
+    };
     NbRadioGroupComponent.decorators = [
@@ -159,2 +179,5 @@ { type: Component, args: [{
         { type: ChangeDetectorRef, },
+        { type: ElementRef, },
+        { type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] },] },
+        { type: undefined, decorators: [{ type: Inject, args: [NB_DOCUMENT,] },] },
     ]; };
@@ -161,0 +184,0 @@ NbRadioGroupComponent.propDecorators = {

components/radio/radio-group.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbRadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":64,"character":1},"arguments":[{"selector":"nb-radio-group","template":"\n    <ng-content select=\"nb-radio\"></ng-content>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":70,"character":15},"useExisting":{"__symbolic":"reference","name":"NbRadioGroupComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":75,"character":19},"member":"OnPush"}}]}],"members":{"radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":79,"character":3},"arguments":[{"__symbolic":"reference","module":"./radio.component","name":"NbRadioComponent","line":79,"character":19},{"descendants":true}]}]}],"setValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3},"arguments":["value"]}]}],"setName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3},"arguments":["name"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3},"arguments":["disabled"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":107,"character":28}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateNames":[{"__symbolic":"method"}],"updateValues":[{"__symbolic":"method"}],"updateDisabled":[{"__symbolic":"method"}],"subscribeOnRadiosValueChange":[{"__symbolic":"method"}],"propagateValue":[{"__symbolic":"method"}],"markRadiosForCheck":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbRadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":69,"character":1},"arguments":[{"selector":"nb-radio-group","template":"\n    <ng-content select=\"nb-radio\"></ng-content>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":75,"character":15},"useExisting":{"__symbolic":"reference","name":"NbRadioGroupComponent"},"multi":true}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":80,"character":19},"member":"OnPush"}}]}],"members":{"radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":84,"character":3},"arguments":[{"__symbolic":"reference","module":"./radio.component","name":"NbRadioComponent","line":84,"character":19},{"descendants":true}]}]}],"setValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3},"arguments":["value"]}]}],"setName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3},"arguments":["name"]}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3},"arguments":["disabled"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":116,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"PLATFORM_ID","line":116,"character":12}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":117,"character":5},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":117,"character":12}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":114,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":115,"character":27,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":115,"character":38,"context":{"typeName":"HTMLElement"}}]},null,null]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateNames":[{"__symbolic":"method"}],"updateValues":[{"__symbolic":"method"}],"updateDisabled":[{"__symbolic":"method"}],"subscribeOnRadiosValueChange":[{"__symbolic":"method"}],"propagateValue":[{"__symbolic":"method"}],"markRadiosForCheck":[{"__symbolic":"method"}],"subscribeOnRadiosBlur":[{"__symbolic":"method"}]}}}}]

components/radio/radio.component.d.ts

@@ -65,2 +65,3 @@ import { ChangeDetectorRef, EventEmitter } from '@angular/core';
     valueChange: EventEmitter<any>;
+    blur: EventEmitter<void>;
     disabled: boolean;
@@ -67,0 +68,0 @@ constructor(cd: ChangeDetectorRef);

components/radio/radio.component.js

@@ -68,2 +68,3 @@ /*
         this.valueChange = new EventEmitter();
+        this.blur = new EventEmitter();
     }
@@ -107,2 +108,3 @@ Object.defineProperty(NbRadioComponent.prototype, "setDisabled", {
         "valueChange": [{ type: Output },],
+        "blur": [{ type: Output },],
     };
@@ -109,0 +111,0 @@ return NbRadioComponent;

components/radio/radio.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbRadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"nb-radio","template":"\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        (change)=\"onChange($event)\"\n        (click)=\"onClick($event)\">\n      <span class=\"radio-indicator\"></span>\n      <span class=\"radio-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":85,"character":19},"member":"OnPush"},"styleUrls":["./radio.component.css"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3},"arguments":["disabled"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":100,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":104,"character":28}]}],"markForCheck":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbRadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":67,"character":1},"arguments":[{"selector":"nb-radio","template":"\n    <label>\n      <input\n        type=\"radio\"\n        [name]=\"name\"\n        [value]=\"value\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        (change)=\"onChange($event)\"\n        (click)=\"onClick($event)\">\n      <span class=\"radio-indicator\"></span>\n      <span class=\"radio-description\">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":85,"character":19},"member":"OnPush"},"styleUrls":["./radio.component.css"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"setDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3},"arguments":["disabled"]}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":101,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":103,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":107,"character":28}]}],"markForCheck":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}}}]

components/route-tabset/route-tabset.component.js

@@ -87,4 +87,4 @@ /**
                     selector: 'nb-route-tabset',
-                    styles: ["ul{display:flex;flex-direction:row;list-style-type:none;margin:0}ul li{cursor:pointer;margin-bottom:-1px;text-align:center}ul li.active a::before{display:block}ul li a{position:relative;text-decoration:none;display:inline-block}ul li a::before{display:none;position:absolute;content:'';width:100%;height:6px;border-radius:3px;bottom:-2px;left:0}ul li a i{font-size:1.5rem;vertical-align:middle}[dir=ltr] ul li a i+span{margin-left:.5rem}[dir=rtl] ul li a i+span{margin-right:.5rem}:host.full-width ul{justify-content:space-around} "],
-                    template: "\n    <ul>\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"$event.preventDefault(); selectTab(tab)\"\n          routerLink=\"{{tab.route}}\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\"\n          [class.responsive]=\"tab.responsive\">\n        <a href>\n          <i *ngIf=\"tab.icon\" [class]=\"tab.icon\"></i>\n          <span *ngIf=\"tab.title\">{{ tab.title }}</span>\n        </a>\n      </li>\n    </ul>\n    <router-outlet></router-outlet>\n  ",
+                    styles: [".route-tabset{display:flex;flex-direction:row;list-style-type:none;margin:0}.route-tabset .route-tab{cursor:pointer;margin-bottom:-1px;text-align:center}.route-tabset .route-tab.active a::before{display:block}.route-tabset .route-tab a{position:relative;text-decoration:none;display:inline-block}.route-tabset .route-tab a::before{display:none;position:absolute;content:'';width:100%;height:6px;border-radius:3px;bottom:-2px;left:0}.route-tabset .route-tab a i{font-size:1.5rem;vertical-align:middle}[dir=ltr] .route-tabset .route-tab a i+span{margin-left:.5rem}[dir=rtl] .route-tabset .route-tab a i+span{margin-right:.5rem}:host.full-width .route-tabset{justify-content:space-around} "],
+                    template: "\n    <ul class=\"route-tabset\">\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"$event.preventDefault(); selectTab(tab)\"\n          routerLink=\"{{tab.route}}\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\"\n          [class.responsive]=\"tab.responsive\"\n          class=\"route-tab\">\n        <a href>\n          <i *ngIf=\"tab.icon\" [class]=\"tab.icon\"></i>\n          <span *ngIf=\"tab.title\">{{ tab.title }}</span>\n        </a>\n      </li>\n    </ul>\n    <router-outlet></router-outlet>\n  ",
                 },] },
@@ -91,0 +91,0 @@ ];

components/route-tabset/route-tabset.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbRouteTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"nb-route-tabset","styleUrls":["./route-tabset.component.css"],"template":"\n    <ul>\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"$event.preventDefault(); selectTab(tab)\"\n          routerLink=\"{{tab.route}}\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\"\n          [class.responsive]=\"tab.responsive\">\n        <a href>\n          <i *ngIf=\"tab.icon\" [class]=\"tab.icon\"></i>\n          <span *ngIf=\"tab.title\">{{ tab.title }}</span>\n        </a>\n      </li>\n    </ul>\n    <router-outlet></router-outlet>\n  "}]}],"members":{"fullWidthValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":83,"character":3},"arguments":["class.full-width"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"changeTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":106,"character":30}]}],"selectTab":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbRouteTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":61,"character":1},"arguments":[{"selector":"nb-route-tabset","styleUrls":["./route-tabset.component.css"],"template":"\n    <ul class=\"route-tabset\">\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"$event.preventDefault(); selectTab(tab)\"\n          routerLink=\"{{tab.route}}\"\n          routerLinkActive=\"active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\"\n          [class.responsive]=\"tab.responsive\"\n          class=\"route-tab\">\n        <a href>\n          <i *ngIf=\"tab.icon\" [class]=\"tab.icon\"></i>\n          <span *ngIf=\"tab.title\">{{ tab.title }}</span>\n        </a>\n      </li>\n    </ul>\n    <router-outlet></router-outlet>\n  "}]}],"members":{"fullWidthValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":3},"arguments":["class.full-width"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"changeTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":107,"character":30}]}],"selectTab":[{"__symbolic":"method"}]}}}}]

components/select/select.component.d.ts

@@ -68,3 +68,3 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ComponentRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
  *
- * There are three select sizes:
+ * There are four select sizes:
  *
@@ -100,3 +100,3 @@ * @stacked-example(Select sizes, select/select-sizes.component)
     protected overlay: NbOverlayService;
-    protected hostRef: ElementRef;
+    protected hostRef: ElementRef<HTMLElement>;
     protected positionBuilder: NbPositionBuilderService;
@@ -163,2 +163,3 @@ protected cd: ChangeDetectorRef;
     portal: NbPortalDirective;
+    button: ElementRef<HTMLButtonElement>;
     multiple: boolean;
@@ -191,3 +192,4 @@ /**
     protected onChange: Function;
-    constructor(document: any, overlay: NbOverlayService, hostRef: ElementRef, positionBuilder: NbPositionBuilderService, cd: ChangeDetectorRef);
+    protected onTouched: Function;
+    constructor(document: any, overlay: NbOverlayService, hostRef: ElementRef<HTMLElement>, positionBuilder: NbPositionBuilderService, cd: ChangeDetectorRef);
     /**
@@ -259,2 +261,8 @@ * Determines is select opened.
     protected selectValue(value: T): void;
+    /**
+     * Sets touched if focus moved outside of button and overlay,
+     * ignoring the case when focus moved to options overlay.
+     */
+    trySetTouched(): void;
+    protected isClickedWithinComponent($event: Event): boolean;
 }

components/select/select.component.js

@@ -12,2 +12,3 @@ /*
 import { NbOptionComponent } from './option.component';
+import { NbButtonComponent } from '../button/button.component';
 import { NB_DOCUMENT } from '../../theme.options';
@@ -87,3 +88,3 @@ import { convertToBoolProperty } from '../helpers';
  *
- * There are three select sizes:
+ * There are four select sizes:
  *
@@ -158,2 +159,3 @@ * @stacked-example(Select sizes, select/select-sizes.component)
         this.onChange = function () { };
+        this.onTouched = function () { };
     }
@@ -246,2 +248,3 @@ Object.defineProperty(NbSelectComponent.prototype, "setSelected", {
             this.writeValue(this.queue);
+            this.cd.detectChanges();
         }
@@ -268,4 +271,7 @@ };
     NbSelectComponent.prototype.registerOnTouched = function (fn) {
+        this.onTouched = fn;
     };
     NbSelectComponent.prototype.setDisabledState = function (isDisabled) {
+        this.disabled = isDisabled;
+        this.cd.detectChanges();
     };
@@ -314,2 +320,3 @@ NbSelectComponent.prototype.writeValue = function (value) {
         this.hide();
+        this.button.nativeElement.focus();
         this.emitSelected(null);
@@ -351,2 +358,3 @@ };
         this.hide();
+        this.button.nativeElement.focus();
         this.emitSelected(option.value);
@@ -402,3 +410,8 @@ };
             .pipe(takeWhile(function () { return _this.alive; }))
-            .subscribe(function () { return _this.hide(); });
+            .subscribe(function ($event) {
+            _this.hide();
+            if (!_this.isClickedWithinComponent($event)) {
+                _this.onTouched();
+            }
+        });
     };
@@ -488,6 +501,26 @@ NbSelectComponent.prototype.subscribeOnPositionChange = function () {
     };
+    /**
+     * Sets touched if focus moved outside of button and overlay,
+     * ignoring the case when focus moved to options overlay.
+     */
+    /**
+       * Sets touched if focus moved outside of button and overlay,
+       * ignoring the case when focus moved to options overlay.
+       */
+    NbSelectComponent.prototype.trySetTouched = /**
+       * Sets touched if focus moved outside of button and overlay,
+       * ignoring the case when focus moved to options overlay.
+       */
+    function () {
+        if (this.isHidden) {
+            this.onTouched();
+        }
+    };
+    NbSelectComponent.prototype.isClickedWithinComponent = function ($event) {
+        return this.hostRef.nativeElement === $event.target || this.hostRef.nativeElement.contains($event.target);
+    };
     NbSelectComponent.decorators = [
         { type: Component, args: [{
                     selector: 'nb-select',
-                    template: "<button nbButton [size]=\"size\" [status]=\"status\" [shape]=\"shape\" [hero]=\"hero\" [disabled]=\"disabled\" [fullWidth]=\"fullWidth\" [outline]=\"outline\" [class.opened]=\"isOpened\" [ngClass]=\"overlayPosition\"> <ng-container *ngIf=\"selectionModel?.length\"> <ng-container *ngIf=\"customLabel\"> <ng-content select=\"nb-select-label\"></ng-content> </ng-container> <ng-container *ngIf=\"!customLabel\">{{ selectionView }}</ng-container> </ng-container> <ng-container *ngIf=\"!selectionModel?.length\">{{ placeholder }}</ng-container> </button> <nb-card *nbPortal class=\"select\" [ngClass]=\"[status, overlayPosition]\" [style.width.px]=\"hostWidth\"> <nb-card-body> <ng-content select=\"nb-option, nb-option-group\"></ng-content> </nb-card-body> </nb-card> ",
+                    template: "<button nbButton [size]=\"size\" [status]=\"status\" [shape]=\"shape\" [hero]=\"hero\" [disabled]=\"disabled\" [fullWidth]=\"fullWidth\" [outline]=\"outline\" [class.opened]=\"isOpened\" [ngClass]=\"overlayPosition\" (blur)=\"trySetTouched()\"> <ng-container *ngIf=\"selectionModel?.length\"> <ng-container *ngIf=\"customLabel\"> <ng-content select=\"nb-select-label\"></ng-content> </ng-container> <ng-container *ngIf=\"!customLabel\">{{ selectionView }}</ng-container> </ng-container> <ng-container *ngIf=\"!selectionModel?.length\">{{ placeholder }}</ng-container> </button> <nb-card *nbPortal class=\"select\" [ngClass]=\"[status, overlayPosition]\" [style.width.px]=\"hostWidth\"> <nb-card-body> <ng-content select=\"nb-option, nb-option-group\"></ng-content> </nb-card-body> </nb-card> ",
                     styles: ["/*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */:host{display:block}:host button{position:relative;width:100%;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none}:host button::after{top:50%;right:0.75rem;position:absolute;display:inline-block;width:0;height:0;margin-left:0.255em;vertical-align:0.255em;content:'';border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent} "],
@@ -527,2 +560,3 @@ changeDetection: ChangeDetectionStrategy.OnPush,
         "portal": [{ type: ViewChild, args: [NbPortalDirective,] },],
+        "button": [{ type: ViewChild, args: [NbButtonComponent, { read: ElementRef },] },],
     };
@@ -529,0 +563,0 @@ return NbSelectComponent;

components/select/select.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbSelectLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":47,"character":1},"arguments":[{"selector":"nb-select-label","template":"<ng-content></ng-content>"}]}]},"NbSelectComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":142,"character":1},"arguments":[{"selector":"nb-select","templateUrl":"./select.component.html","styleUrls":["./select.component.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":146,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":149,"character":15},"useExisting":{"__symbolic":"reference","name":"NbSelectComponent"},"multi":true}]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":171,"character":3}}]}],"hero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"outline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":201,"character":3}}]}],"setSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":3},"arguments":["selected"]}]}],"setMultiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3},"arguments":["multiple"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":223,"character":3},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"NbOptionComponent","line":223,"character":19},{"descendants":true}]}]}],"customLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":228,"character":3},"arguments":[{"__symbolic":"reference","name":"NbSelectLabelComponent"}]}]}],"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":233,"character":3},"arguments":[{"__symbolic":"reference","module":"../cdk","name":"NbPortalDirective","line":233,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":273,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":273,"character":22}]}],null,null,null,null],"parameters":[null,{"__symbolic":"reference","module":"../cdk","name":"NbOverlayService","line":274,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":275,"character":33},{"__symbolic":"reference","module":"../cdk","name":"NbPositionBuilderService","line":276,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":277,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"handleSelect":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"selectOption":[{"__symbolic":"method"}],"handleSingleSelect":[{"__symbolic":"method"}],"handleMultipleSelect":[{"__symbolic":"method"}],"createOverlay":[{"__symbolic":"method"}],"createPositionStrategy":[{"__symbolic":"method"}],"createScrollStrategy":[{"__symbolic":"method"}],"subscribeOnTriggers":[{"__symbolic":"method"}],"subscribeOnPositionChange":[{"__symbolic":"method"}],"subscribeOnSelectionChange":[{"__symbolic":"method"}],"getContainer":[{"__symbolic":"method"}],"emitSelected":[{"__symbolic":"method"}],"setSelection":[{"__symbolic":"method"}],"cleanSelection":[{"__symbolic":"method"}],"selectValue":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbSelectLabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"selector":"nb-select-label","template":"<ng-content></ng-content>"}]}]},"NbSelectComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":143,"character":1},"arguments":[{"selector":"nb-select","templateUrl":"./select.component.html","styleUrls":["./select.component.css"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":147,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":150,"character":15},"useExisting":{"__symbolic":"reference","name":"NbSelectComponent"},"multi":true}]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"status":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":167,"character":3}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"hero":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":187,"character":3}}]}],"outline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":202,"character":3}}]}],"setSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":207,"character":3},"arguments":["selected"]}]}],"setMultiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":215,"character":3},"arguments":["multiple"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":224,"character":3},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"NbOptionComponent","line":224,"character":19},{"descendants":true}]}]}],"customLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":229,"character":3},"arguments":[{"__symbolic":"reference","name":"NbSelectLabelComponent"}]}]}],"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":234,"character":3},"arguments":[{"__symbolic":"reference","module":"../cdk","name":"NbPortalDirective","line":234,"character":13}]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":236,"character":3},"arguments":[{"__symbolic":"reference","module":"../button/button.component","name":"NbButtonComponent","line":236,"character":13},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":236,"character":40}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":277,"character":15},"arguments":[{"__symbolic":"reference","module":"../../theme.options","name":"NB_DOCUMENT","line":277,"character":22}]}],null,null,null,null],"parameters":[null,{"__symbolic":"reference","module":"../cdk","name":"NbOverlayService","line":278,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":279,"character":33,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":279,"character":44,"context":{"typeName":"HTMLElement"}}]},{"__symbolic":"reference","module":"../cdk","name":"NbPositionBuilderService","line":280,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":281,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"handleSelect":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"selectOption":[{"__symbolic":"method"}],"handleSingleSelect":[{"__symbolic":"method"}],"handleMultipleSelect":[{"__symbolic":"method"}],"createOverlay":[{"__symbolic":"method"}],"createPositionStrategy":[{"__symbolic":"method"}],"createScrollStrategy":[{"__symbolic":"method"}],"subscribeOnTriggers":[{"__symbolic":"method"}],"subscribeOnPositionChange":[{"__symbolic":"method"}],"subscribeOnSelectionChange":[{"__symbolic":"method"}],"getContainer":[{"__symbolic":"method"}],"emitSelected":[{"__symbolic":"method"}],"setSelection":[{"__symbolic":"method"}],"cleanSelection":[{"__symbolic":"method"}],"selectValue":[{"__symbolic":"method"}],"trySetTouched":[{"__symbolic":"method"}],"isClickedWithinComponent":[{"__symbolic":"method"}]}}}}]

components/tabset/tabset.component.js

@@ -209,4 +209,4 @@ /**
                     selector: 'nb-tabset',
-                    styles: [":host{display:block}:host.full-width ul{justify-content:space-around}:host /deep/ nb-tab{flex:1;-ms-flex:1 1 auto;overflow:auto;display:none}:host /deep/ nb-tab.content-active{display:block}:host ul{display:flex;flex-direction:row;list-style-type:none;margin:0}:host ul li{cursor:pointer;margin-bottom:-1px;text-align:center;position:relative}:host ul li.active a::before{display:block}:host ul li a{display:flex;position:relative;text-decoration:none}:host ul li a::before{display:none;position:absolute;content:'';width:100%;height:6px;border-radius:3px;bottom:-2px;left:0}:host ul li a i{font-size:1.5rem;vertical-align:middle}[dir=ltr] :host ul li a i+span{margin-left:.5rem}[dir=rtl] :host ul li a i+span{margin-right:.5rem} "],
-                    template: "\n    <ul>\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"selectTab(tab)\"\n          [class.responsive]=\"tab.responsive\"\n          [class.active]=\"tab.active\">\n        <a href (click)=\"$event.preventDefault()\">\n          <i *ngIf=\"tab.tabIcon\" [class]=\"tab.tabIcon\"></i>\n          <span *ngIf=\"tab.tabTitle\">{{ tab.tabTitle }}</span>\n        </a>\n        <nb-badge *ngIf=\"tab.badgeText\"\n          [text]=\"tab.badgeText\"\n          [status]=\"tab.badgeStatus\"\n          [position]=\"tab.badgePosition\">\n        </nb-badge>\n      </li>\n    </ul>\n    <ng-content select=\"nb-tab\"></ng-content>\n  ",
+                    styles: [":host{display:block}:host.full-width .tabset{justify-content:space-around}:host /deep/ nb-tab{flex:1;-ms-flex:1 1 auto;overflow:auto;display:none}:host /deep/ nb-tab.content-active{display:block}:host .tabset{display:flex;flex-direction:row;list-style-type:none;margin:0}:host .tabset .tab{cursor:pointer;margin-bottom:-1px;text-align:center;position:relative}:host .tabset .tab.active a::before{display:block}:host .tabset .tab a{display:flex;position:relative;text-decoration:none}:host .tabset .tab a::before{display:none;position:absolute;content:'';width:100%;height:6px;border-radius:3px;bottom:-2px;left:0}:host .tabset .tab a i{font-size:1.5rem;vertical-align:middle}[dir=ltr] :host .tabset .tab a i+span{margin-left:.5rem}[dir=rtl] :host .tabset .tab a i+span{margin-right:.5rem} "],
+                    template: "\n    <ul class=\"tabset\">\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"selectTab(tab)\"\n          [class.responsive]=\"tab.responsive\"\n          [class.active]=\"tab.active\"\n          class=\"tab\">\n        <a href (click)=\"$event.preventDefault()\">\n          <i *ngIf=\"tab.tabIcon\" [class]=\"tab.tabIcon\"></i>\n          <span *ngIf=\"tab.tabTitle\">{{ tab.tabTitle }}</span>\n        </a>\n        <nb-badge *ngIf=\"tab.badgeText\"\n          [text]=\"tab.badgeText\"\n          [status]=\"tab.badgeStatus\"\n          [position]=\"tab.badgePosition\">\n        </nb-badge>\n      </li>\n    </ul>\n    <ng-content select=\"nb-tab\"></ng-content>\n  ",
                 },] },
@@ -213,0 +213,0 @@ ];

components/tabset/tabset.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"NbTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"nb-tab","template":"\n    <ng-container *ngIf=\"init\">\n      <ng-content></ng-content>\n    </ng-container>\n  "}]}],"members":{"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"tabIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"activeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":3},"arguments":["class.content-active"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"lazyLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"badgeStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"badgePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}]}},"NbTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":194,"character":1},"arguments":[{"selector":"nb-tabset","styleUrls":["./tabset.component.css"],"template":"\n    <ul>\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"selectTab(tab)\"\n          [class.responsive]=\"tab.responsive\"\n          [class.active]=\"tab.active\">\n        <a href (click)=\"$event.preventDefault()\">\n          <i *ngIf=\"tab.tabIcon\" [class]=\"tab.tabIcon\"></i>\n          <span *ngIf=\"tab.tabTitle\">{{ tab.tabTitle }}</span>\n        </a>\n        <nb-badge *ngIf=\"tab.badgeText\"\n          [text]=\"tab.badgeText\"\n          [status]=\"tab.badgeStatus\"\n          [position]=\"tab.badgePosition\">\n        </nb-badge>\n      </li>\n    </ul>\n    <ng-content select=\"nb-tab\"></ng-content>\n  "}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":219,"character":3},"arguments":[{"__symbolic":"reference","name":"NbTabComponent"}]}]}],"fullWidthValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":221,"character":3},"arguments":["class.full-width"]}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":228,"character":3}}]}],"routeParam":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3}}]}],"changeTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":243,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":245,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":246,"character":41}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"NbTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"nb-tab","template":"\n    <ng-container *ngIf=\"init\">\n      <ng-content></ng-content>\n    </ng-container>\n  "}]}],"members":{"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"tabIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"route":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"activeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":3},"arguments":["class.content-active"]}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"lazyLoad":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"badgeStatus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"badgePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}]}},"NbTabsetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":194,"character":1},"arguments":[{"selector":"nb-tabset","styleUrls":["./tabset.component.css"],"template":"\n    <ul class=\"tabset\">\n      <li *ngFor=\"let tab of tabs\"\n          (click)=\"selectTab(tab)\"\n          [class.responsive]=\"tab.responsive\"\n          [class.active]=\"tab.active\"\n          class=\"tab\">\n        <a href (click)=\"$event.preventDefault()\">\n          <i *ngIf=\"tab.tabIcon\" [class]=\"tab.tabIcon\"></i>\n          <span *ngIf=\"tab.tabTitle\">{{ tab.tabTitle }}</span>\n        </a>\n        <nb-badge *ngIf=\"tab.badgeText\"\n          [text]=\"tab.badgeText\"\n          [status]=\"tab.badgeStatus\"\n          [position]=\"tab.badgePosition\">\n        </nb-badge>\n      </li>\n    </ul>\n    <ng-content select=\"nb-tab\"></ng-content>\n  "}]}],"members":{"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":220,"character":3},"arguments":[{"__symbolic":"reference","name":"NbTabComponent"}]}]}],"fullWidthValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":222,"character":3},"arguments":["class.full-width"]}]}],"fullWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":229,"character":3}}]}],"routeParam":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":238,"character":3}}]}],"changeTab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":244,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":246,"character":29},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":247,"character":41}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "@nebular/theme",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "@nebular/theme",
@@ -38,2 +38,2 @@ "main": "./bundles/theme.umd.js",
   }
-}
+}

theme.module.d.ts

@@ -23,3 +23,3 @@ /**
      */
-    static forRoot(nbThemeOptions: NbThemeOptions, nbJSThemes?: NbJSThemeOptions[], nbMediaBreakpoints?: NbMediaBreakpoint[], layoutDirection?: NbLayoutDirection): ModuleWithProviders;
+    static forRoot(nbThemeOptions?: NbThemeOptions, nbJSThemes?: NbJSThemeOptions[], nbMediaBreakpoints?: NbMediaBreakpoint[], layoutDirection?: NbLayoutDirection): ModuleWithProviders;
 }

theme.module.js

@@ -58,2 +58,3 @@ /**
     function (nbThemeOptions, nbJSThemes, nbMediaBreakpoints, layoutDirection) {
+        if (nbThemeOptions === void 0) { nbThemeOptions = { name: 'default' }; }
         return {
@@ -60,0 +61,0 @@ ngModule: NbThemeModule,

theme.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":4,"metadata":{"nbWindowFactory":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"reference","name":"window"}},"NbThemeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":4}],"exports":[]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":["nbThemeOptions","nbJSThemes","nbMediaBreakpoints","layoutDirection"],"value":{"ngModule":{"__symbolic":"reference","name":"NbThemeModule"},"providers":[{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_THEME_OPTIONS","line":64,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbThemeOptions"},"right":{}}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_BUILT_IN_JS_THEMES","line":65,"character":19},"useValue":{"__symbolic":"reference","module":"./services/js-themes-registry.service","name":"BUILT_IN_THEMES","line":65,"character":52}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_JS_THEMES","line":66,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbJSThemes"},"right":[]}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_MEDIA_BREAKPOINTS","line":67,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbMediaBreakpoints"},"right":{"__symbolic":"reference","module":"./services/breakpoints.service","name":"DEFAULT_MEDIA_BREAKPOINTS","line":67,"character":73}}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_WINDOW","line":68,"character":19},"useFactory":{"__symbolic":"reference","name":"nbWindowFactory"}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_DOCUMENT","line":69,"character":19},"useExisting":{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":69,"character":45}},{"__symbolic":"reference","module":"./services/js-themes-registry.service","name":"NbJSThemesRegistry","line":70,"character":8},{"__symbolic":"reference","module":"./services/theme.service","name":"NbThemeService","line":71,"character":8},{"__symbolic":"reference","module":"./services/breakpoints.service","name":"NbMediaBreakpointsService","line":72,"character":8},{"__symbolic":"reference","module":"./services/spinner.service","name":"NbSpinnerService","line":73,"character":8},{"provide":{"__symbolic":"reference","module":"./services/direction.service","name":"NB_LAYOUT_DIRECTION","line":74,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"layoutDirection"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./services/direction.service","name":"NbLayoutDirection","line":74,"character":69},"member":"LTR"}}},{"__symbolic":"reference","module":"./services/direction.service","name":"NbLayoutDirectionService","line":75,"character":8},{"__symbolic":"reference","module":"./services/scroll.service","name":"NbLayoutScrollService","line":76,"character":8},{"__symbolic":"reference","module":"./services/ruler.service","name":"NbLayoutRulerService","line":77,"character":8},{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./components/cdk","name":"NbOverlayModule","line":78,"character":11},"member":"forRoot"}},"member":"providers"}}]}}}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"nbWindowFactory":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"reference","name":"window"}},"NbThemeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":36,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":4}],"exports":[]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":["nbThemeOptions","nbJSThemes","nbMediaBreakpoints","layoutDirection"],"value":{"ngModule":{"__symbolic":"reference","name":"NbThemeModule"},"providers":[{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_THEME_OPTIONS","line":64,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbThemeOptions"},"right":{}}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_BUILT_IN_JS_THEMES","line":65,"character":19},"useValue":{"__symbolic":"reference","module":"./services/js-themes-registry.service","name":"BUILT_IN_THEMES","line":65,"character":52}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_JS_THEMES","line":66,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbJSThemes"},"right":[]}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_MEDIA_BREAKPOINTS","line":67,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"nbMediaBreakpoints"},"right":{"__symbolic":"reference","module":"./services/breakpoints.service","name":"DEFAULT_MEDIA_BREAKPOINTS","line":67,"character":73}}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_WINDOW","line":68,"character":19},"useFactory":{"__symbolic":"reference","name":"nbWindowFactory"}},{"provide":{"__symbolic":"reference","module":"./theme.options","name":"NB_DOCUMENT","line":69,"character":19},"useExisting":{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":69,"character":45}},{"__symbolic":"reference","module":"./services/js-themes-registry.service","name":"NbJSThemesRegistry","line":70,"character":8},{"__symbolic":"reference","module":"./services/theme.service","name":"NbThemeService","line":71,"character":8},{"__symbolic":"reference","module":"./services/breakpoints.service","name":"NbMediaBreakpointsService","line":72,"character":8},{"__symbolic":"reference","module":"./services/spinner.service","name":"NbSpinnerService","line":73,"character":8},{"provide":{"__symbolic":"reference","module":"./services/direction.service","name":"NB_LAYOUT_DIRECTION","line":74,"character":19},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"layoutDirection"},"right":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./services/direction.service","name":"NbLayoutDirection","line":74,"character":69},"member":"LTR"}}},{"__symbolic":"reference","module":"./services/direction.service","name":"NbLayoutDirectionService","line":75,"character":8},{"__symbolic":"reference","module":"./services/scroll.service","name":"NbLayoutScrollService","line":76,"character":8},{"__symbolic":"reference","module":"./services/ruler.service","name":"NbLayoutRulerService","line":77,"character":8},{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./components/cdk","name":"NbOverlayModule","line":78,"character":11},"member":"forRoot"}},"member":"providers"}}]},"defaults":[{"name":"default"},null,null,null]}}}}}]

No alert changes

Improved metrics

Total package byte prevSize

3501153

increased by0.49%

Lines of code

42681

increased by0.48%

Worsened metrics

Number of package files

997

decreased by-0.5%

No dependency changes