@taiga-ui/kit 5.0.0-rc.4 → 5.0.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/components/accordion/accordion.component.d.ts +4 -1
- package/components/accordion/accordion.directive.d.ts +1 -0
- package/components/calendar-month/calendar-month.component.d.ts +10 -18
- package/components/calendar-range/calendar-range.component.d.ts +15 -20
- package/components/copy/copy.component.d.ts +3 -1
- package/components/copy/copy.options.d.ts +7 -1
- package/components/files/input-files/input-files.component.d.ts +4 -1
- package/components/filter/filter.component.d.ts +1 -1
- package/components/index.d.ts +1 -1
- package/components/input-date/input-date.directive.d.ts +1 -0
- package/components/input-date-time/input-date-time.component.d.ts +2 -2
- package/components/input-phone/input-phone.directive.d.ts +1 -1
- package/components/input-pin/input-pin.component.d.ts +0 -1
- package/components/input-range/input-range.component.d.ts +1 -1
- package/components/line-clamp/line-clamp.component.d.ts +3 -3
- package/components/multi-select/multi-select-native/multi-select-native.component.d.ts +1 -1
- package/components/progress/progress-bar/progress-color-segments.directive.d.ts +2 -2
- package/components/radio-list/radio-list.component.d.ts +1 -5
- package/components/select/native-select/native-select.component.d.ts +1 -1
- package/components/shrink-wrap/index.d.ts +3 -0
- package/components/shrink-wrap/shrink-wrap.component.d.ts +5 -0
- package/components/shrink-wrap/shrink-wrap.d.ts +3 -0
- package/components/shrink-wrap/shrink-wrap.directive.d.ts +6 -0
- package/components/stepper/step.component.d.ts +1 -1
- package/components/textarea/textarea.directive.d.ts +1 -1
- package/components/toast/toast.directive.d.ts +4 -1
- package/components/tree/components/tree/tree.component.d.ts +1 -3
- package/directives/password/password.options.d.ts +16 -1
- package/fesm2022/taiga-ui-kit-components-accordion.mjs +20 -10
- package/fesm2022/taiga-ui-kit-components-accordion.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-avatar.mjs +24 -24
- package/fesm2022/taiga-ui-kit-components-avatar.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-badge-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badge.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-badge.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs +7 -7
- package/fesm2022/taiga-ui-kit-components-badged-content.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-block.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-block.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-button-loading.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +18 -40
- package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +63 -93
- package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-chip.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-comment.mjs +7 -7
- package/fesm2022/taiga-ui-kit-components-comment.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-compass.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-compass.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-confirm.mjs +7 -7
- package/fesm2022/taiga-ui-kit-components-confirm.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-copy.mjs +15 -13
- package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-counter.mjs +5 -4
- package/fesm2022/taiga-ui-kit-components-counter.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-drawer.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-files.mjs +37 -30
- package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-filter.mjs +5 -4
- package/fesm2022/taiga-ui-kit-components-filter.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-fullscreen.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-fullscreen.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-color.mjs +5 -4
- package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +5 -6
- package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +6 -5
- package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +10 -8
- package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-date.mjs +26 -17
- package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs +5 -4
- package/fesm2022/taiga-ui-kit-components-input-inline.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +7 -4
- package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-month.mjs +13 -10
- package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-number.mjs +36 -39
- package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +7 -8
- package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs +5 -12
- package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-range.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs +8 -7
- package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-time.mjs +11 -10
- package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-input-year.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +14 -14
- package/fesm2022/taiga-ui-kit-components-items-with-more.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-like.mjs +5 -5
- package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +10 -10
- package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-message.mjs +8 -8
- package/fesm2022/taiga-ui-kit-components-message.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs +14 -14
- package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-notification-middle.mjs +11 -11
- package/fesm2022/taiga-ui-kit-components-notification-middle.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pager.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pager.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pagination.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pin.mjs +7 -7
- package/fesm2022/taiga-ui-kit-components-pin.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-preview.mjs +31 -28
- package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-progress.mjs +37 -50
- package/fesm2022/taiga-ui-kit-components-progress.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-pulse.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-pulse.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-push.mjs +15 -14
- package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs +7 -5
- package/fesm2022/taiga-ui-kit-components-radio-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-range.mjs +8 -10
- package/fesm2022/taiga-ui-kit-components-range.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-rating.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-rating.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs +3 -3
- package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-segmented.mjs +9 -8
- package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-select.mjs +11 -12
- package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +40 -0
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs.map +1 -0
- package/fesm2022/taiga-ui-kit-components-status.mjs +7 -7
- package/fesm2022/taiga-ui-kit-components-status.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-stepper.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-stepper.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-switch.mjs +4 -4
- package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tabs.mjs +23 -23
- package/fesm2022/taiga-ui-kit-components-tabs.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-textarea.mjs +16 -15
- package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tiles.mjs +16 -14
- package/fesm2022/taiga-ui-kit-components-tiles.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-timeline.mjs +6 -6
- package/fesm2022/taiga-ui-kit-components-timeline.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-toast.mjs +29 -25
- package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-tree.mjs +24 -24
- package/fesm2022/taiga-ui-kit-components-tree.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components.mjs +1 -1
- package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-appearance-proxy.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs +12 -8
- package/fesm2022/taiga-ui-kit-directives-button-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-button-select.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-button-select.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs +8 -7
- package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-connected.mjs +12 -8
- package/fesm2022/taiga-ui-kit-directives-connected.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-fade.mjs +9 -7
- package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-highlight.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-highlight.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-password.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-password.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-present.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-present.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +9 -7
- package/fesm2022/taiga-ui-kit-directives-sensitive.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +8 -7
- package/fesm2022/taiga-ui-kit-directives-shimmer.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +9 -8
- package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +8 -7
- package/fesm2022/taiga-ui-kit-directives-tooltip.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs +3 -3
- package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-emails.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-emails.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-flag.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-flag.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs +4 -4
- package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-initials.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-initials.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes-stringify.mjs +3 -3
- package/fesm2022/taiga-ui-kit-pipes-stringify.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-pipes.mjs +0 -1
- package/fesm2022/taiga-ui-kit-pipes.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-utils.mjs +1 -5
- package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
- package/package.json +87 -77
- package/pipes/index.d.ts +0 -1
- package/utils/index.d.ts +0 -1
- package/components/carousel/carousel-autoscroll.directive.d.ts +0 -6
- package/components/carousel/carousel-buttons.directive.d.ts +0 -5
- package/components/carousel/carousel-scroll.directive.d.ts +0 -7
- package/components/carousel/carousel.component.d.ts +0 -34
- package/components/carousel/carousel.d.ts +0 -7
- package/components/carousel/carousel.directive.d.ts +0 -16
- package/components/carousel/index.d.ts +0 -6
- package/fesm2022/taiga-ui-kit-components-carousel.mjs +0 -211
- package/fesm2022/taiga-ui-kit-components-carousel.mjs.map +0 -1
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +0 -60
- package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +0 -1
- package/pipes/filter-by-input/filter-by-input.pipe.d.ts +0 -21
- package/pipes/filter-by-input/index.d.ts +0 -1
- package/utils/is-flat.d.ts +0 -1
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiCarouselDirective extends Observable<unknown> {
|
|
4
|
-
private readonly el;
|
|
5
|
-
private readonly platform;
|
|
6
|
-
private readonly visible$;
|
|
7
|
-
private readonly zone;
|
|
8
|
-
private readonly trigger$;
|
|
9
|
-
private readonly running$;
|
|
10
|
-
readonly duration: import("@angular/core").InputSignal<number>;
|
|
11
|
-
protected readonly output$: Observable<number>;
|
|
12
|
-
constructor();
|
|
13
|
-
restart(): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiCarouselDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiCarouselDirective, never, never, { "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
import { TuiItem } from '@taiga-ui/cdk/directives/item';
|
|
2
|
-
import { isPlatformServer, NgTemplateOutlet } from '@angular/common';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { inject, PLATFORM_ID, NgZone, input, Directive, signal, computed, contentChildren, TemplateRef, effect, model, output, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
5
|
-
import * as i2 from '@ng-web-apis/intersection-observer';
|
|
6
|
-
import { WaIntersectionObserver } from '@ng-web-apis/intersection-observer';
|
|
7
|
-
import { WA_IS_MOBILE } from '@ng-web-apis/platform';
|
|
8
|
-
import { TuiPan } from '@taiga-ui/cdk/directives/pan';
|
|
9
|
-
import { TuiSwipe, TUI_SWIPE_OPTIONS } from '@taiga-ui/cdk/directives/swipe';
|
|
10
|
-
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
|
|
11
|
-
import { tuiClamp } from '@taiga-ui/cdk/utils/math';
|
|
12
|
-
import { WA_PAGE_VISIBILITY } from '@ng-web-apis/common';
|
|
13
|
-
import { TUI_FALSE_HANDLER, TUI_TRUE_HANDLER } from '@taiga-ui/cdk/constants';
|
|
14
|
-
import { tuiTypedFromEvent, tuiIfMap, tuiZoneOptimized, tuiZonefreeScheduler } from '@taiga-ui/cdk/observables';
|
|
15
|
-
import { Observable, Subject, merge, map, EMPTY, combineLatest, interval, filter, throttleTime, tap } from 'rxjs';
|
|
16
|
-
import { outputFromObservable } from '@angular/core/rxjs-interop';
|
|
17
|
-
import { tuiButtonOptionsProvider } from '@taiga-ui/core/components/button';
|
|
18
|
-
|
|
19
|
-
class TuiCarouselDirective extends Observable {
|
|
20
|
-
constructor() {
|
|
21
|
-
super((subscriber) => this.output$.subscribe(subscriber));
|
|
22
|
-
this.el = tuiInjectElement();
|
|
23
|
-
this.platform = inject(PLATFORM_ID);
|
|
24
|
-
this.visible$ = inject(WA_PAGE_VISIBILITY);
|
|
25
|
-
this.zone = inject(NgZone);
|
|
26
|
-
this.trigger$ = new Subject();
|
|
27
|
-
this.running$ = merge(tuiTypedFromEvent(this.el, 'mouseenter').pipe(map(TUI_FALSE_HANDLER)), tuiTypedFromEvent(this.el, 'touchstart').pipe(map(TUI_FALSE_HANDLER)), tuiTypedFromEvent(this.el, 'touchend').pipe(map(TUI_TRUE_HANDLER)), tuiTypedFromEvent(this.el, 'mouseleave').pipe(map(TUI_TRUE_HANDLER)), this.visible$);
|
|
28
|
-
this.duration = input(0);
|
|
29
|
-
this.output$ = isPlatformServer(this.platform)
|
|
30
|
-
? EMPTY
|
|
31
|
-
: combineLatest([
|
|
32
|
-
this.trigger$.pipe(map(() => this.duration())),
|
|
33
|
-
this.running$,
|
|
34
|
-
]).pipe(tuiIfMap(([duration]) => interval(duration).pipe(tuiZoneOptimized(this.zone)), (values) => values.every(Boolean)));
|
|
35
|
-
}
|
|
36
|
-
restart() {
|
|
37
|
-
this.trigger$.next();
|
|
38
|
-
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
40
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiCarouselDirective, isStandalone: true, inputs: { duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
|
|
41
|
-
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselDirective, decorators: [{
|
|
43
|
-
type: Directive
|
|
44
|
-
}], ctorParameters: () => [] });
|
|
45
|
-
|
|
46
|
-
class TuiCarouselAutoscroll {
|
|
47
|
-
constructor() {
|
|
48
|
-
this.tuiCarouselAutoscroll = outputFromObservable(inject(TuiCarouselDirective));
|
|
49
|
-
}
|
|
50
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselAutoscroll, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
51
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiCarouselAutoscroll, isStandalone: true, selector: "[tuiCarouselAutoscroll]", outputs: { tuiCarouselAutoscroll: "tuiCarouselAutoscroll" }, ngImport: i0 }); }
|
|
52
|
-
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselAutoscroll, decorators: [{
|
|
54
|
-
type: Directive,
|
|
55
|
-
args: [{ selector: '[tuiCarouselAutoscroll]' }]
|
|
56
|
-
}] });
|
|
57
|
-
|
|
58
|
-
class TuiCarouselScroll {
|
|
59
|
-
constructor() {
|
|
60
|
-
this.el = tuiInjectElement();
|
|
61
|
-
this.tuiCarouselScroll = outputFromObservable(tuiTypedFromEvent(this.el, 'wheel').pipe(filter(({ deltaX }) => Math.abs(deltaX) > 20), throttleTime(500, tuiZonefreeScheduler()), map(({ deltaX }) => Math.sign(deltaX)), tap(() => {
|
|
62
|
-
// So we always have space to scroll and overflow-behavior saves us from back nav
|
|
63
|
-
this.el.scrollLeft = 10;
|
|
64
|
-
})));
|
|
65
|
-
}
|
|
66
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
67
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiCarouselScroll, isStandalone: true, selector: "[tuiCarouselScroll]", outputs: { tuiCarouselScroll: "tuiCarouselScroll" }, ngImport: i0 }); }
|
|
68
|
-
}
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselScroll, decorators: [{
|
|
70
|
-
type: Directive,
|
|
71
|
-
args: [{ selector: '[tuiCarouselScroll]' }]
|
|
72
|
-
}] });
|
|
73
|
-
|
|
74
|
-
class TuiCarouselComponent {
|
|
75
|
-
constructor() {
|
|
76
|
-
this.el = tuiInjectElement();
|
|
77
|
-
this.isMobile = inject(WA_IS_MOBILE);
|
|
78
|
-
this.directive = inject(TuiCarouselDirective);
|
|
79
|
-
this.translate = signal(0);
|
|
80
|
-
this.transitioned = signal(true);
|
|
81
|
-
this.transform = computed(() => `translateX(${100 * this.x()}%)`);
|
|
82
|
-
this.items = contentChildren(TuiItem, { read: TemplateRef });
|
|
83
|
-
this.computedDraggable = computed(() => this.isMobile || this.draggable());
|
|
84
|
-
this.computedTranslate = computed(() => -this.index() / this.itemsCount());
|
|
85
|
-
this.x = computed(() => this.transitioned() ? this.computedTranslate() : this.translate());
|
|
86
|
-
this.resetDuration = effect(() => {
|
|
87
|
-
this.index();
|
|
88
|
-
this.directive.restart();
|
|
89
|
-
});
|
|
90
|
-
this.draggable = input(false);
|
|
91
|
-
this.itemsCount = input(1);
|
|
92
|
-
this.index = model(0);
|
|
93
|
-
this.shift = output();
|
|
94
|
-
}
|
|
95
|
-
next() {
|
|
96
|
-
if (this.index() !== this.items().length - this.itemsCount()) {
|
|
97
|
-
this.updateIndex(this.index() + 1);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
prev() {
|
|
101
|
-
this.updateIndex(this.index() - 1);
|
|
102
|
-
}
|
|
103
|
-
onTransitioned(transitioned) {
|
|
104
|
-
this.transitioned.set(transitioned);
|
|
105
|
-
if (!transitioned) {
|
|
106
|
-
this.translate.set(this.computedTranslate());
|
|
107
|
-
}
|
|
108
|
-
this.onShift();
|
|
109
|
-
}
|
|
110
|
-
isDisabled(index) {
|
|
111
|
-
return index < this.index() || index >= this.index() + this.itemsCount();
|
|
112
|
-
}
|
|
113
|
-
onIntersection(ratio, index) {
|
|
114
|
-
if (ratio && ratio >= 0.5 && !this.transitioned()) {
|
|
115
|
-
this.updateIndex(this.index() < index ? index - this.itemsCount() + 1 : index);
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
onScroll(delta) {
|
|
119
|
-
if (!this.isMobile) {
|
|
120
|
-
this.onSwipe(delta > 0 ? 'left' : 'right');
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
onPan(x) {
|
|
124
|
-
if (!this.computedDraggable()) {
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
const min = 1 - this.items().length / this.itemsCount();
|
|
128
|
-
this.translate.set(tuiClamp(x / this.el.clientWidth + this.translate(), min, 0));
|
|
129
|
-
this.onShift();
|
|
130
|
-
}
|
|
131
|
-
onSwipe(direction) {
|
|
132
|
-
if (direction === 'left') {
|
|
133
|
-
this.next();
|
|
134
|
-
}
|
|
135
|
-
else if (direction === 'right') {
|
|
136
|
-
this.prev();
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
onAutoscroll() {
|
|
140
|
-
this.updateIndex(this.index() === this.items().length - 1 ? 0 : this.index() + 1);
|
|
141
|
-
}
|
|
142
|
-
onShift() {
|
|
143
|
-
this.shift.emit(Math.abs((this.x() % 1) + 0.5) * 2);
|
|
144
|
-
}
|
|
145
|
-
updateIndex(index) {
|
|
146
|
-
this.index.set(tuiClamp(index, 0, this.items().length - 1));
|
|
147
|
-
}
|
|
148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TuiCarouselComponent, isStandalone: true, selector: "tui-carousel", inputs: { draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange", shift: "shift" }, host: { listeners: { "touchstart": "onTransitioned(false)", "touchend": "onTransitioned(true)", "mousedown": "onTransitioned(false)", "document:mouseup.zoneless": "onTransitioned(true)" }, properties: { "class._transitioned": "transitioned()", "class._draggable": "draggable()" } }, providers: [{ provide: TUI_SWIPE_OPTIONS, useValue: { timeout: 200, threshold: 30 } }], queries: [{ propertyName: "items", predicate: TuiItem, read: TemplateRef, isSignal: true }], hostDirectives: [{ directive: TuiCarouselDirective, inputs: ["duration", "duration"] }], ngImport: i0, template: "<div\n class=\"t-scroller\"\n (tuiCarouselScroll)=\"onScroll($event)\"\n>\n <div\n waIntersectionObserver\n waIntersectionThreshold=\"0.5\"\n class=\"t-wrapper\"\n >\n <div\n class=\"t-items\"\n [style.transform]=\"transform()\"\n (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n (tuiPan)=\"onPan($event[0])\"\n (tuiSwipe)=\"onSwipe($event.direction)\"\n >\n @for (item of items(); track $index) {\n <fieldset\n class=\"t-item\"\n [disabled]=\"isDisabled($index)\"\n [style.flex-basis.%]=\"100 / itemsCount()\"\n [style.max-width.%]=\"100 / itemsCount()\"\n [style.min-width.%]=\"100 / itemsCount()\"\n (waIntersectionObservee)=\"$event[0] && onIntersection($event[0].intersectionRatio, $index)\"\n >\n <ng-container [ngTemplateOutlet]=\"item\" />\n </fieldset>\n }\n </div>\n </div>\n</div>\n\n<ng-content />\n", styles: [":host{position:relative;display:block;overflow:hidden}:host._draggable{-webkit-user-select:none;user-select:none}:host._draggable:hover{cursor:grab}:host._draggable:active{cursor:grabbing}.t-items{display:flex}:host._transitioned .t-items{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}::ng-deep [tuiCarouselButtons] [tuiIconButton]{border-radius:100%}.t-item{display:flex;flex-direction:column;justify-content:center;padding:var(--tui-carousel-padding, 0 1.25rem);flex:1;min-inline-size:100%;max-inline-size:100%;box-sizing:border-box;border:none;margin:0}.t-wrapper{position:sticky;left:0;right:0;min-inline-size:100%;overflow:hidden}.t-scroller{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto;overscroll-behavior-x:none;touch-action:pan-y}.t-scroller::-webkit-scrollbar,.t-scroller::-webkit-scrollbar-thumb{display:none}.t-scroller:before,.t-scroller:after{content:\"\";display:block;min-inline-size:1rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TuiCarouselAutoscroll, selector: "[tuiCarouselAutoscroll]", outputs: ["tuiCarouselAutoscroll"] }, { kind: "directive", type: TuiCarouselScroll, selector: "[tuiCarouselScroll]", outputs: ["tuiCarouselScroll"] }, { kind: "directive", type: TuiPan, selector: "[tuiPan]", outputs: ["tuiPan"] }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: i2.WaIntersectionObserverDirective, selector: "[waIntersectionObserver]", inputs: ["waIntersectionRootMargin", "waIntersectionThreshold"], exportAs: ["IntersectionObserver"] }, { kind: "directive", type: i2.WaIntersectionObservee, selector: "[waIntersectionObservee]", outputs: ["waIntersectionObservee"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
150
|
-
}
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselComponent, decorators: [{
|
|
152
|
-
type: Component,
|
|
153
|
-
args: [{ selector: 'tui-carousel', imports: [
|
|
154
|
-
NgTemplateOutlet,
|
|
155
|
-
TuiCarouselAutoscroll,
|
|
156
|
-
TuiCarouselScroll,
|
|
157
|
-
TuiPan,
|
|
158
|
-
TuiSwipe,
|
|
159
|
-
WaIntersectionObserver,
|
|
160
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: TUI_SWIPE_OPTIONS, useValue: { timeout: 200, threshold: 30 } }], hostDirectives: [
|
|
161
|
-
{
|
|
162
|
-
directive: TuiCarouselDirective,
|
|
163
|
-
inputs: ['duration'],
|
|
164
|
-
},
|
|
165
|
-
], host: {
|
|
166
|
-
'[class._transitioned]': 'transitioned()',
|
|
167
|
-
'[class._draggable]': 'draggable()',
|
|
168
|
-
'(touchstart)': 'onTransitioned(false)',
|
|
169
|
-
'(touchend)': 'onTransitioned(true)',
|
|
170
|
-
'(mousedown)': 'onTransitioned(false)',
|
|
171
|
-
'(document:mouseup.zoneless)': 'onTransitioned(true)',
|
|
172
|
-
}, template: "<div\n class=\"t-scroller\"\n (tuiCarouselScroll)=\"onScroll($event)\"\n>\n <div\n waIntersectionObserver\n waIntersectionThreshold=\"0.5\"\n class=\"t-wrapper\"\n >\n <div\n class=\"t-items\"\n [style.transform]=\"transform()\"\n (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n (tuiPan)=\"onPan($event[0])\"\n (tuiSwipe)=\"onSwipe($event.direction)\"\n >\n @for (item of items(); track $index) {\n <fieldset\n class=\"t-item\"\n [disabled]=\"isDisabled($index)\"\n [style.flex-basis.%]=\"100 / itemsCount()\"\n [style.max-width.%]=\"100 / itemsCount()\"\n [style.min-width.%]=\"100 / itemsCount()\"\n (waIntersectionObservee)=\"$event[0] && onIntersection($event[0].intersectionRatio, $index)\"\n >\n <ng-container [ngTemplateOutlet]=\"item\" />\n </fieldset>\n }\n </div>\n </div>\n</div>\n\n<ng-content />\n", styles: [":host{position:relative;display:block;overflow:hidden}:host._draggable{-webkit-user-select:none;user-select:none}:host._draggable:hover{cursor:grab}:host._draggable:active{cursor:grabbing}.t-items{display:flex}:host._transitioned .t-items{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}::ng-deep [tuiCarouselButtons] [tuiIconButton]{border-radius:100%}.t-item{display:flex;flex-direction:column;justify-content:center;padding:var(--tui-carousel-padding, 0 1.25rem);flex:1;min-inline-size:100%;max-inline-size:100%;box-sizing:border-box;border:none;margin:0}.t-wrapper{position:sticky;left:0;right:0;min-inline-size:100%;overflow:hidden}.t-scroller{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto;overscroll-behavior-x:none;touch-action:pan-y}.t-scroller::-webkit-scrollbar,.t-scroller::-webkit-scrollbar-thumb{display:none}.t-scroller:before,.t-scroller:after{content:\"\";display:block;min-inline-size:1rem}\n"] }]
|
|
173
|
-
}] });
|
|
174
|
-
|
|
175
|
-
class TuiCarouselButtons {
|
|
176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselButtons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
177
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiCarouselButtons, isStandalone: true, selector: "[tuiCarouselButtons]", providers: [
|
|
178
|
-
tuiButtonOptionsProvider({
|
|
179
|
-
appearance: 'secondary',
|
|
180
|
-
size: 'm',
|
|
181
|
-
}),
|
|
182
|
-
], ngImport: i0 }); }
|
|
183
|
-
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiCarouselButtons, decorators: [{
|
|
185
|
-
type: Directive,
|
|
186
|
-
args: [{
|
|
187
|
-
selector: '[tuiCarouselButtons]',
|
|
188
|
-
providers: [
|
|
189
|
-
tuiButtonOptionsProvider({
|
|
190
|
-
appearance: 'secondary',
|
|
191
|
-
size: 'm',
|
|
192
|
-
}),
|
|
193
|
-
],
|
|
194
|
-
}]
|
|
195
|
-
}] });
|
|
196
|
-
|
|
197
|
-
const TuiCarousel = [
|
|
198
|
-
TuiItem,
|
|
199
|
-
TuiCarouselComponent,
|
|
200
|
-
TuiCarouselDirective,
|
|
201
|
-
TuiCarouselAutoscroll,
|
|
202
|
-
TuiCarouselButtons,
|
|
203
|
-
TuiCarouselScroll,
|
|
204
|
-
];
|
|
205
|
-
|
|
206
|
-
/**
|
|
207
|
-
* Generated bundle index. Do not edit.
|
|
208
|
-
*/
|
|
209
|
-
|
|
210
|
-
export { TuiCarousel, TuiCarouselAutoscroll, TuiCarouselButtons, TuiCarouselComponent, TuiCarouselDirective, TuiCarouselScroll };
|
|
211
|
-
//# sourceMappingURL=taiga-ui-kit-components-carousel.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-carousel.mjs","sources":["../../../projects/kit/components/carousel/carousel.directive.ts","../../../projects/kit/components/carousel/carousel-autoscroll.directive.ts","../../../projects/kit/components/carousel/carousel-scroll.directive.ts","../../../projects/kit/components/carousel/carousel.component.ts","../../../projects/kit/components/carousel/carousel.template.html","../../../projects/kit/components/carousel/carousel-buttons.directive.ts","../../../projects/kit/components/carousel/carousel.ts","../../../projects/kit/components/carousel/taiga-ui-kit-components-carousel.ts"],"sourcesContent":["import {isPlatformServer} from '@angular/common';\nimport {Directive, inject, input, NgZone, PLATFORM_ID} from '@angular/core';\nimport {WA_PAGE_VISIBILITY} from '@ng-web-apis/common';\nimport {TUI_FALSE_HANDLER, TUI_TRUE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {tuiIfMap, tuiTypedFromEvent, tuiZoneOptimized} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {combineLatest, EMPTY, interval, map, merge, Observable, Subject} from 'rxjs';\n\n@Directive()\nexport class TuiCarouselDirective extends Observable<unknown> {\n private readonly el = tuiInjectElement();\n private readonly platform = inject(PLATFORM_ID);\n private readonly visible$ = inject(WA_PAGE_VISIBILITY);\n private readonly zone = inject(NgZone);\n private readonly trigger$ = new Subject<void>();\n private readonly running$ = merge(\n tuiTypedFromEvent(this.el, 'mouseenter').pipe(map(TUI_FALSE_HANDLER)),\n tuiTypedFromEvent(this.el, 'touchstart').pipe(map(TUI_FALSE_HANDLER)),\n tuiTypedFromEvent(this.el, 'touchend').pipe(map(TUI_TRUE_HANDLER)),\n tuiTypedFromEvent(this.el, 'mouseleave').pipe(map(TUI_TRUE_HANDLER)),\n this.visible$,\n );\n\n public readonly duration = input(0);\n\n protected readonly output$ = isPlatformServer(this.platform)\n ? EMPTY\n : combineLatest([\n this.trigger$.pipe(map(() => this.duration())),\n this.running$,\n ]).pipe(\n tuiIfMap(\n ([duration]) => interval(duration).pipe(tuiZoneOptimized(this.zone)),\n (values) => values.every(Boolean),\n ),\n );\n\n constructor() {\n super((subscriber) => this.output$.subscribe(subscriber));\n }\n\n public restart(): void {\n this.trigger$.next();\n }\n}\n","import {Directive, inject} from '@angular/core';\nimport {outputFromObservable} from '@angular/core/rxjs-interop';\n\nimport {TuiCarouselDirective} from './carousel.directive';\n\n@Directive({selector: '[tuiCarouselAutoscroll]'})\nexport class TuiCarouselAutoscroll {\n public readonly tuiCarouselAutoscroll = outputFromObservable(\n inject(TuiCarouselDirective),\n );\n}\n","import {Directive} from '@angular/core';\nimport {outputFromObservable} from '@angular/core/rxjs-interop';\nimport {tuiTypedFromEvent, tuiZonefreeScheduler} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {filter, map, tap, throttleTime} from 'rxjs';\n\n@Directive({selector: '[tuiCarouselScroll]'})\nexport class TuiCarouselScroll {\n private readonly el = tuiInjectElement();\n\n public readonly tuiCarouselScroll = outputFromObservable(\n tuiTypedFromEvent(this.el, 'wheel').pipe(\n filter(({deltaX}) => Math.abs(deltaX) > 20),\n throttleTime(500, tuiZonefreeScheduler()),\n map(({deltaX}) => Math.sign(deltaX)),\n tap(() => {\n // So we always have space to scroll and overflow-behavior saves us from back nav\n this.el.scrollLeft = 10;\n }),\n ),\n );\n}\n","import {NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n effect,\n inject,\n input,\n model,\n output,\n signal,\n TemplateRef,\n} from '@angular/core';\nimport {WaIntersectionObserver} from '@ng-web-apis/intersection-observer';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiPan} from '@taiga-ui/cdk/directives/pan';\nimport {\n TUI_SWIPE_OPTIONS,\n TuiSwipe,\n type TuiSwipeDirection,\n} from '@taiga-ui/cdk/directives/swipe';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\n\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselAutoscroll} from './carousel-autoscroll.directive';\nimport {TuiCarouselScroll} from './carousel-scroll.directive';\n\n@Component({\n selector: 'tui-carousel',\n imports: [\n NgTemplateOutlet,\n TuiCarouselAutoscroll,\n TuiCarouselScroll,\n TuiPan,\n TuiSwipe,\n WaIntersectionObserver,\n ],\n templateUrl: './carousel.template.html',\n styleUrl: './carousel.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [{provide: TUI_SWIPE_OPTIONS, useValue: {timeout: 200, threshold: 30}}],\n hostDirectives: [\n {\n directive: TuiCarouselDirective,\n inputs: ['duration'],\n },\n ],\n host: {\n '[class._transitioned]': 'transitioned()',\n '[class._draggable]': 'draggable()',\n '(touchstart)': 'onTransitioned(false)',\n '(touchend)': 'onTransitioned(true)',\n '(mousedown)': 'onTransitioned(false)',\n '(document:mouseup.zoneless)': 'onTransitioned(true)',\n },\n})\nexport class TuiCarouselComponent {\n private readonly el = tuiInjectElement();\n private readonly isMobile = inject(WA_IS_MOBILE);\n private readonly directive = inject(TuiCarouselDirective);\n private readonly translate = signal(0);\n\n protected readonly transitioned = signal(true);\n protected readonly transform = computed(() => `translateX(${100 * this.x()}%)`);\n protected readonly items = contentChildren(TuiItem, {read: TemplateRef});\n protected readonly computedDraggable = computed(\n () => this.isMobile || this.draggable(),\n );\n\n protected readonly computedTranslate = computed(\n () => -this.index() / this.itemsCount(),\n );\n\n protected readonly x = computed(() =>\n this.transitioned() ? this.computedTranslate() : this.translate(),\n );\n\n protected readonly resetDuration = effect(() => {\n this.index();\n this.directive.restart();\n });\n\n public readonly draggable = input(false);\n public readonly itemsCount = input(1);\n public readonly index = model(0);\n public readonly shift = output<number>();\n\n public next(): void {\n if (this.index() !== this.items().length - this.itemsCount()) {\n this.updateIndex(this.index() + 1);\n }\n }\n\n public prev(): void {\n this.updateIndex(this.index() - 1);\n }\n\n protected onTransitioned(transitioned: boolean): void {\n this.transitioned.set(transitioned);\n\n if (!transitioned) {\n this.translate.set(this.computedTranslate());\n }\n\n this.onShift();\n }\n\n protected isDisabled(index: number): boolean {\n return index < this.index() || index >= this.index() + this.itemsCount();\n }\n\n protected onIntersection(ratio: number, index: number): void {\n if (ratio && ratio >= 0.5 && !this.transitioned()) {\n this.updateIndex(\n this.index() < index ? index - this.itemsCount() + 1 : index,\n );\n }\n }\n\n protected onScroll(delta: number): void {\n if (!this.isMobile) {\n this.onSwipe(delta > 0 ? 'left' : 'right');\n }\n }\n\n protected onPan(x: number): void {\n if (!this.computedDraggable()) {\n return;\n }\n\n const min = 1 - this.items().length / this.itemsCount();\n\n this.translate.set(tuiClamp(x / this.el.clientWidth + this.translate(), min, 0));\n this.onShift();\n }\n\n protected onSwipe(direction: TuiSwipeDirection): void {\n if (direction === 'left') {\n this.next();\n } else if (direction === 'right') {\n this.prev();\n }\n }\n\n protected onAutoscroll(): void {\n this.updateIndex(this.index() === this.items().length - 1 ? 0 : this.index() + 1);\n }\n\n protected onShift(): void {\n this.shift.emit(Math.abs((this.x() % 1) + 0.5) * 2);\n }\n\n private updateIndex(index: number): void {\n this.index.set(tuiClamp(index, 0, this.items().length - 1));\n }\n}\n","<div\n class=\"t-scroller\"\n (tuiCarouselScroll)=\"onScroll($event)\"\n>\n <div\n waIntersectionObserver\n waIntersectionThreshold=\"0.5\"\n class=\"t-wrapper\"\n >\n <div\n class=\"t-items\"\n [style.transform]=\"transform()\"\n (tuiCarouselAutoscroll)=\"onAutoscroll()\"\n (tuiPan)=\"onPan($event[0])\"\n (tuiSwipe)=\"onSwipe($event.direction)\"\n >\n @for (item of items(); track $index) {\n <fieldset\n class=\"t-item\"\n [disabled]=\"isDisabled($index)\"\n [style.flex-basis.%]=\"100 / itemsCount()\"\n [style.max-width.%]=\"100 / itemsCount()\"\n [style.min-width.%]=\"100 / itemsCount()\"\n (waIntersectionObservee)=\"$event[0] && onIntersection($event[0].intersectionRatio, $index)\"\n >\n <ng-container [ngTemplateOutlet]=\"item\" />\n </fieldset>\n }\n </div>\n </div>\n</div>\n\n<ng-content />\n","import {Directive} from '@angular/core';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\n\n@Directive({\n selector: '[tuiCarouselButtons]',\n providers: [\n tuiButtonOptionsProvider({\n appearance: 'secondary',\n size: 'm',\n }),\n ],\n})\nexport class TuiCarouselButtons {}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\n\nimport {TuiCarouselComponent} from './carousel.component';\nimport {TuiCarouselDirective} from './carousel.directive';\nimport {TuiCarouselAutoscroll} from './carousel-autoscroll.directive';\nimport {TuiCarouselButtons} from './carousel-buttons.directive';\nimport {TuiCarouselScroll} from './carousel-scroll.directive';\n\nexport const TuiCarousel = [\n TuiItem,\n TuiCarouselComponent,\n TuiCarouselDirective,\n TuiCarouselAutoscroll,\n TuiCarouselButtons,\n TuiCarouselScroll,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, signal, computed, untracked, Pipe } from '@angular/core';
|
|
3
|
-
import { TUI_DEFAULT_MATCHER } from '@taiga-ui/cdk/constants';
|
|
4
|
-
import { TuiTextfieldComponent } from '@taiga-ui/core/components/textfield';
|
|
5
|
-
import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
|
|
6
|
-
import { tuiIsFlat } from '@taiga-ui/kit/utils';
|
|
7
|
-
|
|
8
|
-
class TuiFilterByInputPipe {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.textfield = inject(TuiTextfieldComponent);
|
|
11
|
-
this.handlers = inject(TUI_ITEMS_HANDLERS);
|
|
12
|
-
this.multi = this.textfield.el.matches('[multi]');
|
|
13
|
-
this.matcher = signal(TUI_DEFAULT_MATCHER);
|
|
14
|
-
this.items = signal([]);
|
|
15
|
-
this.filtered = computed(() => this.filter(this.items(), this.matcher(), this.handlers.stringify(), this.textfield.value()));
|
|
16
|
-
}
|
|
17
|
-
transform(items, matcher = TUI_DEFAULT_MATCHER) {
|
|
18
|
-
untracked(() => {
|
|
19
|
-
this.items.set(items);
|
|
20
|
-
this.matcher.set(matcher);
|
|
21
|
-
});
|
|
22
|
-
return this.filtered();
|
|
23
|
-
}
|
|
24
|
-
filter(items, matcher, stringify, query) {
|
|
25
|
-
if (!items) {
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
return tuiIsFlat(items)
|
|
29
|
-
? this.filterFlat(items, matcher, stringify, query)
|
|
30
|
-
: this.filter2d(items, matcher, stringify, query);
|
|
31
|
-
}
|
|
32
|
-
filterFlat(items, matcher, stringify, query) {
|
|
33
|
-
return this.getMatch(items, stringify, query.toLocaleLowerCase()) != null
|
|
34
|
-
? items
|
|
35
|
-
: items.filter((item) => matcher(item, query, stringify));
|
|
36
|
-
}
|
|
37
|
-
filter2d(items, matcher, stringify, query) {
|
|
38
|
-
return items.find((item) => this.getMatch(item, stringify, query.toLocaleLowerCase()) != null) != null
|
|
39
|
-
? items
|
|
40
|
-
: items.map((inner) => this.filterFlat(inner, matcher, stringify, query));
|
|
41
|
-
}
|
|
42
|
-
getMatch(items, stringify, query) {
|
|
43
|
-
return this.multi
|
|
44
|
-
? undefined
|
|
45
|
-
: items.find((item) => stringify(item).toLocaleLowerCase() === query);
|
|
46
|
-
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiFilterByInputPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
48
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TuiFilterByInputPipe, isStandalone: true, name: "tuiFilterByInput", pure: false }); }
|
|
49
|
-
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiFilterByInputPipe, decorators: [{
|
|
51
|
-
type: Pipe,
|
|
52
|
-
args: [{ name: 'tuiFilterByInput', pure: false }]
|
|
53
|
-
}] });
|
|
54
|
-
|
|
55
|
-
/**
|
|
56
|
-
* Generated bundle index. Do not edit.
|
|
57
|
-
*/
|
|
58
|
-
|
|
59
|
-
export { TuiFilterByInputPipe };
|
|
60
|
-
//# sourceMappingURL=taiga-ui-kit-pipes-filter-by-input.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-pipes-filter-by-input.mjs","sources":["../../../projects/kit/pipes/filter-by-input/filter-by-input.pipe.ts","../../../projects/kit/pipes/filter-by-input/taiga-ui-kit-pipes-filter-by-input.ts"],"sourcesContent":["import {\n computed,\n inject,\n Pipe,\n type PipeTransform,\n signal,\n untracked,\n} from '@angular/core';\nimport {TUI_DEFAULT_MATCHER} from '@taiga-ui/cdk/constants';\nimport {type TuiStringHandler, type TuiStringMatcher} from '@taiga-ui/cdk/types';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {TUI_ITEMS_HANDLERS} from '@taiga-ui/core/directives/items-handlers';\nimport {tuiIsFlat} from '@taiga-ui/kit/utils';\n\n@Pipe({name: 'tuiFilterByInput', pure: false})\nexport class TuiFilterByInputPipe implements PipeTransform {\n private readonly textfield = inject(TuiTextfieldComponent);\n private readonly handlers = inject(TUI_ITEMS_HANDLERS);\n private readonly multi = this.textfield.el.matches('[multi]');\n private readonly matcher = signal<TuiStringMatcher<any>>(TUI_DEFAULT_MATCHER);\n private readonly items = signal<readonly any[] | null>([]);\n private readonly filtered = computed(() =>\n this.filter(\n this.items(),\n this.matcher(),\n this.handlers.stringify(),\n this.textfield.value(),\n ),\n );\n\n public transform<T>(\n items: ReadonlyArray<readonly T[]>,\n matcher?: TuiStringMatcher<T>,\n ): ReadonlyArray<readonly T[]>;\n public transform<T>(items: readonly T[], matcher?: TuiStringMatcher<T>): readonly T[];\n public transform<T>(\n items: ReadonlyArray<readonly T[]> | null,\n matcher?: TuiStringMatcher<T>,\n ): ReadonlyArray<readonly T[]> | null;\n public transform<T>(\n items: readonly T[] | null,\n matcher?: TuiStringMatcher<T>,\n ): readonly T[] | null;\n public transform<T>(\n items: ReadonlyArray<readonly T[]> | readonly T[] | null,\n matcher: TuiStringMatcher<T> = TUI_DEFAULT_MATCHER,\n ): ReadonlyArray<readonly T[]> | readonly T[] | null {\n untracked(() => {\n this.items.set(items);\n this.matcher.set(matcher);\n });\n\n return this.filtered() as ReadonlyArray<readonly T[]> | readonly T[] | null;\n }\n\n private filter<T>(\n items: ReadonlyArray<readonly T[]> | readonly T[] | null,\n matcher: TuiStringMatcher<T>,\n stringify: TuiStringHandler<T>,\n query: string,\n ): ReadonlyArray<readonly T[]> | readonly T[] | null {\n if (!items) {\n return null;\n }\n\n return tuiIsFlat(items)\n ? this.filterFlat(items, matcher, stringify, query)\n : this.filter2d(items, matcher, stringify, query);\n }\n\n private filterFlat<T>(\n items: readonly T[],\n matcher: TuiStringMatcher<T>,\n stringify: TuiStringHandler<T>,\n query: string,\n ): readonly T[] {\n return this.getMatch(items, stringify, query.toLocaleLowerCase()) != null\n ? items\n : items.filter((item) => matcher(item, query, stringify));\n }\n\n private filter2d<T>(\n items: ReadonlyArray<readonly T[]>,\n matcher: TuiStringMatcher<T>,\n stringify: TuiStringHandler<T>,\n query: string,\n ): ReadonlyArray<readonly T[]> {\n return items.find(\n (item) => this.getMatch(item, stringify, query.toLocaleLowerCase()) != null,\n ) != null\n ? items\n : items.map((inner) => this.filterFlat(inner, matcher, stringify, query));\n }\n\n private getMatch<T>(\n items: readonly T[],\n stringify: TuiStringHandler<T>,\n query: string,\n ): T | undefined {\n return this.multi\n ? undefined\n : items.find((item) => stringify(item).toLocaleLowerCase() === query);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type PipeTransform } from '@angular/core';
|
|
2
|
-
import { type TuiStringMatcher } from '@taiga-ui/cdk/types';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TuiFilterByInputPipe implements PipeTransform {
|
|
5
|
-
private readonly textfield;
|
|
6
|
-
private readonly handlers;
|
|
7
|
-
private readonly multi;
|
|
8
|
-
private readonly matcher;
|
|
9
|
-
private readonly items;
|
|
10
|
-
private readonly filtered;
|
|
11
|
-
transform<T>(items: ReadonlyArray<readonly T[]>, matcher?: TuiStringMatcher<T>): ReadonlyArray<readonly T[]>;
|
|
12
|
-
transform<T>(items: readonly T[], matcher?: TuiStringMatcher<T>): readonly T[];
|
|
13
|
-
transform<T>(items: ReadonlyArray<readonly T[]> | null, matcher?: TuiStringMatcher<T>): ReadonlyArray<readonly T[]> | null;
|
|
14
|
-
transform<T>(items: readonly T[] | null, matcher?: TuiStringMatcher<T>): readonly T[] | null;
|
|
15
|
-
private filter;
|
|
16
|
-
private filterFlat;
|
|
17
|
-
private filter2d;
|
|
18
|
-
private getMatch;
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFilterByInputPipe, never>;
|
|
20
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<TuiFilterByInputPipe, "tuiFilterByInput", true>;
|
|
21
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './filter-by-input.pipe';
|
package/utils/is-flat.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function tuiIsFlat<T>(items: ReadonlyArray<readonly T[]> | readonly T[]): items is readonly T[];
|