@indice/ng-components 0.2.147-beta.0 → 0.2.148-beta.0

package/bundles/indice-ng-components.umd.js

@@ -1984,6 +1984,69 @@
                     type: i0.Output
                 }] } });
 
+    var APP_LINKS = new i0.InjectionToken('APP_LINKS');
+    var APP_NOTIFICATIONS = new i0.InjectionToken('APP_NOTIFICATIONS');
+    var SHELL_CONFIG = new i0.InjectionToken('SHELL_CONFIG');
+    var APP_LANGUAGES = new i0.InjectionToken('APP_LANGUAGES');
+    var LIBTABGROUP_ACCESSOR = new i0.InjectionToken('LibTabGroupAccessor');
+
+    var LibTabComponent = /** @class */ (function () {
+        function LibTabComponent(_tabGroup) {
+            this._tabGroup = _tabGroup;
+            this._isActive = false;
+        }
+        Object.defineProperty(LibTabComponent.prototype, "index", {
+            /** Indicates the index of the tab. */
+            get: function () {
+                var _a, _b;
+                return ((_b = (_a = this._tabGroup) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.toArray().indexOf(this)) || undefined;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(LibTabComponent.prototype, "isActive", {
+            /** Indicates whether the tab is active. */
+            get: function () {
+                return this._isActive;
+            },
+            /** Setter for LibTabComponent isActive property. */
+            set: function (isActive) {
+                this._isActive = isActive;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        LibTabComponent.prototype.ngOnInit = function () {
+            this.id = this.id || uuid__namespace.v4();
+        };
+        return LibTabComponent;
+    }());
+    LibTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, deps: [{ token: LIBTABGROUP_ACCESSOR, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    LibTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabComponent, selector: "lib-tab", inputs: { label: "label", id: "id" }, viewQueries: [{ propertyName: "content", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], ngImport: i0__namespace, template: "\n        <ng-template>\n            <ng-content></ng-content>\n        </ng-template>\n    ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'lib-tab',
+                        template: "\n        <ng-template>\n            <ng-content></ng-content>\n        </ng-template>\n    ",
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [LIBTABGROUP_ACCESSOR]
+                        }] }];
+        }, propDecorators: { content: [{
+                    type: i0.ViewChild,
+                    args: [i0.TemplateRef, { static: true }]
+                }], label: [{
+                    type: i0.Input
+                }], id: [{
+                    type: i0.Input
+                }] } });
+
     var LibTabGroupComponent = /** @class */ (function () {
         function LibTabGroupComponent() {
             /** The inner tabs of the group. */
@@ -2035,12 +2098,17 @@
         return LibTabGroupComponent;
     }());
     LibTabGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LibTabGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabGroupComponent, selector: "lib-tab-group", outputs: { tabChanged: "tabChanged" }, queries: [{ propertyName: "tabs", predicate: LibTabComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sm:hidden\">\r\n    <label for=\"tabs\" class=\"sr-only\">Select a tab</label>\r\n    <select id=\"tabs\" name=\"tabs\" (change)=\"onTabSelectChanged(+tabsSelect.value)\" class=\"tab-group-select\" #tabsSelect>\r\n        <option [value]=\"i\" *ngFor=\"let tab of tabs; let i = index\">{{ tab.label }}</option>\r\n    </select>\r\n</div>\r\n<div class=\"hidden sm:block\">\r\n    <div class=\"tab-group-container\">\r\n        <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\r\n            <a *ngFor=\"let tab of tabs\" href=\"javascript:void(0)\" [class.tab]=\"!tab.isActive\" [class.tab-active]=\"tab.isActive\" (click)=\"onTabChanged(tab)\">\r\n                {{ tab.label }}\r\n            </a>\r\n        </nav>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"currentTab?.content\">\r\n    <ng-container [ngTemplateOutlet]=\"currentTab!.content\"></ng-container>\r\n</div>", directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+    LibTabGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabGroupComponent, selector: "lib-tab-group", outputs: { tabChanged: "tabChanged" }, providers: [
+            { provide: LIBTABGROUP_ACCESSOR, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }
+        ], queries: [{ propertyName: "tabs", predicate: LibTabComponent, descendants: true }], ngImport: i0__namespace, template: "<div class=\"sm:hidden\">\r\n    <label for=\"tabs\" class=\"sr-only\">Select a tab</label>\r\n    <select id=\"tabs\" name=\"tabs\" (change)=\"onTabSelectChanged(+tabsSelect.value)\" class=\"tab-group-select\" #tabsSelect>\r\n        <option [value]=\"i\" *ngFor=\"let tab of tabs; let i = index\">{{ tab.label }}</option>\r\n    </select>\r\n</div>\r\n<div class=\"hidden sm:block\">\r\n    <div class=\"tab-group-container\">\r\n        <nav class=\"-mb-px flex space-x-8\" aria-label=\"Tabs\">\r\n            <a *ngFor=\"let tab of tabs\" href=\"javascript:void(0)\" [class.tab]=\"!tab.isActive\" [class.tab-active]=\"tab.isActive\" (click)=\"onTabChanged(tab)\">\r\n                {{ tab.label }}\r\n            </a>\r\n        </nav>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"currentTab?.content\">\r\n    <ng-container [ngTemplateOutlet]=\"currentTab!.content\"></ng-container>\r\n</div>", directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'lib-tab-group',
-                        templateUrl: './lib-tab-group.component.html'
+                        templateUrl: './lib-tab-group.component.html',
+                        providers: [
+                            { provide: LIBTABGROUP_ACCESSOR, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }
+                        ]
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
                     type: i0.ContentChildren,
@@ -2049,66 +2117,6 @@
                     type: i0.Output
                 }] } });
 
-    var LibTabComponent = /** @class */ (function () {
-        function LibTabComponent(_tabGroup) {
-            this._tabGroup = _tabGroup;
-            this._isActive = false;
-        }
-        Object.defineProperty(LibTabComponent.prototype, "index", {
-            /** Indicates the index of the tab. */
-            get: function () {
-                var _a;
-                return ((_a = this._tabGroup.tabs) === null || _a === void 0 ? void 0 : _a.toArray().indexOf(this)) || undefined;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(LibTabComponent.prototype, "isActive", {
-            /** Indicates whether the tab is active. */
-            get: function () {
-                return this._isActive;
-            },
-            /** Setter for LibTabComponent isActive property. */
-            set: function (isActive) {
-                this._isActive = isActive;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        LibTabComponent.prototype.ngOnInit = function () {
-            this.id = this.id || uuid__namespace.v4();
-        };
-        return LibTabComponent;
-    }());
-    LibTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, deps: [{ token: i0.forwardRef(function () { return LibTabGroupComponent; }) }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LibTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabComponent, selector: "lib-tab", inputs: { label: "label", id: "id" }, viewQueries: [{ propertyName: "content", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], ngImport: i0__namespace, template: "\n        <ng-template>\n            <ng-content></ng-content>\n        </ng-template>\n    ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'lib-tab',
-                        template: "\n        <ng-template>\n            <ng-content></ng-content>\n        </ng-template>\n    ",
-                        encapsulation: i0.ViewEncapsulation.None,
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: LibTabGroupComponent, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.forwardRef(function () { return LibTabGroupComponent; })]
-                        }] }];
-        }, propDecorators: { content: [{
-                    type: i0.ViewChild,
-                    args: [i0.TemplateRef, { static: true }]
-                }], label: [{
-                    type: i0.Input
-                }], id: [{
-                    type: i0.Input
-                }] } });
-
-    var APP_LINKS = new i0.InjectionToken('APP_LINKS');
-    var APP_NOTIFICATIONS = new i0.InjectionToken('APP_NOTIFICATIONS');
-    var SHELL_CONFIG = new i0.InjectionToken('SHELL_CONFIG');
-    var APP_LANGUAGES = new i0.InjectionToken('APP_LANGUAGES');
-
     var DynamicComponentHostDirective = /** @class */ (function () {
         function DynamicComponentHostDirective(viewContainerRef) {
             this.viewContainerRef = viewContainerRef;
@@ -4072,8 +4080,8 @@
             UserProfileMenuComponent,
             ShellSidebarComponent,
             // Tab Group Component
-            LibTabGroupComponent,
-            LibTabComponent
+            LibTabComponent,
+            LibTabGroupComponent
         ], imports: [i1.CommonModule,
             i1$1.RouterModule,
             i2.IndiceAuthModule], exports: [AddressPipe,
@@ -4167,8 +4175,8 @@
                             UserProfileMenuComponent,
                             ShellSidebarComponent,
                             // Tab Group Component
-                            LibTabGroupComponent,
-                            LibTabComponent
+                            LibTabComponent,
+                            LibTabGroupComponent
                         ],
                         imports: [
                             i1.CommonModule,
@@ -4245,6 +4253,7 @@
     exports.Icons = Icons;
     exports.IndiceComponentsModule = IndiceComponentsModule;
     exports.KpiTileComponent = KpiTileComponent;
+    exports.LIBTABGROUP_ACCESSOR = LIBTABGROUP_ACCESSOR;
     exports.LibTabComponent = LibTabComponent;
     exports.LibTabGroupComponent = LibTabGroupComponent;
     exports.ListColumnComponent = ListColumnComponent;