@dev-tcloud/tcloud-ui 0.1.15 → 0.1.17
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/_modules/tcloud-ui-tab-menu/services/tab-menu.service.mjs +10 -1
- package/esm2020/lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.component.mjs +11 -3
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +19 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +19 -2
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-tab-menu/services/tab-menu.service.d.ts +5 -0
- package/lib/_modules/tcloud-ui-tab-menu/tcloud-ui-tab-menu.component.d.ts +4 -1
- package/package.json +1 -1
- package/scss/components/custom/tab-menu.scss +11 -0
- package/scss/components/styles.scss +1 -1
- package/scss/tcloud/custom/alerts.scss +38 -0
- package/scss/tcloud/custom/buttons.scss +331 -233
- package/scss/tcloud/custom/colors.scss +20 -8
- package/scss/tcloud/custom/mixins.scss +143 -143
- package/scss/tcloud/custom/tcloud-prime.scss +8 -17
- package/scss/tcloud/custom/tcloud-standard.scss +1 -1
- package/scss/tcloud/custom/variables.scss +1 -1
- package/scss/tcloud/styles.scss +1 -0
|
@@ -101,6 +101,8 @@ class TabMenuService {
|
|
|
101
101
|
this.tabState$ = this.tabSubject.asObservable();
|
|
102
102
|
this.loadingSubject = new Subject();
|
|
103
103
|
this.loadingState$ = this.loadingSubject.asObservable();
|
|
104
|
+
this.fullSubject = new Subject();
|
|
105
|
+
this.fullState$ = this.fullSubject.asObservable();
|
|
104
106
|
}
|
|
105
107
|
setTabScroll(scroll) {
|
|
106
108
|
this._scroll = scroll;
|
|
@@ -116,6 +118,13 @@ class TabMenuService {
|
|
|
116
118
|
getTabLoading() {
|
|
117
119
|
return this._loading;
|
|
118
120
|
}
|
|
121
|
+
setTabfull(full) {
|
|
122
|
+
this._full = full;
|
|
123
|
+
this.fullSubject.next(full);
|
|
124
|
+
}
|
|
125
|
+
getTabFull() {
|
|
126
|
+
return this._full;
|
|
127
|
+
}
|
|
119
128
|
setTabState(tab, registerInUrl) {
|
|
120
129
|
this._tab = tab;
|
|
121
130
|
if (registerInUrl) {
|
|
@@ -178,6 +187,7 @@ class TCloudUiTabMenuComponent {
|
|
|
178
187
|
this.registerInUrl = false;
|
|
179
188
|
this._loading = false;
|
|
180
189
|
this._active = '';
|
|
190
|
+
this._full = false;
|
|
181
191
|
this.onChange = new EventEmitter();
|
|
182
192
|
}
|
|
183
193
|
set loading(loading) {
|
|
@@ -194,6 +204,11 @@ class TCloudUiTabMenuComponent {
|
|
|
194
204
|
}
|
|
195
205
|
}
|
|
196
206
|
get active() { return this._active; }
|
|
207
|
+
set full(full) {
|
|
208
|
+
this._full = full;
|
|
209
|
+
this.tabMenuService.setTabfull(this.full);
|
|
210
|
+
}
|
|
211
|
+
get full() { return this._full; }
|
|
197
212
|
ngOnInit() {
|
|
198
213
|
const tab = this.tabMenuService.getTabState();
|
|
199
214
|
if (tab === this._active) {
|
|
@@ -210,16 +225,18 @@ class TCloudUiTabMenuComponent {
|
|
|
210
225
|
}
|
|
211
226
|
}
|
|
212
227
|
TCloudUiTabMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabMenuComponent, deps: [{ token: TabMenuService }], target: i0.ɵɵFactoryTarget.Component });
|
|
213
|
-
TCloudUiTabMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabMenuComponent, selector: "tcloud-ui-tab-menu", inputs: { registerInUrl: "registerInUrl", loading: "loading", active: "active" }, outputs: { onChange: "onChange" }, providers: [TabMenuService], ngImport: i0, template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" >\r\n <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] });
|
|
228
|
+
TCloudUiTabMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiTabMenuComponent, selector: "tcloud-ui-tab-menu", inputs: { registerInUrl: "registerInUrl", loading: "loading", active: "active", full: "full" }, outputs: { onChange: "onChange" }, providers: [TabMenuService], ngImport: i0, template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" [class.tcloud-ui-tab-block-full]=\"full\" >\r\n <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] });
|
|
214
229
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiTabMenuComponent, decorators: [{
|
|
215
230
|
type: Component,
|
|
216
|
-
args: [{ selector: 'tcloud-ui-tab-menu', providers: [TabMenuService], template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" >\r\n <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] }]
|
|
231
|
+
args: [{ selector: 'tcloud-ui-tab-menu', providers: [TabMenuService], template: "<div class=\"tcloud-ui-tab-menu tc-tab-menu\" [class.loading]=\"loading\" [class.tcloud-ui-tab-block-full]=\"full\" >\r\n <ng-content></ng-content>\r\n</div>", styles: [".tc-tab-menu{width:100%;overflow-x:hidden}.tc-tab-menu .fas{color:var(--tc-primary);margin:0}.loading{opacity:.7;cursor:progress!important}\n"] }]
|
|
217
232
|
}], ctorParameters: function () { return [{ type: TabMenuService }]; }, propDecorators: { registerInUrl: [{
|
|
218
233
|
type: Input
|
|
219
234
|
}], loading: [{
|
|
220
235
|
type: Input
|
|
221
236
|
}], active: [{
|
|
222
237
|
type: Input
|
|
238
|
+
}], full: [{
|
|
239
|
+
type: Input
|
|
223
240
|
}], onChange: [{
|
|
224
241
|
type: Output
|
|
225
242
|
}] } });
|