@taiga-ui/core 3.58.0 → 3.59.0-canary.10da730

package/fesm2020/taiga-ui-core-components-primitive-calendar.mjs

@@ -0,0 +1,201 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Inject, Input, Output, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@taiga-ui/cdk';
+import { TuiDay, TuiMonth, ALWAYS_FALSE_HANDLER, TuiDayRange, tuiNullableSame, TuiLetModule, TuiMapperPipeModule, TuiRepeatTimesModule, TuiHoveredModule, TuiPressedModule } from '@taiga-ui/cdk';
+import { TUI_DEFAULT_MARKER_HANDLER } from '@taiga-ui/core/constants';
+import { TuiInteractiveState, TuiRangeState } from '@taiga-ui/core/enums';
+import { TUI_SHORT_WEEK_DAYS, TUI_DAY_TYPE_HANDLER } from '@taiga-ui/core/tokens';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@taiga-ui/core/pipes';
+import { TuiCalendarSheetPipeModule, TuiOrderWeekDaysPipeModule } from '@taiga-ui/core/pipes';
+
+class TuiPrimitiveCalendarComponent {
+    constructor(unorderedWeekDays$, dayTypeHandler) {
+        this.unorderedWeekDays$ = unorderedWeekDays$;
+        this.dayTypeHandler = dayTypeHandler;
+        this.pressedItem = null;
+        this.today = TuiDay.currentLocal();
+        this.month = TuiMonth.currentLocal();
+        this.disabledItemHandler = ALWAYS_FALSE_HANDLER;
+        this.markerHandler = TUI_DEFAULT_MARKER_HANDLER;
+        this.value = null;
+        this.hoveredItem = null;
+        this.showAdjacent = true;
+        this.hoveredItemChange = new EventEmitter();
+        this.dayClick = new EventEmitter();
+        this.toMarkers = (day, today, inRange) => {
+            if (today || inRange) {
+                return null;
+            }
+            const markers = this.markerHandler(day);
+            return markers.length === 0 ? null : markers;
+        };
+    }
+    get isSingleDayRange() {
+        return this.value instanceof TuiDayRange && this.value.isSingleDay;
+    }
+    /**
+     * @deprecated: use {@link this.isSingleDayRange}
+     */
+    get isSingle() {
+        return this.isSingleDayRange;
+    }
+    getItemState(item) {
+        const { disabledItemHandler, pressedItem, hoveredItem } = this;
+        if (disabledItemHandler(item)) {
+            return TuiInteractiveState.Disabled;
+        }
+        if (pressedItem?.daySame(item)) {
+            return TuiInteractiveState.Active;
+        }
+        if (hoveredItem?.daySame(item)) {
+            return TuiInteractiveState.Hover;
+        }
+        return null;
+    }
+    getItemRange(item) {
+        const { value, hoveredItem } = this;
+        if (!value) {
+            return null;
+        }
+        if (value instanceof TuiDay) {
+            return value.daySame(item) ? TuiRangeState.Single : null;
+        }
+        if (!(value instanceof TuiDayRange)) {
+            return value.find(day => day.daySame(item)) ? TuiRangeState.Single : null;
+        }
+        if ((value.from.daySame(item) && !value.isSingleDay) ||
+            (hoveredItem?.dayAfter(value.from) &&
+                value.from.daySame(item) &&
+                value.isSingleDay) ||
+            (hoveredItem?.daySame(item) &&
+                hoveredItem.dayBefore(value.from) &&
+                value.isSingleDay)) {
+            return TuiRangeState.Start;
+        }
+        if ((value.to.daySame(item) && !value.isSingleDay) ||
+            (hoveredItem?.dayBefore(value.from) &&
+                value.from.daySame(item) &&
+                value.isSingleDay) ||
+            (hoveredItem?.daySame(item) &&
+                hoveredItem.dayAfter(value.from) &&
+                value.isSingleDay)) {
+            return TuiRangeState.End;
+        }
+        return value.isSingleDay && value.from.daySame(item)
+            ? TuiRangeState.Single
+            : null;
+    }
+    itemIsToday(item) {
+        return this.today.daySame(item);
+    }
+    itemIsUnavailable(item) {
+        return !this.month.monthSame(item);
+    }
+    itemIsInterval(day) {
+        const { value, hoveredItem } = this;
+        if (!(value instanceof TuiDayRange)) {
+            return false;
+        }
+        if (!value.isSingleDay) {
+            return value.from.daySameOrBefore(day) && value.to.dayAfter(day);
+        }
+        if (hoveredItem === null) {
+            return false;
+        }
+        const range = TuiDayRange.sort(value.from, hoveredItem);
+        return range.from.daySameOrBefore(day) && range.to.dayAfter(day);
+    }
+    onItemHovered(item) {
+        this.updateHoveredItem(item || null);
+    }
+    onItemPressed(item) {
+        this.pressedItem = item || null;
+    }
+    onItemClick(item) {
+        this.dayClick.emit(item);
+    }
+    updateHoveredItem(day) {
+        if (tuiNullableSame(this.hoveredItem, day, (a, b) => a.daySame(b))) {
+            return;
+        }
+        this.hoveredItem = day;
+        this.hoveredItemChange.emit(day);
+    }
+}
+TuiPrimitiveCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarComponent, deps: [{ token: TUI_SHORT_WEEK_DAYS }, { token: TUI_DAY_TYPE_HANDLER }], target: i0.ɵɵFactoryTarget.Component });
+TuiPrimitiveCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiPrimitiveCalendarComponent, selector: "tui-primitive-calendar", inputs: { month: "month", disabledItemHandler: "disabledItemHandler", markerHandler: "markerHandler", value: "value", hoveredItem: "hoveredItem", showAdjacent: "showAdjacent" }, outputs: { hoveredItemChange: "hoveredItemChange", dayClick: "dayClick" }, host: { properties: { "class._single": "this.isSingleDayRange" } }, ngImport: i0, template: "<div class=\"t-row t-row_weekday\">\n    <div\n        *ngFor=\"let day of unorderedWeekDays$ | tuiOrderWeekDays | async\"\n        class=\"t-cell\"\n        [textContent]=\"day\"\n    ></div>\n</div>\n<div\n    *tuiLet=\"month | tuiCalendarSheet: true as sheet\"\n    id=\"date-rows\"\n>\n    <div\n        *tuiRepeatTimes=\"let rowIndex of sheet.length\"\n        automation-id=\"tui-primitive-calendar__row\"\n        class=\"t-row\"\n    >\n        <ng-container *tuiRepeatTimes=\"let colIndex of sheet[rowIndex].length\">\n            <ng-container *tuiLet=\"sheet[rowIndex][colIndex] as item\">\n                <div\n                    *ngIf=\"!itemIsUnavailable(item) || showAdjacent\"\n                    automation-id=\"tui-primitive-calendar__cell\"\n                    class=\"t-cell\"\n                    [attr.data-range]=\"getItemRange(item)\"\n                    [attr.data-state]=\"getItemState(item)\"\n                    [class.t-cell_interval]=\"itemIsInterval(item)\"\n                    [class.t-cell_today]=\"itemIsToday(item)\"\n                    [class.t-cell_unavailable]=\"itemIsUnavailable(item)\"\n                    (click)=\"onItemClick(item)\"\n                    (tuiHoveredChange)=\"onItemHovered($event && item)\"\n                    (tuiPressedChange)=\"onItemPressed($event && item)\"\n                >\n                    <div\n                        automation-id=\"tui-primitive-calendar__item\"\n                        class=\"t-item\"\n                        [attr.data-type]=\"item | tuiMapper: dayTypeHandler\"\n                        [class.t-item_unavailable]=\"itemIsUnavailable(item)\"\n                    >\n                        {{ item.day }}\n                        <div\n                            *ngIf=\"item | tuiMapper: toMarkers : itemIsToday(item) : !!getItemRange(item) as markers\"\n                            class=\"t-dots\"\n                        >\n                            <div\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[0]\"\n                            ></div>\n                            <div\n                                *ngIf=\"markers.length > 1\"\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[1] || ''\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n", styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;display:flex;justify-content:space-between;height:2.25rem;isolation:isolate}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:before,.t-item:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-item:after{border-radius:.5rem}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;text-align:center;outline:none;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:.125rem solid transparent}.t-cell:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%);content:\"\";bottom:.3125rem;height:.125rem;width:.75rem;border-radius:.375rem;background-color:var(--tui-text-01)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell_interval:not([data-range=\"start\"]):not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell_interval:last-child:first-child:before{right:0}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:before,.t-cell[data-range]>.t-item:after{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hover]>.t-item:before,.t-cell[data-range][data-state=hover]>.t-item:after{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=active]>.t-item:before,.t-cell[data-range][data-state=active]>.t-item:after{background-color:var(--tui-primary-active)}.t-cell[data-range=end]:before{background:var(--tui-base-02)}:host._single .t-cell[data-range=end]:before{background:var(--tui-secondary-hover)}.t-cell[data-range=end]:not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:before{left:.625rem;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translate(1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.625rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translate(-1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=single]>.t-item:after{display:none}.t-cell[data-state=disabled]{pointer-events:none}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hover]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=active]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{width:15.75rem}.t-row{justify-content:flex-start}.t-row:first-child{justify-content:flex-end}.t-row_weekday{font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none}.t-item{display:flex;flex-direction:column}.t-item_unavailable{opacity:var(--tui-disabled-opacity)}.t-dots{display:flex;justify-content:center;margin-top:-.5rem;padding-bottom:.25rem}.t-dot{display:inline-block;width:.25rem;height:.25rem;border-radius:100%;margin:0 .0625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i2.TuiRepeatTimesDirective, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "directive", type: i2.TuiHoveredDirective, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: i2.TuiPressedDirective, selector: "[tuiPressedChange]", outputs: ["tuiPressedChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TuiMapperPipe, name: "tuiMapper" }, { kind: "pipe", type: i3.TuiCalendarSheetPipe, name: "tuiCalendarSheet" }, { kind: "pipe", type: i3.TuiOrderWeekDaysPipe, name: "tuiOrderWeekDays" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-primitive-calendar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"t-row t-row_weekday\">\n    <div\n        *ngFor=\"let day of unorderedWeekDays$ | tuiOrderWeekDays | async\"\n        class=\"t-cell\"\n        [textContent]=\"day\"\n    ></div>\n</div>\n<div\n    *tuiLet=\"month | tuiCalendarSheet: true as sheet\"\n    id=\"date-rows\"\n>\n    <div\n        *tuiRepeatTimes=\"let rowIndex of sheet.length\"\n        automation-id=\"tui-primitive-calendar__row\"\n        class=\"t-row\"\n    >\n        <ng-container *tuiRepeatTimes=\"let colIndex of sheet[rowIndex].length\">\n            <ng-container *tuiLet=\"sheet[rowIndex][colIndex] as item\">\n                <div\n                    *ngIf=\"!itemIsUnavailable(item) || showAdjacent\"\n                    automation-id=\"tui-primitive-calendar__cell\"\n                    class=\"t-cell\"\n                    [attr.data-range]=\"getItemRange(item)\"\n                    [attr.data-state]=\"getItemState(item)\"\n                    [class.t-cell_interval]=\"itemIsInterval(item)\"\n                    [class.t-cell_today]=\"itemIsToday(item)\"\n                    [class.t-cell_unavailable]=\"itemIsUnavailable(item)\"\n                    (click)=\"onItemClick(item)\"\n                    (tuiHoveredChange)=\"onItemHovered($event && item)\"\n                    (tuiPressedChange)=\"onItemPressed($event && item)\"\n                >\n                    <div\n                        automation-id=\"tui-primitive-calendar__item\"\n                        class=\"t-item\"\n                        [attr.data-type]=\"item | tuiMapper: dayTypeHandler\"\n                        [class.t-item_unavailable]=\"itemIsUnavailable(item)\"\n                    >\n                        {{ item.day }}\n                        <div\n                            *ngIf=\"item | tuiMapper: toMarkers : itemIsToday(item) : !!getItemRange(item) as markers\"\n                            class=\"t-dots\"\n                        >\n                            <div\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[0]\"\n                            ></div>\n                            <div\n                                *ngIf=\"markers.length > 1\"\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[1] || ''\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n", styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;display:flex;justify-content:space-between;height:2.25rem;isolation:isolate}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:before,.t-item:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-item:after{border-radius:.5rem}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:2.25rem;text-align:center;outline:none;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:.125rem solid transparent}.t-cell:before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%);content:\"\";bottom:.3125rem;height:.125rem;width:.75rem;border-radius:.375rem;background-color:var(--tui-text-01)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-.25rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell_interval:not([data-range=\"start\"]):not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell_interval:last-child:first-child:before{right:0}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:before,.t-cell[data-range]>.t-item:after{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hover]>.t-item:before,.t-cell[data-range][data-state=hover]>.t-item:after{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=active]>.t-item:before,.t-cell[data-range][data-state=active]>.t-item:after{background-color:var(--tui-primary-active)}.t-cell[data-range=end]:before{background:var(--tui-base-02)}:host._single .t-cell[data-range=end]:before{background:var(--tui-secondary-hover)}.t-cell[data-range=end]:not(:first-child):before{border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:before{left:.625rem;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translate(1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.625rem;border-top-right-radius:0;border-bottom-right-radius:0}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translate(-1.6rem) scaleY(.83) scaleX(.5) rotate(45deg)}.t-cell[data-range=single]>.t-item:after{display:none}.t-cell[data-state=disabled]{pointer-events:none}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hover]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=active]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{width:15.75rem}.t-row{justify-content:flex-start}.t-row:first-child{justify-content:flex-end}.t-row_weekday{font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none}.t-item{display:flex;flex-direction:column}.t-item_unavailable{opacity:var(--tui-disabled-opacity)}.t-dots{display:flex;justify-content:center;margin-top:-.5rem;padding-bottom:.25rem}.t-dot{display:inline-block;width:.25rem;height:.25rem;border-radius:100%;margin:0 .0625rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_SHORT_WEEK_DAYS]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_DAY_TYPE_HANDLER]
+                }] }]; }, propDecorators: { month: [{
+                type: Input
+            }], disabledItemHandler: [{
+                type: Input
+            }], markerHandler: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], hoveredItem: [{
+                type: Input
+            }], showAdjacent: [{
+                type: Input
+            }], hoveredItemChange: [{
+                type: Output
+            }], dayClick: [{
+                type: Output
+            }], isSingleDayRange: [{
+                type: HostBinding,
+                args: ['class._single']
+            }] } });
+
+class TuiPrimitiveCalendarModule {
+}
+TuiPrimitiveCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiPrimitiveCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarModule, declarations: [TuiPrimitiveCalendarComponent], imports: [CommonModule,
+        TuiLetModule,
+        TuiMapperPipeModule,
+        TuiRepeatTimesModule,
+        TuiHoveredModule,
+        TuiPressedModule,
+        TuiCalendarSheetPipeModule,
+        TuiOrderWeekDaysPipeModule], exports: [TuiPrimitiveCalendarComponent] });
+TuiPrimitiveCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarModule, imports: [CommonModule,
+        TuiLetModule,
+        TuiMapperPipeModule,
+        TuiRepeatTimesModule,
+        TuiHoveredModule,
+        TuiPressedModule,
+        TuiCalendarSheetPipeModule,
+        TuiOrderWeekDaysPipeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCalendarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiLetModule,
+                        TuiMapperPipeModule,
+                        TuiRepeatTimesModule,
+                        TuiHoveredModule,
+                        TuiPressedModule,
+                        TuiCalendarSheetPipeModule,
+                        TuiOrderWeekDaysPipeModule,
+                    ],
+                    declarations: [TuiPrimitiveCalendarComponent],
+                    exports: [TuiPrimitiveCalendarComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiPrimitiveCalendarComponent, TuiPrimitiveCalendarModule };
+//# sourceMappingURL=taiga-ui-core-components-primitive-calendar.mjs.map

