@indice/ng-components 0.2.153-beta.15 → 0.2.153-beta.18

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.
@@ -1984,6 +1984,7 @@
1984
1984
  type: i0.Output
1985
1985
  }] } });
1986
1986
 
1987
+ var LIBTABGROUP_ACCESSOR = new i0.InjectionToken('LibTabGroupAccessor');
1987
1988
  var LibTabGroupComponent = /** @class */ (function () {
1988
1989
  function LibTabGroupComponent() {
1989
1990
  /** The inner tabs of the group. */
@@ -2035,13 +2036,17 @@
2035
2036
  return LibTabGroupComponent;
2036
2037
  }());
2037
2038
  LibTabGroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
2038
- 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"] }] });
2039
+ LibTabGroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LibTabGroupComponent, selector: "lib-tab-group", outputs: { tabChanged: "tabChanged" }, providers: [
2040
+ { provide: LIBTABGROUP_ACCESSOR, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }
2041
+ ], 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"] }] });
2039
2042
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, decorators: [{
2040
2043
  type: i0.Component,
2041
2044
  args: [{
2042
2045
  selector: 'lib-tab-group',
2043
- providers: [{ provide: LibTabComponent, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }],
2044
- templateUrl: './lib-tab-group.component.html'
2046
+ templateUrl: './lib-tab-group.component.html',
2047
+ providers: [
2048
+ { provide: LIBTABGROUP_ACCESSOR, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }
2049
+ ]
2045
2050
  }]
2046
2051
  }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
2047
2052
  type: i0.ContentChildren,
@@ -2058,8 +2063,8 @@
2058
2063
  Object.defineProperty(LibTabComponent.prototype, "index", {
2059
2064
  /** Indicates the index of the tab. */
2060
2065
  get: function () {
2061
- var _a;
2062
- return ((_a = this._tabGroup.tabs) === null || _a === void 0 ? void 0 : _a.toArray().indexOf(this)) || undefined;
2066
+ var _a, _b;
2067
+ return ((_b = (_a = this._tabGroup) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.toArray().indexOf(this)) || undefined;
2063
2068
  },
2064
2069
  enumerable: false,
2065
2070
  configurable: true
@@ -2081,21 +2086,22 @@
2081
2086
  };
2082
2087
  return LibTabComponent;
2083
2088
  }());
2084
- 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 });
2085
- 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 });
2089
+ 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 });
2090
+ 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 });
2086
2091
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
2087
2092
  type: i0.Component,
2088
2093
  args: [{
2089
2094
  selector: 'lib-tab',
2090
- providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }],
2091
2095
  template: "\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n ",
2092
2096
  encapsulation: i0.ViewEncapsulation.None,
2093
2097
  changeDetection: i0.ChangeDetectionStrategy.OnPush
2094
2098
  }]
2095
2099
  }], ctorParameters: function () {
2096
2100
  return [{ type: LibTabGroupComponent, decorators: [{
2101
+ type: i0.Optional
2102
+ }, {
2097
2103
  type: i0.Inject,
2098
- args: [LibTabGroupComponent]
2104
+ args: [LIBTABGROUP_ACCESSOR]
2099
2105
  }] }];
2100
2106
  }, propDecorators: { content: [{
2101
2107
  type: i0.ViewChild,
@@ -4074,8 +4080,8 @@
4074
4080
  UserProfileMenuComponent,
4075
4081
  ShellSidebarComponent,
4076
4082
  // Tab Group Component
4077
- LibTabGroupComponent,
4078
- LibTabComponent
4083
+ LibTabComponent,
4084
+ LibTabGroupComponent
4079
4085
  ], imports: [i1.CommonModule,
4080
4086
  i1$1.RouterModule,
4081
4087
  i2.IndiceAuthModule], exports: [AddressPipe,
@@ -4091,8 +4097,8 @@
4091
4097
  ErrorComponent,
4092
4098
  FormLayoutComponent,
4093
4099
  KpiTileComponent,
4094
- LibTabGroupComponent,
4095
4100
  LibTabComponent,
4101
+ LibTabGroupComponent,
4096
4102
  ListColumnComponent,
4097
4103
  ListDetailsSectionComponent,
4098
4104
  ListTileComponent,
@@ -4169,8 +4175,8 @@
4169
4175
  UserProfileMenuComponent,
4170
4176
  ShellSidebarComponent,
4171
4177
  // Tab Group Component
4172
- LibTabGroupComponent,
4173
- LibTabComponent
4178
+ LibTabComponent,
4179
+ LibTabGroupComponent
4174
4180
  ],
4175
4181
  imports: [
4176
4182
  i1.CommonModule,
@@ -4191,8 +4197,8 @@
4191
4197
  ErrorComponent,
4192
4198
  FormLayoutComponent,
4193
4199
  KpiTileComponent,
4194
- LibTabGroupComponent,
4195
4200
  LibTabComponent,
4201
+ LibTabGroupComponent,
4196
4202
  ListColumnComponent,
4197
4203
  ListDetailsSectionComponent,
4198
4204
  ListTileComponent,
@@ -4247,6 +4253,7 @@
4247
4253
  exports.Icons = Icons;
4248
4254
  exports.IndiceComponentsModule = IndiceComponentsModule;
4249
4255
  exports.KpiTileComponent = KpiTileComponent;
4256
+ exports.LIBTABGROUP_ACCESSOR = LIBTABGROUP_ACCESSOR;
4250
4257
  exports.LibTabComponent = LibTabComponent;
4251
4258
  exports.LibTabGroupComponent = LibTabGroupComponent;
4252
4259
  exports.ListColumnComponent = ListColumnComponent;