@taiga-ui/legacy 4.65.0 → 5.0.0-canary.2e92594

package/fesm2022/taiga-ui-legacy-utils.mjs

@@ -1,268 +0,0 @@
-import { CHAR_PLUS, TUI_VERSION } from '@taiga-ui/cdk/constants';
-import { isApple } from '@ng-web-apis/platform';
-import { tuiDropdownOptionsProvider } from '@taiga-ui/core/directives/dropdown';
-
-/**
- * @deprecated: drop in v5.0
- */
-function tuiCapitalizeFirstLetter(value) {
-    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;
-}
-
-/**
- * @deprecated: drop in v5.0
- */
-const TUI_DATE_MODE_MASKITO_ADAPTER = {
-    DMY: 'dd/mm/yyyy',
-    MDY: 'mm/dd/yyyy',
-    YMD: 'yyyy/mm/dd',
-};
-
-/**
- * @deprecated: drop in v5.0
- * Use {@link https://maskito.dev/core-concepts/transformer maskitoTransform} instead!
- * @example
- * import {maskitoTransform} from '@maskito/core';
- *
- * const mask = {
- *     mask: ['+', '1', ' ', /\d/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
- * };
- * maskitoTransform('12125552368', mask); // +1 (212) 555-2368
- * ___
- * @example
- * import {maskitoTransform} from '@maskito/core';
- * import {maskitoPhoneOptionsGenerator} from '@maskito/phone';
- * import metadata from 'libphonenumber-js/min/metadata';
- *
- * const options = maskitoPhoneOptionsGenerator({countryIsoCode: 'US', metadata});
- *
- * maskitoTransform('12125552368', mask); // +1 (212) 555-2368
- * ___
- * @deprecated Use {@link https://maskito.dev/core-concepts/transformer maskitoTransform} instead<br/>
- * Formats a string with the phone format +7XXXXXXXXXXXX or XXXXXXXXXXXX,
- * adding parentheses and hyphens.
- *
- * @param value the input string
- * @param countryCode a country code
- * @param phoneMask a phone number mask
- * @return the formatted phone string of the form +7 XXX XXX-XX-XX
- */
-function tuiFormatPhone(value, countryCode, phoneMask) {
-    if (!value) {
-        return '';
-    }
-    let result = countryCode;
-    countryCode = countryCode.replaceAll(/[()]/g, '');
-    if (!value.startsWith(countryCode)) {
-        value = countryCode + value.replace(CHAR_PLUS, '');
-    }
-    const splitPhoneMask = phoneMask.split('');
-    const splitValue = value.slice(countryCode.length).split('');
-    result += ' ';
-    if (splitValue.length === 0) {
-        return result;
-    }
-    for (const mask of splitPhoneMask) {
-        if (splitValue.length === 0) {
-            break;
-        }
-        if (mask === '#') {
-            result += splitValue[0] || '';
-            splitValue.splice(0, 1);
-        }
-        else {
-            result += mask;
-        }
-    }
-    return result;
-}
-
-const ITEM_SIZE = 1.5;
-const CONTENT_SIZE = 2.5;
-/**
- * @deprecated: drop in v5.0
- */
-function tuiGetBorder(hasIcon, hasCleaner = false, hasTooltip = false, hasContent = false, size = 'm') {
-    const offset = size === 's' ? 0 : 0.25;
-    let border = 0;
-    if (hasIcon) {
-        border += ITEM_SIZE + offset;
-    }
-    if (hasCleaner) {
-        border += ITEM_SIZE + offset;
-    }
-    if (hasTooltip) {
-        border += ITEM_SIZE + offset;
-    }
-    if (hasContent) {
-        border += CONTENT_SIZE + offset;
-    }
-    return border;
-}
-
-/**
- * @deprecated: drop in v5.0
- * use `validatePhoneNumberLength` from `libphonenumber-js` instead
- * ```
- * npm i libphonenumber-js
- * ```
- *
- * ```ts
- * import {validatePhoneNumberLength} from 'libphonenumber-js';
- * import metadata from 'libphonenumber-js/max/metadata';
- *
- * const validationError = validatePhoneNumberLength(
- *      '+7 777 777-7777',
- *      'KZ'
- * ) // undefined | 'INVALID_COUNTRY' | 'NOT_A_NUMBER' | 'TOO_SHORT' | 'TOO_LONG' | 'INVALID_LENGTH';
- *
- * validatePhoneNumberLength('+7777777', 'KZ'); // 'TOO_SHORT'
- * validatePhoneNumberLength('+7 777 777-7777', 'KZ'); // undefined
- * validatePhoneNumberLength('+77777777777', 'KZ'); // undefined
- * validatePhoneNumberLength('+777777777777777777', 'KZ'); // 'TOO_LONG'
- * ```
- */
-function tuiGetMaxAllowedPhoneLength(countries, isoCode) {
-    return countries[isoCode].replaceAll(/[()\- ]/g, '').length;
-}
-
-/**
- * @deprecated: drop in v5.0
- * Calculates size of safe area on mobile devices (status bars)
- *
- * ATTENTION: Only use in browser environment
- */
-function tuiGetSafeAreaSize() {
-    if (!CSS.supports('padding-top: env(safe-area-inset-top)')) {
-        return 0;
-    }
-    const div = document.createElement('div');
-    div.style.paddingTop = 'env(safe-area-inset-top)';
-    document.body.appendChild(div);
-    const safeAreaSize = parseInt(window.getComputedStyle(div).paddingTop, 10) || 0;
-    document.body.removeChild(div);
-    return safeAreaSize;
-}
-
-/**
- * @deprecated: drop in v5.0
- */
-const TUI_CACHE_BUSTING_PAYLOAD = `?v=${TUI_VERSION}`;
-/**
- * @deprecated: drop in v5.0
- */
-const DEFAULT_ICONS_PATH = (name) => name.includes('.svg#') ? name : `#${name}`;
-/**
- * @deprecated: drop in v5.0
- */
-function tuiIconsPathFactory(staticPath) {
-    const base = staticPath.endsWith('/') ? staticPath : `${staticPath}/`;
-    return (name) => {
-        if (name.startsWith('tuiIcon')) {
-            return `${base}${name}.svg${TUI_CACHE_BUSTING_PAYLOAD}#${name}`;
-        }
-        return DEFAULT_ICONS_PATH(name);
-    };
-}
-
-/**
- * @deprecated: drop in v5.0
- */
-const tuiIsApple = isApple;
-
-/**
- * @deprecated: drop in v5.0
- */
-function tuiIsPresumedHTMLString(candidate) {
-    const trimmed = candidate.trim();
-    return trimmed.startsWith('<') && trimmed.endsWith('>');
-}
-
-const MASK_AFTER_CODE_REGEXP = /\(#+\)|[#\- ]/g;
-/**
- * @deprecated: drop in v5.0
- * Use `getCountryCallingCode` from `libphonenumber-js/core` instead
- * ```ts
- * import {getCountryCallingCode} from 'libphonenumber-js/core';
- * import metadata from 'libphonenumber-js/max/metadata';
- *
- * getCountryCallingCode('US', metadata) // 1
- * getCountryCallingCode('GB', metadata) // 44
- * ```
- */
-function tuiIsoToCountryCode(countriesMasks, isoCode) {
-    return countriesMasks[isoCode].replaceAll(MASK_AFTER_CODE_REGEXP, '');
-}
-
-/**
- * @deprecated: drop in v5.0
- * use `maskitoGetCountryFromNumber` from `@maskito/phone` instead
- * ```
- * npm i @maskito/phone
- * ```
- *
- * ```ts
- * import {maskitoGetCountryFromNumber} from '@maskito/phone';
- * import metadata from 'libphonenumber-js/max/metadata';
- *
- * const countryIsoCode = maskitoGetCountryFromNumber(
- *      '+7 777 777-7777',
- *      metadata
- * );
- *
- * countryIsoCode !== 'KZ'
- * ```
- */
-function tuiNotKzRegion(value) {
-    const region = Number(value.slice(1, 4));
-    return region < 600 || region > 799;
-}
-
-const WIDTH_SEARCH = 'width="';
-const HEIGHT_SEARCH = 'height="';
-const START = '<svg';
-/**
- * @deprecated: drop in v5.0
- */
-function tuiProcessIcon(source, name) {
-    if (source.includes(`id="${name}"`)) {
-        return source;
-    }
-    const src = source.slice(Math.max(0, source.indexOf(START)));
-    const attributes = src.slice(0, Math.max(0, src.indexOf('>')));
-    if (!attributes?.includes(WIDTH_SEARCH) || !attributes.includes(HEIGHT_SEARCH)) {
-        return `${src.replace(START, `<svg xmlns="http://www.w3.org/2000/svg"><g id="${name}" xmlns="http://www.w3.org/2000/svg"><svg`)}</g></svg>`;
-    }
-    const indexOfWidth = attributes.indexOf(WIDTH_SEARCH);
-    const indexOfHeight = attributes.indexOf(HEIGHT_SEARCH);
-    const widthOffset = indexOfWidth + WIDTH_SEARCH.length;
-    const heightOffset = indexOfHeight + HEIGHT_SEARCH.length;
-    const widthString = attributes.slice(widthOffset, attributes.indexOf('"', widthOffset));
-    const heightString = attributes.slice(heightOffset, attributes.indexOf('"', heightOffset));
-    if (!heightString ||
-        !widthString ||
-        widthString.includes('%') ||
-        heightString.includes('%') ||
-        widthString.includes('em') ||
-        heightString.includes('em')) {
-        return src.replace(START, `<svg id="${name}"`);
-    }
-    const width = parseInt(widthString, 10);
-    const height = parseInt(heightString, 10);
-    return `<g id="${name}" xmlns="http://www.w3.org/2000/svg"><svg  x="50%" y="50%" width="${width / 16}em" height="${height / 16}em" overflow="visible" viewBox="0 0 ${width} ${height}"><svg x="${-width / 2}" y="${-height / 2}">${src}</svg></svg></g>`;
-}
-
-/**
- * @deprecated: drop in v5.0
- */
-const FIXED_DROPDOWN_CONTROLLER_PROVIDER = tuiDropdownOptionsProvider({
-    limitWidth: 'fixed',
-    align: 'right',
-});
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { DEFAULT_ICONS_PATH, FIXED_DROPDOWN_CONTROLLER_PROVIDER, TUI_CACHE_BUSTING_PAYLOAD, TUI_DATE_MODE_MASKITO_ADAPTER, tuiCapitalizeFirstLetter, tuiFormatPhone, tuiGetBorder, tuiGetMaxAllowedPhoneLength, tuiGetSafeAreaSize, tuiIconsPathFactory, tuiIsApple, tuiIsPresumedHTMLString, tuiIsoToCountryCode, tuiNotKzRegion, tuiProcessIcon };
-//# sourceMappingURL=taiga-ui-legacy-utils.mjs.map

package/fesm2022/taiga-ui-legacy-utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-legacy-utils.mjs","sources":["../../../projects/legacy/utils/capitalize-first-letter.ts","../../../projects/legacy/utils/date-mode-maskito-adapter.ts","../../../projects/legacy/utils/format-phone.ts","../../../projects/legacy/utils/get-border.ts","../../../projects/legacy/utils/get-max-allowed-phone-length.ts","../../../projects/legacy/utils/get-safe-area-size.ts","../../../projects/legacy/utils/icons-path-factory.ts","../../../projects/legacy/utils/is-apple.ts","../../../projects/legacy/utils/is-presumed-html-string.ts","../../../projects/legacy/utils/iso-to-country-code.ts","../../../projects/legacy/utils/not-kz-region.ts","../../../projects/legacy/utils/process-icon.ts","../../../projects/legacy/utils/specific-dropdown-controllers.ts","../../../projects/legacy/utils/taiga-ui-legacy-utils.ts"],"sourcesContent":["/**\n * @deprecated: drop in v5.0\n */\nexport function tuiCapitalizeFirstLetter(value: string): string {\n    return `${value.charAt(0).toUpperCase()}${value.slice(1)}`;\n}\n","import {type MaskitoDateMode} from '@maskito/kit';\nimport {type TuiDateMode} from '@taiga-ui/cdk/date-time';\n\n/**\n * @deprecated: drop in v5.0\n */\nexport const TUI_DATE_MODE_MASKITO_ADAPTER: Record<TuiDateMode, MaskitoDateMode> = {\n    DMY: 'dd/mm/yyyy',\n    MDY: 'mm/dd/yyyy',\n    YMD: 'yyyy/mm/dd',\n};\n","import {CHAR_PLUS} from '@taiga-ui/cdk/constants';\n\n/**\n * @deprecated: drop in v5.0\n * Use {@link https://maskito.dev/core-concepts/transformer maskitoTransform} instead!\n * @example\n * import {maskitoTransform} from '@maskito/core';\n *\n * const mask = {\n *     mask: ['+', '1', ' ', /\\d/, /\\d/, /\\d/, ')', ' ', /\\d/, /\\d/, /\\d/, '-', /\\d/, /\\d/, /\\d/, /\\d/],\n * };\n * maskitoTransform('12125552368', mask); // +1 (212) 555-2368\n * ___\n * @example\n * import {maskitoTransform} from '@maskito/core';\n * import {maskitoPhoneOptionsGenerator} from '@maskito/phone';\n * import metadata from 'libphonenumber-js/min/metadata';\n *\n * const options = maskitoPhoneOptionsGenerator({countryIsoCode: 'US', metadata});\n *\n * maskitoTransform('12125552368', mask); // +1 (212) 555-2368\n * ___\n * @deprecated Use {@link https://maskito.dev/core-concepts/transformer maskitoTransform} instead<br/>\n * Formats a string with the phone format +7XXXXXXXXXXXX or XXXXXXXXXXXX,\n * adding parentheses and hyphens.\n *\n * @param value the input string\n * @param countryCode a country code\n * @param phoneMask a phone number mask\n * @return the formatted phone string of the form +7 XXX XXX-XX-XX\n */\nexport function tuiFormatPhone(\n    value: string,\n    countryCode: string,\n    phoneMask: string,\n): string {\n    if (!value) {\n        return '';\n    }\n\n    let result = countryCode;\n\n    countryCode = countryCode.replaceAll(/[()]/g, '');\n\n    if (!value.startsWith(countryCode)) {\n        value = countryCode + value.replace(CHAR_PLUS, '');\n    }\n\n    const splitPhoneMask = phoneMask.split('');\n    const splitValue = value.slice(countryCode.length).split('');\n\n    result += ' ';\n\n    if (splitValue.length === 0) {\n        return result;\n    }\n\n    for (const mask of splitPhoneMask) {\n        if (splitValue.length === 0) {\n            break;\n        }\n\n        if (mask === '#') {\n            result += splitValue[0] || '';\n            splitValue.splice(0, 1);\n        } else {\n            result += mask;\n        }\n    }\n\n    return result;\n}\n","import {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\nconst ITEM_SIZE = 1.5;\nconst CONTENT_SIZE = 2.5;\n\n/**\n * @deprecated: drop in v5.0\n */\n\nexport function tuiGetBorder(\n    hasIcon: boolean,\n    hasCleaner = false,\n    hasTooltip = false,\n    hasContent = false,\n    size: TuiSizeL | TuiSizeS = 'm',\n): number {\n    const offset = size === 's' ? 0 : 0.25;\n    let border = 0;\n\n    if (hasIcon) {\n        border += ITEM_SIZE + offset;\n    }\n\n    if (hasCleaner) {\n        border += ITEM_SIZE + offset;\n    }\n\n    if (hasTooltip) {\n        border += ITEM_SIZE + offset;\n    }\n\n    if (hasContent) {\n        border += CONTENT_SIZE + offset;\n    }\n\n    return border;\n}\n","import {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\n\n/**\n * @deprecated: drop in v5.0\n * use `validatePhoneNumberLength` from `libphonenumber-js` instead\n * ```\n * npm i libphonenumber-js\n * ```\n *\n * ```ts\n * import {validatePhoneNumberLength} from 'libphonenumber-js';\n * import metadata from 'libphonenumber-js/max/metadata';\n *\n * const validationError = validatePhoneNumberLength(\n *      '+7 777 777-7777',\n *      'KZ'\n * ) // undefined | 'INVALID_COUNTRY' | 'NOT_A_NUMBER' | 'TOO_SHORT' | 'TOO_LONG' | 'INVALID_LENGTH';\n *\n * validatePhoneNumberLength('+7777777', 'KZ'); // 'TOO_SHORT'\n * validatePhoneNumberLength('+7 777 777-7777', 'KZ'); // undefined\n * validatePhoneNumberLength('+77777777777', 'KZ'); // undefined\n * validatePhoneNumberLength('+777777777777777777', 'KZ'); // 'TOO_LONG'\n * ```\n */\nexport function tuiGetMaxAllowedPhoneLength(\n    countries: Record<TuiCountryIsoCode, string>,\n    isoCode: TuiCountryIsoCode,\n): number {\n    return countries[isoCode].replaceAll(/[()\\- ]/g, '').length;\n}\n","/**\n * @deprecated: drop in v5.0\n * Calculates size of safe area on mobile devices (status bars)\n *\n * ATTENTION: Only use in browser environment\n */\nexport function tuiGetSafeAreaSize(): number {\n    if (!CSS.supports('padding-top: env(safe-area-inset-top)')) {\n        return 0;\n    }\n\n    const div = document.createElement('div');\n\n    div.style.paddingTop = 'env(safe-area-inset-top)';\n    document.body.appendChild(div);\n\n    const safeAreaSize = parseInt(window.getComputedStyle(div).paddingTop, 10) || 0;\n\n    document.body.removeChild(div);\n\n    return safeAreaSize;\n}\n","import {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {type TuiStringHandler} from '@taiga-ui/cdk/types';\n\n/**\n * @deprecated: drop in v5.0\n */\nexport const TUI_CACHE_BUSTING_PAYLOAD = `?v=${TUI_VERSION}` as const;\n\n/**\n * @deprecated: drop in v5.0\n */\nexport const DEFAULT_ICONS_PATH: TuiStringHandler<string> = (name) =>\n    name.includes('.svg#') ? name : `#${name}`;\n\n/**\n * @deprecated: drop in v5.0\n */\nexport function tuiIconsPathFactory(staticPath: string): TuiStringHandler<string> {\n    const base = staticPath.endsWith('/') ? staticPath : `${staticPath}/`;\n\n    return (name) => {\n        if (name.startsWith('tuiIcon')) {\n            return `${base}${name}.svg${TUI_CACHE_BUSTING_PAYLOAD}#${name}`;\n        }\n\n        return DEFAULT_ICONS_PATH(name);\n    };\n}\n","import {isApple} from '@ng-web-apis/platform';\n\n/**\n * @deprecated: drop in v5.0\n */\nexport const tuiIsApple = isApple;\n","/**\n * @deprecated: drop in v5.0\n */\nexport function tuiIsPresumedHTMLString(candidate: string): boolean {\n    const trimmed = candidate.trim();\n\n    return trimmed.startsWith('<') && trimmed.endsWith('>');\n}\n","import {type TuiCountryIsoCode} from '@taiga-ui/i18n/types';\n\nconst MASK_AFTER_CODE_REGEXP = /\\(#+\\)|[#\\- ]/g;\n\n/**\n * @deprecated: drop in v5.0\n * Use `getCountryCallingCode` from `libphonenumber-js/core` instead\n * ```ts\n * import {getCountryCallingCode} from 'libphonenumber-js/core';\n * import metadata from 'libphonenumber-js/max/metadata';\n *\n * getCountryCallingCode('US', metadata) // 1\n * getCountryCallingCode('GB', metadata) // 44\n * ```\n */\nexport function tuiIsoToCountryCode(\n    countriesMasks: Record<TuiCountryIsoCode, string>,\n    isoCode: TuiCountryIsoCode,\n): string {\n    return countriesMasks[isoCode].replaceAll(MASK_AFTER_CODE_REGEXP, '');\n}\n","/**\n * @deprecated: drop in v5.0\n * use `maskitoGetCountryFromNumber` from `@maskito/phone` instead\n * ```\n * npm i @maskito/phone\n * ```\n *\n * ```ts\n * import {maskitoGetCountryFromNumber} from '@maskito/phone';\n * import metadata from 'libphonenumber-js/max/metadata';\n *\n * const countryIsoCode = maskitoGetCountryFromNumber(\n *      '+7 777 777-7777',\n *      metadata\n * );\n *\n * countryIsoCode !== 'KZ'\n * ```\n */\nexport function tuiNotKzRegion(value: string): boolean {\n    const region = Number(value.slice(1, 4));\n\n    return region < 600 || region > 799;\n}\n","const WIDTH_SEARCH = 'width=\"';\nconst HEIGHT_SEARCH = 'height=\"';\nconst START = '<svg';\n\n/**\n * @deprecated: drop in v5.0\n */\nexport function tuiProcessIcon(source: string, name: string): string {\n    if (source.includes(`id=\"${name}\"`)) {\n        return source;\n    }\n\n    const src = source.slice(Math.max(0, source.indexOf(START)));\n    const attributes = src.slice(0, Math.max(0, src.indexOf('>')));\n\n    if (!attributes?.includes(WIDTH_SEARCH) || !attributes.includes(HEIGHT_SEARCH)) {\n        return `${src.replace(\n            START,\n            `<svg xmlns=\"http://www.w3.org/2000/svg\"><g id=\"${name}\" xmlns=\"http://www.w3.org/2000/svg\"><svg`,\n        )}</g></svg>`;\n    }\n\n    const indexOfWidth = attributes.indexOf(WIDTH_SEARCH);\n    const indexOfHeight = attributes.indexOf(HEIGHT_SEARCH);\n    const widthOffset = indexOfWidth + WIDTH_SEARCH.length;\n    const heightOffset = indexOfHeight + HEIGHT_SEARCH.length;\n    const widthString = attributes.slice(\n        widthOffset,\n        attributes.indexOf('\"', widthOffset),\n    );\n    const heightString = attributes.slice(\n        heightOffset,\n        attributes.indexOf('\"', heightOffset),\n    );\n\n    if (\n        !heightString ||\n        !widthString ||\n        widthString.includes('%') ||\n        heightString.includes('%') ||\n        widthString.includes('em') ||\n        heightString.includes('em')\n    ) {\n        return src.replace(START, `<svg id=\"${name}\"`);\n    }\n\n    const width = parseInt(widthString, 10);\n    const height = parseInt(heightString, 10);\n\n    return `<g id=\"${name}\" xmlns=\"http://www.w3.org/2000/svg\"><svg  x=\"50%\" y=\"50%\" width=\"${\n        width / 16\n    }em\" height=\"${\n        height / 16\n    }em\" overflow=\"visible\" viewBox=\"0 0 ${width} ${height}\"><svg x=\"${-width / 2}\" y=\"${\n        -height / 2\n    }\">${src}</svg></svg></g>`;\n}\n","import {tuiDropdownOptionsProvider} from '@taiga-ui/core/directives/dropdown';\n\n/**\n * @deprecated: drop in v5.0\n */\nexport const FIXED_DROPDOWN_CONTROLLER_PROVIDER = tuiDropdownOptionsProvider({\n    limitWidth: 'fixed',\n    align: 'right',\n});\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/pipes/format-phone/format-phone.pipe.d.ts

@@ -1,37 +0,0 @@
-import { type PipeTransform } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @deprecated: drop in v5.0
- */
-export declare class TuiFormatPhonePipe implements PipeTransform {
-    /**
-     * Use {@link https://maskito.dev/frameworks/angular#pipe MaskitoPipe} instead!
-     * ```ts
-     * import {maskitoTransform} from '@maskito/core';
-     * import {maskitoPhoneOptionsGenerator} from '@maskito/phone';
-     * import metadata from 'libphonenumber-js/min/metadata';
-     *
-     * @Component({
-     *     standalone: true,
-     *     imports: [MaskitoPipe],
-     *     template: `
-     *         Phone: {{'12125552368' | maskito: options}}
-     *         <!-- Phone: +1 (212) 555-2368 -->
-     *     `,
-     * })
-     * export class YourComponent {
-     *     options = maskitoPhoneOptionsGenerator({countryIsoCode: 'US', metadata});
-     * }
-     * ```
-     * ___
-     * @deprecated Use {@link https://maskito.dev/frameworks/angular#pipe MaskitoPipe} instead!
-     * Formats phone number string of +7XXXXXXXXXX format with adding separator symbols
-     * @param value
-     * @param countryCode
-     * @param phoneMask
-     * @return formatted phone number string +7(XXX)XXX-XX-XX
-     */
-    transform(value: string, countryCode?: string, phoneMask?: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFormatPhonePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiFormatPhonePipe, "tuiFormatPhone", true>;
-}

package/pipes/format-phone/index.d.ts

@@ -1 +0,0 @@
-export * from './format-phone.pipe';

package/pipes/index.d.ts

@@ -1,3 +0,0 @@
-export * from '@taiga-ui/legacy/pipes/format-phone';
-export * from '@taiga-ui/legacy/pipes/iso-to-country-code';
-export * from '@taiga-ui/legacy/pipes/to-country-code';

package/pipes/iso-to-country-code/index.d.ts

@@ -1 +0,0 @@
-export * from './iso-to-country-code.pipe';

package/pipes/iso-to-country-code/iso-to-country-code.pipe.d.ts

@@ -1,30 +0,0 @@
-import { type PipeTransform } from '@angular/core';
-import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import * as i0 from "@angular/core";
-/**
- * @deprecated: drop in v5.0
- * Use `getCountryCallingCode` from `libphonenumber-js/core` instead
- * ```ts
- * import {getCountryCallingCode} from 'libphonenumber-js/core';
- * import metadata from 'libphonenumber-js/max/metadata';
- *
- * getCountryCallingCode('US', metadata) // 1
- * getCountryCallingCode('GB', metadata) // 44
- * ```
- */
-export declare class TuiIsoToCountryCodePipe implements PipeTransform {
-    private readonly countriesMasks;
-    /**
-     * @deprecated Use `getCountryCallingCode` from `libphonenumber-js/core` instead
-     * ```ts
-     * import {getCountryCallingCode} from 'libphonenumber-js/core';
-     * import metadata from 'libphonenumber-js/max/metadata';
-     *
-     * getCountryCallingCode('US', metadata) // 1
-     * getCountryCallingCode('GB', metadata) // 44
-     * ```
-     */
-    transform(isoCode: TuiCountryIsoCode): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiIsoToCountryCodePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiIsoToCountryCodePipe, "tuiIsoToCountryCode", true>;
-}

package/pipes/to-country-code/index.d.ts

@@ -1 +0,0 @@
-export * from './to-country-code.pipe';

package/pipes/to-country-code/to-country-code.pipe.d.ts

@@ -1,38 +0,0 @@
-import { type PipeTransform } from '@angular/core';
-import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import * as i0 from "@angular/core";
-/**
- * @deprecated: drop in v5.0
- * use `maskitoGetCountryFromNumber` from `@maskito/phone` instead
- * ```
- * npm i @maskito/phone
- * ```
- *
- * ```ts
- * import {maskitoGetCountryFromNumber} from '@maskito/phone';
- * import metadata from 'libphonenumber-js/min/metadata';
- *
- * maskitoGetCountryFromNumber('+1 (212) 555-2368', metadata); // 'US'
- * maskitoGetCountryFromNumber('+12125552368', metadata); // 'US'
- * ```
- */
-export declare class TuiToCountryCodePipe implements PipeTransform {
-    private readonly countriesMasks;
-    /**
-     * @deprecated use `maskitoGetCountryFromNumber` from `@maskito/phone` instead
-     * ```
-     * npm i @maskito/phone
-     * ```
-     *
-     * ```ts
-     * import {maskitoGetCountryFromNumber} from '@maskito/phone';
-     * import metadata from 'libphonenumber-js/min/metadata';
-     *
-     * maskitoGetCountryFromNumber('+1 (212) 555-2368', metadata); // 'US'
-     * maskitoGetCountryFromNumber('+12125552368', metadata); // 'US'
-     * ```
-     */
-    transform(value: string, countries: readonly TuiCountryIsoCode[]): TuiCountryIsoCode | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiToCountryCodePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TuiToCountryCodePipe, "tuiToCountryCode", true>;
-}

package/services/index.d.ts

@@ -1 +0,0 @@
-export * from './static-request.service';

package/services/static-request.service.d.ts

@@ -1,11 +0,0 @@
-import { type Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @deprecated: drop in v5.0
- */
-export declare class TuiStaticRequestService {
-    private readonly cache;
-    request(url: string): Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiStaticRequestService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiStaticRequestService>;
-}

package/styles/mixins/mixins.less

@@ -1,239 +0,0 @@
-.clearfix() {
-    &::after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-}
-
-.autofill(@mode:default) {
-    &:-webkit-autofill,
-    &:-webkit-autofill:hover,
-    &:-webkit-autofill:focus {
-        -webkit-text-fill-color: var(--tui-text-primary) !important;
-        border-color: var(--tui-service-autofill-background);
-        box-shadow: 0 0 0 100rem var(--tui-service-autofill-background) inset !important; // to overlay native background
-    }
-}
-
-.clearinput(@mode: default) {
-    .autofill(@mode);
-
-    padding: 0;
-    margin: 0;
-    border-width: 0;
-    border-radius: inherit;
-    background: none;
-    font-size: inherit;
-    line-height: inherit;
-    font-weight: inherit;
-    color: inherit;
-    caret-color: currentColor;
-    outline: none;
-    appearance: none;
-    word-break: keep-all;
-    -webkit-text-fill-color: currentColor; // for Safari
-}
-
-.visually-hidden() {
-    position: absolute;
-    block-size: 1px;
-    inline-size: 1px;
-    margin: -1px;
-    border: 0;
-    padding: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    clip-path: inset(0);
-}
-
-.webkit-auto-fill-button-hidden() {
-    // hide: -webkit-caps-lock-indicator
-    content: none !important;
-
-    // hide: -webkit-strong-password-auto-fill-button
-    // because safari forcing set display as block
-    position: absolute;
-    left: -62.4375rem;
-    top: -62.4375rem;
-    z-index: -999;
-
-    // hide: -webkit-contacts-auto-fill-button
-    display: none !important;
-    background: transparent !important;
-    pointer-events: none !important;
-}
-
-// customize native scroll
-.customize-scroll() {
-    // exclude non-supporting browsers
-    @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
-        &::-webkit-scrollbar,
-        &::-webkit-scrollbar-thumb {
-            inline-size: 1rem;
-            block-size: 1rem;
-            border-radius: 6.25rem;
-            background-clip: padding-box;
-            border: 0.375rem solid transparent;
-        }
-
-        &::-webkit-scrollbar {
-            background-color: transparent;
-        }
-
-        &::-webkit-scrollbar-thumb {
-            background-color: var(--tui-background-neutral-1-hover);
-        }
-
-        &::-webkit-scrollbar-thumb:hover {
-            background-color: var(--tui-background-neutral-1-pressed);
-        }
-
-        &::-webkit-scrollbar-thumb:active {
-            background-color: var(--tui-text-tertiary);
-        }
-    }
-}
-
-.inset-border(@direction: bottom, @mode: none) {
-    & when (@direction = bottom) {
-        box-shadow: inset 0 -1px var(--tui-border-normal);
-
-        & when (@mode = light) {
-            box-shadow: inset 0 -1px rgba(255, 255, 255, 0.24);
-        }
-
-        & when (@mode = dark) {
-            box-shadow: inset 0 -1px rgba(51, 51, 51, 0.24);
-        }
-    }
-
-    & when (@direction = top) {
-        box-shadow: inset 0 1px var(--tui-border-normal);
-
-        & when (@mode = light) {
-            box-shadow: inset 0 1px rgba(255, 255, 255, 0.24);
-        }
-
-        & when (@mode = dark) {
-            box-shadow: inset 0 1px rgba(51, 51, 51, 0.24);
-        }
-    }
-
-    & when (@direction = left) {
-        box-shadow: inset 1px 0 var(--tui-border-normal);
-
-        & when (@mode = light) {
-            box-shadow: inset 1px 0 rgba(255, 255, 255, 0.24);
-        }
-
-        & when (@mode = dark) {
-            box-shadow: inset 1px 0 rgba(51, 51, 51, 0.24);
-        }
-    }
-
-    & when (@direction = right) {
-        box-shadow: inset -1px 0 var(--tui-border-normal);
-
-        & when (@mode = light) {
-            box-shadow: inset -1px 0 rgba(255, 255, 255, 0.24);
-        }
-
-        & when (@mode = dark) {
-            box-shadow: inset -1px 0 rgba(51, 51, 51, 0.24);
-        }
-    }
-}
-
-// dashed border
-.dashed-border(@color: currentColor, @alignment: bottom, @space: 4) {
-    @size: unit(@space, px);
-    @percentage: (100% / @space * 2);
-
-    background-image: linear-gradient(to right, @color 0%, @color @percentage, transparent @percentage);
-    background-position: 0 @alignment;
-    background-size: @size 1px;
-    background-repeat: repeat-x;
-}
-
-// typical opacity properties for icons
-.opacity-icon() {
-    opacity: 0.8;
-
-    &:hover {
-        opacity: 1;
-    }
-}
-
-.hoverable-with-shadow() {
-    .transition();
-
-    box-shadow: var(--tui-shadow-small);
-    cursor: pointer;
-    transition-property: transform, box-shadow;
-    will-change: transform, box-shadow;
-
-    &:hover {
-        box-shadow: var(--tui-shadow-small-hover);
-        transform: translateY(-0.25rem);
-    }
-}
-
-.text-overflow-with-fade(@color: var(--tui-background-base), @transparentColor: transparent, @width: 1.875rem) {
-    position: relative;
-    overflow: hidden;
-
-    &::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        right: 0;
-        inline-size: @width;
-        block-size: 100%;
-        background-image: linear-gradient(to right, @transparentColor 0%, @color 80%, @color 100%);
-        pointer-events: none;
-    }
-}
-
-//spaces
-.tui-space(@direction, @size) {
-    & when (@direction = all) {
-        margin: 0.25rem * @size;
-    }
-
-    & when (@direction = top) {
-        margin-block-start: 0.25rem * @size;
-    }
-
-    & when (@direction = bottom) {
-        margin-block-end: 0.25rem * @size;
-    }
-
-    & when (@direction = vertical) {
-        margin-block-start: 0.25rem * @size;
-        margin-block-end: 0.25rem * @size;
-    }
-
-    & when (@direction = left) {
-        margin-inline-start: 0.25rem * @size;
-    }
-
-    & when (@direction = right) {
-        margin-inline-end: 0.25rem * @size;
-    }
-
-    & when (@direction = horizontal) {
-        margin-inline-end: 0.25rem * @size;
-        margin-inline-start: 0.25rem * @size;
-    }
-}
-
-.contrast-background(@background) {
-    background: @background;
-    color: contrast(@background, #333, #fff);
-}
-
-.blurred-background(@color: #fff) {
-    background: fade(@color, 70%);
-    backdrop-filter: blur(0.4375rem);
-}