@taiga-ui/kit 4.52.0-canary.a4e325d → 4.52.0-canary.e10b718

package/styles/components/avatar.less

@@ -0,0 +1,188 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
+
+/**
+ * @name Avatar
+ * @selector [tuiAvatar]
+ *
+ * @description
+ * An avatar component which can be used with icons, text or images
+ * and is applicable to static elements as well as buttons and links
+ *
+ * @attributes
+ * data-size — size (default: 'l') ('xs' | 's' | 'm' | 'l' | 'xl' | 'xxl')
+ * data-shape — shape (default: 'round') ('round' | 'square')
+ *
+ * @example
+ * <span tuiAvatar tuiIcons style="--t-icon-start: url('icon.svg')"></span>
+ * <button tuiAvatar>
+ *   <img src="path/to/image" alt="Avatar" />
+ * </button>
+ *
+ * @see-also
+ * Icons, Icon, Appearance
+ */
+[tuiAvatar] {
+    --t-size: var(--tui-height-l);
+    --t-radius: 0.75rem;
+    --t-corner-offset: calc((var(--t-radius) * 1.4142 - var(--t-radius)) * 1 / 1.4142);
+
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+    inline-size: var(--t-size);
+    block-size: var(--t-size);
+    align-items: center;
+    justify-content: center;
+    white-space: nowrap;
+    border-radius: var(--t-radius);
+    border: none;
+    background: var(--tui-background-neutral-1);
+    color: var(--tui-text-secondary);
+    vertical-align: middle;
+    box-sizing: border-box;
+    padding: 0.25rem;
+    font: var(--tui-font-text-l);
+    font-weight: bold;
+    opacity: 0.999; // Kick in hardware rendering layer to avoid artifacts on the edges
+
+    &::before {
+        inline-size: auto;
+        block-size: auto;
+    }
+
+    &:not(._initials)::before {
+        position: absolute;
+        inset: 0;
+        font-size: calc(var(--t-size) * 0.6);
+    }
+
+    &[data-size='xs'] {
+        --t-size: var(--tui-height-xs);
+        --t-radius: 0.5rem;
+
+        font: var(--tui-font-text-ui-xs);
+        font-size: 0.5625rem;
+
+        &._initials::before {
+            font: var(--tui-font-text-ui-xs);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='s'] {
+        --t-size: var(--tui-height-s);
+        --t-radius: 0.5rem;
+
+        font: var(--tui-font-text-ui-xs);
+        font-weight: bold;
+
+        &._initials::before {
+            font: var(--tui-font-text-s);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='m'] {
+        --t-size: calc(var(--tui-height-m) - 0.25rem);
+        --t-radius: 0.75rem;
+
+        font: var(--tui-font-text-ui-m);
+        font-weight: bold;
+
+        &._initials::before {
+            font: var(--tui-font-text-m);
+            font-weight: bold;
+        }
+    }
+
+    &[data-size='xl'] {
+        --t-size: 5rem;
+        --t-radius: 0.75rem;
+
+        font: var(--tui-font-heading-4);
+
+        &._initials::before {
+            font: var(--tui-font-heading-3);
+        }
+    }
+
+    &[data-size='xxl'] {
+        --t-size: 6rem;
+        --t-radius: 1rem;
+
+        font: var(--tui-font-heading-3);
+
+        &._initials::before {
+            font: var(--tui-font-heading-3);
+        }
+    }
+
+    &[data-size='xxxl'] {
+        --t-size: 8rem;
+        --t-radius: 1.25rem;
+
+        font: var(--tui-font-heading-3);
+
+        &._initials::before {
+            font: var(--tui-font-heading-2);
+        }
+    }
+
+    &:not([data-shape='square']) {
+        --t-radius: calc(var(--t-size) / 2);
+    }
+
+    &._initials {
+        &::before {
+            content: attr(data-icon-start);
+            mask: none;
+            background: none;
+            font: var(--tui-font-heading-6);
+        }
+    }
+
+    &._badge {
+        mask: radial-gradient(
+            circle at calc(100% - var(--t-corner-offset)) calc(100% - var(--t-corner-offset)),
+            black 0.23rem,
+            transparent 0.25rem,
+            transparent 0.375rem,
+            black 0.39rem
+        );
+        mask-clip: no-clip;
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: calc(100% - var(--t-corner-offset));
+            left: calc(100% - var(--t-corner-offset));
+            display: block;
+            inline-size: 0.55rem;
+            block-size: 0.55rem;
+            border-radius: 100%;
+            background: var(--t-badge);
+            transform: translate3d(-50%, -50%, 0);
+        }
+    }
+
+    &._fallback {
+        img,
+        video {
+            display: none;
+        }
+    }
+
+    img,
+    video,
+    picture {
+        .fullsize();
+
+        object-fit: cover;
+        box-sizing: border-box;
+        border-radius: inherit;
+    }
+
+    &:has(img, video):not(._fallback) {
+        background: none;
+    }
+}

package/styles/components/block.less

@@ -94,7 +94,7 @@
         padding: 0;
     }
 
