@softpak/components 19.24.0 → 19.24.1

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.
Files changed (5) hide show
  1. package/fesm2022/softpak-components-spx-tabs.mjs +18 -6
  2. package/fesm2022/softpak-components-spx-tabs.mjs.map +1 -1
  3. package/package.json +13 -13
  4. package/spx-tabs/public-api.d.ts +2 -0
  5. package/spx-tabs/src/spx-tabs.component.d.ts +2 -1
package/fesm2022/softpak-components-spx-tabs.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { signal, ChangeDetectionStrategy, Component } from '@angular/core';
2
+ import { signal, input, ChangeDetectionStrategy, Component } from '@angular/core';
3
3
  import { FormsModule } from '@angular/forms';
4
4
  import { FaIconComponent } from '@fortawesome/angular-fontawesome';
5
5
  import { IonTabs, IonTabBar, IonTabButton } from '@ionic/angular/standalone';
@@ -14,10 +14,15 @@ const all = union({
14
14
  ctrl: ctrl,
15
15
  });
16
16
 
17
+ var spxShortcuts_actions = /*#__PURE__*/Object.freeze({
18
+ __proto__: null,
19
+ ctrl: ctrl
20
+ });
21
+
17
22
  const initialState = {
18
23
  ctrlIsDown: false,
19
24
  };
20
- var spxShortCutsReducer = createFeature({
25
+ var spxShortCutsReducer$1 = createFeature({
21
26
  name: 'spxShortcuts',
22
27
  reducer: createReducer(initialState, on(ctrl, (state, { keyIsDown }) => ({
23
28
  ...state,
@@ -25,11 +30,18 @@ var spxShortCutsReducer = createFeature({
25
30
  })))
26
31
  });
27
32
 
33
+ var spxShortcuts_reducer = /*#__PURE__*/Object.freeze({
34
+ __proto__: null,
35
+ default: spxShortCutsReducer$1,
36
+ initialState: initialState
37
+ });
38
+
28
39
  class SpxTabsComponent {
29
40
  constructor(store) {
30
41
  this.store = store;
31
42
  this.navItems = signal([]);
32
43
  this.showShortcuts = signal(false);
44
+ this.optionalNavItemBool = input(true);
33
45
  this.subscription = {};
34
46
  }
35
47
  ngOnInit() {
@@ -40,17 +52,17 @@ class SpxTabsComponent {
40
52
  unsubscribeSubscriptions(this.subscription);
41
53
  }
42
54
  listenToCtrlState() {
43
- this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {
55
+ this.subscription.ctrlState = this.store.select(spxShortCutsReducer$1.selectCtrlIsDown).subscribe(ctrlIsDown => {
44
56
  this.showShortcuts.set(ctrlIsDown);
45
57
  });
46
58
  }
47
59
  listenToMenuState() {
48
60
  this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {
49
- this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired)));
61
+ this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired && this.optionalNavItemBool())));
50
62
  });
51
63
  }
