@taiga-ui/addon-mobile 4.43.0 → 4.44.0-canary.09b0f40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-mobile",
-  "version": "4.43.0",
+  "version": "4.44.0-canary.09b0f40",
   "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
   "keywords": [
     "angular",
@@ -39,6 +39,12 @@
       "esm": "./esm2022/services/taiga-ui-addon-mobile-services.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-services.mjs"
     },
+    "./components/bottom-sheet": {
+      "types": "./components/bottom-sheet/index.d.ts",
+      "esm2022": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
+      "esm": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
+      "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
+    },
     "./components/mobile-calendar": {
       "types": "./components/mobile-calendar/index.d.ts",
       "esm2022": "./esm2022/components/mobile-calendar/taiga-ui-addon-mobile-components-mobile-calendar.mjs",
@@ -51,12 +57,6 @@
       "esm": "./esm2022/components/mobile-calendar-dropdown/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs",
       "default": "./fesm2022/taiga-ui-addon-mobile-components-mobile-calendar-dropdown.mjs"
     },
-    "./components/bottom-sheet": {
-      "types": "./components/bottom-sheet/index.d.ts",
-      "esm2022": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
-      "esm": "./esm2022/components/bottom-sheet/taiga-ui-addon-mobile-components-bottom-sheet.mjs",
-      "default": "./fesm2022/taiga-ui-addon-mobile-components-bottom-sheet.mjs"
-    },
     "./components/mobile-calendar-sheet": {
       "types": "./components/mobile-calendar-sheet/index.d.ts",
       "esm2022": "./esm2022/components/mobile-calendar-sheet/taiga-ui-addon-mobile-components-mobile-calendar-sheet.mjs",
@@ -135,10 +135,10 @@
     "@angular/common": ">=16.0.0",
     "@angular/core": ">=16.0.0",
     "@ng-web-apis/common": "^4.12.0",
-    "@taiga-ui/cdk": "^4.43.0",
-    "@taiga-ui/core": "^4.43.0",
-    "@taiga-ui/kit": "^4.43.0",
-    "@taiga-ui/layout": "^4.43.0",
+    "@taiga-ui/cdk": "^4.44.0",
+    "@taiga-ui/core": "^4.44.0",
+    "@taiga-ui/kit": "^4.44.0",
+    "@taiga-ui/layout": "^4.44.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"
   },

package/styles/android/checkbox.less