-    tui-avatar {
+    [tuiAvatar] {
         margin: -0.25rem;
     }
 

package/styles/components/checkbox.less

@@ -11,11 +11,11 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-checked-icon — checkmark icon
- * --t-indeterminate-icon — indeterminate state icon
+ * --t-icon-start — checkmark icon
+ * --t-icon-end — indeterminate state icon
  *
  * @example
- * <input type="checkbox" tuiCheckbox />
+ * <input type="checkbox" tuiCheckbox tuiIcons tuiAppearance data-appearance='secondary' />
  *
  * @see-also
  * Switch, Radio, Appearance
@@ -32,19 +32,21 @@
     flex-shrink: 0;
 
     &::before {
-        .fullsize(absolute, inset);
-
-        content: '';
+        position: absolute;
+        block-size: 100%;
+        inline-size: 100%;
         font-size: 1rem;
-        background: currentColor;
-        mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>') no-repeat center /
-            calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
+        mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"></svg>');
         transform: scale(0);
         transition:
             transform var(--tui-duration) ease-in-out,
             mask 0s var(--tui-duration) ease-in-out;
     }
 
+    &::after {
+        display: none;
+    }
+
     &:disabled._readonly {
         opacity: 1;
         pointer-events: none;
@@ -53,7 +55,7 @@
     &:checked,
     &:indeterminate {
         &::before {
-            mask-image: var(--t-checked-icon);
+            mask-image: var(--t-icon-start);
             transform: scale(1);
             transition:
                 transform var(--tui-duration) ease-in-out,
@@ -63,7 +65,7 @@
     }
 
     &:indeterminate::before {
-        mask-image: var(--t-indeterminate-icon);
+        mask-image: var(--t-icon-end);
     }
 
     &[data-size='s'] {

package/styles/components/chip.less

@@ -88,7 +88,7 @@ tui-chip,
     }
 
     & > img,
-    tui-avatar {
+    [tuiAvatar] {
         inline-size: 1.5rem;
         margin-inline-start: -0.375rem;
     }
@@ -115,8 +115,6 @@ tui-chip,
         }
     }
 
-    &[tuiAppearance][data-appearance='error'], /* TODO @deprecated remove in v5 */
-    &[tuiAppearance][data-appearance='success'], /* TODO @deprecated remove in v5 */
     &[tuiAppearance][data-appearance='negative'],
     &[tuiAppearance][data-appearance='positive'],
     &[tuiAppearance][data-appearance='warning'],

package/styles/components/like.less

@@ -11,12 +11,12 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-icon-color - custom color for `:checked` state
- * --t-unchecked-icon — default state icon
- * --t-checked-icon — checkmark icon
+ * --t-icon-color — custom color for `:checked` state
+ * --t-icon-start — default state icon
+ * --t-icon-end — checkmark icon
  *
  * @example
- * <input tuiLike />
+ * <input tuiLike tuiIcons tuiAppearance data-appearance="secondary" />
  *
  * @see-also
  * Checkbox, Switch, Radio, Appearance
@@ -34,16 +34,11 @@
     &::after {
         .fullsize();
 
-        content: '';
-        background: currentColor;
         font-size: 1.25rem;
-        mask: var(--t-unchecked-icon) no-repeat center /
-            calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem)) ~'min(1em, 100%)' padding-box;
         transition-property: transform, opacity;
     }
 
     &::after {
-        mask-image: var(--t-checked-icon);
         opacity: 0;
         color: var(--t-icon-color, inherit);
         transform: scale(0);

package/styles/components/pin.less

@@ -64,8 +64,7 @@ tui-pin,
         background: var(--tui-background-base);
     }
 
