@taiga-ui/experimental 3.61.0 → 3.63.0
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/taiga-ui-experimental-components-badge-notification.umd.js +22 -7
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-segmented.umd.js +231 -0
- package/bundles/taiga-ui-experimental-components-segmented.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components.umd.js +10 -4
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-cell.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-cell.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-header.umd.js +112 -0
- package/bundles/taiga-ui-experimental-directives-header.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js +344 -8
- package/bundles/taiga-ui-experimental-directives-sensitive.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives.umd.js +10 -4
- package/bundles/taiga-ui-experimental-directives.umd.js.map +1 -1
- package/components/badge-notification/badge-notification.component.d.ts +3 -1
- package/components/badge-notification/badge-notification.options.d.ts +8 -0
- package/components/badge-notification/index.d.ts +1 -0
- package/components/index.d.ts +1 -0
- package/components/segmented/index.d.ts +3 -0
- package/components/segmented/package.json +10 -0
- package/components/segmented/segmented.component.d.ts +20 -0
- package/components/segmented/segmented.directive.d.ts +20 -0
- package/components/segmented/segmented.module.d.ts +8 -0
- package/components/segmented/taiga-ui-experimental-components-segmented.d.ts +5 -0
- package/directives/header/header.component.d.ts +5 -0
- package/directives/header/header.directive.d.ts +9 -0
- package/directives/header/header.module.d.ts +8 -0
- package/directives/header/index.d.ts +3 -0
- package/directives/header/package.json +10 -0
- package/directives/header/taiga-ui-experimental-directives-header.d.ts +5 -0
- package/directives/index.d.ts +1 -0
- package/directives/sensitive/sensitive.directive.d.ts +4 -2
- package/esm2015/components/badge-notification/badge-notification.component.js +9 -4
- package/esm2015/components/badge-notification/badge-notification.options.js +9 -0
- package/esm2015/components/badge-notification/index.js +2 -1
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/segmented/index.js +4 -0
- package/esm2015/components/segmented/segmented.component.js +87 -0
- package/esm2015/components/segmented/segmented.directive.js +77 -0
- package/esm2015/components/segmented/segmented.module.js +17 -0
- package/esm2015/components/segmented/taiga-ui-experimental-components-segmented.js +5 -0
- package/esm2015/directives/cell/cell.component.js +1 -1
- package/esm2015/directives/header/header.component.js +19 -0
- package/esm2015/directives/header/header.directive.js +40 -0
- package/esm2015/directives/header/header.module.js +17 -0
- package/esm2015/directives/header/index.js +4 -0
- package/esm2015/directives/header/taiga-ui-experimental-directives-header.js +5 -0
- package/esm2015/directives/index.js +2 -1
- package/esm2015/directives/sensitive/sensitive.component.js +1 -1
- package/esm2015/directives/sensitive/sensitive.directive.js +18 -5
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js +17 -4
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-segmented.js +177 -0
- package/fesm2015/taiga-ui-experimental-components-segmented.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components.js +1 -0
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-cell.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-cell.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-header.js +76 -0
- package/fesm2015/taiga-ui-experimental-directives-header.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js +18 -5
- package/fesm2015/taiga-ui-experimental-directives-sensitive.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives.js +1 -0
- package/fesm2015/taiga-ui-experimental-directives.js.map +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, OnChanges } from '@angular/core';
|
|
2
|
+
import { TuiSizeL, TuiSizeS } from '@taiga-ui/core';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TuiSegmentedComponent implements OnChanges {
|
|
6
|
+
private readonly el;
|
|
7
|
+
size: TuiSizeL | TuiSizeS;
|
|
8
|
+
activeItemIndex: number;
|
|
9
|
+
readonly activeItemIndexChange: EventEmitter<number>;
|
|
10
|
+
constructor(el: ElementRef<HTMLElement>, resize$: Observable<unknown>, destroy$: Observable<unknown>);
|
|
11
|
+
get tabs(): HTMLCollection;
|
|
12
|
+
ngOnChanges(): void;
|
|
13
|
+
update(activeItemIndex: number): void;
|
|
14
|
+
private get left();
|
|
15
|
+
private get width();
|
|
16
|
+
private get activeElement();
|
|
17
|
+
private refresh;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmentedComponent, [null, null, { self: true; }]>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSegmentedComponent, "tui-segmented", never, { "size": "size"; "activeItemIndex": "activeItemIndex"; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, ["*"]>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AfterContentChecked, AfterContentInit, ElementRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import { TuiSegmentedComponent } from './segmented.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {
|
|
6
|
+
private readonly destroy$;
|
|
7
|
+
private readonly component;
|
|
8
|
+
private readonly el;
|
|
9
|
+
private readonly controls;
|
|
10
|
+
private readonly links;
|
|
11
|
+
private readonly elements;
|
|
12
|
+
constructor(destroy$: Observable<unknown>, component: TuiSegmentedComponent, el: ElementRef<HTMLElement>);
|
|
13
|
+
update(target: Element | null): void;
|
|
14
|
+
ngAfterContentInit(): void;
|
|
15
|
+
ngAfterContentChecked(): void;
|
|
16
|
+
private get linkIndex();
|
|
17
|
+
private getIndex;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmentedDirective, [{ self: true; }, null, null]>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSegmentedDirective, "tui-segmented", never, {}, {}, ["controls", "links", "elements"]>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./segmented.component";
|
|
3
|
+
import * as i2 from "./segmented.directive";
|
|
4
|
+
export declare class TuiSegmentedModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmentedModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiSegmentedModule, [typeof i1.TuiSegmentedComponent, typeof i2.TuiSegmentedDirective], never, [typeof i1.TuiSegmentedComponent, typeof i2.TuiSegmentedDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiSegmentedModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
2
|
+
import { TuiSizeXXL, TuiSizeXXS } from '@taiga-ui/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TuiHeaderDirective {
|
|
5
|
+
size: TuiSizeXXL | TuiSizeXXS | '';
|
|
6
|
+
constructor(directiveStyles: TuiDirectiveStylesService);
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeaderDirective, never>;
|
|
8
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeaderDirective, "[tuiHeader]", never, { "size": "tuiHeader"; }, {}, never>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./header.component";
|
|
3
|
+
import * as i2 from "./header.directive";
|
|
4
|
+
export declare class TuiHeaderModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeaderModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiHeaderModule, [typeof i1.TuiHeaderComponent, typeof i2.TuiHeaderDirective], never, [typeof i1.TuiHeaderComponent, typeof i2.TuiHeaderDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiHeaderModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-experimental-directives-header.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-experimental-directives-header.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-experimental-directives-header.js",
|
|
5
|
+
"esm2015": "../../esm2015/directives/header/taiga-ui-experimental-directives-header.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-experimental-directives-header.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-directives-header.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/directives/header"
|
|
10
|
+
}
|
package/directives/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from '@taiga-ui/experimental/directives/button-vertical';
|
|
|
4
4
|
export * from '@taiga-ui/experimental/directives/card';
|
|
5
5
|
export * from '@taiga-ui/experimental/directives/cell';
|
|
6
6
|
export * from '@taiga-ui/experimental/directives/fade';
|
|
7
|
+
export * from '@taiga-ui/experimental/directives/header';
|
|
7
8
|
export * from '@taiga-ui/experimental/directives/icons';
|
|
8
9
|
export * from '@taiga-ui/experimental/directives/progress-segmented';
|
|
9
10
|
export * from '@taiga-ui/experimental/directives/sensitive';
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
1
|
+
import { TuiDirectiveStylesService, TuiResizeService } from '@taiga-ui/cdk';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiSensitiveDirective {
|
|
4
|
+
private readonly resize$;
|
|
4
5
|
tuiSensitive: boolean | null;
|
|
5
6
|
readonly offset: number;
|
|
6
|
-
|
|
7
|
+
readonly height$: import("rxjs").Observable<number>;
|
|
8
|
+
constructor(directiveStyles: TuiDirectiveStylesService, resize$: TuiResizeService);
|
|
7
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSensitiveDirective, never>;
|
|
8
10
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSensitiveDirective, "[tuiSensitive]", never, { "tuiSensitive": "tuiSensitive"; }, {}, never>;
|
|
9
11
|
}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
2
2
|
import { TUI_ANIMATION_OPTIONS, tuiPop, } from '@taiga-ui/core';
|
|
3
|
+
import { TUI_BADGE_NOTIFICATION_OPTIONS, } from './badge-notification.options';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export class TuiBadgeNotificationComponent {
|
|
5
|
-
constructor(animation) {
|
|
6
|
+
constructor(animation, options) {
|
|
6
7
|
this.animation = animation;
|
|
7
|
-
this.
|
|
8
|
+
this.options = options;
|
|
9
|
+
this.size = this.options.size;
|
|
8
10
|
}
|
|
9
11
|
}
|
|
10
|
-
TuiBadgeNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeNotificationComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
TuiBadgeNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeNotificationComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }, { token: TUI_BADGE_NOTIFICATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
11
13
|
TuiBadgeNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}\n"], animations: [tuiPop], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
12
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeNotificationComponent, decorators: [{
|
|
13
15
|
type: Component,
|
|
@@ -25,7 +27,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
25
27
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
26
28
|
type: Inject,
|
|
27
29
|
args: [TUI_ANIMATION_OPTIONS]
|
|
30
|
+
}] }, { type: undefined, decorators: [{
|
|
31
|
+
type: Inject,
|
|
32
|
+
args: [TUI_BADGE_NOTIFICATION_OPTIONS]
|
|
28
33
|
}] }]; }, propDecorators: { size: [{
|
|
29
34
|
type: Input
|
|
30
35
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Utbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlLW5vdGlmaWNhdGlvbi9iYWRnZS1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQ0gscUJBQXFCLEVBRXJCLE1BQU0sR0FHVCxNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFDSCw4QkFBOEIsR0FFakMsTUFBTSw4QkFBOEIsQ0FBQzs7QUFhdEMsTUFBTSxPQUFPLDZCQUE2QjtJQUl0QyxZQUM0QyxTQUE4QixFQUVyRCxPQUFvQztRQUZiLGNBQVMsR0FBVCxTQUFTLENBQXFCO1FBRXJELFlBQU8sR0FBUCxPQUFPLENBQTZCO1FBTHpELFNBQUksR0FBeUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7SUFNNUMsQ0FBQzs7MkhBUkssNkJBQTZCLGtCQUsxQixxQkFBcUIsYUFDckIsOEJBQThCOytHQU5qQyw2QkFBNkIsb0tBVDVCLDJCQUEyQixva0JBR3pCLENBQUMsTUFBTSxDQUFDOzRGQU1YLDZCQUE2QjtrQkFYekMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxpQ0FBaUMsQ0FBQztvQkFDOUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRSxDQUFDLE1BQU0sQ0FBQztvQkFDcEIsSUFBSSxFQUFFO3dCQUNGLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLFdBQVcsRUFBRSxXQUFXO3FCQUMzQjtpQkFDSjs7MEJBTVEsTUFBTTsyQkFBQyxxQkFBcUI7OzBCQUM1QixNQUFNOzJCQUFDLDhCQUE4Qjs0Q0FKMUMsSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0FOSU1BVElPTl9PUFRJT05TLFxuICAgIFR1aUFuaW1hdGlvbk9wdGlvbnMsXG4gICAgdHVpUG9wLFxuICAgIFR1aVNpemVMLFxuICAgIFR1aVNpemVYUyxcbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5pbXBvcnQge1xuICAgIFRVSV9CQURHRV9OT1RJRklDQVRJT05fT1BUSU9OUyxcbiAgICBUdWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnMsXG59IGZyb20gJy4vYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1iYWRnZS1ub3RpZmljYXRpb24nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Utbm90aWZpY2F0aW9uLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbdHVpUG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW0B0dWlQb3BdJzogJ2FuaW1hdGlvbicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VOb3RpZmljYXRpb25Db21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplWFMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9BTklNQVRJT05fT1BUSU9OUykgcmVhZG9ubHkgYW5pbWF0aW9uOiBUdWlBbmltYXRpb25PcHRpb25zLFxuICAgICAgICBASW5qZWN0KFRVSV9CQURHRV9OT1RJRklDQVRJT05fT1BUSU9OUylcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnMsXG4gICAgKSB7fVxufVxuIl19
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
2
|
+
export const TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS = {
|
|
3
|
+
size: 'm',
|
|
4
|
+
};
|
|
5
|
+
export const TUI_BADGE_NOTIFICATION_OPTIONS = tuiCreateToken(TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS);
|
|
6
|
+
export function tuiBadgeNotificationOptionsProvider(options) {
|
|
7
|
+
return tuiProvideOptions(TUI_BADGE_NOTIFICATION_OPTIONS, options, TUI_BADGE_NOTIFICATION_DEFAULT_OPTIONS);
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS1ub3RpZmljYXRpb24vYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQU9oRSxNQUFNLENBQUMsTUFBTSxzQ0FBc0MsR0FBZ0M7SUFDL0UsSUFBSSxFQUFFLEdBQUc7Q0FDWixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsY0FBYyxDQUN4RCxzQ0FBc0MsQ0FDekMsQ0FBQztBQUVGLE1BQU0sVUFBVSxtQ0FBbUMsQ0FDL0MsT0FBNkM7SUFFN0MsT0FBTyxpQkFBaUIsQ0FDcEIsOEJBQThCLEVBQzlCLE9BQU8sRUFDUCxzQ0FBc0MsQ0FDekMsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1Byb3ZpZGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpQ3JlYXRlVG9rZW4sIHR1aVByb3ZpZGVPcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpU2l6ZUwsIFR1aVNpemVYU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFR1aUJhZGdlTm90aWZpY2F0aW9uT3B0aW9ucyB7XG4gICAgcmVhZG9ubHkgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplWFM7XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfTk9USUZJQ0FUSU9OX0RFRkFVTFRfT1BUSU9OUzogVHVpQmFkZ2VOb3RpZmljYXRpb25PcHRpb25zID0ge1xuICAgIHNpemU6ICdtJyxcbn07XG5cbmV4cG9ydCBjb25zdCBUVUlfQkFER0VfTk9USUZJQ0FUSU9OX09QVElPTlMgPSB0dWlDcmVhdGVUb2tlbihcbiAgICBUVUlfQkFER0VfTk9USUZJQ0FUSU9OX0RFRkFVTFRfT1BUSU9OUyxcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiB0dWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnNQcm92aWRlcihcbiAgICBvcHRpb25zOiBQYXJ0aWFsPFR1aUJhZGdlTm90aWZpY2F0aW9uT3B0aW9ucz4sXG4pOiBQcm92aWRlciB7XG4gICAgcmV0dXJuIHR1aVByb3ZpZGVPcHRpb25zKFxuICAgICAgICBUVUlfQkFER0VfTk9USUZJQ0FUSU9OX09QVElPTlMsXG4gICAgICAgIG9wdGlvbnMsXG4gICAgICAgIFRVSV9CQURHRV9OT1RJRklDQVRJT05fREVGQVVMVF9PUFRJT05TLFxuICAgICk7XG59XG4iXX0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './badge-notification.component';
|
|
2
2
|
export * from './badge-notification.module';
|
|
3
|
-
|
|
3
|
+
export * from './badge-notification.options';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS1ub3RpZmljYXRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2JhZGdlLW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9iYWRnZS1ub3RpZmljYXRpb24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMnO1xuIl19
|
|
@@ -11,7 +11,8 @@ export * from '@taiga-ui/experimental/components/icon';
|
|
|
11
11
|
export * from '@taiga-ui/experimental/components/pin';
|
|
12
12
|
export * from '@taiga-ui/experimental/components/radio';
|
|
13
13
|
export * from '@taiga-ui/experimental/components/rating';
|
|
14
|
+
export * from '@taiga-ui/experimental/components/segmented';
|
|
14
15
|
export * from '@taiga-ui/experimental/components/thumbnail-card';
|
|
15
16
|
export * from '@taiga-ui/experimental/components/toggle';
|
|
16
17
|
export * from '@taiga-ui/experimental/components/tooltip';
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsZ0RBQWdELENBQUM7QUFDL0QsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXItc3RhY2snO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS1ub3RpZmljYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlZC1jb250ZW50JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2NoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGlwJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jb21wYXNzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9pY29uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9waW4nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3JhZGlvJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9yYXRpbmcnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdGh1bWJuYWlsLWNhcmQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3RvZ2dsZSc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdG9vbHRpcCc7XG4iXX0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './segmented.component';
|
|
2
|
+
export * from './segmented.directive';
|
|
3
|
+
export * from './segmented.module';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9zZWdtZW50ZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NlZ21lbnRlZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zZWdtZW50ZWQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc2VnbWVudGVkLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostBinding, Inject, Input, Output, Self, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { TuiDestroyService, tuiIsHTMLElement, tuiPx, TuiResizeService, } from '@taiga-ui/cdk';
|
|
3
|
+
import { tuiBadgeNotificationOptionsProvider } from '@taiga-ui/experimental/components/badge-notification';
|
|
4
|
+
import { takeUntil } from 'rxjs/operators';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "rxjs";
|
|
7
|
+
export class TuiSegmentedComponent {
|
|
8
|
+
constructor(el, resize$, destroy$) {
|
|
9
|
+
this.el = el;
|
|
10
|
+
this.size = 's';
|
|
11
|
+
this.activeItemIndex = 0;
|
|
12
|
+
this.activeItemIndexChange = new EventEmitter();
|
|
13
|
+
resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());
|
|
14
|
+
}
|
|
15
|
+
get tabs() {
|
|
16
|
+
return this.el.nativeElement.children;
|
|
17
|
+
}
|
|
18
|
+
ngOnChanges() {
|
|
19
|
+
this.refresh();
|
|
20
|
+
}
|
|
21
|
+
update(activeItemIndex) {
|
|
22
|
+
if (activeItemIndex === this.activeItemIndex) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
this.activeItemIndex = activeItemIndex;
|
|
26
|
+
this.activeItemIndexChange.emit(activeItemIndex);
|
|
27
|
+
this.refresh();
|
|
28
|
+
}
|
|
29
|
+
get left() {
|
|
30
|
+
const element = this.activeElement;
|
|
31
|
+
return tuiIsHTMLElement(element) ? element.offsetLeft : 0;
|
|
32
|
+
}
|
|
33
|
+
get width() {
|
|
34
|
+
var _a;
|
|
35
|
+
return ((_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
|
|
36
|
+
}
|
|
37
|
+
get activeElement() {
|
|
38
|
+
return this.tabs.item(this.activeItemIndex);
|
|
39
|
+
}
|
|
40
|
+
// TODO: Switch to HostBinding signals in Angular 17+
|
|
41
|
+
refresh() {
|
|
42
|
+
this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));
|
|
43
|
+
this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
TuiSegmentedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedComponent, deps: [{ token: ElementRef }, { token: TuiResizeService }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
TuiSegmentedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedComponent, selector: "tui-segmented", inputs: { size: "size", activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "this.size" } }, providers: [
|
|
48
|
+
TuiDestroyService,
|
|
49
|
+
TuiResizeService,
|
|
50
|
+
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
51
|
+
], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["tui-segmented{position:relative;display:flex;box-sizing:border-box;isolation:isolate;color:var(--tui-clear);border:.125rem solid transparent}tui-segmented[data-size=s]{--t-padding: .625rem;--t-gap: .5rem;--t-margin: -.125rem;height:var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-s)}tui-segmented[data-size=s]>*:before,tui-segmented[data-size=s]>*:after,tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-s)}tui-segmented[data-size=l]{--t-padding: 1.125rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-m);border-width:.25rem}tui-segmented[data-size=l]:after{box-shadow:0 0 0 .25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;grid-gap:var(--t-gap);gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-01);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*,tui-segmented>a:before,tui-segmented>button:before,tui-segmented>label:before,tui-segmented>label>input:not([tuiRadio]):before,tui-segmented>a:after,tui-segmented>button:after,tui-segmented>label:after,tui-segmented>label>input:not([tuiRadio]):after{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-focus);outline-offset:-.125rem}tui-segmented>label>input:not([tuiRadio]){position:absolute;top:0;left:0;width:100%;height:100%}tui-segmented:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";z-index:-1;border-radius:inherit;background:currentColor;box-shadow:0 0 0 .125rem}tui-segmented:before{transition-property:left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:var(--t-left);height:100%;width:var(--t-width);border-radius:inherit;background:currentColor;color:var(--tui-base-01);box-shadow:0 .25rem 1.25rem #0000001a}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{
|
|
55
|
+
selector: 'tui-segmented',
|
|
56
|
+
template: '<ng-content></ng-content>',
|
|
57
|
+
styleUrls: ['./segmented.style.less'],
|
|
58
|
+
encapsulation: ViewEncapsulation.None,
|
|
59
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
60
|
+
providers: [
|
|
61
|
+
TuiDestroyService,
|
|
62
|
+
TuiResizeService,
|
|
63
|
+
tuiBadgeNotificationOptionsProvider({ size: 's' }),
|
|
64
|
+
],
|
|
65
|
+
}]
|
|
66
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
|
67
|
+
type: Inject,
|
|
68
|
+
args: [ElementRef]
|
|
69
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
70
|
+
type: Inject,
|
|
71
|
+
args: [TuiResizeService]
|
|
72
|
+
}] }, { type: i1.Observable, decorators: [{
|
|
73
|
+
type: Self
|
|
74
|
+
}, {
|
|
75
|
+
type: Inject,
|
|
76
|
+
args: [TuiDestroyService]
|
|
77
|
+
}] }]; }, propDecorators: { size: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}, {
|
|
80
|
+
type: HostBinding,
|
|
81
|
+
args: ['attr.data-size']
|
|
82
|
+
}], activeItemIndex: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], activeItemIndexChange: [{
|
|
85
|
+
type: Output
|
|
86
|
+
}] } });
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZC9zZWdtZW50ZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBRUwsTUFBTSxFQUNOLElBQUksRUFDSixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILGlCQUFpQixFQUNqQixnQkFBZ0IsRUFDaEIsS0FBSyxFQUNMLGdCQUFnQixHQUNuQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsbUNBQW1DLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUV6RyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWN6QyxNQUFNLE9BQU8scUJBQXFCO0lBVzlCLFlBQ3lDLEVBQTJCLEVBQ3RDLE9BQTRCLEVBQ25CLFFBQTZCO1FBRjNCLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBVHBFLFNBQUksR0FBd0IsR0FBRyxDQUFDO1FBR2hDLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBR1gsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQU94RCxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ0osT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDMUMsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELE1BQU0sQ0FBQyxlQUF1QjtRQUMxQixJQUFJLGVBQWUsS0FBSyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQzFDLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxlQUFlLEdBQUcsZUFBZSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFZLElBQUk7UUFDWixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBRW5DLE9BQU8sZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsSUFBWSxLQUFLOztRQUNiLE9BQU8sQ0FBQSxNQUFBLElBQUksQ0FBQyxhQUFhLDBDQUFFLFdBQVcsS0FBSSxDQUFDLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQVksYUFBYTtRQUNyQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQscURBQXFEO0lBQzdDLE9BQU87UUFDWCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdEUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVFLENBQUM7O21IQXZEUSxxQkFBcUIsa0JBWWxCLFVBQVUsYUFDVixnQkFBZ0IsYUFDUixpQkFBaUI7dUdBZDVCLHFCQUFxQiw0TkFObkI7UUFDUCxpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLG1DQUFtQyxDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO0tBQ25ELCtDQVJTLDJCQUEyQjs0RkFVNUIscUJBQXFCO2tCQVpqQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztvQkFDckMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxTQUFTLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLG1DQUFtQyxDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO3FCQUNuRDtpQkFDSjs7MEJBYVEsTUFBTTsyQkFBQyxVQUFVOzswQkFDakIsTUFBTTsyQkFBQyxnQkFBZ0I7OzBCQUN2QixJQUFJOzswQkFBSSxNQUFNOzJCQUFDLGlCQUFpQjs0Q0FYckMsSUFBSTtzQkFGSCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFJN0IsZUFBZTtzQkFEZCxLQUFLO2dCQUlHLHFCQUFxQjtzQkFEN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT3V0cHV0LFxuICAgIFNlbGYsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBUdWlEZXN0cm95U2VydmljZSxcbiAgICB0dWlJc0hUTUxFbGVtZW50LFxuICAgIHR1aVB4LFxuICAgIFR1aVJlc2l6ZVNlcnZpY2UsXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlJztcbmltcG9ydCB7dHVpQmFkZ2VOb3RpZmljYXRpb25PcHRpb25zUHJvdmlkZXJ9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS1ub3RpZmljYXRpb24nO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7dGFrZVVudGlsfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLXNlZ21lbnRlZCcsXG4gICAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWdtZW50ZWQuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgICAgICBUdWlSZXNpemVTZXJ2aWNlLFxuICAgICAgICB0dWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnNQcm92aWRlcih7c2l6ZTogJ3MnfSksXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU2VnbWVudGVkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHNpemU6IFR1aVNpemVMIHwgVHVpU2l6ZVMgPSAncyc7XG5cbiAgICBASW5wdXQoKVxuICAgIGFjdGl2ZUl0ZW1JbmRleCA9IDA7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSBhY3RpdmVJdGVtSW5kZXhDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KEVsZW1lbnRSZWYpIHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgICAgICBASW5qZWN0KFR1aVJlc2l6ZVNlcnZpY2UpIHJlc2l6ZSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgZGVzdHJveSQ6IE9ic2VydmFibGU8dW5rbm93bj4sXG4gICAgKSB7XG4gICAgICAgIHJlc2l6ZSQucGlwZSh0YWtlVW50aWwoZGVzdHJveSQpKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5yZWZyZXNoKCkpO1xuICAgIH1cblxuICAgIGdldCB0YWJzKCk6IEhUTUxDb2xsZWN0aW9uIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZWwubmF0aXZlRWxlbWVudC5jaGlsZHJlbjtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZWZyZXNoKCk7XG4gICAgfVxuXG4gICAgdXBkYXRlKGFjdGl2ZUl0ZW1JbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGlmIChhY3RpdmVJdGVtSW5kZXggPT09IHRoaXMuYWN0aXZlSXRlbUluZGV4KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmFjdGl2ZUl0ZW1JbmRleCA9IGFjdGl2ZUl0ZW1JbmRleDtcbiAgICAgICAgdGhpcy5hY3RpdmVJdGVtSW5kZXhDaGFuZ2UuZW1pdChhY3RpdmVJdGVtSW5kZXgpO1xuICAgICAgICB0aGlzLnJlZnJlc2goKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldCBsZWZ0KCk6IG51bWJlciB7XG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmFjdGl2ZUVsZW1lbnQ7XG5cbiAgICAgICAgcmV0dXJuIHR1aUlzSFRNTEVsZW1lbnQoZWxlbWVudCkgPyBlbGVtZW50Lm9mZnNldExlZnQgOiAwO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0IHdpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGl2ZUVsZW1lbnQ/LmNsaWVudFdpZHRoIHx8IDA7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXQgYWN0aXZlRWxlbWVudCgpOiBFbGVtZW50IHwgbnVsbCB7XG4gICAgICAgIHJldHVybiB0aGlzLnRhYnMuaXRlbSh0aGlzLmFjdGl2ZUl0ZW1JbmRleCk7XG4gICAgfVxuXG4gICAgLy8gVE9ETzogU3dpdGNoIHRvIEhvc3RCaW5kaW5nIHNpZ25hbHMgaW4gQW5ndWxhciAxNytcbiAgICBwcml2YXRlIHJlZnJlc2goKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS10LWxlZnQnLCB0dWlQeCh0aGlzLmxlZnQpKTtcbiAgICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnN0eWxlLnNldFByb3BlcnR5KCctLXQtd2lkdGgnLCB0dWlQeCh0aGlzLndpZHRoKSk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { ContentChildren, Directive, ElementRef, HostListener, Inject, Self, } from '@angular/core';
|
|
2
|
+
import { NgControl } from '@angular/forms';
|
|
3
|
+
import { RouterLinkActive } from '@angular/router';
|
|
4
|
+
import { EMPTY_QUERY, TuiDestroyService, tuiQueryListChanges } from '@taiga-ui/cdk';
|
|
5
|
+
import { EMPTY } from 'rxjs';
|
|
6
|
+
import { switchMap, takeUntil } from 'rxjs/operators';
|
|
7
|
+
import { TuiSegmentedComponent } from './segmented.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "rxjs";
|
|
10
|
+
import * as i2 from "./segmented.component";
|
|
11
|
+
export class TuiSegmentedDirective {
|
|
12
|
+
constructor(destroy$, component, el) {
|
|
13
|
+
this.destroy$ = destroy$;
|
|
14
|
+
this.component = component;
|
|
15
|
+
this.el = el;
|
|
16
|
+
this.controls = EMPTY_QUERY;
|
|
17
|
+
this.links = EMPTY_QUERY;
|
|
18
|
+
this.elements = EMPTY_QUERY;
|
|
19
|
+
}
|
|
20
|
+
update(target) {
|
|
21
|
+
const index = this.getIndex(target);
|
|
22
|
+
if (index >= 0) {
|
|
23
|
+
this.component.update(index);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
ngAfterContentInit() {
|
|
27
|
+
tuiQueryListChanges(this.controls)
|
|
28
|
+
.pipe(switchMap(() => { var _a; return ((_a = this.controls.last) === null || _a === void 0 ? void 0 : _a.valueChanges) || EMPTY; }), takeUntil(this.destroy$))
|
|
29
|
+
.subscribe(() => {
|
|
30
|
+
this.update(this.el.nativeElement.querySelector(':checked'));
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
ngAfterContentChecked() {
|
|
34
|
+
var _a;
|
|
35
|
+
if (this.links.length) {
|
|
36
|
+
this.update(((_a = this.elements.get(this.linkIndex)) === null || _a === void 0 ? void 0 : _a.nativeElement) || null);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
get linkIndex() {
|
|
40
|
+
return this.links.toArray().findIndex(link => link.isActive);
|
|
41
|
+
}
|
|
42
|
+
getIndex(element) {
|
|
43
|
+
return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
TuiSegmentedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TuiSegmentedComponent }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
TuiSegmentedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedDirective, selector: "tui-segmented", host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }, { propertyName: "links", predicate: RouterLinkActive }, { propertyName: "elements", predicate: RouterLinkActive, read: ElementRef }], ngImport: i0 });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, decorators: [{
|
|
49
|
+
type: Directive,
|
|
50
|
+
args: [{
|
|
51
|
+
selector: 'tui-segmented',
|
|
52
|
+
}]
|
|
53
|
+
}], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
|
|
54
|
+
type: Self
|
|
55
|
+
}, {
|
|
56
|
+
type: Inject,
|
|
57
|
+
args: [TuiDestroyService]
|
|
58
|
+
}] }, { type: i2.TuiSegmentedComponent, decorators: [{
|
|
59
|
+
type: Inject,
|
|
60
|
+
args: [TuiSegmentedComponent]
|
|
61
|
+
}] }, { type: i0.ElementRef, decorators: [{
|
|
62
|
+
type: Inject,
|
|
63
|
+
args: [ElementRef]
|
|
64
|
+
}] }]; }, propDecorators: { controls: [{
|
|
65
|
+
type: ContentChildren,
|
|
66
|
+
args: [NgControl, { descendants: true }]
|
|
67
|
+
}], links: [{
|
|
68
|
+
type: ContentChildren,
|
|
69
|
+
args: [RouterLinkActive]
|
|
70
|
+
}], elements: [{
|
|
71
|
+
type: ContentChildren,
|
|
72
|
+
args: [RouterLinkActive, { read: ElementRef }]
|
|
73
|
+
}], update: [{
|
|
74
|
+
type: HostListener,
|
|
75
|
+
args: ['click', ['$event.target']]
|
|
76
|
+
}] } });
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZC9zZWdtZW50ZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHSCxlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUVOLElBQUksR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFDLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFcEQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFLNUQsTUFBTSxPQUFPLHFCQUFxQjtJQVU5QixZQUN3RCxRQUE2QixFQUNqQyxTQUFnQyxFQUMzQyxFQUEyQjtRQUZaLGFBQVEsR0FBUixRQUFRLENBQXFCO1FBQ2pDLGNBQVMsR0FBVCxTQUFTLENBQXVCO1FBQzNDLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBWG5ELGFBQVEsR0FBeUIsV0FBVyxDQUFDO1FBRzdDLFVBQUssR0FBZ0MsV0FBVyxDQUFDO1FBR2pELGFBQVEsR0FBdUMsV0FBVyxDQUFDO0lBTXpFLENBQUM7SUFHSixNQUFNLENBQUMsTUFBc0I7UUFDekIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVwQyxJQUFJLEtBQUssSUFBSSxDQUFDLEVBQUU7WUFDWixJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNoQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQzdCLElBQUksQ0FDRCxTQUFTLENBQUMsR0FBRyxFQUFFLFdBQUMsT0FBQSxDQUFBLE1BQUEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLDBDQUFFLFlBQVksS0FBSSxLQUFLLENBQUEsRUFBQSxDQUFDLEVBQzFELFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQzNCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRUQscUJBQXFCOztRQUNqQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQSxNQUFBLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsMENBQUUsYUFBYSxLQUFJLElBQUksQ0FBQyxDQUFDO1NBQ3pFO0lBQ0wsQ0FBQztJQUVELElBQVksU0FBUztRQUNqQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7SUFFTyxRQUFRLENBQUMsT0FBdUI7UUFDcEMsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ25GLENBQUM7O21IQWhEUSxxQkFBcUIsa0JBV1YsaUJBQWlCLHlCQUN6QixxQkFBcUIsYUFDckIsVUFBVTt1R0FiYixxQkFBcUIseUlBQ2IsU0FBUywyREFHVCxnQkFBZ0IsMkNBR2hCLGdCQUFnQixRQUFTLFVBQVU7NEZBUDNDLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtpQkFDNUI7OzBCQVlRLElBQUk7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCOzswQkFDaEMsTUFBTTsyQkFBQyxxQkFBcUI7OzBCQUM1QixNQUFNOzJCQUFDLFVBQVU7NENBWEwsUUFBUTtzQkFEeEIsZUFBZTt1QkFBQyxTQUFTLEVBQUUsRUFBQyxXQUFXLEVBQUUsSUFBSSxFQUFDO2dCQUk5QixLQUFLO3NCQURyQixlQUFlO3VCQUFDLGdCQUFnQjtnQkFJaEIsUUFBUTtzQkFEeEIsZUFBZTt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFDLElBQUksRUFBRSxVQUFVLEVBQUM7Z0JBVXJELE1BQU07c0JBREwsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyQ29udGVudENoZWNrZWQsXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIEluamVjdCxcbiAgICBRdWVyeUxpc3QsXG4gICAgU2VsZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nQ29udHJvbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtSb3V0ZXJMaW5rQWN0aXZlfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtFTVBUWV9RVUVSWSwgVHVpRGVzdHJveVNlcnZpY2UsIHR1aVF1ZXJ5TGlzdENoYW5nZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtFTVBUWSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3N3aXRjaE1hcCwgdGFrZVVudGlsfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7VHVpU2VnbWVudGVkQ29tcG9uZW50fSBmcm9tICcuL3NlZ21lbnRlZC5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ3R1aS1zZWdtZW50ZWQnLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTZWdtZW50ZWREaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkLCBBZnRlckNvbnRlbnRJbml0IHtcbiAgICBAQ29udGVudENoaWxkcmVuKE5nQ29udHJvbCwge2Rlc2NlbmRhbnRzOiB0cnVlfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNvbnRyb2xzOiBRdWVyeUxpc3Q8TmdDb250cm9sPiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihSb3V0ZXJMaW5rQWN0aXZlKVxuICAgIHByaXZhdGUgcmVhZG9ubHkgbGlua3M6IFF1ZXJ5TGlzdDxSb3V0ZXJMaW5rQWN0aXZlPiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihSb3V0ZXJMaW5rQWN0aXZlLCB7cmVhZDogRWxlbWVudFJlZn0pXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50czogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PiA9IEVNUFRZX1FVRVJZO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBTZWxmKCkgQEluamVjdChUdWlEZXN0cm95U2VydmljZSkgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQEluamVjdChUdWlTZWdtZW50ZWRDb21wb25lbnQpIHByaXZhdGUgcmVhZG9ubHkgY29tcG9uZW50OiBUdWlTZWdtZW50ZWRDb21wb25lbnQsXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgKSB7fVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcbiAgICB1cGRhdGUodGFyZ2V0OiBFbGVtZW50IHwgbnVsbCk6IHZvaWQge1xuICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMuZ2V0SW5kZXgodGFyZ2V0KTtcblxuICAgICAgICBpZiAoaW5kZXggPj0gMCkge1xuICAgICAgICAgICAgdGhpcy5jb21wb25lbnQudXBkYXRlKGluZGV4KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdHVpUXVlcnlMaXN0Q2hhbmdlcyh0aGlzLmNvbnRyb2xzKVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgc3dpdGNoTWFwKCgpID0+IHRoaXMuY29udHJvbHMubGFzdD8udmFsdWVDaGFuZ2VzIHx8IEVNUFRZKSxcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JCksXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnVwZGF0ZSh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignOmNoZWNrZWQnKSk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmxpbmtzLmxlbmd0aCkge1xuICAgICAgICAgICAgdGhpcy51cGRhdGUodGhpcy5lbGVtZW50cy5nZXQodGhpcy5saW5rSW5kZXgpPy5uYXRpdmVFbGVtZW50IHx8IG51bGwpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXQgbGlua0luZGV4KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmxpbmtzLnRvQXJyYXkoKS5maW5kSW5kZXgobGluayA9PiBsaW5rLmlzQWN0aXZlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEluZGV4KGVsZW1lbnQ6IEVsZW1lbnQgfCBudWxsKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jb21wb25lbnQudGFicykuZmluZEluZGV4KHRhYiA9PiB0YWIuY29udGFpbnMoZWxlbWVudCkpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiSegmentedComponent } from './segmented.component';
|
|
3
|
+
import { TuiSegmentedDirective } from './segmented.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class TuiSegmentedModule {
|
|
6
|
+
}
|
|
7
|
+
TuiSegmentedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
TuiSegmentedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedModule, declarations: [TuiSegmentedComponent, TuiSegmentedDirective], exports: [TuiSegmentedComponent, TuiSegmentedDirective] });
|
|
9
|
+
TuiSegmentedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedModule });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [TuiSegmentedComponent, TuiSegmentedDirective],
|
|
14
|
+
exports: [TuiSegmentedComponent, TuiSegmentedDirective],
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZC9zZWdtZW50ZWQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7O0FBTTVELE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7aUhBQWxCLGtCQUFrQixpQkFIWixxQkFBcUIsRUFBRSxxQkFBcUIsYUFDakQscUJBQXFCLEVBQUUscUJBQXFCO2lIQUU3QyxrQkFBa0I7NEZBQWxCLGtCQUFrQjtrQkFKOUIsUUFBUTttQkFBQztvQkFDTixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSxxQkFBcUIsQ0FBQztvQkFDNUQsT0FBTyxFQUFFLENBQUMscUJBQXFCLEVBQUUscUJBQXFCLENBQUM7aUJBQzFEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7VHVpU2VnbWVudGVkQ29tcG9uZW50fSBmcm9tICcuL3NlZ21lbnRlZC5jb21wb25lbnQnO1xuaW1wb3J0IHtUdWlTZWdtZW50ZWREaXJlY3RpdmV9IGZyb20gJy4vc2VnbWVudGVkLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOiBbVHVpU2VnbWVudGVkQ29tcG9uZW50LCBUdWlTZWdtZW50ZWREaXJlY3RpdmVdLFxuICAgIGV4cG9ydHM6IFtUdWlTZWdtZW50ZWRDb21wb25lbnQsIFR1aVNlZ21lbnRlZERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVNlZ21lbnRlZE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWNvbXBvbmVudHMtc2VnbWVudGVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvc2VnbWVudGVkL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1jb21wb25lbnRzLXNlZ21lbnRlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class TuiCellComponent {
|
|
4
4
|
}
|
|
5
5
|
TuiCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [
|
|
6
|
+
TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class TuiHeaderComponent {
|
|
4
|
+
}
|
|
5
|
+
TuiHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
TuiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiHeader] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{
|
|
10
|
+
template: '',
|
|
11
|
+
styleUrls: ['./header.styles.less'],
|
|
12
|
+
encapsulation: ViewEncapsulation.None,
|
|
13
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
14
|
+
host: {
|
|
15
|
+
class: 'tui-header',
|
|
16
|
+
},
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2hlYWRlci9oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7b0dBQWxCLGtCQUFrQiw0RkFSakIsRUFBRTs0RkFRSCxrQkFBa0I7a0JBVDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLEVBQUU7b0JBQ1osU0FBUyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ25DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxZQUFZO3FCQUN0QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vaGVhZGVyLnN0eWxlcy5sZXNzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAndHVpLWhlYWRlcicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSGVhZGVyQ29tcG9uZW50IHt9XG4iXX0=
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Directive, Inject, Input } from '@angular/core';
|
|
2
|
+
import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
3
|
+
import { tuiAvatarOptionsProvider, tuiBadgeOptionsProvider, tuiButtonOptionsProvider, } from '@taiga-ui/experimental/components';
|
|
4
|
+
import { TuiHeaderComponent } from './header.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@taiga-ui/cdk";
|
|
7
|
+
export class TuiHeaderDirective {
|
|
8
|
+
constructor(directiveStyles) {
|
|
9
|
+
this.size = 's';
|
|
10
|
+
directiveStyles.addComponent(TuiHeaderComponent);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
TuiHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
+
TuiHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderDirective, selector: "[tuiHeader]", inputs: { size: ["tuiHeader", "size"] }, host: { attributes: { "tuiHeader": "" }, properties: { "attr.data-size": "size || \"s\"" } }, providers: [
|
|
15
|
+
tuiAvatarOptionsProvider({ size: 's' }),
|
|
16
|
+
tuiButtonOptionsProvider({ size: 's' }),
|
|
17
|
+
tuiBadgeOptionsProvider({ size: 'm' }),
|
|
18
|
+
], ngImport: i0 });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderDirective, decorators: [{
|
|
20
|
+
type: Directive,
|
|
21
|
+
args: [{
|
|
22
|
+
selector: '[tuiHeader]',
|
|
23
|
+
providers: [
|
|
24
|
+
tuiAvatarOptionsProvider({ size: 's' }),
|
|
25
|
+
tuiButtonOptionsProvider({ size: 's' }),
|
|
26
|
+
tuiBadgeOptionsProvider({ size: 'm' }),
|
|
27
|
+
],
|
|
28
|
+
host: {
|
|
29
|
+
tuiHeader: '',
|
|
30
|
+
'[attr.data-size]': 'size || "s"',
|
|
31
|
+
},
|
|
32
|
+
}]
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
|
|
34
|
+
type: Inject,
|
|
35
|
+
args: [TuiDirectiveStylesService]
|
|
36
|
+
}] }]; }, propDecorators: { size: [{
|
|
37
|
+
type: Input,
|
|
38
|
+
args: ['tuiHeader']
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2hlYWRlci9oZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUNILHdCQUF3QixFQUN4Qix1QkFBdUIsRUFDdkIsd0JBQXdCLEdBQzNCLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7OztBQWN0RCxNQUFNLE9BQU8sa0JBQWtCO0lBSTNCLFlBQ3VDLGVBQTBDO1FBSGpGLFNBQUksR0FBaUMsR0FBRyxDQUFDO1FBS3JDLGVBQWUsQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNyRCxDQUFDOztnSEFSUSxrQkFBa0Isa0JBS2YseUJBQXlCO29HQUw1QixrQkFBa0IsNktBVmhCO1FBQ1Asd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7UUFDckMsd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7UUFDckMsdUJBQXVCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7S0FDdkM7NEZBTVEsa0JBQWtCO2tCQVo5QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxhQUFhO29CQUN2QixTQUFTLEVBQUU7d0JBQ1Asd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7d0JBQ3JDLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO3dCQUNyQyx1QkFBdUIsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUMsQ0FBQztxQkFDdkM7b0JBQ0QsSUFBSSxFQUFFO3dCQUNGLFNBQVMsRUFBRSxFQUFFO3dCQUNiLGtCQUFrQixFQUFFLGFBQWE7cUJBQ3BDO2lCQUNKOzswQkFNUSxNQUFNOzJCQUFDLHlCQUF5Qjs0Q0FIckMsSUFBSTtzQkFESCxLQUFLO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgSW5qZWN0LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2V9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtUdWlTaXplWFhMLCBUdWlTaXplWFhTfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1xuICAgIHR1aUF2YXRhck9wdGlvbnNQcm92aWRlcixcbiAgICB0dWlCYWRnZU9wdGlvbnNQcm92aWRlcixcbiAgICB0dWlCdXR0b25PcHRpb25zUHJvdmlkZXIsXG59IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cyc7XG5cbmltcG9ydCB7VHVpSGVhZGVyQ29tcG9uZW50fSBmcm9tICcuL2hlYWRlci5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t0dWlIZWFkZXJdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpQXZhdGFyT3B0aW9uc1Byb3ZpZGVyKHtzaXplOiAncyd9KSxcbiAgICAgICAgdHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyKHtzaXplOiAncyd9KSxcbiAgICAgICAgdHVpQmFkZ2VPcHRpb25zUHJvdmlkZXIoe3NpemU6ICdtJ30pLFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlIZWFkZXI6ICcnLFxuICAgICAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzaXplIHx8IFwic1wiJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlIZWFkZXJEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgndHVpSGVhZGVyJylcbiAgICBzaXplOiBUdWlTaXplWFhMIHwgVHVpU2l6ZVhYUyB8ICcnID0gJ3MnO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkQ29tcG9uZW50KFR1aUhlYWRlckNvbXBvbmVudCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { TuiHeaderComponent } from './header.component';
|
|
3
|
+
import { TuiHeaderDirective } from './header.directive';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class TuiHeaderModule {
|
|
6
|
+
}
|
|
7
|
+
TuiHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
TuiHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderModule, declarations: [TuiHeaderComponent, TuiHeaderDirective], exports: [TuiHeaderComponent, TuiHeaderDirective] });
|
|
9
|
+
TuiHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderModule });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiHeaderModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [TuiHeaderComponent, TuiHeaderDirective],
|
|
14
|
+
exports: [TuiHeaderComponent, TuiHeaderDirective],
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9kaXJlY3RpdmVzL2hlYWRlci9oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sb0JBQW9CLENBQUM7O0FBTXRELE1BQU0sT0FBTyxlQUFlOzs2R0FBZixlQUFlOzhHQUFmLGVBQWUsaUJBSFQsa0JBQWtCLEVBQUUsa0JBQWtCLGFBQzNDLGtCQUFrQixFQUFFLGtCQUFrQjs4R0FFdkMsZUFBZTs0RkFBZixlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDO29CQUN0RCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQztpQkFDcEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtUdWlIZWFkZXJDb21wb25lbnR9IGZyb20gJy4vaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aUhlYWRlckRpcmVjdGl2ZX0gZnJvbSAnLi9oZWFkZXIuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtUdWlIZWFkZXJDb21wb25lbnQsIFR1aUhlYWRlckRpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aUhlYWRlckNvbXBvbmVudCwgVHVpSGVhZGVyRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpSGVhZGVyTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './header.component';
|
|
2
|
+
export * from './header.directive';
|
|
3
|
+
export * from './header.module';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvZGlyZWN0aXZlcy9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2hlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9oZWFkZXIuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vaGVhZGVyLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktZXhwZXJpbWVudGFsLWRpcmVjdGl2ZXMtaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2RpcmVjdGl2ZXMvaGVhZGVyL3RhaWdhLXVpLWV4cGVyaW1lbnRhbC1kaXJlY3RpdmVzLWhlYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|