@inera/ids-angular 4.4.0 → 4.4.1
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.
- package/bundles/inera-ids-angular-components-tabs.umd.js +4 -1
- package/bundles/inera-ids-angular-components-tabs.umd.js.map +1 -1
- package/components/tabs/tabs.component.d.ts +3 -1
- package/esm2015/components/tabs/tabs.component.js +6 -3
- package/fesm2015/inera-ids-angular-components-tabs.js +5 -2
- package/fesm2015/inera-ids-angular-components-tabs.js.map +1 -1
- package/package.json +1 -1
|
@@ -83,11 +83,12 @@
|
|
|
83
83
|
this.responsive = 'm';
|
|
84
84
|
this.unresponsive = false;
|
|
85
85
|
this.selectLabel = '';
|
|
86
|
+
this.onTabChange = new i0.EventEmitter();
|
|
86
87
|
}
|
|
87
88
|
return IDTabsComponent;
|
|
88
89
|
}());
|
|
89
90
|
IDTabsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
90
|
-
IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0__namespace, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
91
|
+
IDTabsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, outputs: { onTabChange: "onTabChange" }, ngImport: i0__namespace, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\"\r\n (tabChange)=\"onTabChange.emit($event)\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
91
92
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IDTabsComponent, decorators: [{
|
|
92
93
|
type: i0.Component,
|
|
93
94
|
args: [{
|
|
@@ -102,6 +103,8 @@
|
|
|
102
103
|
type: i0.Input
|
|
103
104
|
}], selectLabel: [{
|
|
104
105
|
type: i0.Input
|
|
106
|
+
}], onTabChange: [{
|
|
107
|
+
type: i0.Output
|
|
105
108
|
}] } });
|
|
106
109
|
|
|
107
110
|
var IDTabsModule = /** @class */ (function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-tabs.umd.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'id-tab-panel',\r\n templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n @Input()\r\n nofocus: string | undefined = undefined;\r\n \r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab-panel');\r\n }\r\n}\r\n","<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>","import { Component, ElementRef, Input } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tab',\r\n templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n @Input()\r\n notices: number = 0;\r\n\r\n @Input()\r\n notifications: number = 0;\r\n\r\n @Input()\r\n label: string = '';\r\n\r\n @Input()\r\n selected: Boolean = false;\r\n\r\n // Internal icon\r\n @Input()\r\n icon: IDIcon | undefined = undefined;\r\n\r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab');\r\n }\r\n}\r\n","<ids-tab\r\n [notices]=\"notices === 0 ? null : notices\"\r\n [notifications]=\"notifications === 0 ? null : notifications\"\r\n [label]=\"label\"\r\n [attr.selected]=\"selected ? '':null\">\r\n <ids-icon *ngIf=\"icon\"\r\n slot=\"icon\" \r\n [attr.name]=\"icon?.name\"\r\n [attr.title]=\"icon?.title\" \r\n [attr.color]=\"icon?.color\" \r\n [attr.color2]=\"icon?.color2\" \r\n [attr.size]=\"icon?.size\" \r\n [attr.padding]=\"icon?.padding\" \r\n [attr.rotate]=\"icon?.rotate\" \r\n [attr.colorpreset]=\"icon?.colorpreset\" \r\n [attr.height]=\"icon?.height\" \r\n [attr.width]=\"icon?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-tab>","import { Component, Input } from '@angular/core';\r\nimport { IDTab } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tabs',\r\n templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent {\r\n\r\n @Input()\r\n tabs: IDTab[] | undefined;\r\n @Input()\r\n responsive: 'm' | 's' = 'm';\r\n @Input()\r\n unresponsive: boolean = false;\r\n @Input()\r\n selectLabel: string = '';\r\n}\r\n","<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTabsComponent } from './tabs.component';\nimport { IDTabComponent} from './tab/tab.component';\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\nimport '@inera/ids-core/components/tabs/register';\nimport '@inera/ids-core/components/icon/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n imports: [CommonModule],\n exports: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Component","Input","i1","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,QAAA,mBAAA,kBAAA,YAAA;IAKE,IAAA,SAAA,mBAAA,CAAoB,UAAmC,EAAA;IAAnC,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;IAFvD,QAAA,IAAO,CAAA,OAAA,GAAuB,SAAS,CAAC;YAGtC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;SAC5D;;;2IAPU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,aAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,+FCNhC,6GAEgB,EAAA,CAAA,CAAA;sHDIH,mBAAmB,EAAA,UAAA,EAAA,CAAA;sBAJ/BC,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACT,oBAAA,QAAQ,EAAE,cAAc;IACxB,oBAAA,WAAW,EAAE,4BAA4B;qBAC1C,CAAA;gHAIC,OAAO,EAAA,CAAA;0BADNC,QAAK;;;AEDR,QAAA,cAAA,kBAAA,YAAA;IAkBE,IAAA,SAAA,cAAA,CAAoB,UAAmC,EAAA;IAAnC,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;IAfvD,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC,CAAC;IAGpB,QAAA,IAAa,CAAA,aAAA,GAAW,CAAC,CAAC;IAG1B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;IAGnB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;;IAI1B,QAAA,IAAI,CAAA,IAAA,GAAuB,SAAS,CAAC;YAGnC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;SACtD;;;sIApBU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAF,aAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAd,cAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,6KCP3B,wrBAkBU,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAG,aAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;sHDXG,cAAc,EAAA,UAAA,EAAA,CAAA;sBAJ1BF,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACT,oBAAA,QAAQ,EAAE,QAAQ;IAClB,oBAAA,WAAW,EAAE,sBAAsB;qBACpC,CAAA;gHAIC,OAAO,EAAA,CAAA;0BADNC,QAAK;oBAIN,aAAa,EAAA,CAAA;0BADZA,QAAK;oBAIN,KAAK,EAAA,CAAA;0BADJA,QAAK;oBAIN,QAAQ,EAAA,CAAA;0BADPA,QAAK;oBAKN,IAAI,EAAA,CAAA;0BADHA,QAAK;;;AEfR,QAAA,eAAA,kBAAA,YAAA;IAJA,IAAA,SAAA,eAAA,GAAA;IASE,QAAA,IAAU,CAAA,UAAA,GAAc,GAAG,CAAC;IAE5B,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;IAE9B,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-tabs.umd.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'id-tab-panel',\r\n templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n @Input()\r\n nofocus: string | undefined = undefined;\r\n \r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab-panel');\r\n }\r\n}\r\n","<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>","import { Component, ElementRef, Input } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tab',\r\n templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n @Input()\r\n notices: number = 0;\r\n\r\n @Input()\r\n notifications: number = 0;\r\n\r\n @Input()\r\n label: string = '';\r\n\r\n @Input()\r\n selected: Boolean = false;\r\n\r\n // Internal icon\r\n @Input()\r\n icon: IDIcon | undefined = undefined;\r\n\r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab');\r\n }\r\n}\r\n","<ids-tab\r\n [notices]=\"notices === 0 ? null : notices\"\r\n [notifications]=\"notifications === 0 ? null : notifications\"\r\n [label]=\"label\"\r\n [attr.selected]=\"selected ? '':null\">\r\n <ids-icon *ngIf=\"icon\"\r\n slot=\"icon\" \r\n [attr.name]=\"icon?.name\"\r\n [attr.title]=\"icon?.title\" \r\n [attr.color]=\"icon?.color\" \r\n [attr.color2]=\"icon?.color2\" \r\n [attr.size]=\"icon?.size\" \r\n [attr.padding]=\"icon?.padding\" \r\n [attr.rotate]=\"icon?.rotate\" \r\n [attr.colorpreset]=\"icon?.colorpreset\" \r\n [attr.height]=\"icon?.height\" \r\n [attr.width]=\"icon?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-tab>","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IDTab } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tabs',\r\n templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent {\r\n\r\n @Input()\r\n tabs: IDTab[] | undefined;\r\n @Input()\r\n responsive: 'm' | 's' = 'm';\r\n @Input()\r\n unresponsive: boolean = false;\r\n @Input()\r\n selectLabel: string = '';\r\n \r\n @Output()\r\n onTabChange: EventEmitter<Event> = new EventEmitter();\r\n\r\n}\r\n","<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\"\r\n (tabChange)=\"onTabChange.emit($event)\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTabsComponent } from './tabs.component';\nimport { IDTabComponent} from './tab/tab.component';\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\nimport '@inera/ids-core/components/tabs/register';\nimport '@inera/ids-core/components/icon/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n imports: [CommonModule],\n exports: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i0","Component","Input","i1","EventEmitter","Output","CommonModule","NgModule","CUSTOM_ELEMENTS_SCHEMA"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
1
2
|
import { IDTab } from '@inera/ids-angular/common';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class IDTabsComponent {
|
|
@@ -5,6 +6,7 @@ export declare class IDTabsComponent {
|
|
|
5
6
|
responsive: 'm' | 's';
|
|
6
7
|
unresponsive: boolean;
|
|
7
8
|
selectLabel: string;
|
|
9
|
+
onTabChange: EventEmitter<Event>;
|
|
8
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<IDTabsComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IDTabsComponent, "id-tabs", never, { "tabs": "tabs"; "responsive": "responsive"; "unresponsive": "unresponsive"; "selectLabel": "selectLabel"; }, {}, never, ["*", "[panel-0]", "[panel-1]", "[panel-2]", "[panel-3]", "[panel-4]", "[panel-5]", "[panel-6]", "[panel-7]", "[panel-8]", "[panel-9]"]>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IDTabsComponent, "id-tabs", never, { "tabs": "tabs"; "responsive": "responsive"; "unresponsive": "unresponsive"; "selectLabel": "selectLabel"; }, { "onTabChange": "onTabChange"; }, never, ["*", "[panel-0]", "[panel-1]", "[panel-2]", "[panel-3]", "[panel-4]", "[panel-5]", "[panel-6]", "[panel-7]", "[panel-8]", "[panel-9]"]>;
|
|
10
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class IDTabsComponent {
|
|
@@ -6,10 +6,11 @@ export class IDTabsComponent {
|
|
|
6
6
|
this.responsive = 'm';
|
|
7
7
|
this.unresponsive = false;
|
|
8
8
|
this.selectLabel = '';
|
|
9
|
+
this.onTabChange = new EventEmitter();
|
|
9
10
|
}
|
|
10
11
|
}
|
|
11
12
|
IDTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
13
|
+
IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, outputs: { onTabChange: "onTabChange" }, ngImport: i0, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\"\r\n (tabChange)=\"onTabChange.emit($event)\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, decorators: [{
|
|
14
15
|
type: Component,
|
|
15
16
|
args: [{
|
|
@@ -24,5 +25,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
24
25
|
type: Input
|
|
25
26
|
}], selectLabel: [{
|
|
26
27
|
type: Input
|
|
28
|
+
}], onTabChange: [{
|
|
29
|
+
type: Output
|
|
27
30
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pZHMtYW5ndWxhci9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkUsTUFBTSxPQUFPLGVBQWU7SUFKNUI7UUFTRSxlQUFVLEdBQWMsR0FBRyxDQUFDO1FBRTVCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRTlCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBR3pCLGdCQUFXLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0FFdkQ7OzZHQWRZLGVBQWU7aUdBQWYsZUFBZSxzTUNQNUIscTNEQWlEVzs0RkQxQ0UsZUFBZTtrQkFKM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsV0FBVyxFQUFFLHVCQUF1QjtpQkFDckM7OEJBSUMsSUFBSTtzQkFESCxLQUFLO2dCQUdOLFVBQVU7c0JBRFQsS0FBSztnQkFHTixZQUFZO3NCQURYLEtBQUs7Z0JBR04sV0FBVztzQkFEVixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IElEVGFiIH0gZnJvbSAnQGluZXJhL2lkcy1hbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lkLXRhYnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJzLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSURUYWJzQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICB0YWJzOiBJRFRhYltdICB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKVxyXG4gIHJlc3BvbnNpdmU6ICdtJyB8ICdzJyA9ICdtJztcclxuICBASW5wdXQoKVxyXG4gIHVucmVzcG9uc2l2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgc2VsZWN0TGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gIFxyXG4gIEBPdXRwdXQoKVxyXG4gIG9uVGFiQ2hhbmdlOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxufVxyXG4iLCI8aWRzLXRhYnMgXHJcbiAgW3VucmVzcG9uc2l2ZV09XCJ1bnJlc3BvbnNpdmUgPyB0cnVlIDogbnVsbFwiXHJcbiAgW3Jlc3BvbnNpdmVdPVwicmVzcG9uc2l2ZVwiXHJcbiAgW3NlbGVjdGxhYmVsXT1cInNlbGVjdExhYmVsXCJcclxuICAodGFiQ2hhbmdlKT1cIm9uVGFiQ2hhbmdlLmVtaXQoJGV2ZW50KVwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhYnNcIj5cclxuICAgIDxpZHMtdGFiICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFic1wiXHJcbiAgICAgIFtsYWJlbF09XCJ0YWIubGFiZWxcIlxyXG4gICAgICBzbG90PVwidGFiXCJcclxuICAgICAgW25vdGlmaWNhdGlvbnNdPVwidGFiLm5vdGlmaWNhdGlvbnNcIlxyXG4gICAgICBbbm90aWNlc109XCJ0YWIubm90aWNlc1wiXHJcbiAgICAgIFthdHRyLnNlbGVjdGVkXT1cInRhYi5zZWxlY3RlZCA/ICcnIDogbnVsbFwiPlxyXG4gICAgICA8aWRzLWljb24gKm5nSWY9XCJ0YWIuaWNvblwiIFthdHRyLm5hbWVdPVwidGFiLmljb24ubmFtZVwiPjwvaWRzLWljb24+XHJcbiAgICA8L2lkcy10YWI+XHJcbiAgICBcclxuICAgIDxpZHMtdGFiLXBhbmVsICpuZ0lmPVwidGFicy5sZW5ndGg+PTFcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhbmVsLTBdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9pZHMtdGFiLXBhbmVsPlxyXG4gICAgPGlkcy10YWItcGFuZWwgKm5nSWY9XCJ0YWJzLmxlbmd0aD49MlwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFuZWwtMV1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2lkcy10YWItcGFuZWw+XHJcbiAgICA8aWRzLXRhYi1wYW5lbCAqbmdJZj1cInRhYnMubGVuZ3RoPj0zXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbC0yXVwiPjwvbmctY29udGVudD5cclxuICAgIDwvaWRzLXRhYi1wYW5lbD5cclxuICAgIDxpZHMtdGFiLXBhbmVsICpuZ0lmPVwidGFicy5sZW5ndGg+PTRcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhbmVsLTNdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9pZHMtdGFiLXBhbmVsPlxyXG4gICAgPGlkcy10YWItcGFuZWwgKm5nSWY9XCJ0YWJzLmxlbmd0aD49NVwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFuZWwtNF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2lkcy10YWItcGFuZWw+XHJcbiAgICA8aWRzLXRhYi1wYW5lbCAqbmdJZj1cInRhYnMubGVuZ3RoPj02XCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbC01XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvaWRzLXRhYi1wYW5lbD5cclxuICAgIDxpZHMtdGFiLXBhbmVsICpuZ0lmPVwidGFicy5sZW5ndGg+PTdcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhbmVsLTZdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9pZHMtdGFiLXBhbmVsPlxyXG4gICAgPGlkcy10YWItcGFuZWwgKm5nSWY9XCJ0YWJzLmxlbmd0aD49OFwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFuZWwtN11cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2lkcy10YWItcGFuZWw+XHJcbiAgICA8aWRzLXRhYi1wYW5lbCAqbmdJZj1cInRhYnMubGVuZ3RoPj05XCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbC04XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvaWRzLXRhYi1wYW5lbD5cclxuICAgIDxpZHMtdGFiLXBhbmVsICpuZ0lmPVwidGFicy5sZW5ndGg+PTEwXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbC05XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvaWRzLXRhYi1wYW5lbD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuIFxyXG48L2lkcy10YWJzPiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
|
+
import { Component, Input, EventEmitter, Output, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import '@inera/ids-core/components/tabs/register';
|
|
@@ -61,10 +61,11 @@ class IDTabsComponent {
|
|
|
61
61
|
this.responsive = 'm';
|
|
62
62
|
this.unresponsive = false;
|
|
63
63
|
this.selectLabel = '';
|
|
64
|
+
this.onTabChange = new EventEmitter();
|
|
64
65
|
}
|
|
65
66
|
}
|
|
66
67
|
IDTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, ngImport: i0, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
68
|
+
IDTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IDTabsComponent, selector: "id-tabs", inputs: { tabs: "tabs", responsive: "responsive", unresponsive: "unresponsive", selectLabel: "selectLabel" }, outputs: { onTabChange: "onTabChange" }, ngImport: i0, template: "<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\"\r\n (tabChange)=\"onTabChange.emit($event)\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
68
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IDTabsComponent, decorators: [{
|
|
69
70
|
type: Component,
|
|
70
71
|
args: [{
|
|
@@ -79,6 +80,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
79
80
|
type: Input
|
|
80
81
|
}], selectLabel: [{
|
|
81
82
|
type: Input
|
|
83
|
+
}], onTabChange: [{
|
|
84
|
+
type: Output
|
|
82
85
|
}] } });
|
|
83
86
|
|
|
84
87
|
class IDTabsModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inera-ids-angular-components-tabs.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'id-tab-panel',\r\n templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n @Input()\r\n nofocus: string | undefined = undefined;\r\n \r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab-panel');\r\n }\r\n}\r\n","<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>","import { Component, ElementRef, Input } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tab',\r\n templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n @Input()\r\n notices: number = 0;\r\n\r\n @Input()\r\n notifications: number = 0;\r\n\r\n @Input()\r\n label: string = '';\r\n\r\n @Input()\r\n selected: Boolean = false;\r\n\r\n // Internal icon\r\n @Input()\r\n icon: IDIcon | undefined = undefined;\r\n\r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab');\r\n }\r\n}\r\n","<ids-tab\r\n [notices]=\"notices === 0 ? null : notices\"\r\n [notifications]=\"notifications === 0 ? null : notifications\"\r\n [label]=\"label\"\r\n [attr.selected]=\"selected ? '':null\">\r\n <ids-icon *ngIf=\"icon\"\r\n slot=\"icon\" \r\n [attr.name]=\"icon?.name\"\r\n [attr.title]=\"icon?.title\" \r\n [attr.color]=\"icon?.color\" \r\n [attr.color2]=\"icon?.color2\" \r\n [attr.size]=\"icon?.size\" \r\n [attr.padding]=\"icon?.padding\" \r\n [attr.rotate]=\"icon?.rotate\" \r\n [attr.colorpreset]=\"icon?.colorpreset\" \r\n [attr.height]=\"icon?.height\" \r\n [attr.width]=\"icon?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-tab>","import { Component, Input } from '@angular/core';\r\nimport { IDTab } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tabs',\r\n templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent {\r\n\r\n @Input()\r\n tabs: IDTab[] | undefined;\r\n @Input()\r\n responsive: 'm' | 's' = 'm';\r\n @Input()\r\n unresponsive: boolean = false;\r\n @Input()\r\n selectLabel: string = '';\r\n}\r\n","<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTabsComponent } from './tabs.component';\nimport { IDTabComponent} from './tab/tab.component';\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\nimport '@inera/ids-core/components/tabs/register';\nimport '@inera/ids-core/components/icon/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n imports: [CommonModule],\n exports: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAMa,mBAAmB,CAAA;AAK9B,IAAA,WAAA,CAAoB,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAFvD,IAAO,CAAA,OAAA,GAAuB,SAAS,CAAC;QAGtC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;KAC5D;;iHAPU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,oFCNhC,6GAEgB,EAAA,CAAA,CAAA;4FDIH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,WAAW,EAAE,4BAA4B;AAC1C,iBAAA,CAAA;iGAIC,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEDK,cAAc,CAAA;AAkBzB,IAAA,WAAA,CAAoB,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAfvD,IAAO,CAAA,OAAA,GAAW,CAAC,CAAC;QAGpB,IAAa,CAAA,aAAA,GAAW,CAAC,CAAC;QAG1B,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAGnB,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;;QAI1B,IAAI,CAAA,IAAA,GAAuB,SAAS,CAAC;QAGnC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KACtD;;4GApBU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,kKCP3B,wrBAkBU,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDXG,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,WAAW,EAAE,sBAAsB;AACpC,iBAAA,CAAA;iGAIC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAKN,IAAI,EAAA,CAAA;sBADH,KAAK;;;MEfK,eAAe,CAAA;AAJ5B,IAAA,WAAA,GAAA;QASE,IAAU,CAAA,UAAA,GAAc,GAAG,CAAC;QAE5B,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;QAE9B,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"inera-ids-angular-components-tabs.js","sources":["../../../projects/ids-angular/components/tabs/panel/tab-panel.component.ts","../../../projects/ids-angular/components/tabs/panel/tab-panel.component.html","../../../projects/ids-angular/components/tabs/tab/tab.component.ts","../../../projects/ids-angular/components/tabs/tab/tab.component.html","../../../projects/ids-angular/components/tabs/tabs.component.ts","../../../projects/ids-angular/components/tabs/tabs.component.html","../../../projects/ids-angular/components/tabs/tabs.module.ts","../../../projects/ids-angular/components/tabs/inera-ids-angular-components-tabs.ts"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'id-tab-panel',\r\n templateUrl: './tab-panel.component.html'\r\n})\r\nexport class IDTabPanelComponent {\r\n\r\n @Input()\r\n nofocus: string | undefined = undefined;\r\n \r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab-panel');\r\n }\r\n}\r\n","<ids-tab-panel [attr.nofocus]=\"nofocus ? true : null\">\r\n <ng-content></ng-content>\r\n</ids-tab-panel>","import { Component, ElementRef, Input } from '@angular/core';\r\nimport { IDIcon } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tab',\r\n templateUrl: './tab.component.html'\r\n})\r\nexport class IDTabComponent {\r\n\r\n @Input()\r\n notices: number = 0;\r\n\r\n @Input()\r\n notifications: number = 0;\r\n\r\n @Input()\r\n label: string = '';\r\n\r\n @Input()\r\n selected: Boolean = false;\r\n\r\n // Internal icon\r\n @Input()\r\n icon: IDIcon | undefined = undefined;\r\n\r\n constructor(private elementRef: ElementRef<HTMLElement>) {\r\n elementRef.nativeElement.setAttribute('slot', 'tab');\r\n }\r\n}\r\n","<ids-tab\r\n [notices]=\"notices === 0 ? null : notices\"\r\n [notifications]=\"notifications === 0 ? null : notifications\"\r\n [label]=\"label\"\r\n [attr.selected]=\"selected ? '':null\">\r\n <ids-icon *ngIf=\"icon\"\r\n slot=\"icon\" \r\n [attr.name]=\"icon?.name\"\r\n [attr.title]=\"icon?.title\" \r\n [attr.color]=\"icon?.color\" \r\n [attr.color2]=\"icon?.color2\" \r\n [attr.size]=\"icon?.size\" \r\n [attr.padding]=\"icon?.padding\" \r\n [attr.rotate]=\"icon?.rotate\" \r\n [attr.colorpreset]=\"icon?.colorpreset\" \r\n [attr.height]=\"icon?.height\" \r\n [attr.width]=\"icon?.width\"></ids-icon>\r\n <ng-content></ng-content>\r\n</ids-tab>","import { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IDTab } from '@inera/ids-angular/common';\r\n\r\n@Component({\r\n selector: 'id-tabs',\r\n templateUrl: './tabs.component.html'\r\n})\r\nexport class IDTabsComponent {\r\n\r\n @Input()\r\n tabs: IDTab[] | undefined;\r\n @Input()\r\n responsive: 'm' | 's' = 'm';\r\n @Input()\r\n unresponsive: boolean = false;\r\n @Input()\r\n selectLabel: string = '';\r\n \r\n @Output()\r\n onTabChange: EventEmitter<Event> = new EventEmitter();\r\n\r\n}\r\n","<ids-tabs \r\n [unresponsive]=\"unresponsive ? true : null\"\r\n [responsive]=\"responsive\"\r\n [selectlabel]=\"selectLabel\"\r\n (tabChange)=\"onTabChange.emit($event)\">\r\n <ng-content></ng-content>\r\n\r\n <ng-container *ngIf=\"tabs\">\r\n <ids-tab *ngFor=\"let tab of tabs\"\r\n [label]=\"tab.label\"\r\n slot=\"tab\"\r\n [notifications]=\"tab.notifications\"\r\n [notices]=\"tab.notices\"\r\n [attr.selected]=\"tab.selected ? '' : null\">\r\n <ids-icon *ngIf=\"tab.icon\" [attr.name]=\"tab.icon.name\"></ids-icon>\r\n </ids-tab>\r\n \r\n <ids-tab-panel *ngIf=\"tabs.length>=1\">\r\n <ng-content select=\"[panel-0]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=2\">\r\n <ng-content select=\"[panel-1]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=3\">\r\n <ng-content select=\"[panel-2]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=4\">\r\n <ng-content select=\"[panel-3]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=5\">\r\n <ng-content select=\"[panel-4]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=6\">\r\n <ng-content select=\"[panel-5]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=7\">\r\n <ng-content select=\"[panel-6]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=8\">\r\n <ng-content select=\"[panel-7]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=9\">\r\n <ng-content select=\"[panel-8]\"></ng-content>\r\n </ids-tab-panel>\r\n <ids-tab-panel *ngIf=\"tabs.length>=10\">\r\n <ng-content select=\"[panel-9]\"></ng-content>\r\n </ids-tab-panel>\r\n </ng-container>\r\n \r\n</ids-tabs>","import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { IDTabsComponent } from './tabs.component';\nimport { IDTabComponent} from './tab/tab.component';\nimport { IDTabPanelComponent } from './panel/tab-panel.component';\nimport '@inera/ids-core/components/tabs/register';\nimport '@inera/ids-core/components/icon/register';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n imports: [CommonModule],\n exports: [\n IDTabsComponent,\n IDTabComponent,\n IDTabPanelComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class IDTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|