@taiga-ui/core 4.52.0-canary.4d93c87 → 4.52.0-canary.55ce829
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/alert/alert.component.d.ts +4 -5
- package/components/alert/alert.directive.d.ts +4 -3
- package/components/alert/alert.interfaces.d.ts +3 -2
- package/components/alert/alert.service.d.ts +6 -2
- package/components/alert/alert.tokens.d.ts +1 -7
- package/components/alert/index.d.ts +0 -1
- package/components/cell/cell.directive.d.ts +9 -0
- package/components/cell/cell.options.d.ts +6 -0
- package/components/cell/index.d.ts +2 -0
- package/components/dialog/dialog.component.d.ts +6 -11
- package/components/dialog/dialog.directive.d.ts +1 -1
- package/components/dialog/dialog.factory.d.ts +1 -1
- package/components/dialog/dialog.options.d.ts +26 -0
- package/components/dialog/{dialog-close.service.d.ts → dialog.providers.d.ts} +4 -1
- package/components/dialog/dialog.service.d.ts +1 -1
- package/components/dialog/index.d.ts +2 -3
- package/components/expand/expand.component.d.ts +9 -28
- package/components/expand/index.d.ts +0 -2
- package/components/header/header.directive.d.ts +17 -0
- package/components/header/index.d.ts +1 -0
- package/components/index.d.ts +2 -1
- package/components/notification/notification.directive.d.ts +1 -1
- package/components/root/root.component.d.ts +1 -2
- package/components/textfield/index.d.ts +1 -3
- package/components/textfield/textfield-multi/textfield-multi.component.d.ts +4 -5
- package/components/textfield/textfield.component.d.ts +1 -2
- package/components/textfield/textfield.d.ts +2 -3
- package/directives/appearance/appearance.directive.d.ts +1 -1
- package/directives/appearance/appearance.options.d.ts +1 -1
- package/directives/dropdown/dropdown-content.directive.d.ts +9 -0
- package/directives/dropdown/dropdown.d.ts +2 -2
- package/directives/dropdown/dropdown.directive.d.ts +1 -2
- package/directives/dropdown/index.d.ts +1 -3
- package/directives/hint/hint-describe.directive.d.ts +4 -6
- package/directives/hint/hint-host.directive.d.ts +2 -2
- package/directives/hint/hint-hover.directive.d.ts +3 -4
- package/directives/hint/hint-manual.directive.d.ts +2 -2
- package/directives/hint/hint-options.directive.d.ts +3 -3
- package/directives/hint/hint-overflow.directive.d.ts +2 -2
- package/directives/hint/hint-position.directive.d.ts +4 -5
- package/directives/hint/hint-unstyled.component.d.ts +2 -7
- package/directives/hint/hint.component.d.ts +10 -11
- package/directives/hint/hint.directive.d.ts +9 -11
- package/directives/hint/index.d.ts +0 -2
- package/directives/index.d.ts +1 -1
- package/directives/notification/index.d.ts +2 -0
- package/directives/notification/notification.directive.d.ts +11 -0
- package/directives/notification/notification.service.d.ts +12 -0
- package/directives/popup/popup.directive.d.ts +6 -5
- package/directives/popup/popup.service.d.ts +1 -1
- package/directives/popup/popups.component.d.ts +2 -2
- package/fesm2022/taiga-ui-core-components-alert.mjs +57 -96
- package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-calendar.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-cell.mjs +45 -0
- package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-data-list.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-dialog.mjs +58 -72
- package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-expand.mjs +33 -131
- package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-header.mjs +42 -0
- package/fesm2022/taiga-ui-core-components-header.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +3 -15
- package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +120 -214
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components.mjs +2 -1
- package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs +32 -69
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-hint.mjs +112 -210
- package/fesm2022/taiga-ui-core-directives-hint.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-notification.mjs +73 -0
- package/fesm2022/taiga-ui-core-directives-notification.mjs.map +1 -0
- package/fesm2022/taiga-ui-core-directives-popup.mjs +13 -20
- package/fesm2022/taiga-ui-core-directives-popup.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-title.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives.mjs +1 -1
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +1 -1
- package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
- package/package.json +18 -14
- package/styles/mixins/slider.less +24 -14
- package/types/index.d.ts +0 -1
- package/components/alert/alerts.component.d.ts +0 -12
- package/components/dialog/dialog.interfaces.d.ts +0 -34
- package/components/dialog/dialog.tokens.d.ts +0 -15
- package/components/expand/expand-content.directive.d.ts +0 -8
- package/components/expand/expand.d.ts +0 -6
- package/components/fullscreen/fullscreen.component.d.ts +0 -14
- package/components/fullscreen/index.d.ts +0 -1
- package/components/textfield/select.directive.d.ts +0 -19
- package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
- package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
- package/directives/dropdown/dropdown.service.d.ts +0 -6
- package/directives/dropdown/dropdowns.component.d.ts +0 -9
- package/directives/hint/hint.service.d.ts +0 -13
- package/directives/hint/hints.component.d.ts +0 -12
- package/directives/surface/index.d.ts +0 -1
- package/directives/surface/surface.directive.d.ts +0 -8
- package/fesm2022/taiga-ui-core-components-fullscreen.mjs +0 -77
- package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map +0 -1
- package/fesm2022/taiga-ui-core-directives-surface.mjs +0 -45
- package/fesm2022/taiga-ui-core-directives-surface.mjs.map +0 -1
- package/types/portal-item.d.ts +0 -9
|
@@ -5,9 +5,9 @@ export * from '@taiga-ui/core/directives/group';
|
|
|
5
5
|
export * from '@taiga-ui/core/directives/hint';
|
|
6
6
|
export * from '@taiga-ui/core/directives/icons';
|
|
7
7
|
export * from '@taiga-ui/core/directives/items-handlers';
|
|
8
|
+
export * from '@taiga-ui/core/directives/notification';
|
|
8
9
|
export * from '@taiga-ui/core/directives/number-format';
|
|
9
10
|
export * from '@taiga-ui/core/directives/popup';
|
|
10
|
-
export * from '@taiga-ui/core/directives/surface';
|
|
11
11
|
export * from '@taiga-ui/core/directives/title';
|
|
12
12
|
|
|
13
13
|
/**
|
|
@@ -36,7 +36,7 @@ function tuiIsEditingKey(key = '') {
|
|
|
36
36
|
/**
|
|
37
37
|
* @internal
|
|
38
38
|
*/
|
|
39
|
-
function tuiIsObscured(el, exceptSelector = 'tui-
|
|
39
|
+
function tuiIsObscured(el, exceptSelector = 'tui-popups') {
|
|
40
40
|
return !!tuiGetElementObscures(el)?.some((el) => !el.closest(exceptSelector));
|
|
41
41
|
}
|
|
42
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-utils-miscellaneous.mjs","sources":["../../../projects/core/utils/miscellaneous/font-scaling.ts","../../../projects/core/utils/miscellaneous/is-editing-key.ts","../../../projects/core/utils/miscellaneous/is-obscured.ts","../../../projects/core/utils/miscellaneous/override-options.ts","../../../projects/core/utils/miscellaneous/provide-taiga.ts","../../../projects/core/utils/miscellaneous/size-bigger.ts","../../../projects/core/utils/miscellaneous/to-animation-options.ts","../../../projects/core/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, type Provider} from '@angular/core';\nimport {TUI_FONT_SIZE_HANDLER} from '@taiga-ui/cdk/directives/font-size';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\n\nexport function tuiEnableFontScaling(): Provider {\n return {\n provide: TUI_FONT_SIZE_HANDLER,\n useFactory:\n ({documentElement} = inject(DOCUMENT)) =>\n (size: number): void =>\n documentElement.style.setProperty(\n '--tui-font-offset',\n `${tuiClamp(size, 17, 28) - 17}px`,\n ),\n };\n}\n","const KEYS: readonly string[] = [\n 'Spacebar',\n 'Backspace',\n 'Delete',\n 'ArrowLeft',\n 'ArrowRight',\n 'Left',\n 'Right',\n 'End',\n 'Home',\n];\n\n/**\n * Check if pressed key is interactive in terms of input field\n */\nexport function tuiIsEditingKey(key = ''): boolean {\n return key.length === 1 || KEYS.includes(key);\n}\n","import {tuiGetElementObscures} from '@taiga-ui/cdk/utils/dom';\n\n/**\n * @internal\n */\nexport function tuiIsObscured(el: HTMLElement, exceptSelector = 'tui-
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-utils-miscellaneous.mjs","sources":["../../../projects/core/utils/miscellaneous/font-scaling.ts","../../../projects/core/utils/miscellaneous/is-editing-key.ts","../../../projects/core/utils/miscellaneous/is-obscured.ts","../../../projects/core/utils/miscellaneous/override-options.ts","../../../projects/core/utils/miscellaneous/provide-taiga.ts","../../../projects/core/utils/miscellaneous/size-bigger.ts","../../../projects/core/utils/miscellaneous/to-animation-options.ts","../../../projects/core/utils/miscellaneous/taiga-ui-core-utils-miscellaneous.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {inject, type Provider} from '@angular/core';\nimport {TUI_FONT_SIZE_HANDLER} from '@taiga-ui/cdk/directives/font-size';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\n\nexport function tuiEnableFontScaling(): Provider {\n return {\n provide: TUI_FONT_SIZE_HANDLER,\n useFactory:\n ({documentElement} = inject(DOCUMENT)) =>\n (size: number): void =>\n documentElement.style.setProperty(\n '--tui-font-offset',\n `${tuiClamp(size, 17, 28) - 17}px`,\n ),\n };\n}\n","const KEYS: readonly string[] = [\n 'Spacebar',\n 'Backspace',\n 'Delete',\n 'ArrowLeft',\n 'ArrowRight',\n 'Left',\n 'Right',\n 'End',\n 'Home',\n];\n\n/**\n * Check if pressed key is interactive in terms of input field\n */\nexport function tuiIsEditingKey(key = ''): boolean {\n return key.length === 1 || KEYS.includes(key);\n}\n","import {tuiGetElementObscures} from '@taiga-ui/cdk/utils/dom';\n\n/**\n * @internal\n */\nexport function tuiIsObscured(el: HTMLElement, exceptSelector = 'tui-popups'): boolean {\n return !!tuiGetElementObscures(el)?.some((el) => !el.closest(exceptSelector));\n}\n","export function tuiOverrideOptions<T>(\n override: Partial<T>,\n fallback: T,\n): (directive: T | null, options: T | null) => T {\n return (directive, options) => {\n const result: T = directive || {...(options || fallback)};\n\n Object.keys(override).forEach((key) => {\n // Update directive props with new defaults before inputs are processed\n (result as Record<string, unknown>)[key] = override[key as keyof T];\n });\n\n return result;\n };\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n effect,\n type EnvironmentProviders,\n inject,\n InjectionToken,\n provideAppInitializer,\n type Provider,\n} from '@angular/core';\nimport {REMOVE_STYLES_ON_COMPONENT_DESTROY} from '@angular/platform-browser';\nimport {tuiIsPresent} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_DARK_MODE} from '@taiga-ui/core/tokens';\nimport {provideEventPlugins} from '@taiga-ui/event-plugins';\n\nimport {tuiEnableFontScaling} from './font-scaling';\n\ninterface ExperimentalAPIs {\n readonly all: boolean;\n}\n\nexport interface TuiOptions {\n readonly mode?: 'dark' | 'light';\n readonly apis: Partial<ExperimentalAPIs> | 'stable';\n readonly fontScaling: boolean;\n readonly scrollbars: 'custom' | 'native';\n}\n\nconst DEFAULT: TuiOptions = {\n apis: 'stable',\n fontScaling: true,\n scrollbars: 'custom',\n};\n\nexport const TUI_OPTIONS = new InjectionToken<TuiOptions>(ngDevMode ? 'TUI_OPTIONS' : '');\n\nexport function provideTaiga(\n config: Partial<TuiOptions> = {},\n): Array<EnvironmentProviders | Provider> {\n const options = {...DEFAULT, ...config};\n const providers: Array<EnvironmentProviders | Provider> = [\n {\n provide: REMOVE_STYLES_ON_COMPONENT_DESTROY,\n useValue: false,\n },\n {\n provide: TUI_OPTIONS,\n useValue: options,\n },\n provideEventPlugins(),\n provideAppInitializer(() => {\n const doc = inject(DOCUMENT);\n const mode = inject(TUI_DARK_MODE);\n\n if (options.scrollbars === 'custom') {\n doc.documentElement.classList.add('tui-zero-scrollbar');\n }\n\n if (tuiIsPresent(options.mode)) {\n mode.set(options.mode === 'dark');\n }\n\n effect(() => {\n if (mode()) {\n doc.body.setAttribute('tuiTheme', 'dark');\n } else {\n doc.body.removeAttribute('tuiTheme');\n }\n });\n }),\n ];\n\n if (options.fontScaling) {\n providers.push(tuiEnableFontScaling());\n }\n\n return providers;\n}\n","import {type TuiSizeXXL, type TuiSizeXXS} from '@taiga-ui/core/types';\n\nconst SIZES: Record<TuiSizeXXL | TuiSizeXXS, number> = {\n xxs: 0,\n xs: 1,\n s: 2,\n m: 3,\n l: 4,\n xl: 5,\n xxl: 6,\n};\n\n/**\n * Compares size constants to determine if first size is bigger than the second\n *\n * @param size size that we need to compare\n * @param biggerThanSize size to compare with, 's' by default\n */\nexport function tuiSizeBigger(\n size: TuiSizeXXL | TuiSizeXXS,\n biggerThanSize: TuiSizeXXL | TuiSizeXXS = 's',\n): boolean {\n return SIZES[size] > SIZES[biggerThanSize];\n}\n","import {type AnimationOptions} from '@angular/animations';\nimport {inject} from '@angular/core';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\n\nexport const TUI_ANIMATIONS_DEFAULT_DURATION = 300;\n\nexport function tuiToAnimationOptions(\n speed: number = inject(TUI_ANIMATIONS_SPEED),\n easing?: string,\n): AnimationOptions {\n return {\n value: '',\n params: {\n duration: tuiGetDuration(speed),\n easing,\n },\n } as unknown as AnimationOptions;\n}\n\nexport function tuiGetDuration(speed: number): number {\n return speed && TUI_ANIMATIONS_DEFAULT_DURATION / speed;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/core",
|
|
3
|
-
"version": "4.52.0-canary.
|
|
3
|
+
"version": "4.52.0-canary.55ce829",
|
|
4
4
|
"description": "Core library for creating Angular components and applications using Taiga UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -71,6 +71,10 @@
|
|
|
71
71
|
"types": "./components/calendar/index.d.ts",
|
|
72
72
|
"default": "./fesm2022/taiga-ui-core-components-calendar.mjs"
|
|
73
73
|
},
|
|
74
|
+
"./components/cell": {
|
|
75
|
+
"types": "./components/cell/index.d.ts",
|
|
76
|
+
"default": "./fesm2022/taiga-ui-core-components-cell.mjs"
|
|
77
|
+
},
|
|
74
78
|
"./components/data-list": {
|
|
75
79
|
"types": "./components/data-list/index.d.ts",
|
|
76
80
|
"default": "./fesm2022/taiga-ui-core-components-data-list.mjs"
|
|
@@ -87,9 +91,9 @@
|
|
|
87
91
|
"types": "./components/expand/index.d.ts",
|
|
88
92
|
"default": "./fesm2022/taiga-ui-core-components-expand.mjs"
|
|
89
93
|
},
|
|
90
|
-
"./components/
|
|
91
|
-
"types": "./components/
|
|
92
|
-
"default": "./fesm2022/taiga-ui-core-components-
|
|
94
|
+
"./components/header": {
|
|
95
|
+
"types": "./components/header/index.d.ts",
|
|
96
|
+
"default": "./fesm2022/taiga-ui-core-components-header.mjs"
|
|
93
97
|
},
|
|
94
98
|
"./components/icon": {
|
|
95
99
|
"types": "./components/icon/index.d.ts",
|
|
@@ -155,22 +159,22 @@
|
|
|
155
159
|
"types": "./directives/items-handlers/index.d.ts",
|
|
156
160
|
"default": "./fesm2022/taiga-ui-core-directives-items-handlers.mjs"
|
|
157
161
|
},
|
|
162
|
+
"./directives/notification": {
|
|
163
|
+
"types": "./directives/notification/index.d.ts",
|
|
164
|
+
"default": "./fesm2022/taiga-ui-core-directives-notification.mjs"
|
|
165
|
+
},
|
|
158
166
|
"./directives/number-format": {
|
|
159
167
|
"types": "./directives/number-format/index.d.ts",
|
|
160
168
|
"default": "./fesm2022/taiga-ui-core-directives-number-format.mjs"
|
|
161
169
|
},
|
|
162
|
-
"./directives/popup": {
|
|
163
|
-
"types": "./directives/popup/index.d.ts",
|
|
164
|
-
"default": "./fesm2022/taiga-ui-core-directives-popup.mjs"
|
|
165
|
-
},
|
|
166
|
-
"./directives/surface": {
|
|
167
|
-
"types": "./directives/surface/index.d.ts",
|
|
168
|
-
"default": "./fesm2022/taiga-ui-core-directives-surface.mjs"
|
|
169
|
-
},
|
|
170
170
|
"./directives/title": {
|
|
171
171
|
"types": "./directives/title/index.d.ts",
|
|
172
172
|
"default": "./fesm2022/taiga-ui-core-directives-title.mjs"
|
|
173
173
|
},
|
|
174
|
+
"./directives/popup": {
|
|
175
|
+
"types": "./directives/popup/index.d.ts",
|
|
176
|
+
"default": "./fesm2022/taiga-ui-core-directives-popup.mjs"
|
|
177
|
+
},
|
|
174
178
|
"./pipes/auto-color": {
|
|
175
179
|
"types": "./pipes/auto-color/index.d.ts",
|
|
176
180
|
"default": "./fesm2022/taiga-ui-core-pipes-auto-color.mjs"
|
|
@@ -223,8 +227,8 @@
|
|
|
223
227
|
"@angular/forms": ">=19.0.0",
|
|
224
228
|
"@angular/platform-browser": ">=19.0.0",
|
|
225
229
|
"@angular/router": ">=19.0.0",
|
|
226
|
-
"@ng-web-apis/common": "^4.12.
|
|
227
|
-
"@ng-web-apis/mutation-observer": "^4.12.
|
|
230
|
+
"@ng-web-apis/common": "^4.12.2",
|
|
231
|
+
"@ng-web-apis/mutation-observer": "^4.12.2",
|
|
228
232
|
"@taiga-ui/cdk": "^4.52.0",
|
|
229
233
|
"@taiga-ui/event-plugins": "^4.7.0",
|
|
230
234
|
"@taiga-ui/i18n": "^4.52.0",
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@thumb-diameters: {
|
|
2
2
|
@s: 0.5rem;
|
|
3
3
|
@m: 0.75rem;
|
|
4
|
-
@l: 0.75rem;
|
|
5
4
|
};
|
|
6
5
|
|
|
7
6
|
@track-inset: {
|
|
@@ -10,9 +9,8 @@
|
|
|
10
9
|
@l: 1rem;
|
|
11
10
|
};
|
|
12
11
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
@thumb: @thumb-diameters[@@input-size];
|
|
12
|
+
.tui-slider-ticks-labels(@thumb-size: m) {
|
|
13
|
+
@thumb: @thumb-diameters[@@thumb-size];
|
|
16
14
|
|
|
17
15
|
--t-offset: calc(@thumb / 2);
|
|
18
16
|
|
|
@@ -45,22 +43,34 @@
|
|
|
45
43
|
}
|
|
46
44
|
}
|
|
47
45
|
|
|
48
|
-
/* TODO(v5): delete */
|
|
49
|
-
tui-input-slider + & {
|
|
50
|
-
margin-inline-start: calc(var(--tui-radius-m) / 2 + var(--t-offset));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
tui-input-range:not([new]) + &, /* TODO(v5): delete */
|
|
54
46
|
tui-range + & {
|
|
55
47
|
--t-offset: @thumb;
|
|
56
48
|
}
|
|
57
49
|
|
|
58
50
|
/* TODO: add :has([tuiInputSlider]) */
|
|
59
|
-
tui-textfield + & {
|
|
60
|
-
--t-offset: calc(@track-inset[
|
|
51
|
+
tui-textfield[data-size='l'] + & {
|
|
52
|
+
--t-offset: calc(@track-inset[@l] + @thumb / 2);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* TODO: add :has([tuiInputSlider]) */
|
|
56
|
+
tui-textfield[data-size='m'] + & {
|
|
57
|
+
--t-offset: calc(@track-inset[@m] + @thumb / 2);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* TODO: add :has([tuiInputSlider]) */
|
|
61
|
+
tui-textfield[data-size='s'] + & {
|
|
62
|
+
--t-offset: calc(@track-inset[@s] + @thumb / 2);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
tui-input-range[data-size='l'] + & {
|
|
66
|
+
--t-offset: calc(@track-inset[@l] + @thumb);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
tui-input-range[data-size='m'] + & {
|
|
70
|
+
--t-offset: calc(@track-inset[@m] + @thumb);
|
|
61
71
|
}
|
|
62
72
|
|
|
63
|
-
tui-input-range[
|
|
64
|
-
--t-offset: calc(@track-inset[
|
|
73
|
+
tui-input-range[data-size='s'] + & {
|
|
74
|
+
--t-offset: calc(@track-inset[@s] + @thumb);
|
|
65
75
|
}
|
|
66
76
|
}
|
package/types/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ export type * from './direction';
|
|
|
2
2
|
export type * from './interactive-state';
|
|
3
3
|
export type * from './orientation';
|
|
4
4
|
export type * from './point';
|
|
5
|
-
export type * from './portal-item';
|
|
6
5
|
export type * from './range-state';
|
|
7
6
|
export type * from './size';
|
|
8
7
|
export type * from './value-content-context';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Injector, type Type } from '@angular/core';
|
|
2
|
-
import { type TuiMapper } from '@taiga-ui/cdk/types';
|
|
3
|
-
import { identity } from 'rxjs';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiAlerts {
|
|
6
|
-
private readonly injector;
|
|
7
|
-
protected readonly alerts$: import("rxjs").Observable<(readonly any[])[]>;
|
|
8
|
-
protected readonly trackBy: typeof identity;
|
|
9
|
-
protected readonly mapper: TuiMapper<[Type<any>], Injector>;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlerts, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlerts, "tui-alerts", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { type TuiPopover, type TuiPopoverContext } from '@taiga-ui/cdk/services';
|
|
2
|
-
import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
-
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
4
|
-
import { type Observable } from 'rxjs';
|
|
5
|
-
export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page';
|
|
6
|
-
/**
|
|
7
|
-
* Options for a dialog
|
|
8
|
-
*
|
|
9
|
-
* appearance - data-appearance attribute of the dialog ('' by default)
|
|
10
|
-
* size - size of the dialog ('m' by default)
|
|
11
|
-
* required - closing dialog throws (false by default)
|
|
12
|
-
* closeable - show close button (true by default)
|
|
13
|
-
* dismissible - close dialog by Esc button or click on overlay (true by default)
|
|
14
|
-
* label - string title for the dialog ('' by default)
|
|
15
|
-
* header - content above title ('' by default)
|
|
16
|
-
* data - arbitrary data for dialog
|
|
17
|
-
*/
|
|
18
|
-
export interface TuiDialogOptions<I> {
|
|
19
|
-
readonly appearance: string;
|
|
20
|
-
/**
|
|
21
|
-
* TODO: rename to closable in v5.0
|
|
22
|
-
*/
|
|
23
|
-
readonly closeable: Observable<boolean> | boolean;
|
|
24
|
-
readonly data: I extends void ? undefined : I & {
|
|
25
|
-
button?: string;
|
|
26
|
-
};
|
|
27
|
-
readonly dismissible: Observable<boolean> | boolean;
|
|
28
|
-
readonly header: PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, any>>;
|
|
29
|
-
readonly label: string;
|
|
30
|
-
readonly required: boolean;
|
|
31
|
-
readonly size: TuiDialogSize;
|
|
32
|
-
}
|
|
33
|
-
export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
|
|
34
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { InjectionToken, type Provider } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject, type Observable } from 'rxjs';
|
|
3
|
-
import { type TuiDialogOptions } from './dialog.interfaces';
|
|
4
|
-
export declare const TUI_DIALOGS: InjectionToken<BehaviorSubject<readonly any[]>>;
|
|
5
|
-
export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
|
|
6
|
-
/**
|
|
7
|
-
* A stream to close dialogs
|
|
8
|
-
* TODO: use router.events in v5
|
|
9
|
-
*/
|
|
10
|
-
export declare const TUI_DIALOGS_CLOSE: InjectionToken<Observable<unknown>>;
|
|
11
|
-
/**
|
|
12
|
-
* Default parameters for dialog component
|
|
13
|
-
*/
|
|
14
|
-
export declare const TUI_DIALOG_OPTIONS: InjectionToken<TuiDialogOptions<void>>;
|
|
15
|
-
export declare function tuiDialogOptionsProvider(options: Partial<TuiDialogOptions<unknown>>): Provider;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* @deprecated use {@link TuiExpand} from @taiga-ui/experimental
|
|
4
|
-
*/
|
|
5
|
-
export declare class TuiExpandContent {
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandContent, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiExpandContent, "[tuiExpandContent]", never, {}, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TuiExpandComponent } from './expand.component';
|
|
2
|
-
import { TuiExpandContent } from './expand-content.directive';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated use {@link TuiExpand} from @taiga-ui/experimental
|
|
5
|
-
*/
|
|
6
|
-
export declare const TuiExpand: readonly [typeof TuiExpandComponent, typeof TuiExpandContent];
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiFullscreen {
|
|
4
|
-
private readonly root?;
|
|
5
|
-
private readonly doc;
|
|
6
|
-
protected readonly open: import("@angular/core").WritableSignal<boolean>;
|
|
7
|
-
readonly opened: EventEmitter<boolean>;
|
|
8
|
-
options?: FullscreenOptions;
|
|
9
|
-
set fullscreen(open: boolean);
|
|
10
|
-
protected closedByEscape(event: Event): void;
|
|
11
|
-
private fullscreenState;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiFullscreen, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "options": { "alias": "tuiFullscreenOptions"; "required": false; }; "fullscreen": { "alias": "tuiFullscreen"; "required": false; }; }, { "opened": "tuiFullscreenChange"; }, never, ["*"], true, never>;
|
|
14
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './fullscreen.component';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TuiTextfieldBase } from './textfield.directive';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@taiga-ui/cdk/directives/native-validator";
|
|
4
|
-
import * as i2 from "@taiga-ui/core/directives/appearance";
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated use {@link TuiSelect} from @taiga-ui/kit instead, drop in v5
|
|
7
|
-
*/
|
|
8
|
-
export declare class TuiSelect<T> extends TuiTextfieldBase<T> {
|
|
9
|
-
private readonly nav;
|
|
10
|
-
private readonly doc;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
setValue(value: T): void;
|
|
13
|
-
focus(): void;
|
|
14
|
-
protected get ariaLabel(): string | null;
|
|
15
|
-
protected get stringified(): string;
|
|
16
|
-
protected onCopy(): Promise<void>;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelect<any>, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelect<any>, "select[tuiTextfield]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
|
|
19
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { type OnDestroy } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiTextfieldDropdownDirective implements OnDestroy {
|
|
4
|
-
private readonly directive;
|
|
5
|
-
constructor();
|
|
6
|
-
ngOnDestroy(): void;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDropdownDirective, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDropdownDirective, "ng-template[tuiTextfieldDropdown]", never, {}, {}, never, never, true, never>;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated remove in v5
|
|
12
|
-
*/
|
|
13
|
-
export declare class TuiWithTextfieldDropdown {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfieldDropdown, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfieldDropdown, never, never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type OnDestroy } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated use {@link TuiPopup} directive instead
|
|
5
|
-
*/
|
|
6
|
-
export declare class TuiDropdownPortal implements OnDestroy {
|
|
7
|
-
private readonly template;
|
|
8
|
-
private readonly service;
|
|
9
|
-
private viewRef?;
|
|
10
|
-
set tuiDropdown(show: boolean);
|
|
11
|
-
ngOnDestroy(): void;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPortal, never>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPortal, "ng-template[tuiDropdown]", never, { "tuiDropdown": { "alias": "tuiDropdown"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { TuiPortalService } from '@taiga-ui/cdk/classes';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TuiDropdownService extends TuiPortalService {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownService, never>;
|
|
5
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<TuiDropdownService>;
|
|
6
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { TuiPortals } from '@taiga-ui/cdk/classes';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Host element for dynamically created portals, for example using {@link TuiDropdownDirective}.
|
|
5
|
-
*/
|
|
6
|
-
export declare class TuiDropdowns extends TuiPortals {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdowns, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdowns, "tui-dropdowns", never, {}, {}, never, never, true, never>;
|
|
9
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type TuiPortalItem } from '@taiga-ui/core/types';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* Service for displaying hints/tooltips
|
|
6
|
-
*/
|
|
7
|
-
export declare class TuiHintService extends BehaviorSubject<readonly TuiPortalItem[]> {
|
|
8
|
-
constructor();
|
|
9
|
-
add(directive: TuiPortalItem): void;
|
|
10
|
-
remove(directive: TuiPortalItem): void;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHintService, never>;
|
|
12
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<TuiHintService>;
|
|
13
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type OnInit } from '@angular/core';
|
|
2
|
-
import { type TuiPortalItem } from '@taiga-ui/core/types';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TuiHints implements OnInit {
|
|
5
|
-
private readonly hints$;
|
|
6
|
-
private readonly destroyRef;
|
|
7
|
-
private readonly cdr;
|
|
8
|
-
protected hints: readonly TuiPortalItem[];
|
|
9
|
-
ngOnInit(): void;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiHints, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiHints, "tui-hints", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './surface.directive';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@taiga-ui/core/directives/appearance";
|
|
3
|
-
export declare class TuiSurface {
|
|
4
|
-
protected readonly nothing: undefined;
|
|
5
|
-
readonly tuiSurface: import("@angular/core").InputSignal<string>;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, { "tuiSurface": { "alias": "tuiSurface"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearance": "tuiSurface"; }; outputs: {}; }]>;
|
|
8
|
-
}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { DOCUMENT } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { inject, signal, EventEmitter, ElementRef, Input, Output, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
-
import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
|
|
5
|
-
import { TuiRoot } from '@taiga-ui/core/components/root';
|
|
6
|
-
|
|
7
|
-
class TuiFullscreen {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.doc = inject(DOCUMENT);
|
|
10
|
-
this.open = signal(false);
|
|
11
|
-
this.opened = new EventEmitter();
|
|
12
|
-
this.options = { navigationUI: 'auto' };
|
|
13
|
-
}
|
|
14
|
-
set fullscreen(open) {
|
|
15
|
-
if (this.open() === open) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
if (open) {
|
|
19
|
-
this.root?.nativeElement
|
|
20
|
-
.requestFullscreen(this.options)
|
|
21
|
-
.then(() => this.fullscreenState(open));
|
|
22
|
-
}
|
|
23
|
-
else {
|
|
24
|
-
this.doc
|
|
25
|
-
.exitFullscreen()
|
|
26
|
-
.then(() => this.fullscreenState(open))
|
|
27
|
-
.catch((error) => console.error('Failed to exit fullscreen:', error));
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
closedByEscape(event) {
|
|
31
|
-
const escaped = !this.doc.fullscreenElement && event.target === this.root?.nativeElement;
|
|
32
|
-
if (escaped) {
|
|
33
|
-
this.fullscreenState(false);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
fullscreenState(open) {
|
|
37
|
-
this.open.set(open);
|
|
38
|
-
this.opened.emit(open);
|
|
39
|
-
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiFullscreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiFullscreen, isStandalone: true, selector: "[tuiFullscreen]", inputs: { options: ["tuiFullscreenOptions", "options"], fullscreen: ["tuiFullscreen", "fullscreen"] }, outputs: { opened: "tuiFullscreenChange" }, host: { listeners: { "document:fullscreenchange": "closedByEscape($event)" } }, viewQueries: [{ propertyName: "root", first: true, predicate: TuiRoot, descendants: true, read: ElementRef }], ngImport: i0, template: '<tui-root><ng-content /></tui-root>', isInline: true, styles: ["tui-root{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}tui-root::-webkit-scrollbar,tui-root::-webkit-scrollbar-thumb{display:none}\n"], dependencies: [{ kind: "component", type: TuiRoot, selector: "tui-root" }], viewProviders: [
|
|
42
|
-
{
|
|
43
|
-
provide: TuiActiveZone,
|
|
44
|
-
useValue: null,
|
|
45
|
-
},
|
|
46
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
|
-
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiFullscreen, decorators: [{
|
|
49
|
-
type: Component,
|
|
50
|
-
args: [{ selector: '[tuiFullscreen]', imports: [TuiRoot], template: '<tui-root><ng-content /></tui-root>', changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [
|
|
51
|
-
{
|
|
52
|
-
provide: TuiActiveZone,
|
|
53
|
-
useValue: null,
|
|
54
|
-
},
|
|
55
|
-
], host: {
|
|
56
|
-
'(document:fullscreenchange)': 'closedByEscape($event)',
|
|
57
|
-
}, styles: ["tui-root{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}tui-root::-webkit-scrollbar,tui-root::-webkit-scrollbar-thumb{display:none}\n"] }]
|
|
58
|
-
}], propDecorators: { root: [{
|
|
59
|
-
type: ViewChild,
|
|
60
|
-
args: [TuiRoot, { read: ElementRef }]
|
|
61
|
-
}], opened: [{
|
|
62
|
-
type: Output,
|
|
63
|
-
args: ['tuiFullscreenChange']
|
|
64
|
-
}], options: [{
|
|
65
|
-
type: Input,
|
|
66
|
-
args: ['tuiFullscreenOptions']
|
|
67
|
-
}], fullscreen: [{
|
|
68
|
-
type: Input,
|
|
69
|
-
args: ['tuiFullscreen']
|
|
70
|
-
}] } });
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Generated bundle index. Do not edit.
|
|
74
|
-
*/
|
|
75
|
-
|
|
76
|
-
export { TuiFullscreen };
|
|
77
|
-
//# sourceMappingURL=taiga-ui-core-components-fullscreen.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-fullscreen.mjs","sources":["../../../projects/core/components/fullscreen/fullscreen.component.ts","../../../projects/core/components/fullscreen/taiga-ui-core-components-fullscreen.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n inject,\n Input,\n Output,\n signal,\n ViewChild,\n} from '@angular/core';\nimport {TuiActiveZone} from '@taiga-ui/cdk/directives/active-zone';\nimport {TuiRoot} from '@taiga-ui/core/components/root';\n\n@Component({\n selector: '[tuiFullscreen]',\n imports: [TuiRoot],\n template: '<tui-root><ng-content /></tui-root>',\n styleUrls: ['./fullscreen.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n viewProviders: [\n {\n provide: TuiActiveZone,\n useValue: null,\n },\n ],\n host: {\n '(document:fullscreenchange)': 'closedByEscape($event)',\n },\n})\nexport class TuiFullscreen {\n @ViewChild(TuiRoot, {read: ElementRef})\n private readonly root?: ElementRef<HTMLElement>;\n\n private readonly doc = inject(DOCUMENT);\n protected readonly open = signal(false);\n\n @Output('tuiFullscreenChange')\n public readonly opened = new EventEmitter<boolean>();\n\n @Input('tuiFullscreenOptions')\n public options?: FullscreenOptions = {navigationUI: 'auto'};\n\n @Input('tuiFullscreen')\n public set fullscreen(open: boolean) {\n if (this.open() === open) {\n return;\n }\n\n if (open) {\n this.root?.nativeElement\n .requestFullscreen(this.options)\n .then(() => this.fullscreenState(open));\n } else {\n this.doc\n .exitFullscreen()\n .then(() => this.fullscreenState(open))\n .catch((error: unknown) =>\n console.error('Failed to exit fullscreen:', error),\n );\n }\n }\n\n protected closedByEscape(event: Event): void {\n const escaped =\n !this.doc.fullscreenElement && event.target === this.root?.nativeElement;\n\n if (escaped) {\n this.fullscreenState(false);\n }\n }\n\n private fullscreenState(open: boolean): void {\n this.open.set(open);\n this.opened.emit(open);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, Directive } from '@angular/core';
|
|
3
|
-
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
4
|
-
import * as i1 from '@taiga-ui/core/directives/appearance';
|
|
5
|
-
import { TuiAppearance } from '@taiga-ui/core/directives/appearance';
|
|
6
|
-
|
|
7
|
-
class Styles {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-surface" }, ngImport: i0, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[data-surface]:focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-surface=elevated],[tuiSurface][data-surface=floating]{box-shadow:var(--tui-shadow-small);background-color:var(--tui-background-elevation-2)}[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-small);transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{box-shadow:var(--tui-shadow-small-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=elevated]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-small);transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=elevated]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{box-shadow:var(--tui-shadow-small-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=flat],[tuiSurface][data-surface=neutral]{background-color:var(--tui-background-neutral-1)}[tuiSurface][data-surface=flat]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=flat]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{transform:scale(1.15)}}[tuiSurface][data-surface=flat]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=flat]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{transform:scale(1.15)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
|
-
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-surface' }, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important}[data-surface]:focus-visible{outline-color:var(--tui-border-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,backdrop-filter,transform}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;inline-size:100%;block-size:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-background-accent-2);-webkit-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-background-neutral-1)}}[tuiSurface][data-surface=elevated],[tuiSurface][data-surface=floating]{box-shadow:var(--tui-shadow-small);background-color:var(--tui-background-elevation-2)}[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-small);transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{box-shadow:var(--tui-shadow-small-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=elevated]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-small);transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=elevated]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{box-shadow:var(--tui-shadow-small-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=flat],[tuiSurface][data-surface=neutral]{background-color:var(--tui-background-neutral-1)}[tuiSurface][data-surface=flat]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=flat]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{transform:scale(1.15)}}[tuiSurface][data-surface=flat]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active,[tuiSurface][data-surface=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-surface=flat]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover,[tuiSurface][data-surface=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover{transform:scale(1.15)}}\n"] }]
|
|
14
|
-
}] });
|
|
15
|
-
class TuiSurface {
|
|
16
|
-
constructor() {
|
|
17
|
-
this.nothing = tuiWithStyles(Styles);
|
|
18
|
-
this.tuiSurface = input('');
|
|
19
|
-
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSurface, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: TuiSurface, isStandalone: true, selector: "[tuiSurface]", inputs: { tuiSurface: { classPropertyName: "tuiSurface", publicName: "tuiSurface", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiSurface": "" }, properties: { "attr.data-surface": "tuiSurface()" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearance", "tuiSurface"] }], ngImport: i0 }); }
|
|
22
|
-
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSurface, decorators: [{
|
|
24
|
-
type: Directive,
|
|
25
|
-
args: [{
|
|
26
|
-
selector: '[tuiSurface]',
|
|
27
|
-
hostDirectives: [
|
|
28
|
-
{
|
|
29
|
-
directive: TuiAppearance,
|
|
30
|
-
inputs: ['tuiAppearance: tuiSurface'],
|
|
31
|
-
},
|
|
32
|
-
],
|
|
33
|
-
host: {
|
|
34
|
-
tuiSurface: '',
|
|
35
|
-
'[attr.data-surface]': 'tuiSurface()',
|
|
36
|
-
},
|
|
37
|
-
}]
|
|
38
|
-
}] });
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Generated bundle index. Do not edit.
|
|
42
|
-
*/
|
|
43
|
-
|
|
44
|
-
export { TuiSurface };
|
|
45
|
-
//# sourceMappingURL=taiga-ui-core-directives-surface.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-directives-surface.mjs","sources":["../../../projects/core/directives/surface/surface.directive.ts","../../../projects/core/directives/surface/taiga-ui-core-directives-surface.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiAppearance} from '@taiga-ui/core/directives/appearance';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-surface'},\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiSurface]',\n hostDirectives: [\n {\n directive: TuiAppearance,\n inputs: ['tuiAppearance: tuiSurface'],\n },\n ],\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface()',\n },\n})\nexport class TuiSurface {\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly tuiSurface = input('');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAUA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,iHANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ygLAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,aAAa,EAAC,EAAA,MAAA,EAAA,CAAA,ygLAAA,CAAA,EAAA;;MAiBnB,UAAU,CAAA;AAbvB,IAAA,WAAA,GAAA;AAcuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;AAElC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC;AACzC;+GAJY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAbtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,aAAa;4BACxB,MAAM,EAAE,CAAC,2BAA2B,CAAC;AACxC,yBAAA;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,UAAU,EAAE,EAAE;AACd,wBAAA,qBAAqB,EAAE,cAAc;AACxC,qBAAA;AACJ,iBAAA;;;AC/BD;;AAEG;;;;"}
|
package/types/portal-item.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
|
|
2
|
-
import { type PolymorpheusComponent, type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
|
-
export interface TuiPortalItem<C = any> {
|
|
4
|
-
readonly activeZone?: TuiActiveZone | null;
|
|
5
|
-
readonly appearance?: string;
|
|
6
|
-
readonly component: PolymorpheusComponent<any>;
|
|
7
|
-
readonly content: PolymorpheusContent<C>;
|
|
8
|
-
readonly context?: C;
|
|
9
|
-
}
|