npm - @taiga-ui/kit - Versions diffs - 5.0.0-canary.6e82834 → 5.0.0-canary.770d87d - Mend

@taiga-ui/kit 5.0.0-canary.6e82834 → 5.0.0-canary.770d87d

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.

Files changed (151) hide show

package/components/accordion/accordion.component.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { ElementRef } from '@angular/core';
 import { TuiExpand } from '@taiga-ui/core/components/expand';
 import { TuiAccordionDirective } from './accordion.directive';
 import * as i0 from "@angular/core";
@@ -5,9 +6,11 @@ import * as i1 from "@taiga-ui/core/directives/group";
 export declare class TuiAccordionComponent {
     protected readonly expands: import("@angular/core").Signal<readonly TuiExpand[]>;
     protected readonly directives: import("@angular/core").Signal<readonly TuiAccordionDirective[]>;
+    protected readonly elements: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    protected readonly sync: import("@angular/core").EffectRef;
     readonly closeOthers: import("@angular/core").InputSignal<boolean>;
     readonly size: import("@angular/core").InputSignal<"m" | "s" | "l">;
     toggle(directive: TuiAccordionDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionComponent, "tui-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["expands", "directives"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAccordionComponent, "tui-accordion", never, { "closeOthers": { "alias": "closeOthers"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["expands", "directives", "elements"], ["*"], true, [{ directive: typeof i1.TuiGroup; inputs: {}; outputs: {}; }]>;
 }

package/components/accordion/accordion.directive.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ import * as i2 from "@taiga-ui/kit/directives/chevron";
 export declare class TuiAccordionDirective implements OnChanges {
     private readonly accordion;
     readonly open: import("@angular/core").ModelSignal<boolean | "">;
+    readonly id: string;
     readonly size: import("@angular/core").InputSignal<"m" | "s" | "l">;
     readonly chevron: import("@angular/core").ModelSignal<boolean | "">;
     ngOnChanges(): void;

package/components/calendar-month/calendar-month.component.d.ts CHANGED Viewed

@@ -1,29 +1,23 @@
-import { EventEmitter } from '@angular/core';
-import { TuiMonth, TuiMonthRange, TuiYear } from '@taiga-ui/cdk/date-time';
+import { TuiDay, TuiMonth, TuiMonthRange, TuiYear } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler } from '@taiga-ui/cdk/types';
 import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/date-time";
 export declare class TuiCalendarMonth {
+    private hoveredItem;
     protected isYearPickerShown: boolean;
     protected readonly months: import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>;
     protected readonly isRangePicking: import("@angular/core").Signal<boolean>;
     protected readonly handler: import("@angular/core").Signal<TuiBooleanHandler<TuiMonth>>;
     protected readonly activeYear: import("@angular/core").WritableSignal<TuiYear>;
-    readonly year: import("@angular/core").InputSignal<TuiYear | undefined>;
-    readonly yearChange: import("@angular/core").OutputEmitterRef<TuiYear>;
+    readonly value: import("@angular/core").InputSignal<TuiMonth | TuiMonthRange | null>;
     readonly minLength: import("@angular/core").InputSignal<number | null>;
     readonly maxLength: import("@angular/core").InputSignal<number | null>;
     readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiMonth>>;
-    readonly monthClick: EventEmitter<TuiMonth>;
-    readonly hoveredItemChange: EventEmitter<TuiMonth | null>;
-    options: import("./calendar-month.options").TuiCalendarMonthOptions;
-    readonly min: import("@angular/core").WritableSignal<TuiMonth>;
-    readonly max: import("@angular/core").WritableSignal<TuiMonth>;
-    readonly value: import("@angular/core").WritableSignal<TuiMonth | TuiMonthRange | null>;
-    hoveredItem: TuiMonth | null;
-    set minSetter(x: TuiMonth);
-    set maxSetter(x: TuiMonth);
-    set valueSetter(x: TuiMonth | TuiMonthRange | null);
+    readonly min: import("@angular/core").InputSignalWithTransform<TuiDay | TuiMonth, TuiMonth | null>;
+    readonly max: import("@angular/core").InputSignalWithTransform<TuiDay | TuiMonth, TuiMonth | null>;
+    readonly year: import("@angular/core").ModelSignal<TuiYear | undefined>;
+    readonly monthClick: import("@angular/core").OutputEmitterRef<TuiMonth>;
+    readonly hoveredItemChange: import("@angular/core").OutputEmitterRef<TuiMonth | null>;
+    readonly options: import("./calendar-month.options").TuiCalendarMonthOptions;
     onNextYear(): void;
     onPreviousYear(): void;
     getItemRange(item: TuiMonth): 'active' | 'end' | 'middle' | 'start' | null;
@@ -37,7 +31,5 @@ export declare class TuiCalendarMonth {
     private updateHoveredItem;
     private updateActiveYear;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarMonth, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "year": { "alias": "year"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "minSetter": { "alias": "min"; "required": false; }; "maxSetter": { "alias": "max"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; }, { "yearChange": "yearChange"; "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
-    static ngAcceptInputType_minSetter: i1.TuiMonth | null;
-    static ngAcceptInputType_maxSetter: i1.TuiMonth | null;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarMonth, "tui-calendar-month", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "year": { "alias": "year"; "required": false; "isSignal": true; }; }, { "year": "yearChange"; "monthClick": "monthClick"; "hoveredItemChange": "hoveredItemChange"; }, never, never, true, never>;
 }

package/components/calendar-range/calendar-range.component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { EventEmitter, type OnChanges, type OnInit } from '@angular/core';
+import { type OnChanges, type OnInit, type SimpleChanges } from '@angular/core';
 import { TuiDay, type TuiDayLike, TuiDayRange, TuiMonth } from '@taiga-ui/cdk/date-time';
 import { type TuiBooleanHandler, type TuiMapper } from '@taiga-ui/cdk/types';
 import { type TuiMarkerHandler } from '@taiga-ui/core/components/calendar';
@@ -9,29 +9,24 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
      * @deprecated use `item`
      */
     private selectedPeriod;
-    private readonly cdr;
-    protected currentValue: TuiDay | TuiDayRange | null;
     protected previousValue: TuiDay | TuiDayRange | null;
     protected hoveredItem: TuiDay | null;
-    protected month: TuiMonth;
+    protected readonly month: import("@angular/core").WritableSignal<TuiMonth>;
     protected readonly otherDateText: import("@angular/core").Signal<string>;
     protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
     protected readonly capsMapper: TuiMapper<[TuiDay | null, TuiDay | TuiDayRange | null, TuiDayLike | null, boolean], TuiDay>;
     protected readonly mobile: boolean;
-    disabledItemHandler: TuiBooleanHandler<TuiDay>;
-    markerHandler: TuiMarkerHandler | null;
-    items: readonly TuiDayRangePeriod[];
     readonly min: import("@angular/core").InputSignal<TuiDay | null>;
     readonly max: import("@angular/core").InputSignal<TuiDay | null>;
-    minLength: TuiDayLike | null;
-    maxLength: TuiDayLike | null;
-    item: TuiDayRangePeriod | null;
-    readonly valueChange: EventEmitter<TuiDayRange | null>;
-    readonly itemChange: EventEmitter<TuiDayRangePeriod | null>;
-    set valueSetter(value: TuiDayRange | null);
-    set defaultViewedMonth(month: TuiMonth);
-    set value(value: TuiDayRange | null);
-    get defaultViewedMonth(): TuiMonth;
+    readonly minLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly maxLength: import("@angular/core").InputSignal<TuiDayLike | null>;
+    readonly items: import("@angular/core").InputSignal<readonly TuiDayRangePeriod[]>;
+    readonly defaultViewedMonth: import("@angular/core").InputSignal<TuiMonth>;
+    readonly markerHandler: import("@angular/core").InputSignal<TuiMarkerHandler | null>;
+    readonly disabledItemHandler: import("@angular/core").InputSignal<TuiBooleanHandler<TuiDay>>;
+    readonly value: import("@angular/core").ModelSignal<TuiDayRange | null>;
+    readonly item: import("@angular/core").ModelSignal<TuiDayRangePeriod | null>;
+    protected readonly currentValue: import("@angular/core").WritableSignal<TuiDay | TuiDayRange | null>;
     /**
      * @deprecated use `item`
      */
@@ -40,7 +35,7 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
      * @deprecated use `item`
      */
     set selectedActivePeriod(period: TuiDayRangePeriod | null);
-    ngOnChanges(): void;
+    ngOnChanges({ defaultViewedMonth }: SimpleChanges): void;
     ngOnInit(): void;
     protected onEsc(event: KeyboardEvent): void;
     protected readonly monthOffset: TuiMapper<[TuiMonth, number], TuiMonth>;
@@ -54,12 +49,10 @@ export declare class TuiCalendarRange implements OnInit, OnChanges {
     protected readonly disabledMapper: (disabledItemHandler: TuiBooleanHandler<TuiDay>, value: TuiDay | TuiDayRange | null, minLength: TuiDayLike | null) => TuiBooleanHandler<TuiDay>;
     protected isItemActive(item: TuiDayRangePeriod | string): boolean;
     protected onItemSelect(item: TuiDayRangePeriod | string): void;
-    protected onMonthChange(month: TuiMonth): void;
     protected onDayClick(day: TuiDay): void;
-    protected updateValue(value: TuiDayRange | null): void;
     private get activePeriod();
     private initDefaultViewedMonth;
     private findItemByDayRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiCalendarRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarRange, "tui-calendar-range", never, { "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "items": { "alias": "items"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "item": { "alias": "item"; "required": false; }; "valueSetter": { "alias": "value"; "required": false; }; "defaultViewedMonth": { "alias": "defaultViewedMonth"; "required": false; }; }, { "valueChange": "valueChange"; "itemChange": "itemChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiCalendarRange, "tui-calendar-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "defaultViewedMonth": { "alias": "defaultViewedMonth"; "required": false; "isSignal": true; }; "markerHandler": { "alias": "markerHandler"; "required": false; "isSignal": true; }; "disabledItemHandler": { "alias": "disabledItemHandler"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "item": "itemChange"; }, never, never, true, never>;
 }

package/components/index.d.ts CHANGED Viewed

@@ -58,6 +58,7 @@ export * from '@taiga-ui/kit/components/rating';
 export * from '@taiga-ui/kit/components/routable-dialog';
 export * from '@taiga-ui/kit/components/segmented';
 export * from '@taiga-ui/kit/components/select';
+export * from '@taiga-ui/kit/components/shrink-wrap';
 export * from '@taiga-ui/kit/components/status';
 export * from '@taiga-ui/kit/components/stepper';
 export * from '@taiga-ui/kit/components/switch';

package/components/input-date/input-date.directive.d.ts CHANGED Viewed

@@ -36,6 +36,7 @@ export declare abstract class TuiInputDateBase<T extends TuiDay | TuiDayRange |
     protected processCalendar(calendar: TuiCalendar | TuiCalendarRange): void;
     protected onClick(): void;
     protected stringify(value: T | null): string;
+    private toCalendarValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateBase<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TuiInputDateBase<any>, never, never, {}, {}, never, never, true, never>;
 }

package/components/input-date-time/input-date-time.component.d.ts CHANGED Viewed

@@ -6,8 +6,8 @@ export declare class TuiInputDateTimeComponent extends TuiNativeTimePicker {
     protected readonly host: TuiInputDateTimeDirective;
     protected readonly step: import("@angular/core").Signal<number>;
     protected readonly value: import("@angular/core").Signal<string>;
-    protected min: import("@angular/core").Signal<string>;
-    protected max: import("@angular/core").Signal<string>;
+    protected readonly min: import("@angular/core").Signal<string>;
+    protected readonly max: import("@angular/core").Signal<string>;
     protected onInput(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputDateTimeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputDateTimeComponent, "input[tuiInputDateTime][type=\"datetime-local\"]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithNativePicker; inputs: {}; outputs: {}; }]>;

package/components/input-phone/input-phone.directive.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare class TuiInputPhoneDirective extends TuiControl<string | null> {
     protected readonly options: import("./input-phone.options").TuiInputPhoneOptions;
     protected readonly el: HTMLInputElement;
     protected readonly nonRemovablePrefix: import("@angular/core").Signal<string>;
-    protected inputMode: import("@angular/core").Signal<"text" | "numeric">;
+    protected readonly inputMode: import("@angular/core").Signal<"text" | "numeric">;
     protected readonly valueEffect: import("@angular/core").EffectRef;
     protected readonly blurEffect: import("@angular/core").EffectRef;
     protected readonly countryCode: import("@angular/core").Signal<string>;

package/components/input-range/input-range.component.d.ts CHANGED Viewed

@@ -22,7 +22,7 @@ export declare class TuiInputRange extends TuiControl<readonly [number, number]>
     readonly quantum: import("@angular/core").InputSignal<number>;
     readonly prefix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
     readonly postfix: import("@angular/core").InputSignalWithTransform<readonly [string, string], readonly [string, string] | null | undefined>;
-    content: import("@angular/core").InputSignal<readonly [PolymorpheusContent<TuiContext<number>>, PolymorpheusContent<TuiContext<number>>]>;
+    readonly content: import("@angular/core").InputSignal<readonly [PolymorpheusContent<TuiContext<number>>, PolymorpheusContent<TuiContext<number>>]>;
     writeValue(value: [number, number]): void;
     protected get contentStartHidden(): boolean;
     protected get contentEndHidden(): boolean;

package/components/line-clamp/line-clamp.component.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { type DoCheck } from '@angular/core';
+import { type AfterViewChecked } from '@angular/core';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/cdk/directives/transitioned";
-export declare class TuiLineClamp implements DoCheck {
+export declare class TuiLineClamp implements AfterViewChecked {
     private readonly offset;
     private readonly outlet;
     private readonly options;
@@ -15,7 +15,7 @@ export declare class TuiLineClamp implements DoCheck {
     readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;
     readonly overflownChange: import("@angular/core").OutputRef<boolean>;
     protected readonly lineClamp: import("@angular/core").Signal<number>;
-    ngDoCheck(): void;
+    ngAfterViewChecked(): void;
     protected get overflown(): boolean;
     protected get computedContent(): PolymorpheusContent;
     protected update(): void;

package/components/multi-select/multi-select-native/multi-select-native.component.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
+import { tuiIsFlat } from '@taiga-ui/cdk/utils/miscellaneous';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
-import { tuiIsFlat } from '@taiga-ui/kit/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/kit/components/input-chip";
 import * as i2 from "@taiga-ui/core/components/textfield";

package/components/select/native-select/native-select.component.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { TuiControl } from '@taiga-ui/cdk/classes';
+import { tuiIsFlat } from '@taiga-ui/cdk/utils/miscellaneous';
 import { type TuiTextfieldAccessor } from '@taiga-ui/core/components/textfield';
 import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
-import { tuiIsFlat } from '@taiga-ui/kit/utils';
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/components/input";
 export declare class TuiNativeSelect<T> extends TuiControl<T | null> implements TuiTextfieldAccessor<T> {

package/components/shrink-wrap/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export * from './shrink-wrap';
+export * from './shrink-wrap.component';
+export * from './shrink-wrap.directive';

package/components/shrink-wrap/shrink-wrap.component.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TuiShrinkWrapComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiShrinkWrapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiShrinkWrapComponent, "tui-shrink-wrap", never, {}, {}, never, ["*"], true, never>;
+}

package/components/shrink-wrap/shrink-wrap.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { TuiShrinkWrapComponent } from './shrink-wrap.component';
+import { TuiShrinkWrapDirective } from './shrink-wrap.directive';
+export declare const TuiShrinkWrap: readonly [typeof TuiShrinkWrapDirective, typeof TuiShrinkWrapComponent];

package/components/shrink-wrap/shrink-wrap.directive.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TuiShrinkWrapDirective {
+    readonly tuiShrinkWrap: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiShrinkWrapDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiShrinkWrapDirective, "[tuiShrinkWrap]:not([tuiToast])", never, { "tuiShrinkWrap": { "alias": "tuiShrinkWrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/stepper/step.component.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare class TuiStep {
     readonly stepState: import("@angular/core").InputSignal<"error" | "normal" | "pass">;
     readonly icon: import("@angular/core").InputSignal<string>;
     protected readonly isActive: import("@angular/core").Signal<boolean>;
-    protected avatarAppearance: import("@angular/core").Signal<"primary" | "negative" | "secondary">;
+    protected readonly avatarAppearance: import("@angular/core").Signal<"primary" | "negative" | "secondary">;
     protected readonly avatarContent: import("@angular/core").Signal<string>;
     protected readonly avatarIcon: import("@angular/core").Signal<string>;
     protected get index(): number;

package/components/textarea/textarea.directive.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { type DoCheck } from '@angular/core';
 import { type AbstractControl, type ValidationErrors, type Validator } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class TuiTextareaDirective implements Validator, DoCheck {
-    private readonly textfield;
+    private readonly value;
     private readonly ref;
     readonly size: import("@angular/core").Signal<"m" | "l" | "s">;
     readonly limit: import("@angular/core").InputSignal<number>;

package/components/toast/toast.directive.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@taiga-ui/core/directives/icons";
+import * as i2 from "@taiga-ui/kit/components/shrink-wrap";
 export declare class TuiToastDirective {
+    readonly tuiShrinkWrap: import("@angular/core").InputSignal<string>;
     protected readonly nothing: undefined;
+    protected readonly width: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastDirective, "[tuiToast]:not(ng-template)", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastDirective, "[tuiToast]:not(ng-template)", never, { "tuiShrinkWrap": { "alias": "tuiShrinkWrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiShrinkWrapDirective; inputs: {}; outputs: {}; }]>;
 }

package/fesm2022/taiga-ui-kit-components-accordion.mjs CHANGED Viewed

@@ -1,8 +1,9 @@
 import { TuiItem } from '@taiga-ui/cdk/directives/item';
 import { TuiExpand } from '@taiga-ui/core/components/expand';
 import * as i0 from '@angular/core';
-import { inject, model, Directive, contentChildren, input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { tuiSetSignal } from '@taiga-ui/cdk/utils/miscellaneous';
+import { inject, model, Directive, contentChildren, ElementRef, effect, input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { TUI_VERSION } from '@taiga-ui/cdk/constants';
+import { tuiGenerateId, tuiSetSignal } from '@taiga-ui/cdk/utils/miscellaneous';
 import * as i1$1 from '@taiga-ui/core/directives/group';
 import { tuiGroupOptionsProvider, TuiGroup } from '@taiga-ui/core/directives/group';
 import { tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
@@ -16,6 +17,7 @@ class TuiAccordionDirective {
     constructor() {
         this.accordion = inject(TuiAccordionComponent);
         this.open = model(false, { alias: 'tuiAccordion' });
+        this.id = tuiGenerateId();
         this.size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);
         this.chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);
     }
@@ -27,7 +29,7 @@ class TuiAccordionDirective {
         this.accordion.toggle(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiAccordionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiAccordionDirective, isStandalone: true, selector: "button[tuiAccordion]", inputs: { open: { classPropertyName: "open", publicName: "tuiAccordion", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "tuiAccordionChange" }, host: { attributes: { "tuiButton": "", "tuiAccordion": "", "type": "button" }, listeners: { "click": "toggle()" }, properties: { "class._open": "open()" } }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiAccordionDirective, isStandalone: true, selector: "button[tuiAccordion]", inputs: { open: { classPropertyName: "open", publicName: "tuiAccordion", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "tuiAccordionChange" }, host: { attributes: { "tuiButton": "", "tuiAccordion": "", "type": "button" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-expanded": "open() || \"false\"", "attr.aria-controls": "id" } }, providers: [
             tuiAvatarOptionsProvider({ size: 's' }),
             tuiButtonOptionsProvider({ appearance: 'outline-grayscale' }),
         ], usesOnChanges: true, hostDirectives: [{ directive: i1.TuiButton }, { directive: i2.TuiChevron }], ngImport: i0 }); }
@@ -45,7 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                         tuiButton: '',
                         tuiAccordion: '',
                         type: 'button',
-                        '[class._open]': 'open()',
+                        '[attr.aria-expanded]': 'open() || "false"',
+                        '[attr.aria-controls]': 'id',
                         '(click)': 'toggle()',
                     },
                 }]
@@ -55,6 +58,10 @@ class TuiAccordionComponent {
     constructor() {
         this.expands = contentChildren(TuiExpand);
         this.directives = contentChildren(TuiAccordionDirective);
+        this.elements = contentChildren(TuiExpand, { read: ElementRef });
+        this.sync = effect(() => this.elements().forEach(({ nativeElement }, index) => {
+            nativeElement.id = this.directives()[index]?.id;
+        }));
         this.closeOthers = input(true);
         this.size = input('l');
     }
@@ -73,11 +80,14 @@ class TuiAccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.19", type: TuiAccordionComponent, isStandalone: true, selector: "tui-accordion", inputs: { closeOthers: { classPropertyName: "closeOthers", publicName: "closeOthers", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-tui-version": "5.0.0-canary.770d87d" }, properties: { "attr.data-size": "size()" } }, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], queries: [{ propertyName: "expands", predicate: TuiExpand, isSignal: true }, { propertyName: "directives", predicate: TuiAccordionDirective, isSignal: true }, { propertyName: "elements", predicate: TuiExpand, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiGroup }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=s]>tui-expand{padding:.625rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: { '[attr.data-size]': 'size()' }, styles: ["tui-accordion{inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion>[tuiAccordion]:last-of-type:not(._open){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion>[tuiAccordion]:first-child:last-of-type:not(._open){mask:none}tui-accordion>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion>[tuiAccordion]._open+tui-expand{visibility:visible}tui-accordion>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion[data-size=m]>tui-expand{padding:1rem}tui-accordion[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion[data-size=s]>tui-expand{padding:.625rem}\n"] }]
+            args: [{ selector: 'tui-accordion', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [tuiGroupOptionsProvider({ orientation: 'vertical', collapsed: true })], hostDirectives: [TuiGroup], host: {
+                        'data-tui-version': TUI_VERSION,
+                        '[attr.data-size]': 'size()',
+                    }, styles: ["tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"]){inline-size:100%;border-radius:var(--t-group-radius);font:var(--tui-typography-body-m);overflow:hidden}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]{text-align:start;justify-content:flex-start}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:last-of-type:not([aria-expanded=true]){-webkit-mask-image:var(--t-group-mask-end);mask-image:var(--t-group-mask-end);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:first-child{border-top-left-radius:inherit!important;border-top-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:first-child:last-of-type:not([aria-expanded=true]){mask:none}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]:after{margin-inline-start:auto!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion]>[tuiAvatar]{margin:0}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>tui-expand{visibility:hidden;min-block-size:1px!important;padding:1.25rem;transition-property:grid-template-rows,padding,visibility!important;box-shadow:inset 0 0 0 1px var(--tui-border-normal)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>tui-expand:last-child{border-bottom-left-radius:inherit!important;border-bottom-right-radius:inherit!important}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])>[tuiAccordion][data-appearance=\"\"]+tui-expand{box-shadow:none}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=m]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=m]>tui-expand{padding:1rem}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=s]{font:var(--tui-typography-body-s)}tui-accordion:where(*[data-tui-version=\"5.0.0-canary.770d87d\"])[data-size=s]>tui-expand{padding:.625rem}\n"] }]
         }] });
 const TuiAccordion = [

package/fesm2022/taiga-ui-kit-components-accordion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[~~class~~.~~_open~~]': 'open()',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean \| ''>(false, {alias: 'tuiAccordion'});\n\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n selector: 'tui-accordion',\n template: '<ng-content />',\n ~~styleUrl~~: './accordion.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL \| TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] as const;\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;MAuBa~~,qBAAqB,CAAA;~~AAflC~~,IAAA,WAAA,GAAA;~~AAgBqB~~,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC;QAE1C,IAAA,CAAA,IAAI,GAAG,KAAK,CAAe,KAAK,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC,CAAC;~~AAE1D~~,QAAA,IAAA,CAAA,IAAI,GAAG,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAClE,IAAA,CAAA,OAAO,GAAG,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;AAUlF,IAAA;IARU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B;IAEO,MAAM,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B;+GAfS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,~~aAAA~~,EAAA,~~QAAA~~,EAAA,EAAA,EAAA,SAAA,~~EAbnB~~;AACP,YAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,YAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,SAAA,EAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;~~4FAUQ~~,qBAAqB,EAAA,UAAA,EAAA,CAAA;~~kBAfjC~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE;AACP,wBAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,wBAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;AACvC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,YAAY,EAAE,EAAE;AAChB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,~~eAAe~~,EAAE,~~QAAQ~~;~~AACzB~~,wBAAA,SAAS,EAAE,UAAU;AACxB,qBAAA;AACJ,iBAAA;;;~~MCEY~~,qBAAqB,CAAA;~~AAVlC~~,IAAA,WAAA,GAAA;~~AAWuB~~,QAAA,IAAA,CAAA,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC;AACpC,QAAA,IAAA,CAAA,UAAU,GAAG,eAAe,CAAC,qBAAqB,CAAC;~~AAEtD~~,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,GAAG,CAAC;AAkBzD,IAAA;AAhBU,IAAA,MAAM,CAAC,SAAgC,EAAA;QAC1C,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,EAAE;YACxC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACxE,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9B,gBAAA,IAAI,GAAG,KAAK,SAAS,EAAE;AACnB,oBAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;gBACvB;AACJ,YAAA,CAAC,CAAC;QACN;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEnE,IAAI,MAAM,EAAE;AACR,YAAA,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACrD;IACJ;+~~GAtBS~~,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,~~EAJnB~~,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,~~EAKnC~~,SAAS,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EACN,qBAAqB,~~6FAV3D~~,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~04CAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;~~4FAQjB~~,qBAAqB,EAAA,UAAA,EAAA,CAAA;~~kBAVjC~~,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf,gBAAgB,EAAA,aAAA,~~EAEX~~,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,cAAA,EAChE,CAAC,QAAQ,CAAC,EAAA,IAAA,EACpB,~~EAAC~~,kBAAkB,EAAE,QAAQ,~~EAAC~~,EAAA,MAAA,EAAA,CAAA,~~04CAAA~~,CAAA,EAAA;;;~~AChBjC~~,MAAM,YAAY,GAAG;IACxB,qBAAqB;IACrB,qBAAqB;IACrB,SAAS;IACT,OAAO;;;ACVX;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-accordion.mjs","sources":["../../../projects/kit/components/accordion/accordion.directive.ts","../../../projects/kit/components/accordion/accordion.component.ts","../../../projects/kit/components/accordion/accordion.ts","../../../projects/kit/components/accordion/taiga-ui-kit-components-accordion.ts"],"sourcesContent":["import {Directive, inject, model, type OnChanges} from '@angular/core';\nimport {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/di';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {TuiChevron} from '@taiga-ui/kit/directives/chevron';\n\nimport {TuiAccordionComponent} from './accordion.component';\n\n@Directive({\n selector: 'button[tuiAccordion]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({appearance: 'outline-grayscale'}),\n ],\n hostDirectives: [TuiButton, TuiChevron],\n host: {\n tuiButton: '',\n tuiAccordion: '',\n type: 'button',\n '[attr.aria-expanded]': 'open() \|\| \"false\"',\n '[attr.aria-controls]': 'id',\n '(click)': 'toggle()',\n },\n})\nexport class TuiAccordionDirective implements OnChanges {\n private readonly accordion = inject(TuiAccordionComponent);\n\n public readonly open = model<boolean \| ''>(false, {alias: 'tuiAccordion'});\n public readonly id = tuiGenerateId();\n public readonly size = tuiDirectiveBinding(TuiButton, 'size', this.accordion.size);\n public readonly chevron = tuiDirectiveBinding(TuiChevron, 'rotated', this.open);\n\n public ngOnChanges(): void {\n this.accordion.toggle(this);\n }\n\n public toggle(): void {\n this.open.set(!this.open());\n this.accordion.toggle(this);\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n effect,\n ElementRef,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiSetSignal} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {TuiGroup, tuiGroupOptionsProvider} from '@taiga-ui/core/directives/group';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TuiAccordionDirective} from './accordion.directive';\n\n@Component({\n selector: 'tui-accordion',\n template: '<ng-content />',\n styles: `\n [data-tui-version='${TUI_VERSION}'] {\n @import './accordion.style.less';\n }\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [tuiGroupOptionsProvider({orientation: 'vertical', collapsed: true})],\n hostDirectives: [TuiGroup],\n host: {\n 'data-tui-version': TUI_VERSION,\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiAccordionComponent {\n protected readonly expands = contentChildren(TuiExpand);\n protected readonly directives = contentChildren(TuiAccordionDirective);\n protected readonly elements = contentChildren(TuiExpand, {read: ElementRef});\n protected readonly sync = effect(() =>\n this.elements().forEach(({nativeElement}, index) => {\n nativeElement.id = this.directives()[index]?.id;\n }),\n );\n\n public readonly closeOthers = input(true);\n public readonly size = input<TuiSizeL \| TuiSizeS>('l');\n\n public toggle(directive: TuiAccordionDirective): void {\n if (this.closeOthers() && directive.open()) {\n this.expands().forEach((expand) => tuiSetSignal(expand.expanded, false));\n this.directives().forEach((dir) => {\n if (dir !== directive) {\n dir.open.set(false);\n }\n });\n }\n\n const expand = this.expands()[this.directives().indexOf(directive)];\n\n if (expand) {\n tuiSetSignal(expand.expanded, !!directive.open());\n }\n }\n}\n","import {TuiItem} from '@taiga-ui/cdk/directives/item';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\n\nimport {TuiAccordionComponent} from './accordion.component';\nimport {TuiAccordionDirective} from './accordion.directive';\n\nexport const TuiAccordion = [\n TuiAccordionComponent,\n TuiAccordionDirective,\n TuiExpand,\n TuiItem,\n] as const;\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;;;;;;;MAyBa,qBAAqB,CAAA;AAhBlC,IAAA,WAAA,GAAA;AAiBqB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC;QAE1C,IAAA,CAAA,IAAI,GAAG,KAAK,CAAe,KAAK,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC,CAAC;QAC1D,IAAA,CAAA,EAAE,GAAG,aAAa,EAAE;AACpB,QAAA,IAAA,CAAA,IAAI,GAAG,mBAAmB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAClE,IAAA,CAAA,OAAO,GAAG,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;AAUlF,IAAA;IARU,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B;IAEO,MAAM,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B;+GAfS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAdnB;AACP,YAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,YAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,SAAA,EAAA,aAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAWQ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAhBjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE;AACP,wBAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,wBAAA,wBAAwB,CAAC,EAAC,UAAU,EAAE,mBAAmB,EAAC,CAAC;AAC9D,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;AACvC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,YAAY,EAAE,EAAE;AAChB,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,sBAAsB,EAAE,mBAAmB;AAC3C,wBAAA,sBAAsB,EAAE,IAAI;AAC5B,wBAAA,SAAS,EAAE,UAAU;AACxB,qBAAA;AACJ,iBAAA;;;MCUY,qBAAqB,CAAA;AAjBlC,IAAA,WAAA,GAAA;AAkBuB,QAAA,IAAA,CAAA,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC;AACpC,QAAA,IAAA,CAAA,UAAU,GAAG,eAAe,CAAC,qBAAqB,CAAC;QACnD,IAAA,CAAA,QAAQ,GAAG,eAAe,CAAC,SAAS,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC;QACzD,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAC7B,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,EAAC,aAAa,EAAC,EAAE,KAAK,KAAI;AAC/C,YAAA,aAAa,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE;QACnD,CAAC,CAAC,CACL;AAEe,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AACzB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,GAAG,CAAC;AAkBzD,IAAA;AAhBU,IAAA,MAAM,CAAC,SAAgC,EAAA;QAC1C,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,EAAE;YACxC,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACxE,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9B,gBAAA,IAAI,GAAG,KAAK,SAAS,EAAE;AACnB,oBAAA,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;gBACvB;AACJ,YAAA,CAAC,CAAC;QACN;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEnE,IAAI,MAAM,EAAE;AACR,YAAA,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACrD;IACJ;+GA5BS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAPnB,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAQnC,SAAS,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EACN,qBAAqB,2DACvB,SAAS,EAAA,IAAA,EAAS,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,IAAA,CAAA,QAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBhE,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6jEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAejB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAjBjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,QAAA,EACf,gBAAgB,EAAA,aAAA,EAMX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,uBAAuB,CAAC,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC,EAAA,cAAA,EAChE,CAAC,QAAQ,CAAC,EAAA,IAAA,EACpB;AACF,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,MAAA,EAAA,CAAA,6jEAAA,CAAA,EAAA;;;AC1BE,MAAM,YAAY,GAAG;IACxB,qBAAqB;IACrB,qBAAqB;IACrB,SAAS;IACT,OAAO;;;ACVX;;AAEG;;;;"}

package/fesm2022/taiga-ui-kit-components-action-bar.mjs CHANGED Viewed

@@ -18,7 +18,7 @@ class TuiActionBar {
                 appearance: 'secondary-grayscale',
                 size: inject(TuiActionBar).size(),
             })),
-        ], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<tui-expand [expanded]=\"expanded()\">\n    <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n    <ng-content />\n\n    <div class=\"t-actions\">\n        <ng-content select=\"a,button,[tuiAction]\" />\n    </div>\n</div>\n", styles: [":host{position:fixed;left:max(calc(50% - 37rem),1.5rem);bottom:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-typography-body-m);white-space:nowrap}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-typography-body-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"], dependencies: [{ kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<tui-expand [expanded]=\"expanded()\">\n    <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n    <ng-content />\n\n    <div class=\"t-actions\">\n        <ng-content select=\"a,button,[tuiAction]\" />\n    </div>\n</div>\n", styles: [":host{position:fixed;display:flex;inset-inline-start:max(calc(50% - 37rem),1.5rem);inset-block-end:max(1rem,env(safe-area-inset-bottom));inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-typography-body-m);white-space:nowrap}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-typography-body-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"], dependencies: [{ kind: "component", type: TuiExpand, selector: "tui-expand", inputs: ["expanded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiActionBar, decorators: [{
             type: Component,
@@ -31,7 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                     ], hostDirectives: [TuiAnimated], host: {
                         tuiTheme: 'dark',
                         '[attr.data-size]': 'size()',
-                    }, template: "<tui-expand [expanded]=\"expanded()\">\n    <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n    <ng-content />\n\n    <div class=\"t-actions\">\n        <ng-content select=\"a,button,[tuiAction]\" />\n    </div>\n</div>\n", styles: [":host{position:fixed;left:max(calc(50% - 37rem),1.5rem);bottom:max(1rem,env(safe-area-inset-bottom));display:flex;inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-typography-body-m);white-space:nowrap}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-typography-body-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"] }]
+                    }, template: "<tui-expand [expanded]=\"expanded()\">\n    <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n    <ng-content />\n\n    <div class=\"t-actions\">\n        <ng-content select=\"a,button,[tuiAction]\" />\n    </div>\n</div>\n", styles: [":host{position:fixed;display:flex;inset-inline-start:max(calc(50% - 37rem),1.5rem);inset-block-end:max(1rem,env(safe-area-inset-bottom));inline-size:100%;max-inline-size:min(calc(100vw - 3rem),74rem);box-sizing:border-box;border-radius:1rem;background:var(--tui-background-elevation-2);background:color-mix(in hsl,var(--tui-background-elevation-2) 75%,transparent);color:var(--tui-text-primary);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;justify-content:center;padding:.75rem;text-indent:.75rem;font:var(--tui-typography-body-m);white-space:nowrap}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host[data-size=s]{border-radius:var(--tui-radius-l);font:var(--tui-typography-body-s);padding:.5rem}:host-context(tui-root._mobile) :host{padding:1rem;border-radius:1.25rem;text-indent:0}:host ::ng-deep tui-data-list[data-size]{padding:0;margin:-.625rem -.625rem 1rem}:host ::ng-deep tui-items-with-more{text-indent:.5rem}:host-context(tui-root._mobile) :host ::ng-deep tui-items-with-more{display:none}.t-content{display:flex;align-items:center;gap:.7rem 2.5rem}:host-context(tui-root._mobile) .t-content{flex-wrap:wrap}.t-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-inline-start:auto;text-indent:0}:host-context(tui-root._mobile) .t-actions{flex:1}:host-context(tui-root._mobile) .t-actions ::ng-deep [tuiButton]{flex:1}\n"] }]
         }] });
 /**

package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-kit-components-action-bar.mjs","sources":["../../../projects/kit/components/action-bar/action-bar.component.ts","../../../projects/kit/components/action-bar/action-bar.template.html","../../../projects/kit/components/action-bar/taiga-ui-kit-components-action-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {tuiLinkOptionsProvider} from '@taiga-ui/core/components/link';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n selector: 'tui-action-bar',\n imports: [TuiExpand],\n templateUrl: './action-bar.template.html',\n styleUrl: './action-bar.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiLinkOptionsProvider({appearance: 'action-grayscale'}),\n tuiButtonOptionsProvider(() => ({\n appearance: 'secondary-grayscale',\n size: inject(TuiActionBar).size(),\n })),\n ],\n hostDirectives: [TuiAnimated],\n host: {\n tuiTheme: 'dark',\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiActionBar {\n public readonly expanded = input(false);\n public readonly size = input<TuiSizeS>('m');\n}\n","<tui-expand [expanded]=\"expanded()\">\n <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n <ng-content />\n\n <div class=\"t-actions\">\n <ng-content select=\"a,button,[tuiAction]\" />\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MA0Ba,YAAY,CAAA;AAnBzB,IAAA,WAAA,GAAA;AAoBoB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,GAAG,CAAC;AAC9C,IAAA;+GAHY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAbV;AACP,YAAA,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC;AACxD,YAAA,wBAAwB,CAAC,OAAO;AAC5B,gBAAA,UAAU,EAAE,qBAAqB;AACjC,gBAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;AACpC,aAAA,CAAC,CAAC;SACN,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,8QAWA,~~w5CDFc,~~SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAiBV,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACI,gBAAgB,EAAA,OAAA,EACjB,CAAC,SAAS,CAAC,mBAGH,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC;AACxD,wBAAA,wBAAwB,CAAC,OAAO;AAC5B,4BAAA,UAAU,EAAE,qBAAqB;AACjC,4BAAA,IAAI,EAAE,MAAM,CAAA,YAAA,CAAc,CAAC,IAAI,EAAE;AACpC,yBAAA,CAAC,CAAC;qBACN,EAAA,cAAA,EACe,CAAC,WAAW,CAAC,EAAA,IAAA,EACvB;AACF,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA,MAAA,EAAA,CAAA,~~g2CAAA~~,CAAA,EAAA;;;AExBL;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-kit-components-action-bar.mjs","sources":["../../../projects/kit/components/action-bar/action-bar.component.ts","../../../projects/kit/components/action-bar/action-bar.template.html","../../../projects/kit/components/action-bar/taiga-ui-kit-components-action-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, inject, input} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {TuiExpand} from '@taiga-ui/core/components/expand';\nimport {tuiLinkOptionsProvider} from '@taiga-ui/core/components/link';\nimport {type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n selector: 'tui-action-bar',\n imports: [TuiExpand],\n templateUrl: './action-bar.template.html',\n styleUrl: './action-bar.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiLinkOptionsProvider({appearance: 'action-grayscale'}),\n tuiButtonOptionsProvider(() => ({\n appearance: 'secondary-grayscale',\n size: inject(TuiActionBar).size(),\n })),\n ],\n hostDirectives: [TuiAnimated],\n host: {\n tuiTheme: 'dark',\n '[attr.data-size]': 'size()',\n },\n})\nexport class TuiActionBar {\n public readonly expanded = input(false);\n public readonly size = input<TuiSizeS>('m');\n}\n","<tui-expand [expanded]=\"expanded()\">\n <ng-content select=\"tui-data-list,[tuiMenu]\" />\n</tui-expand>\n\n<div class=\"t-content\">\n <ng-content />\n\n <div class=\"t-actions\">\n <ng-content select=\"a,button,[tuiAction]\" />\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MA0Ba,YAAY,CAAA;AAnBzB,IAAA,WAAA,GAAA;AAoBoB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAW,GAAG,CAAC;AAC9C,IAAA;+GAHY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,SAAA,EAbV;AACP,YAAA,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC;AACxD,YAAA,wBAAwB,CAAC,OAAO;AAC5B,gBAAA,UAAU,EAAE,qBAAqB;AACjC,gBAAA,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;AACpC,aAAA,CAAC,CAAC;SACN,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,8QAWA,+6CDFc,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAiBV,YAAY,EAAA,UAAA,EAAA,CAAA;kBAnBxB,SAAS;+BACI,gBAAgB,EAAA,OAAA,EACjB,CAAC,SAAS,CAAC,mBAGH,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACP,wBAAA,sBAAsB,CAAC,EAAC,UAAU,EAAE,kBAAkB,EAAC,CAAC;AACxD,wBAAA,wBAAwB,CAAC,OAAO;AAC5B,4BAAA,UAAU,EAAE,qBAAqB;AACjC,4BAAA,IAAI,EAAE,MAAM,CAAA,YAAA,CAAc,CAAC,IAAI,EAAE;AACpC,yBAAA,CAAC,CAAC;qBACN,EAAA,cAAA,EACe,CAAC,WAAW,CAAC,EAAA,IAAA,EACvB;AACF,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,kBAAkB,EAAE,QAAQ;AAC/B,qBAAA,EAAA,QAAA,EAAA,8QAAA,EAAA,MAAA,EAAA,CAAA,u3CAAA,CAAA,EAAA;;;AExBL;;AAEG;;;;"}