@sd-angular/core 1.2.0 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.2.0",
+  "version": "1.2.4",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",

package/tab-router/sd-angular-core-tab-router.d.ts

@@ -2,4 +2,5 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
+export { RouterLinkMouseDownDirective as ɵb } from './src/lib/directives/router-link-mouse-down.directive';
 export { SdTabInfoPipe as ɵa } from './src/lib/pipes/tab-info.pipe';

package/tab-router/sd-angular-core-tab-router.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdTabInfo":{"__symbolic":"interface"},"SdTab":{"__symbolic":"interface"},"SdTabBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTab"}]}]}},"SdTabActivated":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SdTabBase"},"members":{}},"SdTabDeactivated":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SdTabBase"},"members":{}},"SdTabEvent":{"__symbolic":"interface"},"SdTabAction":{"__symbolic":"interface"},"SdTabComponentBuilder":{"__symbolic":"interface"},"SdTabComponent":{"__symbolic":"function","parameters":["builder"],"value":{"__symbolic":"error","message":"Lambda not supported","line":14,"character":9,"module":"./src/lib/decorators/tab.decorator"}},"SdTabRouterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":18,"character":37}]}]},"statics":{"ɵprov":{}}},"SdTabDecoratorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}]},"statics":{"tabRouterService":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"rxjs","name":"BehaviorSubject","line":7,"character":32},"arguments":[{"__symbolic":"reference","name":"undefined"}]},"ɵprov":{}}},"SdTabRouterItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sd-tab-router-item","template":"<a [routerLink]=\"[tab.url]\" [queryParams]=\"tab.queryParams\" [state]=\"{ switchTab: true }\"\r\n  class=\"tab-router__item d-flex align-items-center\" [ngClass]=\"{\r\n    'tab-router__item--active': tab.isActive\r\n  }\">\r\n  <ng-container *ngIf=\"tab | sdTabInfo | async as tabInfo\">\r\n    <div class=\"\r\n    tab-router__icon\r\n    d-flex\r\n    align-items-center\r\n    justify-content-center\r\n    mr-8\r\n  \" [ngStyle]=\"{\r\n    'background-color': tabInfo.color\r\n  }\" [matTooltip]=\"tabInfo.tooltip || tabInfo.name\" matTooltipPosition=\"below\" matTooltipShowDelay=\"1000\">\r\n      {{ tabInfo.initialName || 'SD' }}\r\n    </div>\r\n    <div class=\"flex-1\">\r\n      <div class=\"tab-router__name\" [matTooltip]=\"tabInfo.tooltip || tabInfo.name\" matTooltipPosition=\"below\" matTooltipShowDelay=\"1000\">{{ tabInfo.name }}</div>\r\n    </div>\r\n    <button type=\"button\" class=\"\r\n    tab-router__close\r\n    d-flex\r\n    align-items-center\r\n    justify-content-center\r\n    ml-4\r\n  \" (click)=\"close($event)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </ng-container>\r\n\r\n</a>\r\n","styles":[":host{flex:1 1 auto;max-width:240px;position:relative}:host:after{background:#dde0e5;bottom:0;content:\"\";height:16px;margin:auto;position:absolute;right:0;top:0;width:1px}:host:last-child:after{content:none}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;border-radius:2px;color:#fff;font-size:10px;height:16px;line-height:1;text-transform:uppercase;width:16px}.tab-router__icon .mat-icon{font-size:10px;height:10px;width:10px}.tab-router__close{background:none;border:0;border-radius:50%;color:#757575;height:16px;outline:none;width:16px}.tab-router__close:hover{background-color:rgba(0,0,0,.12)}.tab-router__close .mat-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;color:inherit;font-size:12px;line-height:16px;padding:16px 16px 8px;text-decoration:none}.tab-router__item:hover{background-color:#fff}.tab-router__name{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{background-color:#fff;border-radius:8px 8px 0 0}"]}]}],"members":{"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}]}},"SdTabRouterNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"sd-tab-router-nav","template":"<div\r\n  #tabRouterNav\r\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center\"\r\n>\r\n  <ng-container *ngFor=\"let tab of tabs\">\r\n    <sd-tab-router-item [tab]=\"tab\"></sd-tab-router-item>\r\n  </ng-container>\r\n</div>\r\n","styles":[".tab-router__nav{background:#f9f9f9}.tab-router__nav--compact::ng-deep .tab-router__name{display:none}.tab-router__nav--compact::ng-deep .tab-router__icon{margin:0!important}.tab-router__nav--compact::ng-deep .tab-router__item--active{min-width:240px}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__icon{margin-right:8px!important}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__name{display:-webkit-box}"]}]}],"members":{"tabRouterNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":3},"arguments":["tabRouterNav"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":3},"arguments":["window:resize",["$event"]]}]}]}},"SdTabRouterOutletComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"sd-tab-router-outlet","template":"<sd-tab-router-nav [tabs]=\"tabs\" #tabRouterNav></sd-tab-router-nav>\r\n\r\n<div class=\"tab-router__list\">\r\n  <ng-container *ngFor=\"let tab of tabs\">\r\n    <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\r\n      <div class=\"tab-router__content\">\r\n        <ng-container\r\n          *ngComponentOutlet=\"tab.component; injector: tab.injector\"\r\n        ></ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n","styles":[":host{display:flex;flex-direction:column;height:calc(100vh - 64px);width:100%}:host ::ng-deep .sd-loading{max-height:100%;max-width:100%}::ng-deep page-layout{height:100%!important}.tab-router__list{flex:1}.tab-router__pane{display:none;height:100%;position:relative;width:100%}.tab-router__pane.active{display:block}.tab-router__content{bottom:0;height:100%;left:0;overflow:auto;position:absolute;right:0;top:0;width:100%}"]}]}],"members":{"tabRouterNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["tabRouterNav"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":53,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":55,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Compiler","line":56,"character":22},{"__symbolic":"reference","name":"SdTabDecoratorService"},{"__symbolic":"reference","name":"SdTabRouterService"},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":59,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdTabRouterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdTabRouterItemComponent"},{"__symbolic":"reference","name":"SdTabRouterNavComponent"},{"__symbolic":"reference","name":"SdTabRouterOutletComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":18,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":26},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":18,"character":40},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":18,"character":55}],"exports":[{"__symbolic":"reference","name":"SdTabRouterItemComponent"},{"__symbolic":"reference","name":"SdTabRouterNavComponent"},{"__symbolic":"reference","name":"SdTabRouterOutletComponent"}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"sdTabInfo"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}],"transform":[{"__symbolic":"method"}]}}},"origins":{"SdTabInfo":"./src/lib/models/tab-router.model","SdTab":"./src/lib/models/tab-router.model","SdTabBase":"./src/lib/events/tab-router.event","SdTabActivated":"./src/lib/events/tab-router.event","SdTabDeactivated":"./src/lib/events/tab-router.event","SdTabEvent":"./src/lib/events/tab-router.event","SdTabAction":"./src/lib/actions/tab-router.action","SdTabComponentBuilder":"./src/lib/decorators/tab.decorator","SdTabComponent":"./src/lib/decorators/tab.decorator","SdTabRouterService":"./src/lib/services/tab-router.service","SdTabDecoratorService":"./src/lib/services/tab-decorator.service","SdTabRouterItemComponent":"./src/lib/components/tab-router-item/tab-router-item.component","SdTabRouterNavComponent":"./src/lib/components/tab-router-nav/tab-router-nav.component","SdTabRouterOutletComponent":"./src/lib/components/tab-router-outlet/tab-router-outlet.component","SdTabRouterModule":"./src/lib/tab-router.module","ɵa":"./src/lib/pipes/tab-info.pipe"},"importAs":"@sd-angular/core/tab-router"}
+{"__symbolic":"module","version":4,"metadata":{"SdTabInfo":{"__symbolic":"interface"},"SdTab":{"__symbolic":"interface"},"SdTabBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTab"}]}]}},"SdTabActivated":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SdTabBase"},"members":{}},"SdTabDeactivated":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"SdTabBase"},"members":{}},"SdTabEvent":{"__symbolic":"interface"},"SdTabAction":{"__symbolic":"interface"},"SdTabComponentBuilder":{"__symbolic":"interface"},"SdTabComponent":{"__symbolic":"function","parameters":["builder"],"value":{"__symbolic":"error","message":"Lambda not supported","line":14,"character":9,"module":"./src/lib/decorators/tab.decorator"}},"SdTabRouterService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":19,"character":37}]}]},"statics":{"ɵprov":{}}},"SdTabDecoratorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}]},"statics":{"tabRouterService":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"rxjs","name":"BehaviorSubject","line":7,"character":32},"arguments":[{"__symbolic":"reference","name":"undefined"}]},"ɵprov":{}}},"SdTabRouterItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"sd-tab-router-item","template":"<a [routerLink]=\"[tab.url]\" [queryParams]=\"tab.queryParams\" [state]=\"{ switchTab: true }\"\r\n  class=\"tab-router__item d-flex align-items-center\" [ngClass]=\"{\r\n    'tab-router__item--active': tab.isActive\r\n  }\">\r\n  <ng-container *ngIf=\"tab | sdTabInfo | async as tabInfo\">\r\n    <div class=\"\r\n    tab-router__icon\r\n    d-flex\r\n    align-items-center\r\n    justify-content-center\r\n    mr-8\r\n  \" [ngStyle]=\"{\r\n    'background-color': tabInfo.color\r\n  }\" [matTooltip]=\"tabInfo.tooltip || tabInfo.name\" matTooltipPosition=\"below\" matTooltipShowDelay=\"1000\">\r\n      {{ tabInfo.initialName || 'SD' }}\r\n    </div>\r\n    <div class=\"flex-1\">\r\n      <div class=\"tab-router__name\" [matTooltip]=\"tabInfo.tooltip || tabInfo.name\" matTooltipPosition=\"below\" matTooltipShowDelay=\"1000\">{{ tabInfo.name }}</div>\r\n    </div>\r\n    <button type=\"button\" class=\"\r\n    tab-router__close\r\n    d-flex\r\n    align-items-center\r\n    justify-content-center\r\n    ml-4\r\n  \" (click)=\"close($event)\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </ng-container>\r\n\r\n</a>\r\n","styles":[":host{flex:1 1 auto;max-width:240px;position:relative}:host:after{background:#dde0e5;bottom:0;content:\"\";height:16px;margin:auto;position:absolute;right:0;top:0;width:1px}:host:last-child:after{content:none}.flex-1{flex:1}.tab-router__icon{background-color:#5c6bc0;border-radius:2px;color:#fff;font-size:10px;height:16px;line-height:1;text-transform:uppercase;width:16px}.tab-router__icon .mat-icon{font-size:10px;height:10px;width:10px}.tab-router__close{background:none;border:0;border-radius:50%;color:#757575;height:16px;outline:none;width:16px}.tab-router__close:hover{background-color:rgba(0,0,0,.12)}.tab-router__close .mat-icon{font-size:12px;height:12px;width:12px}.tab-router__item{background:#f2f3f4;color:inherit;font-size:12px;line-height:16px;padding:16px 16px 8px;text-decoration:none}.tab-router__item:hover{background-color:#fff}.tab-router__name{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.tab-router__item--active{background-color:#fff;border-radius:8px 8px 0 0}"]}]}],"members":{"tab":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}]}},"SdTabRouterNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"sd-tab-router-nav","template":"<div\r\n  #tabRouterNav\r\n  cdkDropList\r\n  cdkDropListLockAxis=\"x\"\r\n  cdkDropListOrientation=\"horizontal\"\r\n  (cdkDropListDropped)=\"onDrop($event)\"\r\n  class=\"tab-router__nav tab-router__nav--{{ mode }} d-flex align-items-center\"\r\n>\r\n  <ng-container *ngFor=\"let tab of tabs\">\r\n    <sd-tab-router-item [tab]=\"tab\" cdkDrag [cdkDragBoundary]=\"elementRef?.nativeElement\"></sd-tab-router-item>\r\n  </ng-container>\r\n</div>\r\n","styles":[".tab-router__nav{background:#f9f9f9}.tab-router__nav--compact::ng-deep .tab-router__name{display:none}.tab-router__nav--compact::ng-deep .tab-router__icon{margin:0!important}.tab-router__nav--compact::ng-deep .tab-router__item--active{min-width:240px}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__icon{margin-right:8px!important}.tab-router__nav--compact::ng-deep .tab-router__item--active .tab-router__name{display:-webkit-box}"]}]}],"members":{"tabRouterNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["tabRouterNav"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["window:resize",["$event"]]}]}]}},"SdTabRouterOutletComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"sd-tab-router-outlet","template":"<sd-tab-router-nav [tabs]=\"tabs\" #tabRouterNav></sd-tab-router-nav>\r\n\r\n<div class=\"tab-router__list\">\r\n  <ng-container *ngFor=\"let tab of tabs\">\r\n    <div class=\"tab-router__pane\" [class.active]=\"tab.isActive\" [id]=\"tab.key\">\r\n      <div class=\"tab-router__content\">\r\n        <ng-container\r\n          *ngComponentOutlet=\"tab.component; injector: tab.injector\"\r\n        ></ng-container>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n","styles":[":host{display:flex;flex-direction:column;height:calc(100vh - 64px);width:100%}:host ::ng-deep .sd-loading{max-height:100%;max-width:100%}::ng-deep page-layout{height:100%!important}.tab-router__list{flex:1}.tab-router__pane{display:none;height:100%;position:relative;width:100%}.tab-router__pane.active{display:block}.tab-router__content{bottom:0;height:100%;left:0;overflow:auto;position:absolute;right:0;top:0;width:100%}"]}]}],"members":{"tabRouterNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":["tabRouterNav"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":52,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":53,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":54,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":55,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Compiler","line":56,"character":22},{"__symbolic":"reference","name":"SdTabDecoratorService"},{"__symbolic":"reference","name":"SdTabRouterService"},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":59,"character":29}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdTabRouterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SdTabRouterItemComponent"},{"__symbolic":"reference","name":"SdTabRouterNavComponent"},{"__symbolic":"reference","name":"SdTabRouterOutletComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"SdTabRouterItemComponent"},{"__symbolic":"reference","name":"SdTabRouterNavComponent"},{"__symbolic":"reference","name":"SdTabRouterOutletComponent"}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"sdTabInfo"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SdTabRouterService"}]}],"transform":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/router","name":"RouterLinkWithHref","line":6,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"a[routerLink],area[routerLink]"}]}],"members":{"onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":7,"character":3},"arguments":["mousedown",["$event.button","$event.ctrlKey","$event.shiftKey","$event.altKey","$event.metaKey"]]}]}]}}},"origins":{"SdTabInfo":"./src/lib/models/tab-router.model","SdTab":"./src/lib/models/tab-router.model","SdTabBase":"./src/lib/events/tab-router.event","SdTabActivated":"./src/lib/events/tab-router.event","SdTabDeactivated":"./src/lib/events/tab-router.event","SdTabEvent":"./src/lib/events/tab-router.event","SdTabAction":"./src/lib/actions/tab-router.action","SdTabComponentBuilder":"./src/lib/decorators/tab.decorator","SdTabComponent":"./src/lib/decorators/tab.decorator","SdTabRouterService":"./src/lib/services/tab-router.service","SdTabDecoratorService":"./src/lib/services/tab-decorator.service","SdTabRouterItemComponent":"./src/lib/components/tab-router-item/tab-router-item.component","SdTabRouterNavComponent":"./src/lib/components/tab-router-nav/tab-router-nav.component","SdTabRouterOutletComponent":"./src/lib/components/tab-router-outlet/tab-router-outlet.component","SdTabRouterModule":"./src/lib/tab-router.module","ɵa":"./src/lib/pipes/tab-info.pipe","ɵb":"./src/lib/directives/router-link-mouse-down.directive"},"importAs":"@sd-angular/core/tab-router"}