package/fesm2020/taiga-ui-core-components-primitive-calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-primitive-calendar.mjs","sources":["../../../projects/core/components/primitive-calendar/primitive-calendar.component.ts","../../../projects/core/components/primitive-calendar/primitive-calendar.template.html","../../../projects/core/components/primitive-calendar/primitive-calendar.module.ts","../../../projects/core/components/primitive-calendar/taiga-ui-core-components-primitive-calendar.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {\n    ALWAYS_FALSE_HANDLER,\n    TuiBooleanHandler,\n    TuiDay,\n    TuiDayRange,\n    TuiHandler,\n    TuiInjectionTokenType,\n    TuiMonth,\n    tuiNullableSame,\n} from '@taiga-ui/cdk';\nimport {TUI_DEFAULT_MARKER_HANDLER} from '@taiga-ui/core/constants';\nimport {TuiInteractiveState, TuiRangeState} from '@taiga-ui/core/enums';\nimport {TUI_DAY_TYPE_HANDLER, TUI_SHORT_WEEK_DAYS} from '@taiga-ui/core/tokens';\nimport {TuiMarkerHandler} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-primitive-calendar',\n    templateUrl: './primitive-calendar.template.html',\n    styleUrls: ['./primitive-calendar.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPrimitiveCalendarComponent {\n    private pressedItem: TuiDay | null = null;\n    private readonly today = TuiDay.currentLocal();\n\n    @Input()\n    month: TuiMonth = TuiMonth.currentLocal();\n\n    @Input()\n    disabledItemHandler: TuiBooleanHandler<TuiDay> = ALWAYS_FALSE_HANDLER;\n\n    @Input()\n    markerHandler: TuiMarkerHandler = TUI_DEFAULT_MARKER_HANDLER;\n\n    @Input()\n    value: TuiDay | TuiDayRange | readonly TuiDay[] | null = null;\n\n    @Input()\n    hoveredItem: TuiDay | null = null;\n\n    @Input()\n    showAdjacent = true;\n\n    @Output()\n    readonly hoveredItemChange = new EventEmitter<TuiDay | null>();\n\n    @Output()\n    readonly dayClick = new EventEmitter<TuiDay>();\n\n    constructor(\n        @Inject(TUI_SHORT_WEEK_DAYS)\n        readonly unorderedWeekDays$: TuiInjectionTokenType<typeof TUI_SHORT_WEEK_DAYS>,\n        @Inject(TUI_DAY_TYPE_HANDLER)\n        readonly dayTypeHandler: TuiHandler<TuiDay, string>,\n    ) {}\n\n    @HostBinding('class._single')\n    get isSingleDayRange(): boolean {\n        return this.value instanceof TuiDayRange && this.value.isSingleDay;\n    }\n\n    /**\n     * @deprecated: use {@link this.isSingleDayRange}\n     */\n    get isSingle(): boolean {\n        return this.isSingleDayRange;\n    }\n\n    readonly toMarkers = (\n        day: TuiDay,\n        today: boolean,\n        inRange: boolean,\n    ): [string, string] | [string] | null => {\n        if (today || inRange) {\n            return null;\n        }\n\n        const markers = this.markerHandler(day);\n\n        return markers.length === 0 ? null : markers;\n    };\n\n    getItemState(item: TuiDay): TuiInteractiveState | null {\n        const {disabledItemHandler, pressedItem, hoveredItem} = this;\n\n        if (disabledItemHandler(item)) {\n            return TuiInteractiveState.Disabled;\n        }\n\n        if (pressedItem?.daySame(item)) {\n            return TuiInteractiveState.Active;\n        }\n\n        if (hoveredItem?.daySame(item)) {\n            return TuiInteractiveState.Hover;\n        }\n\n        return null;\n    }\n\n    getItemRange(item: TuiDay): TuiRangeState | null {\n        const {value, hoveredItem} = this;\n\n        if (!value) {\n            return null;\n        }\n\n        if (value instanceof TuiDay) {\n            return value.daySame(item) ? TuiRangeState.Single : null;\n        }\n\n        if (!(value instanceof TuiDayRange)) {\n            return value.find(day => day.daySame(item)) ? TuiRangeState.Single : null;\n        }\n\n        if (\n            (value.from.daySame(item) && !value.isSingleDay) ||\n            (hoveredItem?.dayAfter(value.from) &&\n                value.from.daySame(item) &&\n                value.isSingleDay) ||\n            (hoveredItem?.daySame(item) &&\n                hoveredItem.dayBefore(value.from) &&\n                value.isSingleDay)\n        ) {\n            return TuiRangeState.Start;\n        }\n\n        if (\n            (value.to.daySame(item) && !value.isSingleDay) ||\n            (hoveredItem?.dayBefore(value.from) &&\n                value.from.daySame(item) &&\n                value.isSingleDay) ||\n            (hoveredItem?.daySame(item) &&\n                hoveredItem.dayAfter(value.from) &&\n                value.isSingleDay)\n        ) {\n            return TuiRangeState.End;\n        }\n\n        return value.isSingleDay && value.from.daySame(item)\n            ? TuiRangeState.Single\n            : null;\n    }\n\n    itemIsToday(item: TuiDay): boolean {\n        return this.today.daySame(item);\n    }\n\n    itemIsUnavailable(item: TuiDay): boolean {\n        return !this.month.monthSame(item);\n    }\n\n    itemIsInterval(day: TuiDay): boolean {\n        const {value, hoveredItem} = this;\n\n        if (!(value instanceof TuiDayRange)) {\n            return false;\n        }\n\n        if (!value.isSingleDay) {\n            return value.from.daySameOrBefore(day) && value.to.dayAfter(day);\n        }\n\n        if (hoveredItem === null) {\n            return false;\n        }\n\n        const range = TuiDayRange.sort(value.from, hoveredItem);\n\n        return range.from.daySameOrBefore(day) && range.to.dayAfter(day);\n    }\n\n    onItemHovered(item: TuiDay | false): void {\n        this.updateHoveredItem(item || null);\n    }\n\n    onItemPressed(item: TuiDay | false): void {\n        this.pressedItem = item || null;\n    }\n\n    onItemClick(item: TuiDay): void {\n        this.dayClick.emit(item);\n    }\n\n    private updateHoveredItem(day: TuiDay | null): void {\n        if (tuiNullableSame(this.hoveredItem, day, (a, b) => a.daySame(b))) {\n            return;\n        }\n\n        this.hoveredItem = day;\n        this.hoveredItemChange.emit(day);\n    }\n}\n","<div class=\"t-row t-row_weekday\">\n    <div\n        *ngFor=\"let day of unorderedWeekDays$ | tuiOrderWeekDays | async\"\n        class=\"t-cell\"\n        [textContent]=\"day\"\n    ></div>\n</div>\n<div\n    *tuiLet=\"month | tuiCalendarSheet: true as sheet\"\n    id=\"date-rows\"\n>\n    <div\n        *tuiRepeatTimes=\"let rowIndex of sheet.length\"\n        automation-id=\"tui-primitive-calendar__row\"\n        class=\"t-row\"\n    >\n        <ng-container *tuiRepeatTimes=\"let colIndex of sheet[rowIndex].length\">\n            <ng-container *tuiLet=\"sheet[rowIndex][colIndex] as item\">\n                <div\n                    *ngIf=\"!itemIsUnavailable(item) || showAdjacent\"\n                    automation-id=\"tui-primitive-calendar__cell\"\n                    class=\"t-cell\"\n                    [attr.data-range]=\"getItemRange(item)\"\n                    [attr.data-state]=\"getItemState(item)\"\n                    [class.t-cell_interval]=\"itemIsInterval(item)\"\n                    [class.t-cell_today]=\"itemIsToday(item)\"\n                    [class.t-cell_unavailable]=\"itemIsUnavailable(item)\"\n                    (click)=\"onItemClick(item)\"\n                    (tuiHoveredChange)=\"onItemHovered($event && item)\"\n                    (tuiPressedChange)=\"onItemPressed($event && item)\"\n                >\n                    <div\n                        automation-id=\"tui-primitive-calendar__item\"\n                        class=\"t-item\"\n                        [attr.data-type]=\"item | tuiMapper: dayTypeHandler\"\n                        [class.t-item_unavailable]=\"itemIsUnavailable(item)\"\n                    >\n                        {{ item.day }}\n                        <div\n                            *ngIf=\"item | tuiMapper: toMarkers : itemIsToday(item) : !!getItemRange(item) as markers\"\n                            class=\"t-dots\"\n                        >\n                            <div\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[0]\"\n                            ></div>\n                            <div\n                                *ngIf=\"markers.length > 1\"\n                                class=\"t-dot\"\n                                [style.backgroundColor]=\"markers?.[1] || ''\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiHoveredModule,\n    TuiLetModule,\n    TuiMapperPipeModule,\n    TuiPressedModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {\n    TuiCalendarSheetPipeModule,\n    TuiOrderWeekDaysPipeModule,\n} from '@taiga-ui/core/pipes';\n\nimport {TuiPrimitiveCalendarComponent} from './primitive-calendar.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiLetModule,\n        TuiMapperPipeModule,\n        TuiRepeatTimesModule,\n        TuiHoveredModule,\n        TuiPressedModule,\n        TuiCalendarSheetPipeModule,\n        TuiOrderWeekDaysPipeModule,\n    ],\n    declarations: [TuiPrimitiveCalendarComponent],\n    exports: [TuiPrimitiveCalendarComponent],\n})\nexport class TuiPrimitiveCalendarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/taiga-ui-core-components-primitive-checkbox.mjs