-    > tui-icon,
-    > tui-svg {
+    > tui-icon {
         .transition(~'width, height');
 
         font-size: 1.25rem;
@@ -84,8 +83,7 @@ tui-pin,
             padding: 0.125rem;
         }
 
-        > tui-icon,
-        > tui-svg {
+        > tui-icon {
             font-size: 2.125rem;
         }
 
@@ -113,8 +111,7 @@ tui-pin,
             padding: 0.125rem;
         }
 
-        > tui-icon,
-        > tui-svg {
+        > tui-icon {
             font-size: 2.125rem;
         }
 

package/styles/components/switch.less

@@ -11,10 +11,10 @@
  * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
- * --t-checked-icon — checkmark icon
+ * --t-icon-start — checkmark icon
  *
  * @example
- * <input type="checkbox" tuiSwitch />
+ * <input type="checkbox" tuiSwitch tuiAppearance data-appearance="primary" />
  *
  * @see-also
  * Checkbox, Radio
@@ -69,7 +69,6 @@
 
     &::before,
     &::after {
-        content: '';
         position: absolute;
         block-size: 100%;
         inline-size: 1.5rem;
@@ -77,10 +76,6 @@
     }
 
     &::before {
-        display: var(--t-checked-icon, none);
-        background: currentColor;
-        mask: var(--t-checked-icon) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
-            ~'min(1em, 100%)' padding-box;
         font-size: 1rem;
         inline-size: 1.375rem;
         transform: translateX(-1.5rem);
@@ -88,11 +83,16 @@
 
     &::after {
         right: 0;
+        display: block;
         border-radius: 100%;
+        background: none;
         transform: scale(0.33333);
         box-shadow: -4.5rem 0 0 0.75rem var(--tui-background-base);
         outline: 0.375rem solid var(--tui-background-neutral-2-pressed);
-        outline-offset: var(--t-checked-icon, 20rem);
+    }
+
+    &:not([data-icon-start])::after {
+        outline-offset: 20rem;
     }
 
     &:invalid:not([data-mode]),

package/tokens/input-date-options.d.ts

@@ -12,4 +12,4 @@ export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: TuiInputDateOptions;
 /**
  * Default parameters for InputDate component
  */
-export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | import("@angular/core").ProviderToken<Partial<TuiInputDateOptions>> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;
+export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;

package/components/avatar/avatar.component.d.ts

@@ -1,15 +0,0 @@
-import { type SafeResourceUrl } from '@angular/platform-browser';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-import * as i2 from "@taiga-ui/core/directives/icons";
-export declare class TuiAvatar {
-    private readonly options;
-    size: "m" | "s" | "xs" | "l" | "xl" | "xxl";
-    round: boolean;
-    src?: SafeResourceUrl | string | null;
-    protected get value(): SafeResourceUrl | string;
-    protected get svg(): boolean;
-    protected get type(): 'content' | 'icon' | 'img' | 'text';
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiAvatar, "tui-avatar,button[tuiAvatar],a[tuiAvatar]", never, { "size": { "alias": "size"; "required": false; }; "round": { "alias": "round"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithAppearance; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiIcons; inputs: { "iconStart": "src"; }; outputs: {}; }]>;
-}

package/components/input-password/index.d.ts

@@ -1,2 +0,0 @@
-export * from './input-password.component';
-export * from './input-password.options';

package/components/input-password/input-password.component.d.ts

@@ -1,16 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/components/textfield";
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-export declare class TuiInputPassword {
-    private readonly options;
-    private readonly texts;
-    protected readonly el: HTMLInputElement;
-    protected readonly size: import("@angular/core").WritableSignal<"m" | "l" | "s">;
-    protected readonly hidden: import("@angular/core").WritableSignal<boolean>;
-    protected readonly text: import("@angular/core").Signal<string>;
-    protected readonly icon: import("@angular/core").Signal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiInputPassword, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiInputPassword, "input[tuiInputPassword]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithTextfield; inputs: {}; outputs: {}; }]>;
-}

package/components/input-password/input-password.options.d.ts

@@ -1,24 +0,0 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-export interface TuiInputPasswordOptions {
-    readonly icons: Readonly<{
-        hide: TuiStringHandler<TuiSizeL | TuiSizeS> | string;
-        show: TuiStringHandler<TuiSizeL | TuiSizeS> | string;
-    }>;
-}
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-export declare const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions;
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-export declare const TUI_INPUT_PASSWORD_OPTIONS: InjectionToken<TuiInputPasswordOptions>;
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-export declare function tuiInputPasswordOptionsProvider(options: Partial<TuiInputPasswordOptions>): Provider;

package/directives/icon-badge/icon-badge.directive.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiIconBadge {
-    private readonly icon;
-    protected readonly nothing: undefined;
-    protected readonly badgeSrc: import("@angular/core").WritableSignal<string | null>;
-    set badge(icon: string);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiIconBadge, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiIconBadge, "tui-icon[badge]", never, { "badge": { "alias": "badge"; "required": false; }; }, {}, never, never, true, never>;
-}

package/directives/icon-badge/index.d.ts

@@ -1 +0,0 @@
-export * from './icon-badge.directive';

package/fesm2022/taiga-ui-kit-components-input-password.mjs

@@ -1,95 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { tuiFallbackValueProvider } from '@taiga-ui/cdk/tokens';
-import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
-import { tuiProvideOptions, tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TuiIcon } from '@taiga-ui/core/components/icon';
-import * as i1 from '@taiga-ui/core/components/textfield';
-import { TUI_TEXTFIELD_OPTIONS, TuiTextfieldContent, TuiWithTextfield } from '@taiga-ui/core/components/textfield';
-import { TuiTooltip } from '@taiga-ui/kit/directives';
-import { TUI_PASSWORD_TEXTS } from '@taiga-ui/kit/tokens';
-
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS = {
-    icons: {
-        hide: '@tui.eye-off',
-        show: '@tui.eye',
-    },
-};
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_INPUT_PASSWORD_OPTIONS' : '', {
-    factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,
-});
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-function tuiInputPasswordOptionsProvider(options) {
-    return tuiProvideOptions(TUI_INPUT_PASSWORD_OPTIONS, options, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS);
-}
-
-/**
- * @deprecated use {@link TuiPassword} with {@link TuiTextfield}
- */
-class TuiInputPassword {
-    constructor() {
-        this.options = inject(TUI_INPUT_PASSWORD_OPTIONS);
-        this.texts = toSignal(inject(TUI_PASSWORD_TEXTS), {
-            initialValue: ['', ''],
-        });
-        this.el = tuiInjectElement();
-        this.size = inject(TUI_TEXTFIELD_OPTIONS).size;
-        this.hidden = signal(true);
-        this.text = computed(() => this.hidden() ? this.texts()[0] : this.texts()[1]);
-        this.icon = computed((size = this.size()) => {
-            const icon = this.hidden() ? this.options.icons.show : this.options.icons.hide;
-            return tuiIsString(icon) ? icon : icon(size);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiInputPassword, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiInputPassword, isStandalone: true, selector: "input[tuiInputPassword]", host: { attributes: { "ngSkipHydration": "true" }, properties: { "type": "hidden() ? \"password\" : \"text\"" } }, providers: [tuiFallbackValueProvider('')], hostDirectives: [{ directive: i1.TuiWithTextfield }], ngImport: i0, template: `
-        <tui-icon
-            *tuiTextfieldContent
-            [icon]="icon()"
-            [style.border]="size() === 's' ? null : 'none'"
-            [tuiTooltip]="text()"
-            (click)="hidden.set(!hidden())"
-            (mousedown.capture.prevent.stop)="el.focus()"
-        />
-    `, isInline: true, dependencies: [{ kind: "component", type: TuiIcon, selector: "tui-icon", inputs: ["icon", "background"] }, { kind: "directive", type: TuiTextfieldContent, selector: "ng-template[tuiTextfieldContent]" }, { kind: "directive", type: TuiTooltip, selector: "tui-icon[tuiTooltip]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiInputPassword, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'input[tuiInputPassword]',
-                    imports: [TuiIcon, TuiTextfieldContent, TuiTooltip],
-                    template: `
-        <tui-icon
-            *tuiTextfieldContent
-            [icon]="icon()"
-            [style.border]="size() === 's' ? null : 'none'"
-            [tuiTooltip]="text()"
-            (click)="hidden.set(!hidden())"
-            (mousedown.capture.prevent.stop)="el.focus()"
-        />
-    `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [tuiFallbackValueProvider('')],
-                    hostDirectives: [TuiWithTextfield],
-                    host: {
-                        ngSkipHydration: 'true',
-                        '[type]': 'hidden() ? "password" : "text"',
-                    },
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_INPUT_PASSWORD_DEFAULT_OPTIONS, TUI_INPUT_PASSWORD_OPTIONS, TuiInputPassword, tuiInputPasswordOptionsProvider };
-//# sourceMappingURL=taiga-ui-kit-components-input-password.mjs.map

package/fesm2022/taiga-ui-kit-components-input-password.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-input-password.mjs","sources":["../../../projects/kit/components/input-password/input-password.options.ts","../../../projects/kit/components/input-password/input-password.component.ts","../../../projects/kit/components/input-password/taiga-ui-kit-components-input-password.ts"],"sourcesContent":["import {InjectionToken, type Provider} from '@angular/core';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport interface TuiInputPasswordOptions {\n    readonly icons: Readonly<{\n        hide: TuiStringHandler<TuiSizeL | TuiSizeS> | string;\n        show: TuiStringHandler<TuiSizeL | TuiSizeS> | string;\n    }>;\n}\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport const TUI_INPUT_PASSWORD_DEFAULT_OPTIONS: TuiInputPasswordOptions = {\n    icons: {\n        hide: '@tui.eye-off',\n        show: '@tui.eye',\n    },\n};\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport const TUI_INPUT_PASSWORD_OPTIONS = new InjectionToken(\n    ngDevMode ? 'TUI_INPUT_PASSWORD_OPTIONS' : '',\n    {\n        factory: () => TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n    },\n);\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\nexport function tuiInputPasswordOptionsProvider(\n    options: Partial<TuiInputPasswordOptions>,\n): Provider {\n    return tuiProvideOptions(\n        TUI_INPUT_PASSWORD_OPTIONS,\n        options,\n        TUI_INPUT_PASSWORD_DEFAULT_OPTIONS,\n    );\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    signal,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiIsString} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\nimport {\n    TUI_TEXTFIELD_OPTIONS,\n    TuiTextfieldContent,\n    TuiWithTextfield,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiTooltip} from '@taiga-ui/kit/directives';\nimport {TUI_PASSWORD_TEXTS} from '@taiga-ui/kit/tokens';\n\nimport {TUI_INPUT_PASSWORD_OPTIONS} from './input-password.options';\n\n/**\n * @deprecated use {@link TuiPassword} with {@link TuiTextfield}\n */\n@Component({\n    selector: 'input[tuiInputPassword]',\n    imports: [TuiIcon, TuiTextfieldContent, TuiTooltip],\n    template: `\n        <tui-icon\n            *tuiTextfieldContent\n            [icon]=\"icon()\"\n            [style.border]=\"size() === 's' ? null : 'none'\"\n            [tuiTooltip]=\"text()\"\n            (click)=\"hidden.set(!hidden())\"\n            (mousedown.capture.prevent.stop)=\"el.focus()\"\n        />\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiFallbackValueProvider('')],\n    hostDirectives: [TuiWithTextfield],\n    host: {\n        ngSkipHydration: 'true',\n        '[type]': 'hidden() ? \"password\" : \"text\"',\n    },\n})\nexport class TuiInputPassword {\n    private readonly options = inject(TUI_INPUT_PASSWORD_OPTIONS);\n    private readonly texts = toSignal(inject(TUI_PASSWORD_TEXTS), {\n        initialValue: ['', ''] as const,\n    });\n\n    protected readonly el = tuiInjectElement<HTMLInputElement>();\n    protected readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    protected readonly hidden = signal(true);\n    protected readonly text = computed(() =>\n        this.hidden() ? this.texts()[0] : this.texts()[1],\n    );\n\n    protected readonly icon = computed((size = this.size()) => {\n        const icon = this.hidden() ? this.options.icons.show : this.options.icons.hide;\n\n        return tuiIsString(icon) ? icon : icon(size);\n    });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs

@@ -1,47 +0,0 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, signal, Input, Directive } from '@angular/core';
-import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TuiIcon } from '@taiga-ui/core/components/icon';
-
-class TuiIconBadgeStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiIconBadgeStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiIconBadgeStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-icon-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiIconBadge]:after{content:\"\";position:absolute;right:.143em;bottom:.143em;display:var(--t-icon-badge, none);inline-size:.57em;block-size:.57em;transform:translate(50%,50%);mask:var(--t-icon-badge) no-repeat center / calc(100% + 10 * var(--tui-stroke-width, .125rem)) 100%;background:currentColor}[tuiIconBadge][style*=\"--t-icon-badge:\"]:before{-webkit-mask-image:var(--t-icon),radial-gradient(circle at bottom .1em right .1em,transparent calc(.4em - .5px),#000 .4em);mask-image:var(--t-icon),radial-gradient(circle at bottom .1em right .1em,transparent calc(.4em - .5px),#000 .4em);-webkit-mask-composite:source-in;mask-composite:intersect}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiIconBadgeStyles, decorators: [{
-            type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-icon-badge',
-                    }, styles: ["[tuiIconBadge]:after{content:\"\";position:absolute;right:.143em;bottom:.143em;display:var(--t-icon-badge, none);inline-size:.57em;block-size:.57em;transform:translate(50%,50%);mask:var(--t-icon-badge) no-repeat center / calc(100% + 10 * var(--tui-stroke-width, .125rem)) 100%;background:currentColor}[tuiIconBadge][style*=\"--t-icon-badge:\"]:before{-webkit-mask-image:var(--t-icon),radial-gradient(circle at bottom .1em right .1em,transparent calc(.4em - .5px),#000 .4em);mask-image:var(--t-icon),radial-gradient(circle at bottom .1em right .1em,transparent calc(.4em - .5px),#000 .4em);-webkit-mask-composite:source-in;mask-composite:intersect}\n"] }]
-        }] });
-class TuiIconBadge {
-    constructor() {
-        this.icon = inject(TuiIcon);
-        this.nothing = tuiWithStyles(TuiIconBadgeStyles);
-        this.badgeSrc = signal(null);
-    }
-    set badge(icon) {
-        this.badgeSrc.set(this.icon.resolve(icon));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiIconBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: TuiIconBadge, isStandalone: true, selector: "tui-icon[badge]", inputs: { badge: "badge" }, host: { attributes: { "tuiIconBadge": "" }, properties: { "style.--t-icon-badge": "badgeSrc()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiIconBadge, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'tui-icon[badge]',
-                    host: {
-                        tuiIconBadge: '',
-                        '[style.--t-icon-badge]': 'badgeSrc()',
-                    },
-                }]
-        }], propDecorators: { badge: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiIconBadge };
-//# sourceMappingURL=taiga-ui-kit-directives-icon-badge.mjs.map

package/fesm2022/taiga-ui-kit-directives-icon-badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-directives-icon-badge.mjs","sources":["../../../projects/kit/directives/icon-badge/icon-badge.directive.ts","../../../projects/kit/directives/icon-badge/taiga-ui-kit-directives-icon-badge.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    inject,\n    Input,\n    signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiIcon} from '@taiga-ui/core/components/icon';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./icon-badge.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-icon-badge',\n    },\n})\nclass TuiIconBadgeStyles {}\n\n@Directive({\n    standalone: true,\n    selector: 'tui-icon[badge]',\n    host: {\n        tuiIconBadge: '',\n        '[style.--t-icon-badge]': 'badgeSrc()',\n    },\n})\nexport class TuiIconBadge {\n    private readonly icon = inject(TuiIcon);\n\n    protected readonly nothing = tuiWithStyles(TuiIconBadgeStyles);\n    protected readonly badgeSrc = signal<string | null>(null);\n\n    @Input()\n    public set badge(icon: string) {\n        this.badgeSrc.set(this.icon.resolve(icon));\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYA,MAUM,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,oHARV,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,2oBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQV,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,gBAAgB;AAC1B,qBAAA,EAAA,MAAA,EAAA,CAAA,2oBAAA,CAAA,EAAA;;MAYQ,YAAY,CAAA;AARzB,IAAA,WAAA,GAAA;AASqB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;AAEpB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,kBAAkB,CAAC;AAC3C,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC;AAM5D,IAAA;IAJG,IACW,KAAK,CAAC,IAAY,EAAA;AACzB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C;8GATS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBARxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACF,wBAAA,YAAY,EAAE,EAAE;AAChB,wBAAA,wBAAwB,EAAE,YAAY;AACzC,qBAAA;AACJ,iBAAA;8BAQc,KAAK,EAAA,CAAA;sBADf;;;ACtCL;;AAEG;;;;"}