@ng-doc/ui-kit 16.7.0 → 16.7.2
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.
|
@@ -40,7 +40,7 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
|
|
|
40
40
|
this.selectedTab = tab;
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
44
|
};
|
|
45
45
|
NgDocTabGroupComponent = __decorate([
|
|
46
46
|
UntilDestroy(),
|
|
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
56
56
|
NgDocSelectionOriginDirective,
|
|
57
57
|
PolymorpheusModule,
|
|
58
58
|
NgDocSmoothResizeComponent,
|
|
59
|
-
], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative
|
|
59
|
+
], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"] }]
|
|
60
60
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { openedTab: [{
|
|
61
61
|
type: Input
|
|
62
62
|
}], tabElements: [{
|
|
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
66
66
|
type: ContentChildren,
|
|
67
67
|
args: [NgDocTabComponent]
|
|
68
68
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWkta2l0L2NvbXBvbmVudHMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL3RhYi1ncm91cC90YWItZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN0QyxPQUFPLEVBR04sdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUVmLEtBQUssRUFDTCxTQUFTLEVBQ1QsWUFBWSxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFDTix1QkFBdUIsRUFDdkIsMkJBQTJCLEVBQzNCLDZCQUE2QixHQUM3QixNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLHlDQUF5QyxDQUFDO0FBQ25GLE9BQU8sRUFBQyxZQUFZLEVBQUUsY0FBYyxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDbkUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDNUQsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRXpDLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7QUFFdEQsSUFpQmEsc0JBQXNCLEdBakJuQyxNQWlCYSxzQkFBc0I7SUFZbEMsWUFBNkIsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFQakUsZ0JBQVcsR0FBMEIsSUFBSSxTQUFTLEVBQWMsQ0FBQztRQUdqRSxTQUFJLEdBQW9DLElBQUksU0FBUyxFQUF3QixDQUFDO0lBSVYsQ0FBQztJQUVyRSxrQkFBa0I7UUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNqRixNQUFNLFNBQVMsR0FBcUMsSUFBSSxDQUFDLFNBQVM7Z0JBQ2pFLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQXlCLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDMUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRXBCLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBRXZDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN2QyxDQUFDLENBQUMsQ0FBQztJQUNKLENBQUM7SUFFRCxlQUFlO1FBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPO2FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN2RCxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELElBQUksYUFBYTtRQUNoQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksaUJBQWlCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ25GLENBQUM7SUFFRCxTQUFTLENBQUMsR0FBeUI7UUFDbEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxHQUFHLENBQUM7SUFDeEIsQ0FBQzs4R0ExQ1csc0JBQXNCO2tHQUF0QixzQkFBc0IscUlBT2pCLGlCQUFpQiwwSENsRG5DLG91QkFxQkEsdW9DRGFFLDJCQUEyQixpRUFDM0IsdUJBQXVCLGdGQUN2QixLQUFLLG1IQUNMLDZCQUE2QixvR0FDN0Isa0JBQWtCLDJMQUNsQiwwQkFBMEIsMEZBWmYsQ0FBQyxnQkFBZ0IsQ0FBQzs7QUFnQmxCLHNCQUFzQjtJQURsQyxZQUFZLEVBQUU7cUNBYWtDLGlCQUFpQjtHQVpyRCxzQkFBc0IsQ0EyQ2xDO1NBM0NZLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQWpCbEMsU0FBUztpQ0FDRyxDQUFDLGdCQUFnQixDQUFDLFlBQ3BCLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsS0FBSzt3QkFDTCw2QkFBNkI7d0JBQzdCLGtCQUFrQjt3QkFDbEIsMEJBQTBCO3FCQUMxQjt3R0FLRCxTQUFTO3NCQURSLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixZQUFZO3VCQUFDLFdBQVc7Z0JBSXpCLElBQUk7c0JBREgsZUFBZTt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nRm9yfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcblx0QWZ0ZXJDb250ZW50SW5pdCxcblx0QWZ0ZXJWaWV3SW5pdCxcblx0Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG5cdENoYW5nZURldGVjdG9yUmVmLFxuXHRDb21wb25lbnQsXG5cdENvbnRlbnRDaGlsZHJlbixcblx0RWxlbWVudFJlZixcblx0SW5wdXQsXG5cdFF1ZXJ5TGlzdCxcblx0Vmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dGFiRmFkZUFuaW1hdGlvbn0gZnJvbSAnQG5nLWRvYy91aS1raXQvYW5pbWF0aW9ucyc7XG5pbXBvcnQge1xuXHROZ0RvY1NlbGVjdGlvbkNvbXBvbmVudCxcblx0TmdEb2NTZWxlY3Rpb25Ib3N0RGlyZWN0aXZlLFxuXHROZ0RvY1NlbGVjdGlvbk9yaWdpbkRpcmVjdGl2ZSxcbn0gZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9zZWxlY3Rpb24nO1xuaW1wb3J0IHtOZ0RvY1Ntb290aFJlc2l6ZUNvbXBvbmVudH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9zbW9vdGgtcmVzaXplJztcbmltcG9ydCB7VW50aWxEZXN0cm95LCB1bnRpbERlc3Ryb3llZH0gZnJvbSAnQG5nbmVhdC91bnRpbC1kZXN0cm95JztcbmltcG9ydCB7UG9seW1vcnBoZXVzTW9kdWxlfSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuaW1wb3J0IHtzdGFydFdpdGh9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtOZ0RvY1RhYkNvbXBvbmVudH0gZnJvbSAnLi90YWIvdGFiLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuXHRhbmltYXRpb25zOiBbdGFiRmFkZUFuaW1hdGlvbl0sXG5cdHNlbGVjdG9yOiAnbmctZG9jLXRhYi1ncm91cCcsXG5cdHRlbXBsYXRlVXJsOiAnLi90YWItZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi90YWItZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtcblx0XHROZ0RvY1NlbGVjdGlvbkhvc3REaXJlY3RpdmUsXG5cdFx0TmdEb2NTZWxlY3Rpb25Db21wb25lbnQsXG5cdFx0TmdGb3IsXG5cdFx0TmdEb2NTZWxlY3Rpb25PcmlnaW5EaXJlY3RpdmUsXG5cdFx0UG9seW1vcnBoZXVzTW9kdWxlLFxuXHRcdE5nRG9jU21vb3RoUmVzaXplQ29tcG9uZW50LFxuXHRdLFxufSlcbkBVbnRpbERlc3Ryb3koKVxuZXhwb3J0IGNsYXNzIE5nRG9jVGFiR3JvdXBDb21wb25lbnQ8VCA9IG51bWJlcj4gaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0IHtcblx0QElucHV0KClcblx0b3BlbmVkVGFiITogVDtcblxuXHRAVmlld0NoaWxkcmVuKCdoZWFkZXJUYWInKVxuXHR0YWJFbGVtZW50czogUXVlcnlMaXN0PEVsZW1lbnRSZWY+ID0gbmV3IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPigpO1xuXG5cdEBDb250ZW50Q2hpbGRyZW4oTmdEb2NUYWJDb21wb25lbnQpXG5cdHRhYnM6IFF1ZXJ5TGlzdDxOZ0RvY1RhYkNvbXBvbmVudDxUPj4gPSBuZXcgUXVlcnlMaXN0PE5nRG9jVGFiQ29tcG9uZW50PFQ+PigpO1xuXG5cdHNlbGVjdGVkVGFiPzogTmdEb2NUYWJDb21wb25lbnQ8VD47XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cblx0bmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuXHRcdHRoaXMudGFicy5jaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKHRoaXMudGFicyksIHVudGlsRGVzdHJveWVkKHRoaXMpKS5zdWJzY3JpYmUoKCkgPT4ge1xuXHRcdFx0Y29uc3QgdGFiVG9PcGVuOiBOZ0RvY1RhYkNvbXBvbmVudDxUPiB8IHVuZGVmaW5lZCA9IHRoaXMub3BlbmVkVGFiXG5cdFx0XHRcdD8gdGhpcy50YWJzLmZpbmQoKHRhYjogTmdEb2NUYWJDb21wb25lbnQ8VD4pID0+IHRhYi5pZCA9PT0gdGhpcy5vcGVuZWRUYWIpXG5cdFx0XHRcdDogdGhpcy50YWJzLmdldCgwKTtcblxuXHRcdFx0dGFiVG9PcGVuICYmIHRoaXMuc2VsZWN0VGFiKHRhYlRvT3Blbik7XG5cblx0XHRcdHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG5cdFx0fSk7XG5cdH1cblxuXHRuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG5cdFx0dGhpcy50YWJFbGVtZW50cy5jaGFuZ2VzXG5cdFx0XHQucGlwZShzdGFydFdpdGgodGhpcy50YWJFbGVtZW50cyksIHVudGlsRGVzdHJveWVkKHRoaXMpKVxuXHRcdFx0LnN1YnNjcmliZSgoKSA9PiB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKSk7XG5cdH1cblxuXHRnZXQgc2VsZWN0ZWRJbmRleCgpOiBudW1iZXIge1xuXHRcdHJldHVybiB0aGlzLnNlbGVjdGVkVGFiID8gdGhpcy50YWJzLnRvQXJyYXkoKS5pbmRleE9mKHRoaXMuc2VsZWN0ZWRUYWIpIDogLTE7XG5cdH1cblxuXHRnZXQgc2VsZWN0ZWRIZWFkZXJUYWIoKTogRWxlbWVudFJlZiB8IG51bGwge1xuXHRcdHJldHVybiB0aGlzLnNlbGVjdGVkVGFiID8gdGhpcy50YWJFbGVtZW50cy5nZXQodGhpcy5zZWxlY3RlZEluZGV4KSA/PyBudWxsIDogbnVsbDtcblx0fVxuXG5cdHNlbGVjdFRhYih0YWI6IE5nRG9jVGFiQ29tcG9uZW50PFQ+KSB7XG5cdFx0dGhpcy5zZWxlY3RlZFRhYiA9IHRhYjtcblx0fVxufVxuIiwiPGRpdiBjbGFzcz1cIm5nLWRvYy10YWJzLXdyYXBwZXJcIiBuZ0RvY1NlbGVjdGlvbkhvc3Q+XG5cdDxuZy1kb2Mtc2VsZWN0aW9uPjwvbmctZG9jLXNlbGVjdGlvbj5cblx0PGRpdlxuXHRcdGNsYXNzPVwibmctZG9jLXRhYlwiXG5cdFx0W2NsYXNzLnNlbGVjdGVkXT1cInRhYiA9PT0gc2VsZWN0ZWRUYWJcIlxuXHRcdCpuZ0Zvcj1cImxldCB0YWIgb2YgdGFic1wiXG5cdFx0KGNsaWNrKT1cInNlbGVjdFRhYih0YWIpXCJcblx0XHRbbmdEb2NTZWxlY3Rpb25PcmlnaW5dPVwidGFiID09PSBzZWxlY3RlZFRhYlwiXG5cdFx0I2hlYWRlclRhYlxuXHQ+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy10YWItdGV4dFwiPlxuXHRcdFx0PG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwidGFiLmxhYmVsOyBjb250ZXh0OiB7fVwiPnt7IHRhYi5sYWJlbCB9fTwvbmctY29udGFpbmVyPlxuXHRcdDwvZGl2PlxuXHQ8L2Rpdj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwibmctZG9jLWJvZHktd3JhcHBlclwiPlxuXHQ8bmctZG9jLXNtb290aC1yZXNpemUgW3RyaWdnZXJdPVwic2VsZWN0ZWRUYWI/LmNvbnRlbnQgPz8gJydcIj5cblx0XHQ8ZGl2ICpwb2x5bW9ycGhldXNPdXRsZXQ9XCJzZWxlY3RlZFRhYj8uY29udGVudCA/PyAnJyBhcyB0ZXh0OyBjb250ZXh0OiB7fVwiIEB0YWJGYWRlQW5pbWF0aW9uPnt7IHRleHQgfX08L2Rpdj5cblx0PC9uZy1kb2Mtc21vb3RoLXJlc2l6ZT5cbjwvZGl2PlxuIl19
|
|
@@ -61,7 +61,7 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
|
|
|
61
61
|
this.selectedTab = tab;
|
|
62
62
|
}
|
|
63
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
65
65
|
};
|
|
66
66
|
NgDocTabGroupComponent = __decorate([
|
|
67
67
|
UntilDestroy(),
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
76
76
|
NgDocSelectionOriginDirective,
|
|
77
77
|
PolymorpheusModule,
|
|
78
78
|
NgDocSmoothResizeComponent,
|
|
79
|
-
], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative
|
|
79
|
+
], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background-color:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background))}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:calc(var(--ng-doc-base-gutter) / 2 * 3) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 14px;--ng-doc-font-weight: 700}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}\n"] }]
|
|
80
80
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { openedTab: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], tabElements: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {NgDocContent} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import {NgFor} from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport {tabFadeAnimation} from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport {NgDocSmoothResizeComponent} from '@ng-doc/ui-kit/components/smooth-resize';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {startWith} from 'rxjs/operators';\n\nimport {NgDocTabComponent} from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {NgDocContent} from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import {NgFor} from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport {tabFadeAnimation} from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport {NgDocSmoothResizeComponent} from '@ng-doc/ui-kit/components/smooth-resize';\nimport {UntilDestroy, untilDestroyed} from '@ngneat/until-destroy';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\nimport {startWith} from 'rxjs/operators';\n\nimport {NgDocTabComponent} from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab\n\t>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>{{ text }}</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-doc/ui-kit",
|
|
3
|
-
"version": "16.7.
|
|
3
|
+
"version": "16.7.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=16.0.0",
|
|
6
6
|
"@angular/core": ">=16.0.0",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"tslib": "^2.3.0",
|
|
14
|
-
"@ng-doc/core": "16.7.
|
|
14
|
+
"@ng-doc/core": "16.7.2",
|
|
15
15
|
"@angular/cdk": "^16.0.0"
|
|
16
16
|
},
|
|
17
17
|
"publishConfig": {
|