@taiga-ui/experimental 3.94.0 → 3.95.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-experimental-components-segmented.umd.js +13 -22
- package/bundles/taiga-ui-experimental-components-segmented.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-card.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-card.umd.js.map +1 -1
- package/components/segmented/segmented.directive.d.ts +5 -7
- package/esm2015/components/segmented/segmented.component.js +2 -2
- package/esm2015/components/segmented/segmented.directive.js +18 -29
- package/esm2015/directives/card/card.component.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-segmented.js +16 -26
- package/fesm2015/taiga-ui-experimental-components-segmented.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-card.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-card.js.map +1 -1
- package/package.json +7 -7
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
this.refresh();
|
|
46
46
|
};
|
|
47
47
|
TuiSegmentedComponent.prototype.update = function (activeItemIndex) {
|
|
48
|
-
if (activeItemIndex === this.activeItemIndex) {
|
|
48
|
+
if (activeItemIndex === this.activeItemIndex || activeItemIndex < 0) {
|
|
49
49
|
return;
|
|
50
50
|
}
|
|
51
51
|
this.activeItemIndex = activeItemIndex;
|
|
@@ -127,26 +127,22 @@
|
|
|
127
127
|
}] } });
|
|
128
128
|
|
|
129
129
|
var TuiSegmentedDirective = /** @class */ (function () {
|
|
130
|
-
function TuiSegmentedDirective(
|
|
131
|
-
this.destroy$ = destroy$;
|
|
130
|
+
function TuiSegmentedDirective(component) {
|
|
132
131
|
this.component = component;
|
|
133
|
-
this.el = el;
|
|
134
132
|
this.controls = cdk.EMPTY_QUERY;
|
|
133
|
+
this.radios = cdk.EMPTY_QUERY;
|
|
135
134
|
this.links = cdk.EMPTY_QUERY;
|
|
136
135
|
this.elements = cdk.EMPTY_QUERY;
|
|
137
136
|
}
|
|
138
137
|
TuiSegmentedDirective.prototype.update = function (target) {
|
|
139
|
-
|
|
140
|
-
if (index >= 0) {
|
|
141
|
-
this.component.update(index);
|
|
142
|
-
}
|
|
138
|
+
this.component.update(this.getIndex(target));
|
|
143
139
|
};
|
|
144
140
|
TuiSegmentedDirective.prototype.ngAfterContentInit = function () {
|
|
145
141
|
var _this = this;
|
|
146
142
|
cdk.tuiQueryListChanges(this.controls)
|
|
147
|
-
.pipe(operators.switchMap(function () {
|
|
148
|
-
.subscribe(function () {
|
|
149
|
-
_this.update(
|
|
143
|
+
.pipe(operators.switchMap(function () { return cdk.tuiControlValue(_this.controls.first); }), operators.map(function (value) { return _this.radios.toArray().findIndex(function (c) { return c.value === value; }); }))
|
|
144
|
+
.subscribe(function (index) {
|
|
145
|
+
_this.component.update(index);
|
|
150
146
|
});
|
|
151
147
|
};
|
|
152
148
|
TuiSegmentedDirective.prototype.ngAfterContentChecked = function () {
|
|
@@ -167,29 +163,24 @@
|
|
|
167
163
|
};
|
|
168
164
|
return TuiSegmentedDirective;
|
|
169
165
|
}());
|
|
170
|
-
TuiSegmentedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, deps: [{ token:
|
|
171
|
-
TuiSegmentedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedDirective, selector: "tui-segmented", host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "controls", predicate: forms.NgControl, descendants: true }, { propertyName: "links", predicate: router.RouterLinkActive }, { propertyName: "elements", predicate: router.RouterLinkActive, read: i0.ElementRef }], ngImport: i0__namespace });
|
|
166
|
+
TuiSegmentedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, deps: [{ token: TuiSegmentedComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
167
|
+
TuiSegmentedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSegmentedDirective, selector: "tui-segmented", host: { listeners: { "click": "update($event.target)" } }, queries: [{ propertyName: "controls", predicate: forms.NgControl, descendants: true }, { propertyName: "radios", predicate: forms.RadioControlValueAccessor, descendants: true }, { propertyName: "links", predicate: router.RouterLinkActive }, { propertyName: "elements", predicate: router.RouterLinkActive, read: i0.ElementRef }], ngImport: i0__namespace });
|
|
172
168
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSegmentedDirective, decorators: [{
|
|
173
169
|
type: i0.Directive,
|
|
174
170
|
args: [{
|
|
175
171
|
selector: 'tui-segmented',
|
|
176
172
|
}]
|
|
177
173
|
}], ctorParameters: function () {
|
|
178
|
-
return [{ type:
|
|
179
|
-
type: i0.Self
|
|
180
|
-
}, {
|
|
181
|
-
type: i0.Inject,
|
|
182
|
-
args: [cdk.TuiDestroyService]
|
|
183
|
-
}] }, { type: TuiSegmentedComponent, decorators: [{
|
|
174
|
+
return [{ type: TuiSegmentedComponent, decorators: [{
|
|
184
175
|
type: i0.Inject,
|
|
185
176
|
args: [TuiSegmentedComponent]
|
|
186
|
-
}] }, { type: i0__namespace.ElementRef, decorators: [{
|
|
187
|
-
type: i0.Inject,
|
|
188
|
-
args: [i0.ElementRef]
|
|
189
177
|
}] }];
|
|
190
178
|
}, propDecorators: { controls: [{
|
|
191
179
|
type: i0.ContentChildren,
|
|
192
180
|
args: [forms.NgControl, { descendants: true }]
|
|
181
|
+
}], radios: [{
|
|
182
|
+
type: i0.ContentChildren,
|
|
183
|
+
args: [forms.RadioControlValueAccessor, { descendants: true }]
|
|
193
184
|
}], links: [{
|
|
194
185
|
type: i0.ContentChildren,
|
|
195
186
|
args: [router.RouterLinkActive]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-segmented.umd.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Output,\n Self,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n TuiDestroyService,\n tuiIsHTMLElement,\n tuiPx,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-segmented',\n template: '<ng-content></ng-content>',\n styleUrls: ['./segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n tuiBadgeNotificationOptionsProvider({size: 's'}),\n ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 's';\n\n @Input()\n activeItemIndex = 0;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n ) {\n resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n }\n\n get tabs(): HTMLCollection {\n return this.el.nativeElement.children;\n }\n\n ngOnChanges(): void {\n this.refresh();\n }\n\n update(activeItemIndex: number): void {\n if (activeItemIndex === this.activeItemIndex) {\n return;\n }\n\n this.activeItemIndex = activeItemIndex;\n this.activeItemIndexChange.emit(activeItemIndex);\n this.refresh();\n }\n\n private get left(): number {\n const element = this.activeElement;\n\n return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n }\n\n private get width(): number {\n return this.activeElement?.clientWidth || 0;\n }\n\n private get activeElement(): Element | null {\n return this.tabs.item(this.activeItemIndex);\n }\n\n // TODO: Switch to HostBinding signals in Angular 17+\n private refresh(): void {\n this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n }\n}\n","import {\n AfterContentChecked,\n AfterContentInit,\n ContentChildren,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n QueryList,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, TuiDestroyService, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n @ContentChildren(NgControl, {descendants: true})\n private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive)\n private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive, {read: ElementRef})\n private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n constructor(\n @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n ) {}\n\n @HostListener('click', ['$event.target'])\n update(target: Element | null): void {\n const index = this.getIndex(target);\n\n if (index >= 0) {\n this.component.update(index);\n }\n }\n\n ngAfterContentInit(): void {\n tuiQueryListChanges(this.controls)\n .pipe(\n switchMap(() => this.controls.last?.valueChanges || EMPTY),\n takeUntil(this.destroy$),\n )\n .subscribe(() => {\n this.update(this.el.nativeElement.querySelector(':checked'));\n });\n }\n\n ngAfterContentChecked(): void {\n if (this.links.length) {\n this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n }\n }\n\n private get linkIndex(): number {\n return this.links.toArray().findIndex(link => link.isActive);\n }\n\n private getIndex(element: Element | null): number {\n return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","takeUntil","tuiIsHTMLElement","tuiPx","i0","ElementRef","TuiResizeService","TuiDestroyService","tuiBadgeNotificationOptionsProvider","Component","ViewEncapsulation","ChangeDetectionStrategy","Inject","Self","Input","HostBinding","Output","EMPTY_QUERY","tuiQueryListChanges","switchMap","EMPTY","NgControl","RouterLinkActive","Directive","ContentChildren","HostListener","NgModule"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-segmented.umd.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Output,\n Self,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n TuiDestroyService,\n tuiIsHTMLElement,\n tuiPx,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-segmented',\n template: '<ng-content></ng-content>',\n styleUrls: ['./segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n tuiBadgeNotificationOptionsProvider({size: 's'}),\n ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 's';\n\n @Input()\n activeItemIndex = 0;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n ) {\n resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n }\n\n get tabs(): HTMLCollection {\n return this.el.nativeElement.children;\n }\n\n ngOnChanges(): void {\n this.refresh();\n }\n\n update(activeItemIndex: number): void {\n if (activeItemIndex === this.activeItemIndex || activeItemIndex < 0) {\n return;\n }\n\n this.activeItemIndex = activeItemIndex;\n this.activeItemIndexChange.emit(activeItemIndex);\n this.refresh();\n }\n\n private get left(): number {\n const element = this.activeElement;\n\n return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n }\n\n private get width(): number {\n return this.activeElement?.clientWidth || 0;\n }\n\n private get activeElement(): Element | null {\n return this.tabs.item(this.activeItemIndex);\n }\n\n // TODO: Switch to HostBinding signals in Angular 17+\n private refresh(): void {\n this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n }\n}\n","import {\n AfterContentChecked,\n AfterContentInit,\n ContentChildren,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n QueryList,\n} from '@angular/core';\nimport {NgControl, RadioControlValueAccessor} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, tuiControlValue, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {map, switchMap} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n @ContentChildren(NgControl, {descendants: true})\n private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n @ContentChildren(RadioControlValueAccessor, {descendants: true})\n private readonly radios: QueryList<RadioControlValueAccessor> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive)\n private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive, {read: ElementRef})\n private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n constructor(\n @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n ) {}\n\n @HostListener('click', ['$event.target'])\n update(target: Element | null): void {\n this.component.update(this.getIndex(target));\n }\n\n ngAfterContentInit(): void {\n tuiQueryListChanges(this.controls)\n .pipe(\n switchMap(() => tuiControlValue(this.controls.first)),\n map(value => this.radios.toArray().findIndex(c => c.value === value)),\n )\n .subscribe(index => {\n this.component.update(index);\n });\n }\n\n ngAfterContentChecked(): void {\n if (this.links.length) {\n this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n }\n }\n\n private get linkIndex(): number {\n return this.links.toArray().findIndex(link => link.isActive);\n }\n\n private getIndex(element: Element | null): number {\n return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","takeUntil","tuiIsHTMLElement","tuiPx","i0","ElementRef","TuiResizeService","TuiDestroyService","tuiBadgeNotificationOptionsProvider","Component","ViewEncapsulation","ChangeDetectionStrategy","Inject","Self","Input","HostBinding","Output","EMPTY_QUERY","tuiQueryListChanges","switchMap","tuiControlValue","map","NgControl","RadioControlValueAccessor","RouterLinkActive","Directive","ContentChildren","HostListener","NgModule"],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiCardComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
34
|
+
TuiCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-bottom:-.5rem}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiCardComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-card.umd.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCardMedium]',\n host: {\n tuiCardMedium: '',\n },\n})\nexport class TuiCardMediumDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n\n@Directive({\n selector: '[tuiCardLarge]',\n host: {\n tuiCardLarge: '',\n '[attr.data-space]': 'space || \"normal\"',\n },\n})\nexport class TuiCardLargeDirective {\n @Input('tuiCardLarge')\n space: '' | 'compact' | 'normal' = 'normal';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardLargeDirective, TuiCardMediumDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],\n exports: [TuiCardLargeDirective, TuiCardMediumDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qGARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-card.umd.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCardMedium]',\n host: {\n tuiCardMedium: '',\n },\n})\nexport class TuiCardMediumDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n\n@Directive({\n selector: '[tuiCardLarge]',\n host: {\n tuiCardLarge: '',\n '[attr.data-space]': 'space || \"normal\"',\n },\n})\nexport class TuiCardLargeDirective {\n @Input('tuiCardLarge')\n space: '' | 'compact' | 'normal' = 'normal';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardLargeDirective, TuiCardMediumDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],\n exports: [TuiCardLargeDirective, TuiCardMediumDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
|
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
import { AfterContentChecked, AfterContentInit
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
1
|
+
import { AfterContentChecked, AfterContentInit } from '@angular/core';
|
|
3
2
|
import { TuiSegmentedComponent } from './segmented.component';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export declare class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {
|
|
6
|
-
private readonly destroy$;
|
|
7
5
|
private readonly component;
|
|
8
|
-
private readonly el;
|
|
9
6
|
private readonly controls;
|
|
7
|
+
private readonly radios;
|
|
10
8
|
private readonly links;
|
|
11
9
|
private readonly elements;
|
|
12
|
-
constructor(
|
|
10
|
+
constructor(component: TuiSegmentedComponent);
|
|
13
11
|
update(target: Element | null): void;
|
|
14
12
|
ngAfterContentInit(): void;
|
|
15
13
|
ngAfterContentChecked(): void;
|
|
16
14
|
private get linkIndex();
|
|
17
15
|
private getIndex;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmentedDirective,
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSegmentedDirective, "tui-segmented", never, {}, {}, ["controls", "links", "elements"]>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSegmentedDirective, never>;
|
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSegmentedDirective, "tui-segmented", never, {}, {}, ["controls", "radios", "links", "elements"]>;
|
|
20
18
|
}
|
|
@@ -19,7 +19,7 @@ export class TuiSegmentedComponent {
|
|
|
19
19
|
this.refresh();
|
|
20
20
|
}
|
|
21
21
|
update(activeItemIndex) {
|
|
22
|
-
if (activeItemIndex === this.activeItemIndex) {
|
|
22
|
+
if (activeItemIndex === this.activeItemIndex || activeItemIndex < 0) {
|
|
23
23
|
return;
|
|
24
24
|
}
|
|
25
25
|
this.activeItemIndex = activeItemIndex;
|
|
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
84
84
|
}], activeItemIndexChange: [{
|
|
85
85
|
type: Output
|
|
86
86
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZC9zZWdtZW50ZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBRUwsTUFBTSxFQUNOLElBQUksRUFDSixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNILGlCQUFpQixFQUNqQixnQkFBZ0IsRUFDaEIsS0FBSyxFQUNMLGdCQUFnQixHQUNuQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsbUNBQW1DLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUV6RyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWN6QyxNQUFNLE9BQU8scUJBQXFCO0lBVzlCLFlBQ3lDLEVBQTJCLEVBQ3RDLE9BQTRCLEVBQ25CLFFBQTZCO1FBRjNCLE9BQUUsR0FBRixFQUFFLENBQXlCO1FBVHBFLFNBQUksR0FBd0IsR0FBRyxDQUFDO1FBR2hDLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBR1gsMEJBQXFCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQU94RCxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ0osT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUM7SUFDMUMsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELE1BQU0sQ0FBQyxlQUF1QjtRQUMxQixJQUFJLGVBQWUsS0FBSyxJQUFJLENBQUMsZUFBZSxJQUFJLGVBQWUsR0FBRyxDQUFDLEVBQUU7WUFDakUsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDdkMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQVksSUFBSTtRQUNaLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFFbkMsT0FBTyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRCxJQUFZLEtBQUs7O1FBQ2IsT0FBTyxDQUFBLE1BQUEsSUFBSSxDQUFDLGFBQWEsMENBQUUsV0FBVyxLQUFJLENBQUMsQ0FBQztJQUNoRCxDQUFDO0lBRUQsSUFBWSxhQUFhO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxxREFBcUQ7SUFDN0MsT0FBTztRQUNYLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUN0RSxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7bUhBdkRRLHFCQUFxQixrQkFZbEIsVUFBVSxhQUNWLGdCQUFnQixhQUNSLGlCQUFpQjt1R0FkNUIscUJBQXFCLDROQU5uQjtRQUNQLGlCQUFpQjtRQUNqQixnQkFBZ0I7UUFDaEIsbUNBQW1DLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7S0FDbkQsK0NBUlMsMkJBQTJCOzRGQVU1QixxQkFBcUI7a0JBWmpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFNBQVMsRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIsbUNBQW1DLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7cUJBQ25EO2lCQUNKOzswQkFhUSxNQUFNOzJCQUFDLFVBQVU7OzBCQUNqQixNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQ3ZCLElBQUk7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCOzRDQVhyQyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUk3QixlQUFlO3NCQURkLEtBQUs7Z0JBSUcscUJBQXFCO3NCQUQ3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPdXRwdXQsXG4gICAgU2VsZixcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIHR1aUlzSFRNTEVsZW1lbnQsXG4gICAgdHVpUHgsXG4gICAgVHVpUmVzaXplU2VydmljZSxcbn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVNpemVMLCBUdWlTaXplU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHt0dWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlLW5vdGlmaWNhdGlvbic7XG5pbXBvcnQge09ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHt0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktc2VnbWVudGVkJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL3NlZ21lbnRlZC5zdHlsZS5sZXNzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgICAgIFR1aVJlc2l6ZVNlcnZpY2UsXG4gICAgICAgIHR1aUJhZGdlTm90aWZpY2F0aW9uT3B0aW9uc1Byb3ZpZGVyKHtzaXplOiAncyd9KSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTZWdtZW50ZWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplUyA9ICdzJztcblxuICAgIEBJbnB1dCgpXG4gICAgYWN0aXZlSXRlbUluZGV4ID0gMDtcblxuICAgIEBPdXRwdXQoKVxuICAgIHJlYWRvbmx5IGFjdGl2ZUl0ZW1JbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikgcHJpdmF0ZSByZWFkb25seSBlbDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoVHVpUmVzaXplU2VydmljZSkgcmVzaXplJDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICAgICAgQFNlbGYoKSBASW5qZWN0KFR1aURlc3Ryb3lTZXJ2aWNlKSBkZXN0cm95JDogT2JzZXJ2YWJsZTx1bmtub3duPixcbiAgICApIHtcbiAgICAgICAgcmVzaXplJC5waXBlKHRha2VVbnRpbChkZXN0cm95JCkpLnN1YnNjcmliZSgoKSA9PiB0aGlzLnJlZnJlc2goKSk7XG4gICAgfVxuXG4gICAgZ2V0IHRhYnMoKTogSFRNTENvbGxlY3Rpb24ge1xuICAgICAgICByZXR1cm4gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlZnJlc2goKTtcbiAgICB9XG5cbiAgICB1cGRhdGUoYWN0aXZlSXRlbUluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgaWYgKGFjdGl2ZUl0ZW1JbmRleCA9PT0gdGhpcy5hY3RpdmVJdGVtSW5kZXggfHwgYWN0aXZlSXRlbUluZGV4IDwgMCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5hY3RpdmVJdGVtSW5kZXggPSBhY3RpdmVJdGVtSW5kZXg7XG4gICAgICAgIHRoaXMuYWN0aXZlSXRlbUluZGV4Q2hhbmdlLmVtaXQoYWN0aXZlSXRlbUluZGV4KTtcbiAgICAgICAgdGhpcy5yZWZyZXNoKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXQgbGVmdCgpOiBudW1iZXIge1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5hY3RpdmVFbGVtZW50O1xuXG4gICAgICAgIHJldHVybiB0dWlJc0hUTUxFbGVtZW50KGVsZW1lbnQpID8gZWxlbWVudC5vZmZzZXRMZWZ0IDogMDtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3RpdmVFbGVtZW50Py5jbGllbnRXaWR0aCB8fCAwO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0IGFjdGl2ZUVsZW1lbnQoKTogRWxlbWVudCB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy50YWJzLml0ZW0odGhpcy5hY3RpdmVJdGVtSW5kZXgpO1xuICAgIH1cblxuICAgIC8vIFRPRE86IFN3aXRjaCB0byBIb3N0QmluZGluZyBzaWduYWxzIGluIEFuZ3VsYXIgMTcrXG4gICAgcHJpdmF0ZSByZWZyZXNoKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tdC1sZWZ0JywgdHVpUHgodGhpcy5sZWZ0KSk7XG4gICAgICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS10LXdpZHRoJywgdHVpUHgodGhpcy53aWR0aCkpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -1,33 +1,27 @@
|
|
|
1
|
-
import { ContentChildren, Directive, ElementRef, HostListener, Inject,
|
|
2
|
-
import { NgControl } from '@angular/forms';
|
|
1
|
+
import { ContentChildren, Directive, ElementRef, HostListener, Inject, } from '@angular/core';
|
|
2
|
+
import { NgControl, RadioControlValueAccessor } from '@angular/forms';
|
|
3
3
|
import { RouterLinkActive } from '@angular/router';
|
|
4
|
-
import { EMPTY_QUERY,
|
|
5
|
-
import {
|
|
6
|
-
import { switchMap, takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { EMPTY_QUERY, tuiControlValue, tuiQueryListChanges } from '@taiga-ui/cdk';
|
|
5
|
+
import { map, switchMap } from 'rxjs/operators';
|
|
7
6
|
import { TuiSegmentedComponent } from './segmented.component';
|
|
8
7
|
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "
|
|
10
|
-
import * as i2 from "./segmented.component";
|
|
8
|
+
import * as i1 from "./segmented.component";
|
|
11
9
|
export class TuiSegmentedDirective {
|
|
12
|
-
constructor(
|
|
13
|
-
this.destroy$ = destroy$;
|
|
10
|
+
constructor(component) {
|
|
14
11
|
this.component = component;
|
|
15
|
-
this.el = el;
|
|
16
12
|
this.controls = EMPTY_QUERY;
|
|
13
|
+
this.radios = EMPTY_QUERY;
|
|
17
14
|
this.links = EMPTY_QUERY;
|
|
18
15
|
this.elements = EMPTY_QUERY;
|
|
19
16
|
}
|
|
20
17
|
update(target) {
|
|
21
|
-
|
|
22
|
-
if (index >= 0) {
|
|
23
|
-
this.component.update(index);
|
|
24
|
-
}
|
|
18
|
+
this.component.update(this.getIndex(target));
|
|
25
19
|
}
|
|
26
20
|
ngAfterContentInit() {
|
|
27
21
|
tuiQueryListChanges(this.controls)
|
|
28
|
-
.pipe(switchMap(() =>
|
|
29
|
-
.subscribe(
|
|
30
|
-
this.update(
|
|
22
|
+
.pipe(switchMap(() => tuiControlValue(this.controls.first)), map(value => this.radios.toArray().findIndex(c => c.value === value)))
|
|
23
|
+
.subscribe(index => {
|
|
24
|
+
this.component.update(index);
|
|
31
25
|
});
|
|
32
26
|
}
|
|
33
27
|
ngAfterContentChecked() {
|
|
@@ -43,27 +37,22 @@ export class TuiSegmentedDirective {
|
|
|
43
37
|
return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));
|
|
44
38
|
}
|
|
45
39
|
}
|
|
46
|
-
TuiSegmentedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, deps: [{ token:
|
|
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 });
|
|
40
|
+
TuiSegmentedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, deps: [{ token: TuiSegmentedComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
+
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: "radios", predicate: RadioControlValueAccessor, descendants: true }, { propertyName: "links", predicate: RouterLinkActive }, { propertyName: "elements", predicate: RouterLinkActive, read: ElementRef }], ngImport: i0 });
|
|
48
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, decorators: [{
|
|
49
43
|
type: Directive,
|
|
50
44
|
args: [{
|
|
51
45
|
selector: 'tui-segmented',
|
|
52
46
|
}]
|
|
53
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
54
|
-
type: Self
|
|
55
|
-
}, {
|
|
56
|
-
type: Inject,
|
|
57
|
-
args: [TuiDestroyService]
|
|
58
|
-
}] }, { type: i2.TuiSegmentedComponent, decorators: [{
|
|
47
|
+
}], ctorParameters: function () { return [{ type: i1.TuiSegmentedComponent, decorators: [{
|
|
59
48
|
type: Inject,
|
|
60
49
|
args: [TuiSegmentedComponent]
|
|
61
|
-
}] }, { type: i0.ElementRef, decorators: [{
|
|
62
|
-
type: Inject,
|
|
63
|
-
args: [ElementRef]
|
|
64
50
|
}] }]; }, propDecorators: { controls: [{
|
|
65
51
|
type: ContentChildren,
|
|
66
52
|
args: [NgControl, { descendants: true }]
|
|
53
|
+
}], radios: [{
|
|
54
|
+
type: ContentChildren,
|
|
55
|
+
args: [RadioControlValueAccessor, { descendants: true }]
|
|
67
56
|
}], links: [{
|
|
68
57
|
type: ContentChildren,
|
|
69
58
|
args: [RouterLinkActive]
|
|
@@ -74,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
74
63
|
type: HostListener,
|
|
75
64
|
args: ['click', ['$event.target']]
|
|
76
65
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZC9zZWdtZW50ZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHSCxlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxTQUFTLEVBQUUseUJBQXlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsV0FBVyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsR0FBRyxFQUFFLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRTlDLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7QUFLNUQsTUFBTSxPQUFPLHFCQUFxQjtJQWE5QixZQUNvRCxTQUFnQztRQUFoQyxjQUFTLEdBQVQsU0FBUyxDQUF1QjtRQVpuRSxhQUFRLEdBQXlCLFdBQVcsQ0FBQztRQUc3QyxXQUFNLEdBQXlDLFdBQVcsQ0FBQztRQUczRCxVQUFLLEdBQWdDLFdBQVcsQ0FBQztRQUdqRCxhQUFRLEdBQXVDLFdBQVcsQ0FBQztJQUl6RSxDQUFDO0lBR0osTUFBTSxDQUFDLE1BQXNCO1FBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQzthQUM3QixJQUFJLENBQ0QsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3JELEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUN4RTthQUNBLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNmLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQztJQUVELHFCQUFxQjs7UUFDakIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRTtZQUNuQixJQUFJLENBQUMsTUFBTSxDQUFDLENBQUEsTUFBQSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLDBDQUFFLGFBQWEsS0FBSSxJQUFJLENBQUMsQ0FBQztTQUN6RTtJQUNMLENBQUM7SUFFRCxJQUFZLFNBQVM7UUFDakIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRU8sUUFBUSxDQUFDLE9BQXVCO1FBQ3BDLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNuRixDQUFDOzttSEE3Q1EscUJBQXFCLGtCQWNsQixxQkFBcUI7dUdBZHhCLHFCQUFxQix5SUFDYixTQUFTLDREQUdULHlCQUF5QiwyREFHekIsZ0JBQWdCLDJDQUdoQixnQkFBZ0IsUUFBUyxVQUFVOzRGQVYzQyxxQkFBcUI7a0JBSGpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGVBQWU7aUJBQzVCOzswQkFlUSxNQUFNOzJCQUFDLHFCQUFxQjs0Q0FaaEIsUUFBUTtzQkFEeEIsZUFBZTt1QkFBQyxTQUFTLEVBQUUsRUFBQyxXQUFXLEVBQUUsSUFBSSxFQUFDO2dCQUk5QixNQUFNO3NCQUR0QixlQUFlO3VCQUFDLHlCQUF5QixFQUFFLEVBQUMsV0FBVyxFQUFFLElBQUksRUFBQztnQkFJOUMsS0FBSztzQkFEckIsZUFBZTt1QkFBQyxnQkFBZ0I7Z0JBSWhCLFFBQVE7c0JBRHhCLGVBQWU7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFDO2dCQVFyRCxNQUFNO3NCQURMLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRDaGVja2VkLFxuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdDb250cm9sLCBSYWRpb0NvbnRyb2xWYWx1ZUFjY2Vzc29yfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1JvdXRlckxpbmtBY3RpdmV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge0VNUFRZX1FVRVJZLCB0dWlDb250cm9sVmFsdWUsIHR1aVF1ZXJ5TGlzdENoYW5nZXN9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHttYXAsIHN3aXRjaE1hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQge1R1aVNlZ21lbnRlZENvbXBvbmVudH0gZnJvbSAnLi9zZWdtZW50ZWQuY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICd0dWktc2VnbWVudGVkJyxcbn0pXG5leHBvcnQgY2xhc3MgVHVpU2VnbWVudGVkRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQENvbnRlbnRDaGlsZHJlbihOZ0NvbnRyb2wsIHtkZXNjZW5kYW50czogdHJ1ZX0pXG4gICAgcHJpdmF0ZSByZWFkb25seSBjb250cm9sczogUXVlcnlMaXN0PE5nQ29udHJvbD4gPSBFTVBUWV9RVUVSWTtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oUmFkaW9Db250cm9sVmFsdWVBY2Nlc3Nvciwge2Rlc2NlbmRhbnRzOiB0cnVlfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJhZGlvczogUXVlcnlMaXN0PFJhZGlvQ29udHJvbFZhbHVlQWNjZXNzb3I+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKFJvdXRlckxpbmtBY3RpdmUpXG4gICAgcHJpdmF0ZSByZWFkb25seSBsaW5rczogUXVlcnlMaXN0PFJvdXRlckxpbmtBY3RpdmU+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKFJvdXRlckxpbmtBY3RpdmUsIHtyZWFkOiBFbGVtZW50UmVmfSlcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRzOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+ID0gRU1QVFlfUVVFUlk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUdWlTZWdtZW50ZWRDb21wb25lbnQpIHByaXZhdGUgcmVhZG9ubHkgY29tcG9uZW50OiBUdWlTZWdtZW50ZWRDb21wb25lbnQsXG4gICAgKSB7fVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudC50YXJnZXQnXSlcbiAgICB1cGRhdGUodGFyZ2V0OiBFbGVtZW50IHwgbnVsbCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNvbXBvbmVudC51cGRhdGUodGhpcy5nZXRJbmRleCh0YXJnZXQpKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHR1aVF1ZXJ5TGlzdENoYW5nZXModGhpcy5jb250cm9scylcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcCgoKSA9PiB0dWlDb250cm9sVmFsdWUodGhpcy5jb250cm9scy5maXJzdCkpLFxuICAgICAgICAgICAgICAgIG1hcCh2YWx1ZSA9PiB0aGlzLnJhZGlvcy50b0FycmF5KCkuZmluZEluZGV4KGMgPT4gYy52YWx1ZSA9PT0gdmFsdWUpKSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoaW5kZXggPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuY29tcG9uZW50LnVwZGF0ZShpbmRleCk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmxpbmtzLmxlbmd0aCkge1xuICAgICAgICAgICAgdGhpcy51cGRhdGUodGhpcy5lbGVtZW50cy5nZXQodGhpcy5saW5rSW5kZXgpPy5uYXRpdmVFbGVtZW50IHx8IG51bGwpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXQgbGlua0luZGV4KCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLmxpbmtzLnRvQXJyYXkoKS5maW5kSW5kZXgobGluayA9PiBsaW5rLmlzQWN0aXZlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEluZGV4KGVsZW1lbnQ6IEVsZW1lbnQgfCBudWxsKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jb21wb25lbnQudGFicykuZmluZEluZGV4KHRhYiA9PiB0YWIuY29udGFpbnMoZWxlbWVudCkpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class TuiCardComponent {
|
|
4
4
|
}
|
|
5
5
|
TuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6
|
+
TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-bottom:-.5rem}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, Self, Input, HostBinding, Output, Directive, ContentChildren, HostListener, NgModule } from '@angular/core';
|
|
3
|
-
import { tuiIsHTMLElement, tuiPx, TuiResizeService, TuiDestroyService, EMPTY_QUERY, tuiQueryListChanges } from '@taiga-ui/cdk';
|
|
3
|
+
import { tuiIsHTMLElement, tuiPx, TuiResizeService, TuiDestroyService, EMPTY_QUERY, tuiQueryListChanges, tuiControlValue } from '@taiga-ui/cdk';
|
|
4
4
|
import { tuiBadgeNotificationOptionsProvider } from '@taiga-ui/experimental/components/badge-notification';
|
|
5
|
-
import { takeUntil, switchMap } from 'rxjs/operators';
|
|
5
|
+
import { takeUntil, switchMap, map } from 'rxjs/operators';
|
|
6
6
|
import * as i1 from 'rxjs';
|
|
7
|
-
import {
|
|
8
|
-
import { NgControl } from '@angular/forms';
|
|
7
|
+
import { NgControl, RadioControlValueAccessor } from '@angular/forms';
|
|
9
8
|
import { RouterLinkActive } from '@angular/router';
|
|
10
9
|
|
|
11
10
|
class TuiSegmentedComponent {
|
|
@@ -23,7 +22,7 @@ class TuiSegmentedComponent {
|
|
|
23
22
|
this.refresh();
|
|
24
23
|
}
|
|
25
24
|
update(activeItemIndex) {
|
|
26
|
-
if (activeItemIndex === this.activeItemIndex) {
|
|
25
|
+
if (activeItemIndex === this.activeItemIndex || activeItemIndex < 0) {
|
|
27
26
|
return;
|
|
28
27
|
}
|
|
29
28
|
this.activeItemIndex = activeItemIndex;
|
|
@@ -90,25 +89,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
90
89
|
}] } });
|
|
91
90
|
|
|
92
91
|
class TuiSegmentedDirective {
|
|
93
|
-
constructor(
|
|
94
|
-
this.destroy$ = destroy$;
|
|
92
|
+
constructor(component) {
|
|
95
93
|
this.component = component;
|
|
96
|
-
this.el = el;
|
|
97
94
|
this.controls = EMPTY_QUERY;
|
|
95
|
+
this.radios = EMPTY_QUERY;
|
|
98
96
|
this.links = EMPTY_QUERY;
|
|
99
97
|
this.elements = EMPTY_QUERY;
|
|
100
98
|
}
|
|
101
99
|
update(target) {
|
|
102
|
-
|
|
103
|
-
if (index >= 0) {
|
|
104
|
-
this.component.update(index);
|
|
105
|
-
}
|
|
100
|
+
this.component.update(this.getIndex(target));
|
|
106
101
|
}
|
|
107
102
|
ngAfterContentInit() {
|
|
108
103
|
tuiQueryListChanges(this.controls)
|
|
109
|
-
.pipe(switchMap(() =>
|
|
110
|
-
.subscribe(
|
|
111
|
-
this.update(
|
|
104
|
+
.pipe(switchMap(() => tuiControlValue(this.controls.first)), map(value => this.radios.toArray().findIndex(c => c.value === value)))
|
|
105
|
+
.subscribe(index => {
|
|
106
|
+
this.component.update(index);
|
|
112
107
|
});
|
|
113
108
|
}
|
|
114
109
|
ngAfterContentChecked() {
|
|
@@ -124,27 +119,22 @@ class TuiSegmentedDirective {
|
|
|
124
119
|
return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));
|
|
125
120
|
}
|
|
126
121
|
}
|
|
127
|
-
TuiSegmentedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, deps: [{ token:
|
|
128
|
-
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 });
|
|
122
|
+
TuiSegmentedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, deps: [{ token: TuiSegmentedComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
123
|
+
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: "radios", predicate: RadioControlValueAccessor, descendants: true }, { propertyName: "links", predicate: RouterLinkActive }, { propertyName: "elements", predicate: RouterLinkActive, read: ElementRef }], ngImport: i0 });
|
|
129
124
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSegmentedDirective, decorators: [{
|
|
130
125
|
type: Directive,
|
|
131
126
|
args: [{
|
|
132
127
|
selector: 'tui-segmented',
|
|
133
128
|
}]
|
|
134
|
-
}], ctorParameters: function () { return [{ type:
|
|
135
|
-
type: Self
|
|
136
|
-
}, {
|
|
137
|
-
type: Inject,
|
|
138
|
-
args: [TuiDestroyService]
|
|
139
|
-
}] }, { type: TuiSegmentedComponent, decorators: [{
|
|
129
|
+
}], ctorParameters: function () { return [{ type: TuiSegmentedComponent, decorators: [{
|
|
140
130
|
type: Inject,
|
|
141
131
|
args: [TuiSegmentedComponent]
|
|
142
|
-
}] }, { type: i0.ElementRef, decorators: [{
|
|
143
|
-
type: Inject,
|
|
144
|
-
args: [ElementRef]
|
|
145
132
|
}] }]; }, propDecorators: { controls: [{
|
|
146
133
|
type: ContentChildren,
|
|
147
134
|
args: [NgControl, { descendants: true }]
|
|
135
|
+
}], radios: [{
|
|
136
|
+
type: ContentChildren,
|
|
137
|
+
args: [RadioControlValueAccessor, { descendants: true }]
|
|
148
138
|
}], links: [{
|
|
149
139
|
type: ContentChildren,
|
|
150
140
|
args: [RouterLinkActive]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-segmented.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Output,\n Self,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n TuiDestroyService,\n tuiIsHTMLElement,\n tuiPx,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-segmented',\n template: '<ng-content></ng-content>',\n styleUrls: ['./segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n tuiBadgeNotificationOptionsProvider({size: 's'}),\n ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 's';\n\n @Input()\n activeItemIndex = 0;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n ) {\n resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n }\n\n get tabs(): HTMLCollection {\n return this.el.nativeElement.children;\n }\n\n ngOnChanges(): void {\n this.refresh();\n }\n\n update(activeItemIndex: number): void {\n if (activeItemIndex === this.activeItemIndex) {\n return;\n }\n\n this.activeItemIndex = activeItemIndex;\n this.activeItemIndexChange.emit(activeItemIndex);\n this.refresh();\n }\n\n private get left(): number {\n const element = this.activeElement;\n\n return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n }\n\n private get width(): number {\n return this.activeElement?.clientWidth || 0;\n }\n\n private get activeElement(): Element | null {\n return this.tabs.item(this.activeItemIndex);\n }\n\n // TODO: Switch to HostBinding signals in Angular 17+\n private refresh(): void {\n this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n }\n}\n","import {\n AfterContentChecked,\n AfterContentInit,\n ContentChildren,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n QueryList,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, TuiDestroyService, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {EMPTY, Observable} from 'rxjs';\nimport {switchMap, takeUntil} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n @ContentChildren(NgControl, {descendants: true})\n private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive)\n private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive, {read: ElementRef})\n private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n constructor(\n @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable<unknown>,\n @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n ) {}\n\n @HostListener('click', ['$event.target'])\n update(target: Element | null): void {\n const index = this.getIndex(target);\n\n if (index >= 0) {\n this.component.update(index);\n }\n }\n\n ngAfterContentInit(): void {\n tuiQueryListChanges(this.controls)\n .pipe(\n switchMap(() => this.controls.last?.valueChanges || EMPTY),\n takeUntil(this.destroy$),\n )\n .subscribe(() => {\n this.update(this.el.nativeElement.querySelector(':checked'));\n });\n }\n\n ngAfterContentChecked(): void {\n if (this.links.length) {\n this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n }\n }\n\n private get linkIndex(): number {\n return this.links.toArray().findIndex(link => link.isActive);\n }\n\n private getIndex(element: Element | null): number {\n return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-segmented.js","sources":["../../../projects/experimental/components/segmented/segmented.component.ts","../../../projects/experimental/components/segmented/segmented.directive.ts","../../../projects/experimental/components/segmented/segmented.module.ts","../../../projects/experimental/components/segmented/taiga-ui-experimental-components-segmented.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Inject,\n Input,\n OnChanges,\n Output,\n Self,\n ViewEncapsulation,\n} from '@angular/core';\nimport {\n TuiDestroyService,\n tuiIsHTMLElement,\n tuiPx,\n TuiResizeService,\n} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {tuiBadgeNotificationOptionsProvider} from '@taiga-ui/experimental/components/badge-notification';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n selector: 'tui-segmented',\n template: '<ng-content></ng-content>',\n styleUrls: ['./segmented.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n TuiDestroyService,\n TuiResizeService,\n tuiBadgeNotificationOptionsProvider({size: 's'}),\n ],\n})\nexport class TuiSegmentedComponent implements OnChanges {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 's';\n\n @Input()\n activeItemIndex = 0;\n\n @Output()\n readonly activeItemIndexChange = new EventEmitter<number>();\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n ) {\n resize$.pipe(takeUntil(destroy$)).subscribe(() => this.refresh());\n }\n\n get tabs(): HTMLCollection {\n return this.el.nativeElement.children;\n }\n\n ngOnChanges(): void {\n this.refresh();\n }\n\n update(activeItemIndex: number): void {\n if (activeItemIndex === this.activeItemIndex || activeItemIndex < 0) {\n return;\n }\n\n this.activeItemIndex = activeItemIndex;\n this.activeItemIndexChange.emit(activeItemIndex);\n this.refresh();\n }\n\n private get left(): number {\n const element = this.activeElement;\n\n return tuiIsHTMLElement(element) ? element.offsetLeft : 0;\n }\n\n private get width(): number {\n return this.activeElement?.clientWidth || 0;\n }\n\n private get activeElement(): Element | null {\n return this.tabs.item(this.activeItemIndex);\n }\n\n // TODO: Switch to HostBinding signals in Angular 17+\n private refresh(): void {\n this.el.nativeElement.style.setProperty('--t-left', tuiPx(this.left));\n this.el.nativeElement.style.setProperty('--t-width', tuiPx(this.width));\n }\n}\n","import {\n AfterContentChecked,\n AfterContentInit,\n ContentChildren,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n QueryList,\n} from '@angular/core';\nimport {NgControl, RadioControlValueAccessor} from '@angular/forms';\nimport {RouterLinkActive} from '@angular/router';\nimport {EMPTY_QUERY, tuiControlValue, tuiQueryListChanges} from '@taiga-ui/cdk';\nimport {map, switchMap} from 'rxjs/operators';\n\nimport {TuiSegmentedComponent} from './segmented.component';\n\n@Directive({\n selector: 'tui-segmented',\n})\nexport class TuiSegmentedDirective implements AfterContentChecked, AfterContentInit {\n @ContentChildren(NgControl, {descendants: true})\n private readonly controls: QueryList<NgControl> = EMPTY_QUERY;\n\n @ContentChildren(RadioControlValueAccessor, {descendants: true})\n private readonly radios: QueryList<RadioControlValueAccessor> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive)\n private readonly links: QueryList<RouterLinkActive> = EMPTY_QUERY;\n\n @ContentChildren(RouterLinkActive, {read: ElementRef})\n private readonly elements: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n constructor(\n @Inject(TuiSegmentedComponent) private readonly component: TuiSegmentedComponent,\n ) {}\n\n @HostListener('click', ['$event.target'])\n update(target: Element | null): void {\n this.component.update(this.getIndex(target));\n }\n\n ngAfterContentInit(): void {\n tuiQueryListChanges(this.controls)\n .pipe(\n switchMap(() => tuiControlValue(this.controls.first)),\n map(value => this.radios.toArray().findIndex(c => c.value === value)),\n )\n .subscribe(index => {\n this.component.update(index);\n });\n }\n\n ngAfterContentChecked(): void {\n if (this.links.length) {\n this.update(this.elements.get(this.linkIndex)?.nativeElement || null);\n }\n }\n\n private get linkIndex(): number {\n return this.links.toArray().findIndex(link => link.isActive);\n }\n\n private getIndex(element: Element | null): number {\n return Array.from(this.component.tabs).findIndex(tab => tab.contains(element));\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSegmentedComponent} from './segmented.component';\nimport {TuiSegmentedDirective} from './segmented.directive';\n\n@NgModule({\n declarations: [TuiSegmentedComponent, TuiSegmentedDirective],\n exports: [TuiSegmentedComponent, TuiSegmentedDirective],\n})\nexport class TuiSegmentedModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
|
|
|
6
6
|
class TuiCardComponent {
|
|
7
7
|
}
|
|
8
8
|
TuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
9
|
+
TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle]:not([tuiCell] *),[tuiCardLarge] [tuiTitle]:not([tuiCell] *){font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-bottom:-.5rem}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-card.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCardMedium]',\n host: {\n tuiCardMedium: '',\n },\n})\nexport class TuiCardMediumDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n\n@Directive({\n selector: '[tuiCardLarge]',\n host: {\n tuiCardLarge: '',\n '[attr.data-space]': 'space || \"normal\"',\n },\n})\nexport class TuiCardLargeDirective {\n @Input('tuiCardLarge')\n space: '' | 'compact' | 'normal' = 'normal';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardLargeDirective, TuiCardMediumDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],\n exports: [TuiCardLargeDirective, TuiCardMediumDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,0FARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-card.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCardMedium]',\n host: {\n tuiCardMedium: '',\n },\n})\nexport class TuiCardMediumDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n\n@Directive({\n selector: '[tuiCardLarge]',\n host: {\n tuiCardLarge: '',\n '[attr.data-space]': 'space || \"normal\"',\n },\n})\nexport class TuiCardLargeDirective {\n @Input('tuiCardLarge')\n space: '' | 'compact' | 'normal' = 'normal';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardLargeDirective, TuiCardMediumDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],\n exports: [TuiCardLargeDirective, TuiCardMediumDirective],\n})\nexport class TuiCardModule {}\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": "@taiga-ui/experimental",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.95.1",
|
|
4
4
|
"description": "A package with Taiga UI experimental components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@angular/common": ">=12.0.0",
|
|
15
15
|
"@angular/core": ">=12.0.0",
|
|
16
|
-
"@taiga-ui/addon-commerce": "
|
|
17
|
-
"@taiga-ui/cdk": "
|
|
18
|
-
"@taiga-ui/core": "
|
|
19
|
-
"@taiga-ui/kit": "
|
|
20
|
-
"@tinkoff/ng-polymorpheus": "
|
|
16
|
+
"@taiga-ui/addon-commerce": ">=3.95.1 <4",
|
|
17
|
+
"@taiga-ui/cdk": ">=3.95.1 <4",
|
|
18
|
+
"@taiga-ui/core": ">=3.95.1 <4",
|
|
19
|
+
"@taiga-ui/kit": ">=3.95.1 <4",
|
|
20
|
+
"@tinkoff/ng-polymorpheus": ">=4.3.0",
|
|
21
21
|
"rxjs": ">=6.0.0"
|
|
22
22
|
},
|
|
23
23
|
"main": "bundles/taiga-ui-experimental.umd.js",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"typings": "taiga-ui-experimental.d.ts",
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"tslib": "
|
|
31
|
+
"tslib": ">=2.7.0"
|
|
32
32
|
}
|
|
33
33
|
}
|