@taiga-ui/core 4.52.0-canary.9fae831 → 4.52.0-canary.a59c4d0

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.
Files changed (111) hide show
  1. package/components/alert/alert.component.d.ts +2 -3
  2. package/components/alert/alert.directive.d.ts +4 -3
  3. package/components/alert/alert.interfaces.d.ts +3 -1
  4. package/components/alert/alert.service.d.ts +5 -2
  5. package/components/button/button.directive.d.ts +2 -2
  6. package/components/cell/cell.directive.d.ts +9 -0
  7. package/components/cell/cell.options.d.ts +6 -0
  8. package/components/cell/index.d.ts +2 -0
  9. package/components/dialog/dialog.component.d.ts +6 -11
  10. package/components/dialog/dialog.directive.d.ts +1 -1
  11. package/components/dialog/dialog.factory.d.ts +1 -1
  12. package/components/dialog/dialog.options.d.ts +26 -0
  13. package/components/dialog/{dialog-close.service.d.ts → dialog.providers.d.ts} +4 -1
  14. package/components/dialog/dialog.service.d.ts +1 -1
  15. package/components/dialog/index.d.ts +2 -3
  16. package/components/expand/expand.component.d.ts +9 -28
  17. package/components/expand/index.d.ts +0 -2
  18. package/components/header/header.directive.d.ts +17 -0
  19. package/components/header/index.d.ts +1 -0
  20. package/components/index.d.ts +2 -1
  21. package/components/notification/notification.directive.d.ts +1 -1
  22. package/components/root/root.component.d.ts +1 -2
  23. package/components/textfield/index.d.ts +1 -3
  24. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +4 -5
  25. package/components/textfield/textfield.component.d.ts +1 -2
  26. package/components/textfield/textfield.d.ts +2 -3
  27. package/directives/appearance/appearance.directive.d.ts +1 -1
  28. package/directives/appearance/appearance.options.d.ts +1 -1
  29. package/directives/dropdown/dropdown-content.directive.d.ts +9 -0
  30. package/directives/dropdown/dropdown.d.ts +2 -2
  31. package/directives/dropdown/index.d.ts +1 -3
  32. package/directives/hint/hint-options.directive.d.ts +3 -3
  33. package/directives/hint/hint.component.d.ts +6 -8
  34. package/directives/hint/hint.directive.d.ts +1 -1
  35. package/directives/index.d.ts +0 -1
  36. package/directives/popup/popup.directive.d.ts +6 -5
  37. package/directives/popup/popup.service.d.ts +1 -1
  38. package/directives/popup/popups.component.d.ts +2 -2
  39. package/directives/title/title.directive.d.ts +2 -3
  40. package/fesm2022/taiga-ui-core-components-alert.mjs +35 -21
  41. package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
  42. package/fesm2022/taiga-ui-core-components-button.mjs +11 -18
  43. package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
  44. package/fesm2022/taiga-ui-core-components-calendar.mjs +2 -2
  45. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  46. package/fesm2022/taiga-ui-core-components-cell.mjs +45 -0
  47. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -0
  48. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  49. package/fesm2022/taiga-ui-core-components-dialog.mjs +58 -72
  50. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
  51. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-core-components-expand.mjs +33 -131
  53. package/fesm2022/taiga-ui-core-components-expand.mjs.map +1 -1
  54. package/fesm2022/taiga-ui-core-components-header.mjs +42 -0
  55. package/fesm2022/taiga-ui-core-components-header.mjs.map +1 -0
  56. package/fesm2022/taiga-ui-core-components-label.mjs +6 -9
  57. package/fesm2022/taiga-ui-core-components-label.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-core-components-link.mjs +6 -9
  59. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-core-components-loader.mjs +2 -2
  61. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-core-components-notification.mjs +10 -25
  63. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  64. package/fesm2022/taiga-ui-core-components-root.mjs +3 -13
  65. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  66. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-core-components-textfield.mjs +120 -214
  69. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-core-components.mjs +2 -1
  71. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-core-directives-appearance.mjs +6 -9
  73. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-core-directives-dropdown.mjs +32 -69
  75. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-core-directives-group.mjs +6 -9
  77. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-core-directives-hint.mjs +23 -33
  79. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-core-directives-icons.mjs +6 -9
  81. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-core-directives-popup.mjs +13 -19
  83. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-core-directives-title.mjs +11 -17
  85. package/fesm2022/taiga-ui-core-directives-title.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-core-directives.mjs +0 -1
  87. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-core-tokens.mjs +1 -5
  89. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  90. package/package.json +10 -10
  91. package/styles/mixins/mixins.less +8 -0
  92. package/styles/mixins/mixins.scss +8 -0
  93. package/styles/mixins/slider.less +21 -16
  94. package/tokens/icon-resolver.d.ts +0 -4
  95. package/components/dialog/dialog.interfaces.d.ts +0 -34
  96. package/components/dialog/dialog.tokens.d.ts +0 -15
  97. package/components/expand/expand-content.directive.d.ts +0 -8
  98. package/components/expand/expand.d.ts +0 -6
  99. package/components/fullscreen/fullscreen.component.d.ts +0 -14
  100. package/components/fullscreen/index.d.ts +0 -1
  101. package/components/textfield/select.directive.d.ts +0 -19
  102. package/components/textfield/textfield-dropdown.directive.d.ts +0 -16
  103. package/directives/dropdown/dropdown-portal.directive.d.ts +0 -14
  104. package/directives/dropdown/dropdown.service.d.ts +0 -6
  105. package/directives/dropdown/dropdowns.component.d.ts +0 -9
  106. package/directives/surface/index.d.ts +0 -1
  107. package/directives/surface/surface.directive.d.ts +0 -8
  108. package/fesm2022/taiga-ui-core-components-fullscreen.mjs +0 -77
  109. package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map +0 -1
  110. package/fesm2022/taiga-ui-core-directives-surface.mjs +0 -50
  111. package/fesm2022/taiga-ui-core-directives-surface.mjs.map +0 -1