@@ -0,0 +1,118 @@
+import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
+import { TuiAppearance } from '@taiga-ui/core/enums';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, Input, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@taiga-ui/core/components/svg';
+import { TuiSvgModule } from '@taiga-ui/core/components/svg';
+import * as i2 from '@taiga-ui/core/directives/wrapper';
+import { TuiWrapperModule } from '@taiga-ui/core/directives/wrapper';
+import * as i3 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+
+/** Default values for the checkbox options. */
+const TUI_CHECKBOX_DEFAULT_OPTIONS = {
+    size: `m`,
+    appearances: {
+        unchecked: TuiAppearance.Outline,
+        checked: TuiAppearance.Primary,
+        indeterminate: TuiAppearance.Primary,
+    },
+    icons: {
+        checked: ({ $implicit }) => $implicit === `m` ? `tuiIconCheck` : `tuiIconCheckLarge`,
+        indeterminate: ({ $implicit }) => $implicit === `m` ? `tuiIconMinus` : `tuiIconMinusLarge`,
+    },
+};
+/**
+ * Default parameters for checkbox component
+ */
+const TUI_CHECKBOX_OPTIONS = tuiCreateToken(TUI_CHECKBOX_DEFAULT_OPTIONS);
+function tuiCheckboxOptionsProvider(options) {
+    return tuiProvideOptions(TUI_CHECKBOX_OPTIONS, options, TUI_CHECKBOX_DEFAULT_OPTIONS);
+}
+
+class TuiPrimitiveCheckboxComponent {
+    set valueSetter(value) {
+        if (value !== false) {
+            this.setCurrentIcon(value);
+        }
+        this.value = value;
+    }
+    constructor(options) {
+        this.options = options;
+        this.size = this.options.size;
+        this.disabled = false;
+        this.focused = false;
+        this.hovered = false;
+        this.pressed = false;
+        this.invalid = false;
+        this.icon = this.options.icons.checked;
+        this.value = false;
+    }
+    get appearance() {
+        switch (this.value) {
+            case false:
+                return this.options.appearances.unchecked;
+            case true:
+                return this.options.appearances.checked;
+            default:
+                return this.options.appearances.indeterminate;
+        }
+    }
+    get empty() {
+        return this.value === false;
+    }
+    setCurrentIcon(value) {
+        this.icon =
+            value === null
+                ? this.options.icons.indeterminate
+                : this.options.icons.checked;
+    }
+}
+TuiPrimitiveCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxComponent, deps: [{ token: TUI_CHECKBOX_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiPrimitiveCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiPrimitiveCheckboxComponent, selector: "tui-primitive-checkbox", inputs: { size: "size", disabled: "disabled", focused: "focused", hovered: "hovered", pressed: "pressed", invalid: "invalid", valueSetter: ["value", "valueSetter"] }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div\n    tuiWrapper\n    [active]=\"pressed\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focus]=\"focused\"\n    [hover]=\"hovered\"\n    [invalid]=\"invalid\"\n>\n    <tui-svg\n        *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n        class=\"t-mark\"\n        [class.t-mark_on]=\"!empty\"\n        [src]=\"src\"\n    ></tui-svg>\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;font-size:0;flex-shrink:0}:host[data-size=m]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}:host[data-size=l]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on{transform:scale(1)}\n"], dependencies: [{ kind: "component", type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i2.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { kind: "directive", type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-primitive-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    tuiWrapper\n    [active]=\"pressed\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focus]=\"focused\"\n    [hover]=\"hovered\"\n    [invalid]=\"invalid\"\n>\n    <tui-svg\n        *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n        class=\"t-mark\"\n        [class.t-mark_on]=\"!empty\"\n        [src]=\"src\"\n    ></tui-svg>\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;font-size:0;flex-shrink:0}:host[data-size=m]{width:1rem;height:1rem;border-radius:var(--tui-radius-xs)}:host[data-size=l]{width:1.5rem;height:1.5rem;border-radius:var(--tui-radius-s)}.t-mark{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;width:100%;height:100%;transform:scale(0)}.t-mark_on{transform:scale(1)}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_CHECKBOX_OPTIONS]
+                }] }]; }, propDecorators: { size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], disabled: [{
+                type: Input
+            }], focused: [{
+                type: Input
+            }], hovered: [{
+                type: Input
+            }], pressed: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], valueSetter: [{
+                type: Input,
+                args: ['value']
+            }] } });
+
+class TuiPrimitiveCheckboxModule {
+}
+TuiPrimitiveCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiPrimitiveCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxModule, declarations: [TuiPrimitiveCheckboxComponent], imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule], exports: [TuiPrimitiveCheckboxComponent] });
+TuiPrimitiveCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxModule, imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule],
+                    declarations: [TuiPrimitiveCheckboxComponent],
+                    exports: [TuiPrimitiveCheckboxComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_CHECKBOX_DEFAULT_OPTIONS, TUI_CHECKBOX_OPTIONS, TuiPrimitiveCheckboxComponent, TuiPrimitiveCheckboxModule, tuiCheckboxOptionsProvider };
+//# sourceMappingURL=taiga-ui-core-components-primitive-checkbox.mjs.map