package/tab-router/src/lib/components/tab-router-nav/tab-router-nav.component.d.ts

@@ -1,10 +1,13 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { ElementRef } from '@angular/core';
 import { SdTab } from '../../models/tab-router.model';
 export declare class SdTabRouterNavComponent {
+    elementRef: ElementRef<any>;
     tabRouterNav: ElementRef;
     tabs: SdTab[];
     mode: 'default' | 'compact';
-    constructor();
+    constructor(elementRef: ElementRef<any>);
     onResize(event: any): void;
     checkUI: () => void;
+    onDrop: (event: CdkDragDrop<SdTab[]>) => void;
 }

package/tab-router/src/lib/directives/router-link-mouse-down.directive.d.ts

@@ -0,0 +1,4 @@
+import { RouterLinkWithHref } from "@angular/router";
+export declare class RouterLinkMouseDownDirective extends RouterLinkWithHref {
+    onMouseDown(button: number, ctrlKey: boolean, shiftKey: boolean, altKey: boolean, metaKey: boolean): boolean;
+}

package/tab-router/src/lib/services/tab-router.service.d.ts

@@ -11,6 +11,8 @@ export declare class SdTabRouterService {
     events: BehaviorSubject<SdTabEvent>;
     actions: BehaviorSubject<SdTabAction>;
     builders: BehaviorSubject<SdTabComponentBuilder[]>;
+    currentTabChanges: BehaviorSubject<SdTab>;
+    newTabs: BehaviorSubject<SdTab>;
     constructor(notifyService: SdNotifyService);
     addBuilder: (builder: SdTabComponentBuilder) => void;
     get currentTab(): SdTab;