ngx-sfc-components 0.0.30 → 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/esm2020/lib/components/tags/tags.component.mjs +1 -1
- package/fesm2015/ngx-sfc-components.mjs +8 -4
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +8 -4
- 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
|
}] } });
|
|
@@ -1142,7 +1142,7 @@ class TagsComponent {
|
|
|
1142
1142
|
}
|
|
1143
1143
|
}
|
|
1144
1144
|
TagsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1145
|
-
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagsComponent, selector: "sfc-tags", inputs: { tags: "tags" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-tag *ngFor=\"let tag of tags\" [model]=\"tag\" [sfcComponentSize] [customSize]=\"0.8\"\r\n (remove)=\"onRemove($event)\">\r\n </sfc-tag>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host .container .content sfc-tag{margin:.2em}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ComponentSizeDirective, selector: "[sfcComponentSize]", inputs: ["sfcComponentSize", "customSize"] }, { kind: "component", type: i1$1.TagComponent, selector: "sfc-tag", inputs: ["model"], outputs: ["remove"] }] });
|
|
1145
|
+
TagsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagsComponent, selector: "sfc-tags", inputs: { tags: "tags" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-tag *ngFor=\"let tag of tags\" [model]=\"tag\" [sfcComponentSize] [customSize]=\"0.8\"\r\n (remove)=\"onRemove($event)\">\r\n </sfc-tag>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host .container .content sfc-tag{margin:.2em}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.ComponentSizeDirective, selector: "[sfcComponentSize]", inputs: ["sfcComponentSize", "customSize"] }, { kind: "component", type: i1$1.TagComponent, selector: "sfc-tag", inputs: ["model", "disabled"], outputs: ["remove"] }] });
|
|
1146
1146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagsComponent, decorators: [{
|
|
1147
1147
|
type: Component,
|
|
1148
1148
|
args: [{ selector: 'sfc-tags', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-tag *ngFor=\"let tag of tags\" [model]=\"tag\" [sfcComponentSize] [customSize]=\"0.8\"\r\n (remove)=\"onRemove($event)\">\r\n </sfc-tag>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}:host .container .content sfc-tag{margin:.2em}\n"] }]
|
|
@@ -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() {
|