@taiga-ui/core 4.95.0 → 4.97.0
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/button/button.directive.d.ts +2 -2
- package/directives/dropdown/dropdown-hover.directive.d.ts +1 -2
- package/esm2022/components/alert/alert.component.mjs +2 -2
- package/esm2022/components/button/button.directive.mjs +5 -5
- package/esm2022/components/data-list/data-list.component.mjs +3 -3
- package/esm2022/components/dialog/dialog.component.mjs +1 -1
- package/esm2022/components/icon/icon.component.mjs +2 -2
- package/esm2022/components/label/label.directive.mjs +3 -3
- package/esm2022/components/link/link.directive.mjs +3 -3
- package/esm2022/components/notification/notification.directive.mjs +3 -3
- package/esm2022/components/root/root.component.mjs +2 -2
- package/esm2022/components/spin-button/spin-button.component.mjs +1 -1
- package/esm2022/components/textfield/textfield-multi/textfield-multi.component.mjs +4 -4
- package/esm2022/components/textfield/textfield.component.mjs +4 -4
- package/esm2022/directives/appearance/appearance.directive.mjs +3 -3
- package/esm2022/directives/dropdown/dropdown-hover.directive.mjs +14 -25
- package/esm2022/directives/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/directives/group/group.directive.mjs +3 -3
- package/esm2022/directives/hint/hint.component.mjs +2 -2
- package/esm2022/directives/icons/icons.directive.mjs +3 -3
- package/esm2022/directives/title/title.directive.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-alert.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-alert.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-button.mjs +4 -4
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-data-list.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-dialog.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-dialog.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-icon.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-label.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-link.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-notification.mjs +3 -3
- package/fesm2022/taiga-ui-core-components-root.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-spin-button.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-textfield.mjs +6 -6
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-appearance.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs +15 -26
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-group.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-hint.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-icons.mjs +3 -3
- package/fesm2022/taiga-ui-core-directives-title.mjs +3 -3
- package/package.json +3 -3
- package/styles/components/textfield.less +5 -1
- package/styles/variables/version.less +1 -1
|
@@ -538,7 +538,7 @@ class TuiHintComponent extends TuiHintBaseComponent {
|
|
|
538
538
|
*polymorpheusOutlet="content() as text; context: hint.context"
|
|
539
539
|
[innerHTML]="text"
|
|
540
540
|
></span>
|
|
541
|
-
`, isInline: true, styles: [":host{position:absolute;max-inline-size:min(
|
|
541
|
+
`, isInline: true, styles: [":host{position:absolute;max-inline-size:min(20rem,calc(100% - 1rem));padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--t-left) var(--t-top);--tui-background-elevation-2: var(--tui-background-elevation-3)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}:host :host-context(tui-root._mobile).tui-enter{animation:tuiFade var(--tui-duration) ease-in-out,tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host :host-context(tui-root._mobile).tui-leave{animation:tuiFade var(--tui-duration) ease-in-out reverse,tuiScale var(--tui-duration) ease-in-out reverse}:host:before{content:\"\";position:absolute;top:var(--t-top);left:var(--t-left);inline-size:.75rem;block-size:.5rem;background:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');transform:translate(-50%,-50%) rotate(var(--t-rotate))}:host._mobile{font:var(--tui-font-text-m)}:host._mobile:before{inline-size:1.5rem;block-size:1.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>')}:host[data-appearance=error]{background:var(--tui-status-negative)}:host[data-appearance=dark]{background:var(--tui-background-elevation-1);color:var(--tui-text-primary);box-shadow:var(--tui-shadow-small)}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
542
542
|
}
|
|
543
543
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiHintComponent, decorators: [{
|
|
544
544
|
type: Component,
|
|
@@ -548,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
548
548
|
*polymorpheusOutlet="content() as text; context: hint.context"
|
|
549
549
|
[innerHTML]="text"
|
|
550
550
|
></span>
|
|
551
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, providers: TUI_HINT_PROVIDERS, hostDirectives: [TuiAnimated], styles: [":host{position:absolute;max-inline-size:min(
|
|
551
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, providers: TUI_HINT_PROVIDERS, hostDirectives: [TuiAnimated], styles: [":host{position:absolute;max-inline-size:min(20rem,calc(100% - 1rem));padding:.75rem 1rem;background:var(--tui-background-accent-1);border-radius:var(--tui-radius-l);color:var(--tui-text-primary-on-accent-1);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--t-left) var(--t-top);--tui-background-elevation-2: var(--tui-background-elevation-3)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade}:host :host-context(tui-root._mobile).tui-enter{animation:tuiFade var(--tui-duration) ease-in-out,tuiScale var(--tui-duration) cubic-bezier(.34,1.56,.64,1)}:host :host-context(tui-root._mobile).tui-leave{animation:tuiFade var(--tui-duration) ease-in-out reverse,tuiScale var(--tui-duration) ease-in-out reverse}:host:before{content:\"\";position:absolute;top:var(--t-top);left:var(--t-left);inline-size:.75rem;block-size:.5rem;background:inherit;-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.61336 1.69607L2.44882 2.96493C1.84795 3.61964 0.949361 3.99951 0.00053941 4C0.000359608 4 0.000179805 4 0 4C0.000179863 4 0.000359764 4 0.000539623 4C0.949362 4.00049 1.84795 4.38036 2.44882 5.03506L3.61336 6.30394C4.55981 7.33517 5.03303 7.85079 5.63254 7.96535C5.87433 8.01155 6.12436 8.01155 6.36616 7.96535C6.96567 7.85079 7.43889 7.33517 8.38534 6.30393L9.54988 5.03507C10.1511 4.37994 11.0505 4 12 4C11.0505 4 10.1511 3.62006 9.54988 2.96493L8.38534 1.69606C7.43889 0.664826 6.96567 0.149207 6.36616 0.0346517C6.12436 -0.0115506 5.87433 -0.0115506 5.63254 0.0346517C5.03303 0.149207 4.55981 0.664827 3.61336 1.69607Z\" /></svg>');transform:translate(-50%,-50%) rotate(var(--t-rotate))}:host._mobile{font:var(--tui-font-text-m)}:host._mobile:before{inline-size:1.5rem;block-size:1.125rem;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 18\"><path d=\"M7.22854 3.81615L4.89971 6.6711C3.69732 8.14514 1.8988 9 0 9C1.8988 9 3.69732 9.85486 4.89971 11.3289L7.22854 14.1839L7.22854 14.1839C9.12123 16.5041 10.0676 17.6643 11.2665 17.922C11.75 18.026 12.25 18.026 12.7335 17.922C13.9324 17.6643 14.8788 16.5041 16.7715 14.1839L19.1003 11.3289C20.3027 9.85486 22.1012 9 24 9C22.1012 9 20.3027 8.14514 19.1003 6.6711L16.7715 3.81614C14.8788 1.49586 13.9324 0.335716 12.7335 0.0779663C12.25 -0.0259888 11.75 -0.0259888 11.2665 0.0779663C10.0676 0.335716 9.12123 1.49586 7.22854 3.81614L7.22854 3.81615Z\" /></svg>')}:host[data-appearance=error]{background:var(--tui-status-negative)}:host[data-appearance=dark]{background:var(--tui-background-elevation-1);color:var(--tui-text-primary);box-shadow:var(--tui-shadow-small)}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}\n"] }]
|
|
552
552
|
}] });
|
|
553
553
|
|
|
554
554
|
class TuiHintDescribe extends TuiDriver {
|
|
@@ -6,11 +6,11 @@ import { tuiInjectIconResolver, tuiGetIconMode, TUI_ICON_START, TUI_ICON_END } f
|
|
|
6
6
|
|
|
7
7
|
class TuiIconsStyles {
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIconsStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIconsStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-icons-4.
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiIconsStyles, isStandalone: true, selector: "ng-component", exportAs: ["tui-icons-4.97.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiIconsV=\"4.97.0\"]{--t-icon-start: none;--t-icon-end: none}[tuiIconsV=\"4.97.0\"]:before,[tuiIconsV=\"4.97.0\"]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIconsV=\"4.97.0\"]:before{display:var(--t-icon-start, none);-webkit-mask:var(--t-icon-start) no-repeat center / contain padding-box;mask:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"]:after{display:var(--t-icon-end, none);-webkit-mask:var(--t-icon-end) no-repeat center / contain padding-box;mask:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-start=image]:before{-webkit-mask:none;mask:none;background:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-end=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-start=font]:before,[tuiIconsV=\"4.97.0\"][data-icon-end=font]:after{display:grid;-webkit-mask:none;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIconsV=\"4.97.0\"][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIconsV=\"4.97.0\"][data-icon-end=font]:after{content:var(--t-icon-end)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIconsStyles, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-icons-${TUI_VERSION}`, styles: ["[tuiIconsV=\"4.
|
|
13
|
+
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-icons-${TUI_VERSION}`, styles: ["[tuiIconsV=\"4.97.0\"]{--t-icon-start: none;--t-icon-end: none}[tuiIconsV=\"4.97.0\"]:before,[tuiIconsV=\"4.97.0\"]:after{content:\"\";inline-size:1em;block-size:1em;line-height:1em;font-size:1.5rem;flex-shrink:0;box-sizing:content-box;background:currentColor}[tuiIconsV=\"4.97.0\"]:before{display:var(--t-icon-start, none);-webkit-mask:var(--t-icon-start) no-repeat center / contain padding-box;mask:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"]:after{display:var(--t-icon-end, none);-webkit-mask:var(--t-icon-end) no-repeat center / contain padding-box;mask:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-start=image]:before{-webkit-mask:none;mask:none;background:var(--t-icon-start) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-end=image]:after{-webkit-mask:none;mask:none;background:var(--t-icon-end) no-repeat center / contain padding-box}[tuiIconsV=\"4.97.0\"][data-icon-start=font]:before,[tuiIconsV=\"4.97.0\"][data-icon-end=font]:after{display:grid;-webkit-mask:none;mask:none;background:none;font:1.3em/1 var(--tui-font-icon, inherit);text-align:center;place-content:center;text-transform:none}[tuiIconsV=\"4.97.0\"][data-icon-start=font]:before{content:var(--t-icon-start)}[tuiIconsV=\"4.97.0\"][data-icon-end=font]:after{content:var(--t-icon-end)}\n"] }]
|
|
14
14
|
}] });
|
|
15
15
|
class TuiIcons {
|
|
16
16
|
constructor() {
|
|
@@ -41,7 +41,7 @@ class TuiIcons {
|
|
|
41
41
|
: `url(${this.resolver(iconStr)})`;
|
|
42
42
|
}
|
|
43
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
44
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcons, isStandalone: true, inputs: { iconStartSetter: ["iconStart", "iconStartSetter"], iconEndSetter: ["iconEnd", "iconEndSetter"] }, host: { attributes: { "tuiIcons": "", "tuiIconsV": "4.
|
|
44
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiIcons, isStandalone: true, inputs: { iconStartSetter: ["iconStart", "iconStartSetter"], iconEndSetter: ["iconEnd", "iconEndSetter"] }, host: { attributes: { "tuiIcons": "", "tuiIconsV": "4.97.0" }, properties: { "style.--t-icon-start": "startResource()", "style.--t-icon-end": "endResource()", "attr.data-icon-start": "startMode()", "attr.data-icon-end": "endMode()" } }, ngImport: i0 }); }
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiIcons, decorators: [{
|
|
47
47
|
type: Directive,
|
|
@@ -5,13 +5,13 @@ import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
|
5
5
|
|
|
6
6
|
class TuiTitleStyles {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTitleStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTitleStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitleV=\"4.
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTitleStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-title" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiTitleV=\"4.97.0\"]{position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitleV=\"4.97.0\"][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitleV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitleV=\"4.97.0\"][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitleV=\"4.97.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitleV=\"4.97.0\"][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitleV=\"4.97.0\"][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitleV=\"4.97.0\"] h1,[tuiTitleV=\"4.97.0\"] h2,[tuiTitleV=\"4.97.0\"] h3,[tuiTitleV=\"4.97.0\"] h4,[tuiTitleV=\"4.97.0\"] h5,[tuiTitleV=\"4.97.0\"] h6{margin:0;font:inherit}[tuiSubtitle]{font:var(--tui-font-text-ui-s);margin:0}[tuiButton] [tuiTitleV=\"4.97.0\"]{margin-inline-end:auto}[tuiButton] [tuiTitleV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTitleStyles, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
13
|
class: 'tui-title',
|
|
14
|
-
}, styles: ["[tuiTitleV=\"4.
|
|
14
|
+
}, styles: ["[tuiTitleV=\"4.97.0\"]{position:relative;display:flex;min-inline-size:0;flex-direction:column;text-align:start;gap:.25rem;margin:0;font:var(--tui-font-text-ui-m)}[tuiTitleV=\"4.97.0\"][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitleV=\"4.97.0\"][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitleV=\"4.97.0\"][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitleV=\"4.97.0\"][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitleV=\"4.97.0\"][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitleV=\"4.97.0\"][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitleV=\"4.97.0\"] h1,[tuiTitleV=\"4.97.0\"] h2,[tuiTitleV=\"4.97.0\"] h3,[tuiTitleV=\"4.97.0\"] h4,[tuiTitleV=\"4.97.0\"] h5,[tuiTitleV=\"4.97.0\"] h6{margin:0;font:inherit}[tuiSubtitle]{font:var(--tui-font-text-ui-s);margin:0}[tuiButton] [tuiTitleV=\"4.97.0\"]{margin-inline-end:auto}[tuiButton] [tuiTitleV=\"4.97.0\"] [tuiSubtitle]{color:var(--tui-text-secondary)}\n"] }]
|
|
15
15
|
}] });
|
|
16
16
|
class TuiTitle {
|
|
17
17
|
constructor() {
|
|
@@ -19,7 +19,7 @@ class TuiTitle {
|
|
|
19
19
|
this.size = '';
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
22
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "", "tuiTitleV": "4.
|
|
22
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiTitle, isStandalone: true, selector: "[tuiTitle]", inputs: { size: ["tuiTitle", "size"] }, host: { attributes: { "tuiTitle": "", "tuiTitleV": "4.97.0" }, properties: { "attr.data-size": "size || null" } }, ngImport: i0 }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTitle, decorators: [{
|
|
25
25
|
type: Directive,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/core",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.97.0",
|
|
4
4
|
"description": "Core library for creating Angular components and applications using Taiga UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -329,9 +329,9 @@
|
|
|
329
329
|
"@angular/router": ">=16.0.0",
|
|
330
330
|
"@ng-web-apis/common": "^4.14.0",
|
|
331
331
|
"@ng-web-apis/mutation-observer": "^4.14.0",
|
|
332
|
-
"@taiga-ui/cdk": "4.
|
|
332
|
+
"@taiga-ui/cdk": "4.97.0",
|
|
333
333
|
"@taiga-ui/event-plugins": "^4.7.0",
|
|
334
|
-
"@taiga-ui/i18n": "4.
|
|
334
|
+
"@taiga-ui/i18n": "4.97.0",
|
|
335
335
|
"@taiga-ui/polymorpheus": "^4.10.0",
|
|
336
336
|
"rxjs": ">=7.0.0"
|
|
337
337
|
},
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
--t-label-font: var(--tui-font-text-s);
|
|
11
11
|
--t-end: ~'0rem';
|
|
12
12
|
--t-start: ~'0rem';
|
|
13
|
+
--t-space-end: ~'calc(var(--t-end, 0rem) + var(--t-side) + var(--t-padding))';
|
|
13
14
|
|
|
14
15
|
position: relative;
|
|
15
16
|
display: flex;
|
|
@@ -270,7 +271,7 @@
|
|
|
270
271
|
border-width: 0;
|
|
271
272
|
// StackBlitz changes "0rem" to "0" breaking calc
|
|
272
273
|
padding-inline-start: calc(var(--t-start, ~'0rem') + var(--t-padding));
|
|
273
|
-
padding-inline-end:
|
|
274
|
+
padding-inline-end: var(--t-space-end);
|
|
274
275
|
}
|
|
275
276
|
|
|
276
277
|
& > .t-template {
|
|
@@ -278,6 +279,9 @@
|
|
|
278
279
|
align-items: center;
|
|
279
280
|
border-radius: inherit;
|
|
280
281
|
color: var(--tui-text-primary);
|
|
282
|
+
overflow: hidden;
|
|
283
|
+
padding-inline-end: 0;
|
|
284
|
+
border-inline-end: var(--t-space-end) solid transparent;
|
|
281
285
|
}
|
|
282
286
|
|
|
283
287
|
&._with-template input:first-of-type,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@tui-version: '4.
|
|
1
|
+
@tui-version: '4.97.0';
|