@@ -30,6 +30,8 @@ input[tuiCheckbox] {
     }
 
     &::before {
+        inline-size: 1rem;
+        block-size: 1rem;
         mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 13L1 8.19231L2.4 6.84615L6 10.3077L13.6 3L15 4.34615L6 13Z" fill="black"/></svg>');
         transition:
             clip-path var(--tui-duration) ease-in-out,
@@ -44,9 +46,4 @@ input[tuiCheckbox] {
     &:invalid {
         outline-color: var(--tui-status-negative-pale-hover);
     }
-
-    &[data-size='s']::before {
-        inline-size: 1rem;
-        block-size: 1rem;
-    }
 }

package/styles/common/block-status.less

@@ -2,19 +2,19 @@ tui-block-status {
     padding: 2rem;
 
     .t-block-image:not(:empty) {
-        margin-bottom: 1.5rem;
+        margin-block-end: 1.5rem;
     }
 
     .t-block-actions:not(:empty) {
-        margin-top: 1.5rem;
+        margin-block-start: 1.5rem;
     }
 
     &._card {
         padding: 1.25rem;
 
         & .t-block-image {
-            margin-top: 0.75rem;
-            margin-bottom: 1rem;
+            margin-block-start: 0.75rem;
+            margin-block-end: 1rem;
         }
     }
 
@@ -27,7 +27,7 @@ tui-block-status {
         font: var(--tui-font-heading-5);
 
         & ~ .t-block-text:not(:empty) {
-            margin-top: 0.5rem;
+            margin-block-start: 0.5rem;
         }
     }
 
@@ -38,6 +38,6 @@ tui-block-status {
 
     a:not(:last-child),
     button:not(:last-child) {
-        margin-bottom: 0.5rem;
+        margin-block-end: 0.5rem;
     }
 }

package/styles/ios/checkbox.less

@@ -35,6 +35,8 @@ input[tuiRadio] {
         --t-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" preserveAspectRatio="xMidYMid meet" height="100%" width="100%"><path d="M12.3368 4.33683C12.7859 3.88772 13.5141 3.88772 13.9632 4.33683C14.4123 4.78593 14.4123 5.51407 13.9632 5.96317L6.96317 12.9632C6.51407 13.4123 5.78593 13.4123 5.33683 12.9632L2.33683 9.96317C1.88772 9.51407 1.88772 8.78593 2.33683 8.33683C2.78593 7.88772 3.51407 7.88772 3.96317 8.33683L6.15 10.5237L12.3368 4.33683Z" fill="black"/></svg>');
 
         display: none;
+        inline-size: 1rem;
+        block-size: 1rem;
     }
 
     &:not([tuiRadio]):indeterminate::before {
@@ -44,9 +46,4 @@ input[tuiRadio] {
     &:invalid {
         outline-color: var(--tui-status-negative-pale-hover);
     }
-
-    &[data-size='s']::before {
-        inline-size: 1rem;
-        block-size: 1rem;
-    }
 }

package/directives/dropdown-mobile/option-mobile/option-mobile.component.d.ts

@@ -1,13 +0,0 @@
-import { TuiControl } from '@taiga-ui/cdk/classes';
-import * as i0 from "@angular/core";
-export declare class TuiOptionMobile<T> {
-    private readonly host;
-    private readonly itemsHandlers;
-    private readonly option;
-    private readonly control;
-    protected readonly select: import("@angular/core").Signal<TuiControl<T> | null>;
-    protected readonly selected: import("@angular/core").Signal<boolean>;
-    protected onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionMobile<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiOptionMobile<any>, "ng-component", never, {}, {}, never, never, true, never>;
-}

package/esm2022/directives/dropdown-mobile/option-mobile/option-mobile.component.mjs

@@ -1,42 +0,0 @@
-import { NgIf } from '@angular/common';
-import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { TuiControl } from '@taiga-ui/cdk/classes';
-import { tuiIsPresent } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TUI_DATA_LIST_HOST, TuiOptionWithValue, } from '@taiga-ui/core/components/data-list';
-import { tuiInjectAuxiliary } from '@taiga-ui/core/components/textfield';
-import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
-import { TuiRadio } from '@taiga-ui/kit/components/radio';
-import { TuiSelectDirective } from '@taiga-ui/kit/components/select';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/kit/components/radio";
-class TuiOptionMobile {
-    constructor() {
-        this.host = inject(TUI_DATA_LIST_HOST);
-        this.itemsHandlers = inject(TUI_ITEMS_HANDLERS);
-        this.option = inject(TuiOptionWithValue, {
-            optional: true,
-        });
-        this.control = tuiInjectAuxiliary((x) => x instanceof TuiControl);
-        this.select = tuiInjectAuxiliary((x) => x instanceof TuiSelectDirective);
-        this.selected = computed((controlValue = this.control()?.value(), optionValue = this.option?.value()) => tuiIsPresent(optionValue) &&
-            tuiIsPresent(controlValue) &&
-            this.itemsHandlers.identityMatcher()(controlValue, optionValue));
-    }
-    onClick() {
-        const value = this.option?.value();
-        if (this.host?.handleOption && value !== undefined) {
-            this.host.handleOption(value);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiOptionMobile, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiOptionMobile, isStandalone: true, selector: "ng-component", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<input\n    *ngIf=\"select()\"\n    tuiRadio\n    type=\"radio\"\n    class=\"t-checked-indicator\"\n    [checked]=\"selected()\"\n/>\n", styles: [".t-checked-indicator{order:1;margin-inline-start:auto;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.TuiRadioComponent, selector: "input[type=\"radio\"][tuiRadio]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-export { TuiOptionMobile };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiOptionMobile, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [FormsModule, NgIf, TuiRadio], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '(click)': 'onClick()',
-                    }, template: "<input\n    *ngIf=\"select()\"\n    tuiRadio\n    type=\"radio\"\n    class=\"t-checked-indicator\"\n    [checked]=\"selected()\"\n/>\n", styles: [".t-checked-indicator{order:1;margin-inline-start:auto;pointer-events:none}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLW1vYmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9kcm9wZG93bi1tb2JpbGUvb3B0aW9uLW1vYmlsZS9vcHRpb24tbW9iaWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL2Ryb3Bkb3duLW1vYmlsZS9vcHRpb24tbW9iaWxlL29wdGlvbi1tb2JpbGUudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDakQsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBRS9ELE9BQU8sRUFDSCxrQkFBa0IsRUFDbEIsa0JBQWtCLEdBQ3JCLE1BQU0scUNBQXFDLENBQUM7QUFDN0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFFdkUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDNUUsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGdDQUFnQyxDQUFDO0FBQ3hELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLGlDQUFpQyxDQUFDOzs7QUFFbkUsTUFVYSxlQUFlO0lBVjVCO1FBV3FCLFNBQUksR0FBRyxNQUFNLENBQXFCLGtCQUFrQixDQUFDLENBQUM7UUFDdEQsa0JBQWEsR0FBd0IsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDaEUsV0FBTSxHQUFHLE1BQU0sQ0FBd0Isa0JBQWtCLEVBQUU7WUFDeEUsUUFBUSxFQUFFLElBQUk7U0FDakIsQ0FBQyxDQUFDO1FBRWMsWUFBTyxHQUFHLGtCQUFrQixDQUN6QyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxZQUFZLFVBQVUsQ0FDakMsQ0FBQztRQUVpQixXQUFNLEdBQUcsa0JBQWtCLENBQzFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLFlBQVksa0JBQWtCLENBQ3pDLENBQUM7UUFFaUIsYUFBUSxHQUFHLFFBQVEsQ0FDbEMsQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDM0UsWUFBWSxDQUFDLFdBQVcsQ0FBQztZQUN6QixZQUFZLENBQUMsWUFBWSxDQUFDO1lBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsZUFBZSxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQyxDQUN0RSxDQUFDO0tBU0w7SUFQYSxPQUFPO1FBQ2IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUVuQyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsWUFBWSxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDaEQsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakM7SUFDTCxDQUFDOytHQTVCUSxlQUFlO21HQUFmLGVBQWUsdUhDMUI1Qix5SUFPQSxxSURXYyxXQUFXLCtCQUFFLElBQUk7O1NBUWxCLGVBQWU7NEZBQWYsZUFBZTtrQkFWM0IsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixTQUFTLEVBQUUsV0FBVztxQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtUdWlDb250cm9sfSBmcm9tICdAdGFpZ2EtdWkvY2RrL2NsYXNzZXMnO1xuaW1wb3J0IHt0dWlJc1ByZXNlbnR9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvbWlzY2VsbGFuZW91cyc7XG5pbXBvcnQgdHlwZSB7VHVpRGF0YUxpc3RIb3N0fSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL2RhdGEtbGlzdCc7XG5pbXBvcnQge1xuICAgIFRVSV9EQVRBX0xJU1RfSE9TVCxcbiAgICBUdWlPcHRpb25XaXRoVmFsdWUsXG59IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZGF0YS1saXN0JztcbmltcG9ydCB7dHVpSW5qZWN0QXV4aWxpYXJ5fSBmcm9tICdAdGFpZ2EtdWkvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZCc7XG5pbXBvcnQgdHlwZSB7VHVpSXRlbXNIYW5kbGVyc30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9pdGVtcy1oYW5kbGVycyc7XG5pbXBvcnQge1RVSV9JVEVNU19IQU5ETEVSU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvZGlyZWN0aXZlcy9pdGVtcy1oYW5kbGVycyc7XG5pbXBvcnQge1R1aVJhZGlvfSBmcm9tICdAdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvcmFkaW8nO1xuaW1wb3J0IHtUdWlTZWxlY3REaXJlY3RpdmV9IGZyb20gJ0B0YWlnYS11aS9raXQvY29tcG9uZW50cy9zZWxlY3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtGb3Jtc01vZHVsZSwgTmdJZiwgVHVpUmFkaW9dLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9vcHRpb24tbW9iaWxlLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL29wdGlvbi1tb2JpbGUuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJyhjbGljayknOiAnb25DbGljaygpJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlPcHRpb25Nb2JpbGU8VD4ge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgaG9zdCA9IGluamVjdDxUdWlEYXRhTGlzdEhvc3Q8VD4+KFRVSV9EQVRBX0xJU1RfSE9TVCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBpdGVtc0hhbmRsZXJzOiBUdWlJdGVtc0hhbmRsZXJzPFQ+ID0gaW5qZWN0KFRVSV9JVEVNU19IQU5ETEVSUyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBvcHRpb24gPSBpbmplY3Q8VHVpT3B0aW9uV2l0aFZhbHVlPFQ+PihUdWlPcHRpb25XaXRoVmFsdWUsIHtcbiAgICAgICAgb3B0aW9uYWw6IHRydWUsXG4gICAgfSk7XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IGNvbnRyb2wgPSB0dWlJbmplY3RBdXhpbGlhcnk8VHVpQ29udHJvbDxUPj4oXG4gICAgICAgICh4KSA9PiB4IGluc3RhbmNlb2YgVHVpQ29udHJvbCxcbiAgICApO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlbGVjdCA9IHR1aUluamVjdEF1eGlsaWFyeTxUdWlDb250cm9sPFQ+PihcbiAgICAgICAgKHgpID0+IHggaW5zdGFuY2VvZiBUdWlTZWxlY3REaXJlY3RpdmUsXG4gICAgKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBzZWxlY3RlZCA9IGNvbXB1dGVkKFxuICAgICAgICAoY29udHJvbFZhbHVlID0gdGhpcy5jb250cm9sKCk/LnZhbHVlKCksIG9wdGlvblZhbHVlID0gdGhpcy5vcHRpb24/LnZhbHVlKCkpID0+XG4gICAgICAgICAgICB0dWlJc1ByZXNlbnQob3B0aW9uVmFsdWUpICYmXG4gICAgICAgICAgICB0dWlJc1ByZXNlbnQoY29udHJvbFZhbHVlKSAmJlxuICAgICAgICAgICAgdGhpcy5pdGVtc0hhbmRsZXJzLmlkZW50aXR5TWF0Y2hlcigpKGNvbnRyb2xWYWx1ZSwgb3B0aW9uVmFsdWUpLFxuICAgICk7XG5cbiAgICBwcm90ZWN0ZWQgb25DbGljaygpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLm9wdGlvbj8udmFsdWUoKTtcblxuICAgICAgICBpZiAodGhpcy5ob3N0Py5oYW5kbGVPcHRpb24gJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy5ob3N0LmhhbmRsZU9wdGlvbih2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8aW5wdXRcbiAgICAqbmdJZj1cInNlbGVjdCgpXCJcbiAgICB0dWlSYWRpb1xuICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgY2xhc3M9XCJ0LWNoZWNrZWQtaW5kaWNhdG9yXCJcbiAgICBbY2hlY2tlZF09XCJzZWxlY3RlZCgpXCJcbi8+XG4iXX0=