ngx-sfc-components 0.0.31 → 0.0.32
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/esm2020/lib/components/table/parts/toggle/service/columns-toggle.service.mjs +5 -1
- package/esm2020/lib/components/table/table.component.mjs +2 -2
- package/esm2020/lib/components/tabs/parts/labels/tab-label-line/tab-label-line.component.mjs +2 -2
- package/fesm2015/ngx-sfc-components.mjs +8 -3
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +8 -3
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/table/parts/toggle/service/columns-toggle.service.d.ts +1 -0
- package/package.json +2 -2
|
@@ -130,10 +130,10 @@ class TabLabelLineComponent extends TabLabelContentBase {
|
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
TabLabelLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
133
|
-
TabLabelLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelLineComponent, selector: "sfc-tab-label-line", inputs: { image: "image" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"icon\" [imageSrc]=\"image\" [sfcComponentSize] [customSize]=\"1.8\"></sfc-icon>\r\n <span>{{label}}</span>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer}:host.disabled{cursor:default;pointer-events:none}:host.disabled .container .content{transition:color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#656d78}:host.selected:not(.disabled) .container .content,:host:hover:not(.disabled) .container .content{color:#ffce54}:host .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;
|
|
133
|
+
TabLabelLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelLineComponent, selector: "sfc-tab-label-line", inputs: { image: "image" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"icon\" [imageSrc]=\"image\" [sfcComponentSize] [customSize]=\"1.8\"></sfc-icon>\r\n <span>{{label}}</span>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer}:host.disabled{cursor:default;pointer-events:none}:host.disabled .container .content{transition:color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#656d78}:host.selected:not(.disabled) .container .content,:host:hover:not(.disabled) .container .content{color:#ffce54}:host .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-flow:column wrap;text-align:center;padding:1.25em 0;overflow:hidden;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{color:#fff}:host .container .content span{text-overflow:ellipsis;overflow:hidden;font-size:.8em}:host .container .content sfc-icon{margin:.2em 0}@media (max-width: 425px){:host{padding-bottom:.6em}:host .container .content{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container .content sfc-icon{display:block}:host .container .content span{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$1.ComponentSizeDirective, selector: "[sfcComponentSize]", inputs: ["sfcComponentSize", "customSize"] }, { kind: "component", type: i1$1.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
134
134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelLineComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
|
-
args: [{ selector: 'sfc-tab-label-line', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"icon\" [imageSrc]=\"image\" [sfcComponentSize] [customSize]=\"1.8\"></sfc-icon>\r\n <span>{{label}}</span>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer}:host.disabled{cursor:default;pointer-events:none}:host.disabled .container .content{transition:color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#656d78}:host.selected:not(.disabled) .container .content,:host:hover:not(.disabled) .container .content{color:#ffce54}:host .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;
|
|
136
|
+
args: [{ selector: 'sfc-tab-label-line', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"icon\" [imageSrc]=\"image\" [sfcComponentSize] [customSize]=\"1.8\"></sfc-icon>\r\n <span>{{label}}</span>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer}:host.disabled{cursor:default;pointer-events:none}:host.disabled .container .content{transition:color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#656d78}:host.selected:not(.disabled) .container .content,:host:hover:not(.disabled) .container .content{color:#ffce54}:host .container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-flow:column wrap;text-align:center;padding:1.25em 0;overflow:hidden;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{color:#fff}:host .container .content span{text-overflow:ellipsis;overflow:hidden;font-size:.8em}:host .container .content sfc-icon{margin:.2em 0}@media (max-width: 425px){:host{padding-bottom:.6em}:host .container .content{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container .content sfc-icon{display:block}:host .container .content span{display:none}}\n"] }]
|
|
137
137
|
}], propDecorators: { image: [{
|
|
138
138
|
type: Input
|
|
139
139
|
}] } });
|
|
@@ -1919,6 +1919,10 @@ class ColumnsToggleService {
|
|
|
1919
1919
|
toggle() {
|
|
1920
1920
|
this.toggleSubject.next(this.show = !this.show);
|
|
1921
1921
|
}
|
|
1922
|
+
set(show) {
|
|
1923
|
+
this.show = show;
|
|
1924
|
+
this.toggleSubject.next(this.show);
|
|
1925
|
+
}
|
|
1922
1926
|
}
|
|
1923
1927
|
ColumnsToggleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1924
1928
|
ColumnsToggleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleService, providedIn: 'root' });
|
|
@@ -2348,7 +2352,7 @@ class TableComponent {
|
|
|
2348
2352
|
this.toggleSwitcherLeftModel = { label: this.dataListLabel, icon: faTableList };
|
|
2349
2353
|
this.toggleSwitcherRightModel = { label: this.dataCardsLabel, icon: faBorderAll };
|
|
2350
2354
|
if (this.columnsShowOnInit) {
|
|
2351
|
-
this.columnsToggleService.
|
|
2355
|
+
this.columnsToggleService.set(true);
|
|
2352
2356
|
}
|
|
2353
2357
|
}
|
|
2354
2358
|
ngAfterViewChecked() {
|
|
@@ -4406,3 +4410,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
4406
4410
|
|
|
4407
4411
|
export { AvatarBadgePosition, AvatarComponent, CarouselComponent, CarouselSlideDirective, ChartComponent, ChartThemeService, ColumnsToggleComponent, DefaultTableCardComponent, DefaultTableColumnComponent, DefaultTableRowComponent, DropdownMenuComponent, ExpandedTableRowComponent, ExpandedTableRowTemplate, NavigationMenuComponent, NgxSfcComponentsModule, NotificationComponent, NotificationTemplate, NotificationType, ProgressCircleComponent, ProgressColor, ProgressLineComponent, ProgressSemiCircleComponent, RouterMenuComponent, SelectableTableColumnComponent, SideMenuComponent, SideMenuItemType, SliderComponent, SliderType, StarsComponent, TabLabelIconComponent, TabLabelIconSliderComponent, TabLabelLineComponent, TabLabelLineSliderComponent, TableColumnType, TableComponent, TableDataType, TableSelectService, TableTemplate, TabsComponent, TabsTemplate, TagsComponent, TimelineComponent, TimelineItemPosition, getProgressColorDefaultFunc, getProgressColorDynamicallyFunc };
|
|
4408
4412
|
//# sourceMappingURL=ngx-sfc-components.mjs.map
|
|
4413
|
+
//# sourceMappingURL=ngx-sfc-components.mjs.map
|