@indice/ng-components 0.2.153-beta.17 → 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,9 +1984,9 @@
1984
1984
  type: i0.Output
1985
1985
  }] } });
1986
1986
 
1987
+ var LIBTABGROUP_ACCESSOR = new i0.InjectionToken('LibTabGroupAccessor');
1987
1988
  var LibTabGroupComponent = /** @class */ (function () {
1988
- function LibTabGroupComponent(_tab) {
1989
- this._tab = _tab;
1989
+ function LibTabGroupComponent() {
1990
1990
  /** The inner tabs of the group. */
1991
1991
  this.tabs = undefined;
1992
1992
  /** Emmited when a step change occurs. */
@@ -2035,21 +2035,20 @@
2035
2035
  };
2036
2036
  return LibTabGroupComponent;
2037
2037
  }());
2038
- 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 });
2039
- 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"] }] });
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 });
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"] }] });
2040
2042
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabGroupComponent, decorators: [{
2041
2043
  type: i0.Component,
2042
2044
  args: [{
2043
2045
  selector: 'lib-tab-group',
2044
- providers: [{ provide: LibTabComponent, useExisting: i0.forwardRef(function () { return LibTabGroupComponent; }) }],
2045
- 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
+ ]
2046
2050
  }]
2047
- }], ctorParameters: function () {
2048
- return [{ type: LibTabComponent, decorators: [{
2049
- type: i0.Inject,
2050
- args: [LibTabComponent]
2051
- }] }];
2052
- }, propDecorators: { tabs: [{
2051
+ }], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
2053
2052
  type: i0.ContentChildren,
2054
2053
  args: [LibTabComponent, { descendants: true }]
2055
2054
  }], tabChanged: [{
@@ -2064,8 +2063,8 @@
2064
2063
  Object.defineProperty(LibTabComponent.prototype, "index", {
2065
2064
  /** Indicates the index of the tab. */
2066
2065
  get: function () {
2067
- var _a;
2068
- 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;
2069
2068
  },
2070
2069
  enumerable: false,
2071
2070
  configurable: true
@@ -2087,21 +2086,22 @@
2087
2086
  };
2088
2087
  return LibTabComponent;
2089
2088
  }());
2090
- 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 });
2091
- 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 });
2092
2091
  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LibTabComponent, decorators: [{
2093
2092
  type: i0.Component,
2094
2093
  args: [{
2095
2094
  selector: 'lib-tab',
2096
- providers: [{ provide: LibTabGroupComponent, useExisting: i0.forwardRef(function () { return LibTabComponent; }) }],
2097
2095
  template: "\n <ng-template>\n <ng-content></ng-content>\n </ng-template>\n ",
2098
2096
  encapsulation: i0.ViewEncapsulation.None,
2099
2097
  changeDetection: i0.ChangeDetectionStrategy.OnPush
2100
2098
  }]
2101
2099
  }], ctorParameters: function () {
2102
2100
  return [{ type: LibTabGroupComponent, decorators: [{
2101
+ type: i0.Optional
2102
+ }, {
2103
2103
  type: i0.Inject,
2104
- args: [LibTabGroupComponent]
2104
+ args: [LIBTABGROUP_ACCESSOR]
2105
2105
  }] }];
2106
2106
  }, propDecorators: { content: [{
2107
2107
  type: i0.ViewChild,
@@ -4032,7 +4032,7 @@
4032
4032
  return IndiceComponentsModule;
4033
4033
  }());
4034
4034
  IndiceComponentsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
4035
- IndiceComponentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, declarations: [LibTabComponent,
4035
+ IndiceComponentsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IndiceComponentsModule, declarations: [
4036
4036
  // Directives
4037
4037
  ClickOutsideDirective,
4038
4038
  DynamicComponentHostDirective,
@@ -4080,10 +4080,11 @@
4080
4080
  UserProfileMenuComponent,
4081
4081
  ShellSidebarComponent,
4082
4082
  // Tab Group Component
4083
- LibTabGroupComponent], imports: [i1.CommonModule,
4083
+ LibTabComponent,
4084
+ LibTabGroupComponent
4085
+ ], imports: [i1.CommonModule,
4084
4086
  i1$1.RouterModule,
4085
- i2.IndiceAuthModule], exports: [LibTabComponent,
4086
- AddressPipe,
4087
+ i2.IndiceAuthModule], exports: [AddressPipe,
4087
4088
  AuthCallbackComponent,
4088
4089
  AuthRenewComponent,
4089
4090
  AvatarInitialsComponent,
@@ -4096,6 +4097,7 @@
4096
4097
  ErrorComponent,
4097
4098
  FormLayoutComponent,
4098
4099
  KpiTileComponent,
4100
+ LibTabComponent,
4099
4101
  LibTabGroupComponent,
4100
4102
  ListColumnComponent,
4101
4103
  ListDetailsSectionComponent,
@@ -4126,7 +4128,6 @@
4126
4128
  type: i0.NgModule,
4127
4129
  args: [{
4128
4130
  declarations: [
4129
- LibTabComponent,
4130
4131
  // Directives
4131
4132
  ClickOutsideDirective,
4132
4133
  DynamicComponentHostDirective,
@@ -4174,6 +4175,7 @@
4174
4175
  UserProfileMenuComponent,
4175
4176
  ShellSidebarComponent,
4176
4177
  // Tab Group Component
4178
+ LibTabComponent,
4177
4179
  LibTabGroupComponent
4178
4180
  ],
4179
4181
  imports: [
@@ -4182,7 +4184,6 @@
4182
4184
  i2.IndiceAuthModule
4183
4185
  ],
4184
4186
  exports: [
4185
- LibTabComponent,
4186
4187
  AddressPipe,
4187
4188
  AuthCallbackComponent,
4188
4189
  AuthRenewComponent,
@@ -4196,6 +4197,7 @@
4196
4197
  ErrorComponent,
4197
4198
  FormLayoutComponent,
4198
4199
  KpiTileComponent,
4200
+ LibTabComponent,
4199
4201
  LibTabGroupComponent,
4200
4202
  ListColumnComponent,
4201
4203
  ListDetailsSectionComponent,
@@ -4251,6 +4253,7 @@
4251
4253
  exports.Icons = Icons;
4252
4254
  exports.IndiceComponentsModule = IndiceComponentsModule;
4253
4255
  exports.KpiTileComponent = KpiTileComponent;
4256
+ exports.LIBTABGROUP_ACCESSOR = LIBTABGROUP_ACCESSOR;
4254
4257
  exports.LibTabComponent = LibTabComponent;
4255
4258
  exports.LibTabGroupComponent = LibTabGroupComponent;
4256
4259
  exports.ListColumnComponent = ListColumnComponent;