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

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

@@ -2035,12 +2035,11 @@
         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" }, providers: [{ provide: i0.forwardRef(function () { return LibTabComponent; }), useClass: LibTabComponent }], 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" }, 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: i0.forwardRef(function () { return LibTabComponent; }), useClass: LibTabComponent }],
                         templateUrl: './lib-tab-group.component.html'
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
@@ -2050,10 +2049,13 @@
                     type: i0.Output
                 }] } });
 
-    var LibTabComponent = /** @class */ (function () {
+    var LibTabComponent = /** @class */ (function (_super) {
+        __extends(LibTabComponent, _super);
         function LibTabComponent(_tabGroup) {
-            this._tabGroup = _tabGroup;
-            this._isActive = false;
+            var _this = _super.call(this) || this;
+            _this._tabGroup = _tabGroup;
+            _this._isActive = false;
+            return _this;
         }
         Object.defineProperty(LibTabComponent.prototype, "index", {
             /** Indicates the index of the tab. */
@@ -2080,13 +2082,14 @@
             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" }, 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 });
+    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 });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'lib-tab',
+                        providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }],
                         template: "\n        <ng-template>\n            <ng-content></ng-content>\n        </ng-template>\n    ",
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush