@taiga-ui/core 4.75.0 → 4.77.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/esm2022/components/button/button.directive.mjs +2 -2
- package/esm2022/components/notification/notification.directive.mjs +2 -2
- package/esm2022/components/root/root.component.mjs +1 -1
- package/esm2022/components/scrollbar/scrollbar.component.mjs +2 -2
- package/esm2022/components/textfield/textfield.component.mjs +9 -3
- package/esm2022/directives/dropdown/dropdown-hover.directive.mjs +3 -3
- package/esm2022/directives/surface/surface.directive.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-button.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-button.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-notification.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-components-root.mjs +1 -1
- package/fesm2022/taiga-ui-core-components-scrollbar.mjs +2 -2
- package/fesm2022/taiga-ui-core-components-textfield.mjs +8 -2
- package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +1 -1
- package/fesm2022/taiga-ui-core-directives-surface.mjs +2 -2
- package/fesm2022/taiga-ui-core-directives-surface.mjs.map +1 -1
- package/package.json +21 -21
- package/styles/components/button.less +1 -0
- package/styles/components/notification.less +3 -3
|
@@ -6,13 +6,13 @@ import { TuiAppearance } from '@taiga-ui/core/directives/appearance';
|
|
|
6
6
|
|
|
7
7
|
class TuiSurfaceStyles {
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiSurfaceStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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;
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:not([tuiCardLarge]){font-size:inherit;line-height:inherit}[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}}tui-dialog:not([data-size=fullscreen],[data-size=page]) [data-surface],tui-sheet-dialog [data-surface]{--tui-background-elevation-1: var(--tui-background-elevation-2)}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,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[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]{box-shadow:var(--tui-shadow-medium);background-color:var(--tui-background-elevation-2)}[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-medium);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{box-shadow:var(--tui-shadow-medium-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{box-shadow:var(--tui-shadow-medium);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{box-shadow:var(--tui-shadow-medium-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=flat]{background-color:var(--tui-background-neutral-1)}[tuiSurface][data-surface=flat]: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{transform:scale(1.15)}}[tuiSurface][data-surface=flat]: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{transform:scale(1.15)}}[tuiSurface][data-appearance=floating]{background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating][data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating][tuiWrapper]:hover:not(._no-hover),[tuiSurface][data-appearance=floating][tuiWrapper][data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating][data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating][tuiWrapper]:active:not(._no-active),[tuiSurface][data-appearance=floating][tuiWrapper][data-state=active],[tuiSurface][data-appearance=floating][tuiWrapper][data-state=active]:hover{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]{background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral],[tuiTheme=dark][tuiSurface][data-appearance=neutral]{background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:scale(1.15)}}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral][data-state=hover]{transform:scale(1.15)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral][tuiWrapper]:hover:not(._no-hover),[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=hover]{transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral][data-state=active]{transform:scale(.95)}[tuiSurface][data-appearance=neutral][tuiWrapper]:active:not(._no-active),[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=active],[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=active]:hover{transform:scale(.95)}\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: TuiSurfaceStyles, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
14
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;
|
|
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;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:not([tuiCardLarge]){font-size:inherit;line-height:inherit}[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}}tui-dialog:not([data-size=fullscreen],[data-size=page]) [data-surface],tui-sheet-dialog [data-surface]{--tui-background-elevation-1: var(--tui-background-elevation-2)}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,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[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]{box-shadow:var(--tui-shadow-medium);background-color:var(--tui-background-elevation-2)}[tuiSurface][data-surface=elevated]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active{box-shadow:var(--tui-shadow-medium);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{box-shadow:var(--tui-shadow-medium-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{box-shadow:var(--tui-shadow-medium);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{box-shadow:var(--tui-shadow-medium-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-background-elevation-2)}}[tuiSurface][data-surface=flat]{background-color:var(--tui-background-neutral-1)}[tuiSurface][data-surface=flat]: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{transform:scale(1.15)}}[tuiSurface][data-surface=flat]: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{transform:scale(1.15)}}[tuiSurface][data-appearance=floating]{background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating][data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=floating][tuiWrapper]:hover:not(._no-hover),[tuiSurface][data-appearance=floating][tuiWrapper][data-state=hover]{transform:translate3d(0,-.25rem,0);box-shadow:var(--tui-shadow-medium-hover)}}[tuiSurface][data-appearance=floating]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating][data-state=active]{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=floating][tuiWrapper]:active:not(._no-active),[tuiSurface][data-appearance=floating][tuiWrapper][data-state=active],[tuiSurface][data-appearance=floating][tuiWrapper][data-state=active]:hover{transform:scale(.95);background:var(--tui-background-elevation-1);box-shadow:var(--tui-shadow-medium)}[tuiSurface][data-appearance=neutral]{background:conic-gradient(var(--tui-background-neutral-1) 0 0),conic-gradient(var(--tui-background-base) 0 0)}[tuiTheme=dark] [tuiSurface][data-appearance=neutral],[tuiTheme=dark][tuiSurface][data-appearance=neutral]{background:var(--tui-background-elevation-1)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:scale(1.15)}}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):hover:not(:disabled):not([data-state]){transform:scale(1.15)}}[tuiSurface][data-appearance=neutral][data-state=hover]{transform:scale(1.15)}@media (hover: hover) and (pointer: fine){[tuiSurface][data-appearance=neutral][tuiWrapper]:hover:not(._no-hover),[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=hover]{transform:scale(1.15)}}[tuiSurface][data-appearance=neutral]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled):active:not(:disabled):not([data-state]){transform:scale(.95)}[tuiSurface][data-appearance=neutral][data-state=active]{transform:scale(.95)}[tuiSurface][data-appearance=neutral][tuiWrapper]:active:not(._no-active),[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=active],[tuiSurface][data-appearance=neutral][tuiWrapper][data-state=active]:hover{transform:scale(.95)}\n"] }]
|
|
16
16
|
}] });
|
|
17
17
|
class TuiSurface {
|
|
18
18
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
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,EAAA;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,
|
|
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,EAAA;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,uwRAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;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,uwRAAA,CAAA,EAAA,CAAA;;AAIL,MAca,UAAU,CAAA;AAdvB,IAAA,WAAA,GAAA;AAeuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAGtD,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAC1B,KAAA;+GALY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;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,EAAA;;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,CAAA;8BAKU,UAAU,EAAA,CAAA;sBADhB,KAAK;;;ACvCV;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/core",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.77.0",
|
|
4
4
|
"description": "Core library for creating Angular components and applications using Taiga UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -31,18 +31,18 @@
|
|
|
31
31
|
"esm": "./esm2022/animations/taiga-ui-core-animations.mjs",
|
|
32
32
|
"default": "./fesm2022/taiga-ui-core-animations.mjs"
|
|
33
33
|
},
|
|
34
|
-
"./classes": {
|
|
35
|
-
"types": "./classes/index.d.ts",
|
|
36
|
-
"esm2022": "./esm2022/classes/taiga-ui-core-classes.mjs",
|
|
37
|
-
"esm": "./esm2022/classes/taiga-ui-core-classes.mjs",
|
|
38
|
-
"default": "./fesm2022/taiga-ui-core-classes.mjs"
|
|
39
|
-
},
|
|
40
34
|
"./components": {
|
|
41
35
|
"types": "./components/index.d.ts",
|
|
42
36
|
"esm2022": "./esm2022/components/taiga-ui-core-components.mjs",
|
|
43
37
|
"esm": "./esm2022/components/taiga-ui-core-components.mjs",
|
|
44
38
|
"default": "./fesm2022/taiga-ui-core-components.mjs"
|
|
45
39
|
},
|
|
40
|
+
"./classes": {
|
|
41
|
+
"types": "./classes/index.d.ts",
|
|
42
|
+
"esm2022": "./esm2022/classes/taiga-ui-core-classes.mjs",
|
|
43
|
+
"esm": "./esm2022/classes/taiga-ui-core-classes.mjs",
|
|
44
|
+
"default": "./fesm2022/taiga-ui-core-classes.mjs"
|
|
45
|
+
},
|
|
46
46
|
"./directives": {
|
|
47
47
|
"types": "./directives/index.d.ts",
|
|
48
48
|
"esm2022": "./esm2022/directives/taiga-ui-core-directives.mjs",
|
|
@@ -253,18 +253,6 @@
|
|
|
253
253
|
"esm": "./esm2022/pipes/auto-color/taiga-ui-core-pipes-auto-color.mjs",
|
|
254
254
|
"default": "./fesm2022/taiga-ui-core-pipes-auto-color.mjs"
|
|
255
255
|
},
|
|
256
|
-
"./pipes/calendar-sheet": {
|
|
257
|
-
"types": "./pipes/calendar-sheet/index.d.ts",
|
|
258
|
-
"esm2022": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
|
|
259
|
-
"esm": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
|
|
260
|
-
"default": "./fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs"
|
|
261
|
-
},
|
|
262
|
-
"./pipes/fallback-src": {
|
|
263
|
-
"types": "./pipes/fallback-src/index.d.ts",
|
|
264
|
-
"esm2022": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
|
|
265
|
-
"esm": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
|
|
266
|
-
"default": "./fesm2022/taiga-ui-core-pipes-fallback-src.mjs"
|
|
267
|
-
},
|
|
268
256
|
"./pipes/flag": {
|
|
269
257
|
"types": "./pipes/flag/index.d.ts",
|
|
270
258
|
"esm2022": "./esm2022/pipes/flag/taiga-ui-core-pipes-flag.mjs",
|
|
@@ -277,12 +265,24 @@
|
|
|
277
265
|
"esm": "./esm2022/pipes/format-date/taiga-ui-core-pipes-format-date.mjs",
|
|
278
266
|
"default": "./fesm2022/taiga-ui-core-pipes-format-date.mjs"
|
|
279
267
|
},
|
|
268
|
+
"./pipes/calendar-sheet": {
|
|
269
|
+
"types": "./pipes/calendar-sheet/index.d.ts",
|
|
270
|
+
"esm2022": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
|
|
271
|
+
"esm": "./esm2022/pipes/calendar-sheet/taiga-ui-core-pipes-calendar-sheet.mjs",
|
|
272
|
+
"default": "./fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs"
|
|
273
|
+
},
|
|
280
274
|
"./pipes/format-number": {
|
|
281
275
|
"types": "./pipes/format-number/index.d.ts",
|
|
282
276
|
"esm2022": "./esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs",
|
|
283
277
|
"esm": "./esm2022/pipes/format-number/taiga-ui-core-pipes-format-number.mjs",
|
|
284
278
|
"default": "./fesm2022/taiga-ui-core-pipes-format-number.mjs"
|
|
285
279
|
},
|
|
280
|
+
"./pipes/fallback-src": {
|
|
281
|
+
"types": "./pipes/fallback-src/index.d.ts",
|
|
282
|
+
"esm2022": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
|
|
283
|
+
"esm": "./esm2022/pipes/fallback-src/taiga-ui-core-pipes-fallback-src.mjs",
|
|
284
|
+
"default": "./fesm2022/taiga-ui-core-pipes-fallback-src.mjs"
|
|
285
|
+
},
|
|
286
286
|
"./pipes/initials": {
|
|
287
287
|
"types": "./pipes/initials/index.d.ts",
|
|
288
288
|
"esm2022": "./esm2022/pipes/initials/taiga-ui-core-pipes-initials.mjs",
|
|
@@ -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.77.0",
|
|
333
333
|
"@taiga-ui/event-plugins": "^4.7.0",
|
|
334
|
-
"@taiga-ui/i18n": "4.
|
|
334
|
+
"@taiga-ui/i18n": "4.77.0",
|
|
335
335
|
"@taiga-ui/polymorpheus": "^4.9.0",
|
|
336
336
|
"rxjs": ">=7.0.0"
|
|
337
337
|
},
|
|
@@ -29,8 +29,8 @@ tui-notification,
|
|
|
29
29
|
display: block;
|
|
30
30
|
max-block-size: 100%;
|
|
31
31
|
color: var(--tui-text-primary);
|
|
32
|
-
padding: 1rem;
|
|
33
32
|
font: var(--tui-font-text-m);
|
|
33
|
+
padding: 1rem;
|
|
34
34
|
line-height: 1.5rem;
|
|
35
35
|
border-radius: var(--tui-radius-l);
|
|
36
36
|
box-sizing: border-box;
|
|
@@ -73,7 +73,7 @@ tui-notification,
|
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
&[data-size='s'] {
|
|
76
|
-
padding: 0.375rem 0.
|
|
76
|
+
padding: 0.375rem 0.5rem;
|
|
77
77
|
font: var(--tui-font-text-s);
|
|
78
78
|
line-height: 1.25rem;
|
|
79
79
|
border-radius: var(--tui-radius-m);
|
|
@@ -84,7 +84,7 @@ tui-notification,
|
|
|
84
84
|
|
|
85
85
|
&::before {
|
|
86
86
|
top: 0.5rem;
|
|
87
|
-
left: -
|
|
87
|
+
left: -1rem;
|
|
88
88
|
inset-inline-start: -0.875rem;
|
|
89
89
|
font-size: 1rem;
|
|
90
90
|
}
|