52
64
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxTabsComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component }); }
53
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SpxTabsComponent, isStandalone: true, selector: "spx-tabs", ngImport: i0, template: "<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>", styles: ["ion-tab-button{--color--active-tab: #FAB206;--color-focused: var(--color--active-tab);--color-selected: var(--color--active-tab);font-size:14px;padding-top:10px;padding-bottom:10px}ion-tab-button.ion-tab-button--hme{--color--active-tab: var(--color-hme);--ripple-color: var(--color-hme)}ion-tab-button.ion-tab-button--ord{--color--active-tab: var(--color-ord);--ripple-color: var(--color-ord)}ion-tab-button.ion-tab-button--qua{--color--active-tab: var(--color-qua);--ripple-color: var(--color-qua)}ion-tab-button.ion-tab-button--rel{--color--active-tab: var(--color-rel);--ripple-color: var(--color-rel)}ion-tab-button.ion-tab-button--rfr{--color--active-tab: var(--color-rfr);--ripple-color: var(--color-rfr)}ion-tab-button.ion-tab-button--sta{--color--active-tab: var(--color-sta);--ripple-color: var(--color-sta)}\n"], dependencies: [{ kind: "component", type: IonTabs, selector: "ion-tabs" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
65
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: SpxTabsComponent, isStandalone: true, selector: "spx-tabs", inputs: { optionalNavItemBool: { classPropertyName: "optionalNavItemBool", publicName: "optionalNavItemBool", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>", styles: ["ion-tab-button{--color--active-tab: #FAB206;--color-focused: var(--color--active-tab);--color-selected: var(--color--active-tab);font-size:14px;padding-top:10px;padding-bottom:10px}ion-tab-button.ion-tab-button--hme{--color--active-tab: var(--color-hme);--ripple-color: var(--color-hme)}ion-tab-button.ion-tab-button--ord{--color--active-tab: var(--color-ord);--ripple-color: var(--color-ord)}ion-tab-button.ion-tab-button--qua{--color--active-tab: var(--color-qua);--ripple-color: var(--color-qua)}ion-tab-button.ion-tab-button--rel{--color--active-tab: var(--color-rel);--ripple-color: var(--color-rel)}ion-tab-button.ion-tab-button--rfr{--color--active-tab: var(--color-rfr);--ripple-color: var(--color-rfr)}ion-tab-button.ion-tab-button--sta{--color--active-tab: var(--color-sta);--ripple-color: var(--color-sta)}\n"], dependencies: [{ kind: "component", type: IonTabs, selector: "ion-tabs" }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IonTabBar, selector: "ion-tab-bar", inputs: ["color", "mode", "selectedTab", "translucent"] }, { kind: "component", type: IonTabButton, selector: "ion-tab-button", inputs: ["disabled", "download", "href", "layout", "mode", "rel", "selected", "tab", "target"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
54
66
  }
55
67
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: SpxTabsComponent, decorators: [{
56
68
  type: Component,
@@ -68,5 +80,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
68
80
  * Generated bundle index. Do not edit.
69
81
  */
70
82
 
71
- export { SpxTabsComponent };
83
+ export { SpxTabsComponent, spxShortcuts_actions as spxShortCutsActions, spxShortcuts_reducer as spxShortCutsReducer };
72
84
  //# sourceMappingURL=softpak-components-spx-tabs.mjs.map
package/fesm2022/softpak-components-spx-tabs.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"softpak-components-spx-tabs.mjs","sources":["../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.actions.ts","../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.reducer.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.html","../../../../projects/softpak/components/spx-tabs/softpak-components-spx-tabs.ts"],"sourcesContent":["import { createAction, props, union } from '@ngrx/store';\r\n\r\nexport const ctrl = createAction('[SPX / Shortcuts] CTRL', props<{ keyIsDown: boolean; }>());\r\n\r\nconst all = union({\r\n ctrl: ctrl,\r\n});\r\nexport type Actions = typeof all;","import * as actions from './spx-shortcuts.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\n\r\nexport interface StateI {\r\n ctrlIsDown: boolean;\r\n}\r\n\r\nexport const initialState: StateI = {\r\n ctrlIsDown: false,\r\n};\r\n\r\nexport default createFeature({\r\n name: 'spxShortcuts',\r\n reducer: createReducer(\r\n initialState,\r\n on(actions.ctrl, (state: StateI, { keyIsDown }): StateI => ({\r\n ...state,\r\n ctrlIsDown: keyIsDown,\r\n })),\r\n )}\r\n);","import { ChangeDetectionStrategy, Component, OnInit, signal } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { FaIconComponent } from \"@fortawesome/angular-fontawesome\";\r\nimport { IonTabBar, IonTabButton, IonTabs } from \"@ionic/angular/standalone\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { unsubscribeSubscriptions } from \"@softpak/components/spx-helpers\";\r\nimport { SpxNavigationItemI, spxNavigationReducer } from \"@softpak/components/spx-navigation\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { NgClass } from \"@angular/common\";\r\nimport spxShortCutsReducer from '../store/spx-shortcuts.reducer';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'spx-tabs',\r\n standalone: true,\r\n imports: [\r\n IonTabs, \r\n FormsModule,\r\n IonTabBar,\r\n IonTabButton,\r\n FaIconComponent,\r\n NgClass\r\n ],\r\n templateUrl: './spx-tabs.component.html',\r\n styleUrl: './spx-tabs.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxTabsComponent implements OnInit {\r\n navItems = signal<SpxNavigationItemI[]>([]);\r\n showShortcuts = signal<boolean>(false);\r\n private subscription: {\r\n ctrlState?: Subscription;\r\n menuState?: Subscription;\r\n } = {};\r\n\r\n constructor(\r\n private readonly store: Store,\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.listenToMenuState();\r\n this.listenToCtrlState();\r\n }\r\n\r\n ngOnDestroy() {\r\n unsubscribeSubscriptions(this.subscription);\r\n }\r\n\r\n private listenToCtrlState(): void {\r\n this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {\r\n this.showShortcuts.set(ctrlIsDown);\r\n });\r\n }\r\n\r\n private listenToMenuState(): void {\r\n this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {\r\n this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired)));\r\n });\r\n }\r\n\r\n}","<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.ctrl"],"mappings":"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"}
1
+ {"version":3,"file":"softpak-components-spx-tabs.mjs","sources":["../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.actions.ts","../../../../projects/softpak/components/spx-tabs/store/spx-shortcuts.reducer.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.ts","../../../../projects/softpak/components/spx-tabs/src/spx-tabs.component.html","../../../../projects/softpak/components/spx-tabs/softpak-components-spx-tabs.ts"],"sourcesContent":["import { createAction, props, union } from '@ngrx/store';\r\n\r\nexport const ctrl = createAction('[SPX / Shortcuts] CTRL', props<{ keyIsDown: boolean; }>());\r\n\r\nconst all = union({\r\n ctrl: ctrl,\r\n});\r\nexport type Actions = typeof all;","import * as actions from './spx-shortcuts.actions';\r\nimport { createFeature, createReducer, on } from '@ngrx/store';\r\n\r\nexport interface StateI {\r\n ctrlIsDown: boolean;\r\n}\r\n\r\nexport const initialState: StateI = {\r\n ctrlIsDown: false,\r\n};\r\n\r\nexport default createFeature({\r\n name: 'spxShortcuts',\r\n reducer: createReducer(\r\n initialState,\r\n on(actions.ctrl, (state: StateI, { keyIsDown }): StateI => ({\r\n ...state,\r\n ctrlIsDown: keyIsDown,\r\n })),\r\n )}\r\n);","import { ChangeDetectionStrategy, Component, input, OnInit, signal } from \"@angular/core\";\r\nimport { FormsModule } from \"@angular/forms\";\r\nimport { FaIconComponent } from \"@fortawesome/angular-fontawesome\";\r\nimport { IonTabBar, IonTabButton, IonTabs } from \"@ionic/angular/standalone\";\r\nimport { Store } from \"@ngrx/store\";\r\nimport { unsubscribeSubscriptions } from \"@softpak/components/spx-helpers\";\r\nimport { SpxNavigationItemI, spxNavigationReducer } from \"@softpak/components/spx-navigation\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { NgClass } from \"@angular/common\";\r\nimport spxShortCutsReducer from '../store/spx-shortcuts.reducer';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'spx-tabs',\r\n standalone: true,\r\n imports: [\r\n IonTabs, \r\n FormsModule,\r\n IonTabBar,\r\n IonTabButton,\r\n FaIconComponent,\r\n NgClass\r\n ],\r\n templateUrl: './spx-tabs.component.html',\r\n styleUrl: './spx-tabs.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SpxTabsComponent implements OnInit {\r\n navItems = signal<SpxNavigationItemI[]>([]);\r\n showShortcuts = signal<boolean>(false);\r\n optionalNavItemBool = input<boolean>(true);\r\n private subscription: {\r\n ctrlState?: Subscription;\r\n menuState?: Subscription;\r\n } = {};\r\n\r\n constructor(\r\n private readonly store: Store,\r\n ) { }\r\n\r\n ngOnInit() {\r\n this.listenToMenuState();\r\n this.listenToCtrlState();\r\n }\r\n\r\n ngOnDestroy() {\r\n unsubscribeSubscriptions(this.subscription);\r\n }\r\n\r\n private listenToCtrlState(): void {\r\n this.subscription.ctrlState = this.store.select(spxShortCutsReducer.selectCtrlIsDown).subscribe(ctrlIsDown => {\r\n this.showShortcuts.set(ctrlIsDown);\r\n });\r\n }\r\n\r\n private listenToMenuState(): void {\r\n this.subscription.menuState = this.store.select(spxNavigationReducer.default.selectTabs).subscribe((tabs) => {\r\n this.navItems.set(tabs.filter(tab => !tab.currentSettingsRequired || (tab.currentSettingsRequired && this.optionalNavItemBool())));\r\n });\r\n }\r\n\r\n}","<ion-tabs #tabs select=\"home\">\r\n <ion-tab-bar slot=\"bottom\" class=\"border-t border-gray-200\">\r\n @for (item of navItems(); track item.title) {\r\n <ion-tab-button [ngClass]=\"'ion-tab-button--' + item.code\" [tab]=\"item.code\"\r\n [attr.data-e2e]=\"'tab--' + item.code\">\r\n <fa-icon class=\"text-xl\" [icon]=\"showShortcuts() ? item.iconShortcut! : item.iconTab!\"></fa-icon>\r\n </ion-tab-button>\r\n }\r\n </ion-tab-bar>\r\n</ion-tabs>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["actions.ctrl","spxShortCutsReducer"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@softpak/components",
3
- "version": "19.24.0",
3
+ "version": "19.24.1",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/common": "19.x.x",
@@ -33,6 +33,10 @@
33
33
  "types": "./spx-404-page/index.d.ts",
34
34
  "default": "./fesm2022/softpak-components-spx-404-page.mjs"
35
35
  },
36
+ "./spx-button": {
37
+ "types": "./spx-button/index.d.ts",
38
+ "default": "./fesm2022/softpak-components-spx-button.mjs"
39
+ },
36
40
  "./spx-alert": {
37
41
  "types": "./spx-alert/index.d.ts",
38
42
  "default": "./fesm2022/softpak-components-spx-alert.mjs"
@@ -45,10 +49,6 @@
45
49
  "types": "./spx-app-expiry/index.d.ts",
46
50
  "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
47
51
  },
48
- "./spx-button": {
49
- "types": "./spx-button/index.d.ts",
50
- "default": "./fesm2022/softpak-components-spx-button.mjs"
51
- },
52
52
  "./spx-capitalize": {
53
53
  "types": "./spx-capitalize/index.d.ts",
54
54
  "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
@@ -77,14 +77,14 @@
77
77
  "types": "./spx-form-section/index.d.ts",
78
78
  "default": "./fesm2022/softpak-components-spx-form-section.mjs"
79
79
  },
80
- "./spx-form-view": {
81
- "types": "./spx-form-view/index.d.ts",
82
- "default": "./fesm2022/softpak-components-spx-form-view.mjs"
83
- },
84
80
  "./spx-helpers": {
85
81
  "types": "./spx-helpers/index.d.ts",
86
82
  "default": "./fesm2022/softpak-components-spx-helpers.mjs"
87
83
  },
84
+ "./spx-form-view": {
85
+ "types": "./spx-form-view/index.d.ts",
86
+ "default": "./fesm2022/softpak-components-spx-form-view.mjs"
87
+ },
88
88
  "./spx-inputs": {
89
89
  "types": "./spx-inputs/index.d.ts",
90
90
  "default": "./fesm2022/softpak-components-spx-inputs.mjs"
@@ -97,6 +97,10 @@
97
97
  "types": "./spx-number-check/index.d.ts",
98
98
  "default": "./fesm2022/softpak-components-spx-number-check.mjs"
99
99
  },
100
+ "./spx-pipes": {
101
+ "types": "./spx-pipes/index.d.ts",
102
+ "default": "./fesm2022/softpak-components-spx-pipes.mjs"
103
+ },
100
104
  "./spx-pagination": {
101
105
  "types": "./spx-pagination/index.d.ts",
102
106
  "default": "./fesm2022/softpak-components-spx-pagination.mjs"
@@ -105,10 +109,6 @@
105
109
  "types": "./spx-patch/index.d.ts",
106
110
  "default": "./fesm2022/softpak-components-spx-patch.mjs"
107
111
  },
108
- "./spx-pipes": {
109
- "types": "./spx-pipes/index.d.ts",
110
- "default": "./fesm2022/softpak-components-spx-pipes.mjs"
111
- },
112
112
  "./spx-progress-bar": {
113
113
  "types": "./spx-progress-bar/index.d.ts",
114
114
  "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
package/spx-tabs/public-api.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export * from './src/spx-tabs.component';
2
+ export * as spxShortCutsActions from './store/spx-shortcuts.actions';
3
+ export * as spxShortCutsReducer from './store/spx-shortcuts.reducer';
package/spx-tabs/src/spx-tabs.component.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare class SpxTabsComponent implements OnInit {
6
6
  private readonly store;
7
7
  navItems: import("@angular/core").WritableSignal<SpxNavigationItemI[]>;
8
8
  showShortcuts: import("@angular/core").WritableSignal<boolean>;
9
+ optionalNavItemBool: import("@angular/core").InputSignal<boolean>;
9
10
  private subscription;
10
11
  constructor(store: Store);
11
12
  ngOnInit(): void;
@@ -13,5 +14,5 @@ export declare class SpxTabsComponent implements OnInit {
13
14
  private listenToCtrlState;
14
15
  private listenToMenuState;
15
16
  static ɵfac: i0.ɵɵFactoryDeclaration<SpxTabsComponent, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<SpxTabsComponent, "spx-tabs", never, {}, {}, never, never, true, never>;
17
+ static ɵcmp: i0.ɵɵComponentDeclaration<SpxTabsComponent, "spx-tabs", never, { "optionalNavItemBool": { "alias": "optionalNavItemBool"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
17
18
  }