package/fesm2020/taiga-ui-core-components-primitive-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-primitive-checkbox.mjs","sources":["../../../projects/core/components/primitive-checkbox/checkbox.options.ts","../../../projects/core/components/primitive-checkbox/primitive-checkbox.component.ts","../../../projects/core/components/primitive-checkbox/primitive-checkbox.template.html","../../../projects/core/components/primitive-checkbox/primitive-checkbox.module.ts","../../../projects/core/components/primitive-checkbox/taiga-ui-core-components-primitive-checkbox.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {TuiContextWithImplicit, tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiAppearance} from '@taiga-ui/core/enums';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiCheckboxOptions {\n    readonly appearances: Readonly<{\n        checked: string;\n        indeterminate: string;\n        unchecked: string;\n    }>;\n    readonly icons: Readonly<{\n        checked: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n        indeterminate: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>>;\n    }>;\n    readonly size: TuiSizeL;\n}\n\n/** Default values for the checkbox options. */\nexport const TUI_CHECKBOX_DEFAULT_OPTIONS: TuiCheckboxOptions = {\n    size: `m`,\n    appearances: {\n        unchecked: TuiAppearance.Outline,\n        checked: TuiAppearance.Primary,\n        indeterminate: TuiAppearance.Primary,\n    },\n    icons: {\n        checked: ({$implicit}) =>\n            $implicit === `m` ? `tuiIconCheck` : `tuiIconCheckLarge`,\n        indeterminate: ({$implicit}) =>\n            $implicit === `m` ? `tuiIconMinus` : `tuiIconMinusLarge`,\n    },\n};\n\n/**\n * Default parameters for checkbox component\n */\nexport const TUI_CHECKBOX_OPTIONS = tuiCreateToken(TUI_CHECKBOX_DEFAULT_OPTIONS);\n\nexport function tuiCheckboxOptionsProvider(\n    options: Partial<TuiCheckboxOptions>,\n): Provider {\n    return tuiProvideOptions(TUI_CHECKBOX_OPTIONS, options, TUI_CHECKBOX_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nimport {TUI_CHECKBOX_OPTIONS, TuiCheckboxOptions} from './checkbox.options';\n\n@Component({\n    selector: 'tui-primitive-checkbox',\n    templateUrl: './primitive-checkbox.template.html',\n    styleUrls: ['./primitive-checkbox.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPrimitiveCheckboxComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeL = this.options.size;\n\n    @Input()\n    disabled = false;\n\n    @Input()\n    focused = false;\n\n    @Input()\n    hovered: boolean | null = false;\n\n    @Input()\n    pressed: boolean | null = false;\n\n    @Input()\n    invalid = false;\n\n    @Input('value')\n    set valueSetter(value: boolean | null) {\n        if (value !== false) {\n            this.setCurrentIcon(value);\n        }\n\n        this.value = value;\n    }\n\n    icon: PolymorpheusContent<TuiContextWithImplicit<TuiSizeL>> =\n        this.options.icons.checked;\n\n    value: boolean | null = false;\n\n    constructor(\n        @Inject(TUI_CHECKBOX_OPTIONS) private readonly options: TuiCheckboxOptions,\n    ) {}\n\n    get appearance(): string {\n        switch (this.value) {\n            case false:\n                return this.options.appearances.unchecked;\n            case true:\n                return this.options.appearances.checked;\n            default:\n                return this.options.appearances.indeterminate;\n        }\n    }\n\n    get empty(): boolean {\n        return this.value === false;\n    }\n\n    private setCurrentIcon(value: boolean | null): void {\n        this.icon =\n            value === null\n                ? this.options.icons.indeterminate\n                : this.options.icons.checked;\n    }\n}\n","<div\n    tuiWrapper\n    [active]=\"pressed\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focus]=\"focused\"\n    [hover]=\"hovered\"\n    [invalid]=\"invalid\"\n>\n    <tui-svg\n        *polymorpheusOutlet=\"icon as src; context: {$implicit: size}\"\n        class=\"t-mark\"\n        [class.t-mark_on]=\"!empty\"\n        [src]=\"src\"\n    ></tui-svg>\n    <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {TuiSvgModule} from '@taiga-ui/core/components/svg';\nimport {TuiWrapperModule} from '@taiga-ui/core/directives/wrapper';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPrimitiveCheckboxComponent} from './primitive-checkbox.component';\n\n@NgModule({\n    imports: [TuiSvgModule, TuiWrapperModule, PolymorpheusModule],\n    declarations: [TuiPrimitiveCheckboxComponent],\n    exports: [TuiPrimitiveCheckboxComponent],\n})\nexport class TuiPrimitiveCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAmBA;AACa,MAAA,4BAA4B,GAAuB;AAC5D,IAAA,IAAI,EAAE,CAAG,CAAA,CAAA;AACT,IAAA,WAAW,EAAE;QACT,SAAS,EAAE,aAAa,CAAC,OAAO;QAChC,OAAO,EAAE,aAAa,CAAC,OAAO;QAC9B,aAAa,EAAE,aAAa,CAAC,OAAO;AACvC,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,OAAO,EAAE,CAAC,EAAC,SAAS,EAAC,KACjB,SAAS,KAAK,CAAA,CAAA,CAAG,GAAG,cAAc,GAAG,CAAmB,iBAAA,CAAA;AAC5D,QAAA,aAAa,EAAE,CAAC,EAAC,SAAS,EAAC,KACvB,SAAS,KAAK,CAAA,CAAA,CAAG,GAAG,cAAc,GAAG,CAAmB,iBAAA,CAAA;AAC/D,KAAA;EACH;AAEF;;AAEG;MACU,oBAAoB,GAAG,cAAc,CAAC,4BAA4B,EAAE;AAE3E,SAAU,0BAA0B,CACtC,OAAoC,EAAA;IAEpC,OAAO,iBAAiB,CAAC,oBAAoB,EAAE,OAAO,EAAE,4BAA4B,CAAC,CAAC;AAC1F;;MCzBa,6BAA6B,CAAA;IAoBtC,IACI,WAAW,CAAC,KAAqB,EAAA;QACjC,IAAI,KAAK,KAAK,KAAK,EAAE;AACjB,YAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,SAAA;AAED,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;AAOD,IAAA,WAAA,CACmD,OAA2B,EAAA;QAA3B,IAAO,CAAA,OAAA,GAAP,OAAO,CAAoB;AAhC9E,QAAA,IAAA,CAAA,IAAI,GAAa,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAGnC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAGjB,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAGhB,IAAO,CAAA,OAAA,GAAmB,KAAK,CAAC;QAGhC,IAAO,CAAA,OAAA,GAAmB,KAAK,CAAC;QAGhC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAWhB,IAAI,CAAA,IAAA,GACA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAE/B,IAAK,CAAA,KAAA,GAAmB,KAAK,CAAC;KAI1B;AAEJ,IAAA,IAAI,UAAU,GAAA;QACV,QAAQ,IAAI,CAAC,KAAK;AACd,YAAA,KAAK,KAAK;AACN,gBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC;AAC9C,YAAA,KAAK,IAAI;AACL,gBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;AAC5C,YAAA;AACI,gBAAA,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;AACrD,SAAA;KACJ;AAED,IAAA,IAAI,KAAK,GAAA;AACL,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;KAC/B;AAEO,IAAA,cAAc,CAAC,KAAqB,EAAA;AACxC,QAAA,IAAI,CAAC,IAAI;AACL,YAAA,KAAK,KAAK,IAAI;AACV,kBAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa;kBAChC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;KACxC;;AA1DQ,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,kBAmC1B,oBAAoB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAnCvB,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,8RCnB1C,saAiBA,EAAA,MAAA,EAAA,CAAA,+ZAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,KAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDEa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;+BACI,wBAAwB,EAAA,eAAA,EAGjB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,saAAA,EAAA,MAAA,EAAA,CAAA,+ZAAA,CAAA,EAAA,CAAA;;0BAqC1C,MAAM;2BAAC,oBAAoB,CAAA;4CAhChC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,gBAAgB,CAAA;gBAI7B,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIF,WAAW,EAAA,CAAA;sBADd,KAAK;uBAAC,OAAO,CAAA;;;ME3BL,0BAA0B,CAAA;;wHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yHAA1B,0BAA0B,EAAA,YAAA,EAAA,CAHpB,6BAA6B,CADlC,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAElD,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAE9B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAJzB,OAAA,EAAA,CAAA,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;4FAInD,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,CAAC;oBAC7D,YAAY,EAAE,CAAC,6BAA6B,CAAC;oBAC7C,OAAO,EAAE,CAAC,6BAA6B,CAAC;AAC3C,iBAAA,CAAA;;;ACXD;;AAEG;;;;"}

package/fesm2020/taiga-ui-core-components-primitive-spin-button.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ElementRef, Component, ChangeDetectionStrategy, Inject, Input, Output, HostListener, NgModule } from '@angular/core';
+import { AbstractTuiInteractive, tuiIsNativeFocusedIn } from '@taiga-ui/cdk';
+import { TUI_SPIN_ICONS, TUI_SPIN_TEXTS } from '@taiga-ui/core/tokens';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@taiga-ui/core/components/button';
+import { TuiButtonModule } from '@taiga-ui/core/components/button';
+import * as i3 from 'rxjs';
+
+class TuiPrimitiveSpinButtonComponent extends AbstractTuiInteractive {
+    constructor(el, icons, spinTexts$) {
+        super();
+        this.el = el;
+        this.icons = icons;
+        this.spinTexts$ = spinTexts$;
+        this.disabled = false;
+        this.leftDisabled = false;
+        this.rightDisabled = false;
+        this.leftClick = new EventEmitter();
+        this.rightClick = new EventEmitter();
+    }
+    get focused() {
+        return tuiIsNativeFocusedIn(this.el.nativeElement);
+    }
+    get leftComputedDisabled() {
+        return this.computedDisabled || this.leftDisabled;
+    }
+    get rightComputedDisabled() {
+        return this.computedDisabled || this.rightDisabled;
+    }
+    onLeftClick() {
+        if (!this.leftComputedDisabled) {
+            this.leftClick.emit();
+        }
+    }
+    onRightClick() {
+        if (!this.rightComputedDisabled) {
+            this.rightClick.emit();
+        }
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    onFocusVisible(focusVisible) {
+        this.updateFocusVisible(focusVisible);
+    }
+}
+TuiPrimitiveSpinButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonComponent, deps: [{ token: ElementRef }, { token: TUI_SPIN_ICONS }, { token: TUI_SPIN_TEXTS }], target: i0.ɵɵFactoryTarget.Component });
+TuiPrimitiveSpinButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiPrimitiveSpinButtonComponent, selector: "tui-primitive-spin-button", inputs: { disabled: "disabled", leftDisabled: "leftDisabled", rightDisabled: "rightDisabled" }, outputs: { leftClick: "leftClick", rightClick: "rightClick" }, host: { listeners: { "mousedown.silent.prevent": "(0)", "keydown.arrowLeft.prevent": "onLeftClick()", "keydown.arrowRight.prevent": "onRightClick()", "focusin": "onFocused(true)", "focusout": "onFocused(false)" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"spinTexts$ | async as texts\">\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__left\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"leftComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.decrement\"\n        [title]=\"texts[0]\"\n        (click)=\"onLeftClick()\"\n    ></button>\n    <span class=\"t-content t-calendar-title\">\n        <ng-content></ng-content>\n    </span>\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__right\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"rightComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.increment\"\n        [title]=\"texts[1]\"\n        (click)=\"onRightClick()\"\n    ></button>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;font:var(--tui-font-text-l);text-align:center;font-weight:700}.t-hidden{visibility:hidden}.t-content{padding:0 .5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-primitive-spin-button', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(mousedown.silent.prevent)': '(0)',
+                    }, template: "<ng-container *ngIf=\"spinTexts$ | async as texts\">\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__left\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"leftComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.decrement\"\n        [title]=\"texts[0]\"\n        (click)=\"onLeftClick()\"\n    ></button>\n    <span class=\"t-content t-calendar-title\">\n        <ng-content></ng-content>\n    </span>\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__right\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"rightComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.increment\"\n        [title]=\"texts[1]\"\n        (click)=\"onRightClick()\"\n    ></button>\n</ng-container>\n", styles: [":host{display:flex;align-items:center;justify-content:space-between;font:var(--tui-font-text-l);text-align:center;font-weight:700}.t-hidden{visibility:hidden}.t-content{padding:0 .5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_SPIN_ICONS]
+                }] }, { type: i3.Observable, decorators: [{
+                    type: Inject,
+                    args: [TUI_SPIN_TEXTS]
+                }] }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], leftDisabled: [{
+                type: Input
+            }], rightDisabled: [{
+                type: Input
+            }], leftClick: [{
+                type: Output
+            }], rightClick: [{
+                type: Output
+            }], onLeftClick: [{
+                type: HostListener,
+                args: ['keydown.arrowLeft.prevent']
+            }], onRightClick: [{
+                type: HostListener,
+                args: ['keydown.arrowRight.prevent']
+            }], onFocused: [{
+                type: HostListener,
+                args: ['focusin', ['true']]
+            }, {
+                type: HostListener,
+                args: ['focusout', ['false']]
+            }] } });
+
+class TuiPrimitiveSpinButtonModule {
+}
+TuiPrimitiveSpinButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiPrimitiveSpinButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonModule, declarations: [TuiPrimitiveSpinButtonComponent], imports: [CommonModule, TuiButtonModule], exports: [TuiPrimitiveSpinButtonComponent] });
+TuiPrimitiveSpinButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonModule, imports: [CommonModule, TuiButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiPrimitiveSpinButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiButtonModule],
+                    declarations: [TuiPrimitiveSpinButtonComponent],
+                    exports: [TuiPrimitiveSpinButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiPrimitiveSpinButtonComponent, TuiPrimitiveSpinButtonModule };
+//# sourceMappingURL=taiga-ui-core-components-primitive-spin-button.mjs.map

package/fesm2020/taiga-ui-core-components-primitive-spin-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-primitive-spin-button.mjs","sources":["../../../projects/core/components/primitive-spin-button/primitive-spin-button.component.ts","../../../projects/core/components/primitive-spin-button/primitive-spin-button.template.html","../../../projects/core/components/primitive-spin-button/primitive-spin-button.module.ts","../../../projects/core/components/primitive-spin-button/taiga-ui-core-components-primitive-spin-button.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {AbstractTuiInteractive, tuiIsNativeFocusedIn} from '@taiga-ui/cdk';\nimport {TUI_SPIN_ICONS, TUI_SPIN_TEXTS, TuiSpinIcons} from '@taiga-ui/core/tokens';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'tui-primitive-spin-button',\n    templateUrl: './primitive-spin-button.template.html',\n    styleUrls: ['./primitive-spin-button.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '(mousedown.silent.prevent)': '(0)',\n    },\n})\nexport class TuiPrimitiveSpinButtonComponent extends AbstractTuiInteractive {\n    @Input()\n    disabled = false;\n\n    @Input()\n    leftDisabled = false;\n\n    @Input()\n    rightDisabled = false;\n\n    @Output()\n    readonly leftClick = new EventEmitter<void>();\n\n    @Output()\n    readonly rightClick = new EventEmitter<void>();\n\n    constructor(\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TUI_SPIN_ICONS) readonly icons: TuiSpinIcons,\n        @Inject(TUI_SPIN_TEXTS) readonly spinTexts$: Observable<[string, string]>,\n    ) {\n        super();\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocusedIn(this.el.nativeElement);\n    }\n\n    get leftComputedDisabled(): boolean {\n        return this.computedDisabled || this.leftDisabled;\n    }\n\n    get rightComputedDisabled(): boolean {\n        return this.computedDisabled || this.rightDisabled;\n    }\n\n    @HostListener('keydown.arrowLeft.prevent')\n    onLeftClick(): void {\n        if (!this.leftComputedDisabled) {\n            this.leftClick.emit();\n        }\n    }\n\n    @HostListener('keydown.arrowRight.prevent')\n    onRightClick(): void {\n        if (!this.rightComputedDisabled) {\n            this.rightClick.emit();\n        }\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    onFocusVisible(focusVisible: boolean): void {\n        this.updateFocusVisible(focusVisible);\n    }\n}\n","<ng-container *ngIf=\"spinTexts$ | async as texts\">\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__left\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"leftComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.decrement\"\n        [title]=\"texts[0]\"\n        (click)=\"onLeftClick()\"\n    ></button>\n    <span class=\"t-content t-calendar-title\">\n        <ng-content></ng-content>\n    </span>\n    <button\n        appearance=\"flat\"\n        automation-id=\"tui-primitive-spin-button__right\"\n        size=\"xs\"\n        tuiIconButton\n        type=\"button\"\n        [class.t-hidden]=\"rightComputedDisabled\"\n        [focusable]=\"computedFocusable\"\n        [icon]=\"icons.increment\"\n        [title]=\"texts[1]\"\n        (click)=\"onRightClick()\"\n    ></button>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core/components/button';\n\nimport {TuiPrimitiveSpinButtonComponent} from './primitive-spin-button.component';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule],\n    declarations: [TuiPrimitiveSpinButtonComponent],\n    exports: [TuiPrimitiveSpinButtonComponent],\n})\nexport class TuiPrimitiveSpinButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}