@indice/ng-components 0.2.153-beta.13 → 0.2.153-beta.16

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

@@ -1985,7 +1985,8 @@
                 }] } });
 
     var LibTabGroupComponent = /** @class */ (function () {
-        function LibTabGroupComponent() {
+        function LibTabGroupComponent(_tab) {
+            this._tab = _tab;
             /** The inner tabs of the group. */
             this.tabs = undefined;
             /** Emmited when a step change occurs. */
@@ -2034,28 +2035,31 @@
         };
         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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, deps: [{ token: LibTabComponent }], 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" }, providers: [{ provide: LibTabComponent, 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',
+                        providers: [{ provide: LibTabComponent, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }],
                         templateUrl: './lib-tab-group.component.html'
                     }]
-            }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
+            }], ctorParameters: function () {
+            return [{ type: LibTabComponent, decorators: [{
+                            type: i0.Inject,
+                            args: [LibTabComponent]
+                        }] }];
+        }, propDecorators: { tabs: [{
                     type: i0.ContentChildren,
                     args: [LibTabComponent, { descendants: true }]
                 }], tabChanged: [{
                     type: i0.Output
                 }] } });
 
-    var LibTabComponent = /** @class */ (function (_super) {
-        __extends(LibTabComponent, _super);
+    var LibTabComponent = /** @class */ (function () {
         function LibTabComponent(_tabGroup) {
-            var _this = _super.call(this) || this;
-            _this._tabGroup = _tabGroup;
-            _this._isActive = false;
-            return _this;
+            this._tabGroup = _tabGroup;
+            this._isActive = false;
         }
         Object.defineProperty(LibTabComponent.prototype, "index", {
             /** Indicates the index of the tab. */
@@ -2082,9 +2086,9 @@
             this.id = this.id || uuid__namespace.v4();
         };
         return LibTabComponent;
-    }(LibTabGroupComponent));
+    }());
     LibTabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, deps: [{ token: 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" }, providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }], viewQueries: [{ propertyName: "content", first: true, predicate: i0.TemplateRef, descendants: true, static: true }], usesInheritance: 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 });
+    LibTabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabComponent, selector: "lib-tab", inputs: { label: "label", id: "id" }, providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }], 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: [{
@@ -2094,7 +2098,12 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], ctorParameters: function () { return [{ type: LibTabGroupComponent }]; }, propDecorators: { content: [{
+            }], ctorParameters: function () {
+            return [{ type: LibTabGroupComponent, decorators: [{
+                            type: i0.Inject,
+                            args: [LibTabGroupComponent]
+                        }] }];
+        }, propDecorators: { content: [{
                     type: i0.ViewChild,
                     args: [i0.TemplateRef, { static: true }]
                 }], label: [{