@datarailsshared/datarailsshared 1.4.106 → 1.4.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/datarailsshared-datarailsshared.umd.js +7 -2
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.107.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +4 -1
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +5 -3
- package/fesm2015/datarailsshared-datarailsshared.js +7 -2
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-inputs/dr-input/dr-input.component.d.ts +1 -0
- package/lib/dr-tabs/dr-tabs.component.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.106.tgz +0 -0
|
@@ -1495,6 +1495,7 @@
|
|
|
1495
1495
|
text: 'Save'
|
|
1496
1496
|
};
|
|
1497
1497
|
this.searchHandler = new i0.EventEmitter();
|
|
1498
|
+
this.clearHandler = new i0.EventEmitter();
|
|
1498
1499
|
this.buttonHandler = new i0.EventEmitter();
|
|
1499
1500
|
this.tabindex = -1;
|
|
1500
1501
|
this.onChangeCallback = rxjs.noop;
|
|
@@ -1632,6 +1633,7 @@
|
|
|
1632
1633
|
}
|
|
1633
1634
|
};
|
|
1634
1635
|
DrInputComponent.prototype.onClear = function ($event) {
|
|
1636
|
+
this.clearHandler.emit($event);
|
|
1635
1637
|
$event.preventDefault();
|
|
1636
1638
|
$event.stopPropagation();
|
|
1637
1639
|
this.value = null;
|
|
@@ -1673,6 +1675,7 @@
|
|
|
1673
1675
|
ngModelDebounceChange: [{ type: i0.Output }],
|
|
1674
1676
|
elementClass: [{ type: i0.HostBinding, args: ['class',] }],
|
|
1675
1677
|
searchHandler: [{ type: i0.Output }],
|
|
1678
|
+
clearHandler: [{ type: i0.Output }],
|
|
1676
1679
|
buttonHandler: [{ type: i0.Output }],
|
|
1677
1680
|
prefixIcon: [{ type: i0.ContentChild, args: ['prefix', { static: false },] }],
|
|
1678
1681
|
suffixIcon: [{ type: i0.ContentChild, args: ['suffix', { static: false },] }],
|
|
@@ -3137,6 +3140,7 @@
|
|
|
3137
3140
|
function DrTabsComponent() {
|
|
3138
3141
|
this.selectedTab = 0;
|
|
3139
3142
|
this.noBodyPadding = false;
|
|
3143
|
+
this.noTabLabelsPadding = false;
|
|
3140
3144
|
this.selectedTabChange = new i0.EventEmitter();
|
|
3141
3145
|
}
|
|
3142
3146
|
DrTabsComponent.prototype.selectedIndexChange = function ($event) {
|
|
@@ -3148,8 +3152,8 @@
|
|
|
3148
3152
|
DrTabsComponent.decorators = [
|
|
3149
3153
|
{ type: i0.Component, args: [{
|
|
3150
3154
|
selector: 'dr-tabs',
|
|
3151
|
-
template: "<mat-tab-group disableRipple [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"selectedIndexChange($event)\"\n [class.with-radio]=\"withRadio\"\n [class.vertical]=\"vertical\"\n [class.no-body-padding]=\"noBodyPadding\"\n [animationDuration]=\" vertical ? '0ms' : '500ms'\">\n <mat-tab *ngFor=\"let tab of tabsContentList; let index = index\" label=\"{{tab.label}}\" [disabled]=\"tab.disabled\">\n <ng-container *ngIf=\"withRadio\">\n <ng-template mat-tab-label>\n <dr-radio-button [value]=\"index\"\n [(ngModel)]=\"selectedTab\">\n </dr-radio-button>\n {{tab.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n </mat-tab>\n</mat-tab-group>\n",
|
|
3152
|
-
styles: [":host{width:100%}:host ::ng-deep .mat-tab-group,:host ::ng-deep .mat-tab-body-wrapper{height:100%}:host ::ng-deep .mat-tab-group{font-family:\"Poppins\",sans-serif}:host ::ng-deep .mat-tab-nav-bar,:host ::ng-deep .mat-tab-header{border-bottom:1px solid #d5dae5}:host ::ng-deep .mat-tab-labels{padding:0 17px}:host ::ng-deep .mat-tab-label{padding:0 8px;min-width:0;height:38px;opacity:1}:host ::ng-deep .mat-tab-label:not(:last-child){margin-right:21px}:host ::ng-deep .mat-tab-label-active .mat-tab-label-content{color:#
|
|
3155
|
+
template: "<mat-tab-group disableRipple [selectedIndex]=\"selectedTab\"\n (selectedIndexChange)=\"selectedIndexChange($event)\"\n [class.with-radio]=\"withRadio\"\n [class.vertical]=\"vertical\"\n [class.no-tab-labels-padding]=\"noTabLabelsPadding\"\n [class.no-body-padding]=\"noBodyPadding\"\n [animationDuration]=\" vertical ? '0ms' : '500ms'\">\n <mat-tab *ngFor=\"let tab of tabsContentList; let index = index\" label=\"{{tab.label}}\" [disabled]=\"tab.disabled\">\n <ng-container *ngIf=\"withRadio\">\n <ng-template mat-tab-label>\n <dr-radio-button [value]=\"index\"\n [(ngModel)]=\"selectedTab\">\n </dr-radio-button>\n {{tab.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n </mat-tab>\n</mat-tab-group>\n",
|
|
3156
|
+
styles: [":host{width:100%}:host ::ng-deep .mat-tab-group,:host ::ng-deep .mat-tab-body-wrapper{height:100%}:host ::ng-deep .mat-tab-group{font-family:\"Poppins\",sans-serif}:host ::ng-deep .mat-tab-nav-bar,:host ::ng-deep .mat-tab-header{border-bottom:1px solid #d5dae5}:host ::ng-deep .mat-tab-labels{padding:0 17px}:host ::ng-deep .mat-tab-label{padding:0 8px;min-width:0;height:38px;opacity:1}:host ::ng-deep .mat-tab-label:not(:last-child){margin-right:21px}:host ::ng-deep .mat-tab-label-active .mat-tab-label-content{color:#4646ce;font-weight:700}:host ::ng-deep .mat-tab-label-content{font-weight:400;font-size:14px;line-height:22px;color:#51566f;font-family:\"Poppins\",sans-serif}:host ::ng-deep .mat-ink-bar{height:3px;border-radius:5px;background-color:#4646ce!important}:host ::ng-deep .with-radio .mat-tab-labels{padding:0;margin-bottom:8px}:host ::ng-deep .with-radio .mat-tab-label{padding:8px 16px;min-width:0;flex-grow:1;justify-content:start;height:38px;opacity:1}:host ::ng-deep .with-radio .mat-tab-label:not(:last-child){margin-right:8px}:host ::ng-deep .with-radio .mat-tab-label-active{background:#f6f7f8;border-radius:3px}:host ::ng-deep .with-radio .mat-tab-label-active .mat-tab-label-content{color:#0c142b;font-weight:600}:host ::ng-deep .with-radio .mat-ink-bar{display:none!important}:host ::ng-deep .vertical.mat-tab-group{flex-direction:row}:host ::ng-deep .vertical .mat-tab-header{border-bottom:none}:host ::ng-deep .vertical .mat-tab-label-container{border-right:1px solid #d5dae5}:host ::ng-deep .vertical .mat-tab-label-container .mat-tab-labels{flex-direction:column;padding:0}:host ::ng-deep .vertical .mat-ink-bar{display:none!important}:host ::ng-deep .vertical .mat-tab-label{border-bottom:1px solid #d5dae5;margin:0!important;justify-content:flex-start;padding:1rem 2rem;height:40px}:host ::ng-deep .vertical .mat-tab-label:before{content:\"\";width:2px;height:100%;display:flex;position:absolute;top:0;left:0}:host ::ng-deep .vertical .mat-tab-label-active{background-color:#f3f7ff}:host ::ng-deep .vertical .mat-tab-label-active:before{background-color:#151a41}:host ::ng-deep .vertical .mat-tab-label-active .mat-tab-label-content{font-weight:normal;color:#151a41}:host ::ng-deep .vertical .mat-tab-body-wrapper{width:100%;padding:16px}:host ::ng-deep mat-tab-group.no-body-padding .mat-tab-body-wrapper{padding:0}:host ::ng-deep mat-tab-group.no-tab-labels-padding .mat-tab-labels{padding:0}\n"]
|
|
3153
3157
|
},] }
|
|
3154
3158
|
];
|
|
3155
3159
|
DrTabsComponent.ctorParameters = function () { return []; };
|
|
@@ -3158,6 +3162,7 @@
|
|
|
3158
3162
|
withRadio: [{ type: i0.Input }],
|
|
3159
3163
|
vertical: [{ type: i0.Input }],
|
|
3160
3164
|
noBodyPadding: [{ type: i0.Input }],
|
|
3165
|
+
noTabLabelsPadding: [{ type: i0.Input }],
|
|
3161
3166
|
selectedTabChange: [{ type: i0.Output }],
|
|
3162
3167
|
tabsContentList: [{ type: i0.ContentChildren, args: [DrTabComponent,] }]
|
|
3163
3168
|
};
|