@@ -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 +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
- tuiSurface: string;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, { "tuiSurface": { "alias": "tuiSurface"; "required": false; }; }, {}, 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":";;;;;;MA+Ba,aAAa,CAAA;AAhB1B,IAAA,WAAA,GAAA;AAoBqB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAGvB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAW;AAG7C,QAAA,IAAA,CAAA,OAAO,GAAuB,EAAC,YAAY,EAAE,MAAM,EAAC;AAmC9D;IAjCG,IACW,UAAU,CAAC,IAAa,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;YACtB;;QAGJ,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,IAAI,EAAE;AACN,iBAAA,iBAAiB,CAAC,IAAI,CAAC,OAAO;iBAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;aACxC;AACH,YAAA,IAAI,CAAC;AACA,iBAAA,cAAc;iBACd,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,iBAAA,KAAK,CAAC,CAAC,KAAc,KAClB,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CACrD;;;AAIH,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,OAAO,GACT,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAiB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE,aAAa;QAE5E,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;;;AAI3B,IAAA,eAAe,CAAC,IAAa,EAAA;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;+GA5CjB,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,SAAA,CAAA,EAAA,UAAA,EAAA,CAAA,eAAA,EAAA,YAAA,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,2BAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACX,OAAO,EAAS,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAU,6BAd3B,qCAAqC,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mJAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EADrC,OAAO,EAIF,QAAA,EAAA,UAAA,EAAA,CAAA,EAAA,aAAA,EAAA;AACX,YAAA;AACI,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,QAAQ,EAAE,IAAI;AACjB,aAAA;AACJ,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAKQ,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhBzB,SAAS;+BACI,iBAAiB,EAAA,OAAA,EAClB,CAAC,OAAO,CAAC,EAAA,QAAA,EACR,qCAAqC,EAE9B,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA;AACX,wBAAA;AACI,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,QAAQ,EAAE,IAAI;AACjB,yBAAA;qBACJ,EACK,IAAA,EAAA;AACF,wBAAA,6BAA6B,EAAE,wBAAwB;AAC1D,qBAAA,EAAA,MAAA,EAAA,CAAA,mJAAA,CAAA,EAAA;8BAIgB,IAAI,EAAA,CAAA;sBADpB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC;gBAOtB,MAAM,EAAA,CAAA;sBADrB,MAAM;uBAAC,qBAAqB;gBAItB,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,sBAAsB;gBAIlB,UAAU,EAAA,CAAA;sBADpB,KAAK;uBAAC,eAAe;;;AC5C1B;;AAEG;;;;"}
@@ -1,50 +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 TuiSurfaceStyles {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSurfaceStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiSurfaceStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, 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: TuiSurfaceStyles, decorators: [{
12
- type: Component,
13
- args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
14
- class: 'tui-surface-styles',
15
- }, 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"] }]
16
- }] });
17
- class TuiSurface {
18
- constructor() {
19
- this.nothing = tuiWithStyles(TuiSurfaceStyles);
20
- this.tuiSurface = '';
21
- }
22
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSurface, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
23
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiSurface, isStandalone: true, selector: "[tuiSurface]", inputs: { tuiSurface: "tuiSurface" }, host: { attributes: { "tuiSurface": "" }, properties: { "attr.data-surface": "tuiSurface" } }, hostDirectives: [{ directive: i1.TuiAppearance, inputs: ["tuiAppearance", "tuiSurface"] }], ngImport: i0 }); }
24
- }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSurface, decorators: [{
26
- type: Directive,
27
- args: [{
28
- standalone: true,
29
- selector: '[tuiSurface]',
30
- hostDirectives: [
31
- {
32
- directive: TuiAppearance,
33
- inputs: ['tuiAppearance: tuiSurface'],
34
- },
35
- ],
36
- host: {
37
- tuiSurface: '',
38
- '[attr.data-surface]': 'tuiSurface',
39
- },
40
- }]
41
- }], propDecorators: { tuiSurface: [{
42
- type: Input
43
- }] } });
44
-
45
- /**
46
- * Generated bundle index. Do not edit.
47
- */
48
-
49
- export { TuiSurface };
50
- //# 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 standalone: true,\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nclass TuiSurfaceStyles {}\n\n@Directive({\n standalone: true,\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(TuiSurfaceStyles);\n\n @Input()\n public tuiSurface = '';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAUA,MAUM,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,wHARR,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;;4FAQV,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAVrB,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,oBAAoB;AAC9B,qBAAA,EAAA,MAAA,EAAA,CAAA,ygLAAA,CAAA,EAAA;;MAkBQ,UAAU,CAAA;AAdvB,IAAA,WAAA,GAAA;AAeuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,gBAAgB,CAAC;QAGrD,IAAU,CAAA,UAAA,GAAG,EAAE;AACzB;+GALY,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,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,YAAA,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;kBAdtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,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,YAAY;AACtC,qBAAA;AACJ,iBAAA;8BAKU,UAAU,EAAA,CAAA;sBADhB;;;ACvCL;;AAEG;;;;"}