@taiga-ui/core 3.76.0 → 3.77.1
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/bundles/taiga-ui-core-animations.umd.js +1 -1
- package/bundles/taiga-ui-core-animations.umd.js.map +1 -1
- package/bundles/taiga-ui-core-components-error.umd.js +10 -9
- package/bundles/taiga-ui-core-components-error.umd.js.map +1 -1
- package/bundles/taiga-ui-core-components-group.umd.js +1 -1
- package/bundles/taiga-ui-core-components-group.umd.js.map +1 -1
- package/bundles/taiga-ui-core-components-label.umd.js +1 -1
- package/bundles/taiga-ui-core-components-label.umd.js.map +1 -1
- package/bundles/taiga-ui-core-components-primitive-textfield.umd.js +2 -2
- package/bundles/taiga-ui-core-components-primitive-textfield.umd.js.map +1 -1
- package/bundles/taiga-ui-core-components-root.umd.js +1 -1
- package/bundles/taiga-ui-core-directives-hint.umd.js +12 -2
- package/bundles/taiga-ui-core-directives-hint.umd.js.map +1 -1
- package/components/error/error.module.d.ts +2 -1
- package/constants/cache-basting-payload.d.ts +1 -1
- package/directives/hint/hint-hover.directive.d.ts +3 -2
- package/esm2015/animations/animations.js +2 -2
- package/esm2015/components/error/error.component.js +8 -7
- package/esm2015/components/error/error.module.js +5 -4
- package/esm2015/components/group/group-styles.component.js +1 -1
- package/esm2015/components/label/label.component.js +1 -1
- package/esm2015/components/primitive-textfield/primitive-textfield.component.js +1 -1
- package/esm2015/components/primitive-textfield/textfield/textfield.component.js +1 -1
- package/esm2015/components/root/root.component.js +1 -1
- package/esm2015/directives/hint/hint-hover.directive.js +14 -4
- package/fesm2015/taiga-ui-core-animations.js +1 -1
- package/fesm2015/taiga-ui-core-animations.js.map +1 -1
- package/fesm2015/taiga-ui-core-components-error.js +11 -10
- package/fesm2015/taiga-ui-core-components-error.js.map +1 -1
- package/fesm2015/taiga-ui-core-components-group.js +1 -1
- package/fesm2015/taiga-ui-core-components-group.js.map +1 -1
- package/fesm2015/taiga-ui-core-components-label.js +1 -1
- package/fesm2015/taiga-ui-core-components-label.js.map +1 -1
- package/fesm2015/taiga-ui-core-components-primitive-textfield.js +2 -2
- package/fesm2015/taiga-ui-core-components-primitive-textfield.js.map +1 -1
- package/fesm2015/taiga-ui-core-components-root.js +1 -1
- package/fesm2015/taiga-ui-core-directives-hint.js +12 -2
- package/fesm2015/taiga-ui-core-directives-hint.js.map +1 -1
- package/package.json +4 -4
- package/styles/mixins/mixins.less +8 -0
- package/styles/mixins/mixins.scss +8 -0
- package/styles/mixins/textfield.less +4 -0
- package/styles/mixins/textfield.scss +4 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-animations.js","sources":["../../../projects/core/animations/animations.ts","../../../projects/core/animations/taiga-ui-core-animations.ts"],"sourcesContent":["import {animate, query, stagger, style, transition, trigger} from '@angular/animations';\n\nconst TRANSITION = '{{duration}}ms ease-in-out';\nconst DURATION = {params: {duration: 300}};\nconst STAGGER = 300;\n\nexport interface TuiDurationOptions {\n params: {duration: number};\n value: string;\n}\n\nexport const tuiHeightCollapse = trigger('tuiHeightCollapse', [\n transition(\n ':enter',\n [style({height: 0}), animate(TRANSITION, style({height: '*'}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({height: '*'}), animate(TRANSITION, style({height: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiHeightCollapseList = trigger('tuiHeightCollapseList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({height: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({height: '*'}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({height: '*'}),\n stagger(STAGGER, [animate(TRANSITION, style({height: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiWidthCollapse = trigger('tuiWidthCollapse', [\n transition(\n ':enter',\n [style({width: 0}), animate(TRANSITION, style({width: '*'}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({width: '*'}), animate(TRANSITION, style({width: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiWidthCollapseList = trigger('tuiWidthCollapseList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({width: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({width: '*'}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({width: '*'}),\n stagger(STAGGER, [animate(TRANSITION, style({width: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeIn = trigger('tuiFadeIn', [\n transition(\n ':enter',\n [style({opacity: 0}), animate(TRANSITION, style({opacity: 1}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({opacity: 1}), animate(TRANSITION, style({opacity: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInList = trigger('tuiFadeInList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({opacity: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({opacity: 1}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({opacity: 1}),\n stagger(STAGGER, [animate(TRANSITION, style({opacity: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInTop = trigger('tuiFadeInTop', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(-10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInBottom = trigger('tuiFadeInBottom', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiDropdownAnimation = trigger('tuiDropdownAnimation', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(-10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiScaleIn = trigger('tuiScaleIn', [\n transition(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiPop = trigger('tuiPop', [\n transition(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n animate(TRANSITION, style({transform: 'scale(1.1)'})),\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n animate(TRANSITION, style({transform: 'scale(1.1)'})),\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiScaleInList = trigger('tuiScaleInList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideIn = trigger('tuiSlideIn', [\n transition(\n '* => left',\n [\n style({transform: 'translateX(-100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n 'left => *',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ],\n DURATION,\n ),\n transition(\n '* => right',\n [\n style({transform: 'translateX(100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n 'right => *',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInLeft = trigger('tuiSlideInLeft', [\n transition(\n ':enter',\n [\n style({transform: 'translateX(-100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInLeftList = trigger('tuiSlideInLeftList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateX(-100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInRight = trigger('tuiSlideInRight', [\n transition(\n ':enter',\n [\n style({transform: 'translateX(100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInRightList = trigger('tuiSlideInRightList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateX(100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInTop = trigger('tuiSlideInTop', [\n transition(\n ':enter',\n [\n style({transform: 'translate3d(0,{{start}},0)'}),\n animate(TRANSITION, style({transform: 'translate3d(0,{{end}},0)'})),\n ],\n {params: {end: 0, start: '100%', duration: 300}},\n ),\n transition(\n ':leave',\n [\n style({transform: 'translate3d(0,{{end}},0)'}),\n animate(TRANSITION, style({transform: 'translate3d(0,{{start}},0)'})),\n ],\n {params: {end: 0, start: '100%', duration: 300}},\n ),\n]);\n\nexport const tuiSlideInTopList = trigger('tuiSlideInTopList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateY(100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInBottom = trigger('tuiSlideInBottom', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-100%)'}),\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n animate(TRANSITION, style({transform: 'translateY(-100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInBottomList = trigger('tuiSlideInBottomList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateY(-100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(-100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-animations.js","sources":["../../../projects/core/animations/animations.ts","../../../projects/core/animations/taiga-ui-core-animations.ts"],"sourcesContent":["import {animate, query, stagger, style, transition, trigger} from '@angular/animations';\n\nconst TRANSITION = '{{duration}}ms ease-in-out';\nconst DURATION = {params: {duration: 300}};\nconst STAGGER = 300;\n\nexport interface TuiDurationOptions {\n params: {duration: number};\n value: string;\n}\n\nexport const tuiHeightCollapse = trigger('tuiHeightCollapse', [\n transition(\n ':enter',\n [style({height: 0}), animate(TRANSITION, style({height: '*'}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({height: '*'}), animate(TRANSITION, style({height: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiHeightCollapseList = trigger('tuiHeightCollapseList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({height: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({height: '*'}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({height: '*'}),\n stagger(STAGGER, [animate(TRANSITION, style({height: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiWidthCollapse = trigger('tuiWidthCollapse', [\n transition(\n ':enter',\n [style({width: 0}), animate(TRANSITION, style({width: '*'}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({width: '*'}), animate(TRANSITION, style({width: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiWidthCollapseList = trigger('tuiWidthCollapseList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({width: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({width: '*'}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({width: '*'}),\n stagger(STAGGER, [animate(TRANSITION, style({width: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeIn = trigger('tuiFadeIn', [\n transition(\n ':enter',\n [style({opacity: 0}), animate(TRANSITION, style({opacity: 1}))],\n DURATION,\n ),\n transition(\n ':leave',\n [style({opacity: 1}), animate(TRANSITION, style({opacity: 0}))],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInList = trigger('tuiFadeInList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({opacity: 0}),\n stagger(STAGGER, [animate(TRANSITION, style({opacity: 1}))]),\n ],\n {\n optional: true,\n },\n ),\n query(\n ':leave',\n [\n style({opacity: 1}),\n stagger(STAGGER, [animate(TRANSITION, style({opacity: 0}))]),\n ],\n {\n optional: true,\n },\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInTop = trigger('tuiFadeInTop', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(-10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiFadeInBottom = trigger('tuiFadeInBottom', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiDropdownAnimation = trigger('tuiDropdownAnimation', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-10px)', opacity: 0}),\n animate(TRANSITION, style({transform: 'translateY(0)', opacity: 1})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)', opacity: 1}),\n animate(TRANSITION, style({transform: 'translateY(-10px)', opacity: 0})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiScaleIn = trigger('tuiScaleIn', [\n transition(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiPop = trigger('tuiPop', [\n transition(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n animate(TRANSITION, style({transform: 'scale(1.1)'})),\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n animate(TRANSITION, style({transform: 'scale(1.1)'})),\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiScaleInList = trigger('tuiScaleInList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'scale(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'scale(1)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'scale(1)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'scale(0)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideIn = trigger('tuiSlideIn', [\n transition(\n '* => left',\n [\n style({transform: 'translateX(-100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n 'left => *',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ],\n DURATION,\n ),\n transition(\n '* => right',\n [\n style({transform: 'translateX(100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n 'right => *',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInLeft = trigger('tuiSlideInLeft', [\n transition(\n ':enter',\n [\n style({transform: 'translateX(-100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInLeftList = trigger('tuiSlideInLeftList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateX(-100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(-100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInRight = trigger('tuiSlideInRight', [\n transition(\n ':enter',\n [\n style({transform: 'translateX(100%)'}),\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInRightList = trigger('tuiSlideInRightList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateX(100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateX(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateX(100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInTop = trigger('tuiSlideInTop', [\n transition(\n ':enter',\n [\n style({transform: 'translate3d(0,{{start}},0)'}),\n animate(TRANSITION, style({transform: 'translate3d(0,{{end}},0)'})),\n ],\n {params: {end: 0, start: '100%', duration: 300}},\n ),\n transition(\n ':leave',\n [\n style({transform: 'translate3d(0,{{end}},0)', pointerEvents: 'none'}),\n animate(TRANSITION, style({transform: 'translate3d(0,{{start}},0)'})),\n ],\n {params: {end: 0, start: '100%', duration: 300}},\n ),\n]);\n\nexport const tuiSlideInTopList = trigger('tuiSlideInTopList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateY(100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInBottom = trigger('tuiSlideInBottom', [\n transition(\n ':enter',\n [\n style({transform: 'translateY(-100%)'}),\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ],\n DURATION,\n ),\n transition(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n animate(TRANSITION, style({transform: 'translateY(-100%)'})),\n ],\n DURATION,\n ),\n]);\n\nexport const tuiSlideInBottomList = trigger('tuiSlideInBottomList', [\n transition(\n '* => *',\n [\n query(\n ':enter',\n [\n style({transform: 'translateY(-100%)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(0)'})),\n ]),\n ],\n {optional: true},\n ),\n query(\n ':leave',\n [\n style({transform: 'translateY(0)'}),\n stagger(STAGGER, [\n animate(TRANSITION, style({transform: 'translateY(-100%)'})),\n ]),\n ],\n {optional: true},\n ),\n ],\n DURATION,\n ),\n]);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Inject, Input, HostListener, NgModule } from '@angular/core';
|
|
3
|
-
import
|
|
3
|
+
import * as i1 from '@taiga-ui/cdk';
|
|
4
|
+
import { tuiIsString, TuiValidationError, TuiLetModule } from '@taiga-ui/cdk';
|
|
4
5
|
import { tuiHeightCollapse, tuiFadeIn } from '@taiga-ui/core/animations';
|
|
5
6
|
import { MODE_PROVIDER } from '@taiga-ui/core/providers';
|
|
6
7
|
import { TUI_ANIMATION_OPTIONS, TUI_MODE, TUI_DEFAULT_ERROR_MESSAGE } from '@taiga-ui/core/tokens';
|
|
7
|
-
import * as
|
|
8
|
+
import * as i2 from '@angular/common';
|
|
8
9
|
import { CommonModule } from '@angular/common';
|
|
9
|
-
import * as
|
|
10
|
+
import * as i3 from '@tinkoff/ng-polymorpheus';
|
|
10
11
|
import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
11
|
-
import * as
|
|
12
|
+
import * as i4 from 'rxjs';
|
|
12
13
|
|
|
13
14
|
class TuiErrorComponent {
|
|
14
15
|
constructor(animation, mode$, defaultErrorMessage$) {
|
|
@@ -26,7 +27,7 @@ class TuiErrorComponent {
|
|
|
26
27
|
}
|
|
27
28
|
}
|
|
28
29
|
TuiErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }, { token: TUI_MODE }, { token: TUI_DEFAULT_ERROR_MESSAGE }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
TuiErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiErrorComponent, selector: "tui-error", inputs: { errorSetter: ["error", "errorSetter"] }, host: { listeners: { "animationcancel.self": "onAnimation(false)", "animationstart.self": "onAnimation(true)" } }, providers: [MODE_PROVIDER], ngImport: i0, template: "<div\n
|
|
30
|
+
TuiErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiErrorComponent, selector: "tui-error", inputs: { errorSetter: ["error", "errorSetter"] }, host: { listeners: { "animationcancel.self": "onAnimation(false)", "animationstart.self": "onAnimation(true)" } }, providers: [MODE_PROVIDER], ngImport: i0, template: "<ng-container *tuiLet=\"defaultErrorMessage$ | async as defaultErrorMessage\">\n <div\n *ngIf=\"error && visible\"\n automation-id=\"tui-error__text\"\n class=\"t-message-text\"\n [@tuiFadeIn]=\"animation\"\n [@tuiHeightCollapse]=\"animation\"\n [class.t-message-text_light]=\"(mode$ | async) === 'onDark'\"\n >\n <ng-container *polymorpheusOutlet=\"error.message || defaultErrorMessage as text; context: error.context || {}\">\n {{ text }}\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);display:block;color:var(--tui-negative);word-wrap:break-word;animation:tuiPresent 1s infinite}.t-message-text{margin-top:.25rem;white-space:pre-line}.t-message-text_light{color:var(--tui-negative-night)}\n"], directives: [{ type: i1.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i2.AsyncPipe }, animations: [tuiHeightCollapse, tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorComponent, decorators: [{
|
|
31
32
|
type: Component,
|
|
32
33
|
args: [{
|
|
@@ -40,10 +41,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
40
41
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
41
42
|
type: Inject,
|
|
42
43
|
args: [TUI_ANIMATION_OPTIONS]
|
|
43
|
-
}] }, { type:
|
|
44
|
+
}] }, { type: i4.Observable, decorators: [{
|
|
44
45
|
type: Inject,
|
|
45
46
|
args: [TUI_MODE]
|
|
46
|
-
}] }, { type:
|
|
47
|
+
}] }, { type: i4.Observable, decorators: [{
|
|
47
48
|
type: Inject,
|
|
48
49
|
args: [TUI_DEFAULT_ERROR_MESSAGE]
|
|
49
50
|
}] }]; }, propDecorators: { errorSetter: [{
|
|
@@ -60,12 +61,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
60
61
|
class TuiErrorModule {
|
|
61
62
|
}
|
|
62
63
|
TuiErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
63
|
-
TuiErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, declarations: [TuiErrorComponent], imports: [CommonModule, PolymorpheusModule], exports: [TuiErrorComponent] });
|
|
64
|
-
TuiErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, imports: [[CommonModule, PolymorpheusModule]] });
|
|
64
|
+
TuiErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, declarations: [TuiErrorComponent], imports: [CommonModule, PolymorpheusModule, TuiLetModule], exports: [TuiErrorComponent] });
|
|
65
|
+
TuiErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, imports: [[CommonModule, PolymorpheusModule, TuiLetModule]] });
|
|
65
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiErrorModule, decorators: [{
|
|
66
67
|
type: NgModule,
|
|
67
68
|
args: [{
|
|
68
|
-
imports: [CommonModule, PolymorpheusModule],
|
|
69
|
+
imports: [CommonModule, PolymorpheusModule, TuiLetModule],
|
|
69
70
|
declarations: [TuiErrorComponent],
|
|
70
71
|
exports: [TuiErrorComponent],
|
|
71
72
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-error.js","sources":["../../../projects/core/components/error/error.component.ts","../../../projects/core/components/error/error.template.html","../../../projects/core/components/error/error.module.ts","../../../projects/core/components/error/taiga-ui-core-components-error.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiIsString, TuiValidationError} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse} from '@taiga-ui/core/animations';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {\n TUI_ANIMATION_OPTIONS,\n TUI_DEFAULT_ERROR_MESSAGE,\n TUI_MODE,\n} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'tui-error',\n templateUrl: './error.template.html',\n styleUrls: ['./error.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n animations: [tuiHeightCollapse, tuiFadeIn],\n})\nexport class TuiErrorComponent {\n @Input('error')\n set errorSetter(error: TuiValidationError | string | null) {\n this.error = tuiIsString(error) ? new TuiValidationError(error) : error;\n }\n\n error: TuiValidationError | null = null;\n\n visible = true;\n\n constructor(\n @Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_DEFAULT_ERROR_MESSAGE)\n readonly defaultErrorMessage$: Observable<string>,\n ) {}\n\n @HostListener('animationcancel.self', ['false'])\n @HostListener('animationstart.self', ['true'])\n onAnimation(visible: boolean): void {\n this.visible = visible;\n }\n}\n","<div\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-components-error.js","sources":["../../../projects/core/components/error/error.component.ts","../../../projects/core/components/error/error.template.html","../../../projects/core/components/error/error.module.ts","../../../projects/core/components/error/taiga-ui-core-components-error.ts"],"sourcesContent":["import {AnimationOptions} from '@angular/animations';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n} from '@angular/core';\nimport {tuiIsString, TuiValidationError} from '@taiga-ui/cdk';\nimport {tuiFadeIn, tuiHeightCollapse} from '@taiga-ui/core/animations';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {\n TUI_ANIMATION_OPTIONS,\n TUI_DEFAULT_ERROR_MESSAGE,\n TUI_MODE,\n} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'tui-error',\n templateUrl: './error.template.html',\n styleUrls: ['./error.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n animations: [tuiHeightCollapse, tuiFadeIn],\n})\nexport class TuiErrorComponent {\n @Input('error')\n set errorSetter(error: TuiValidationError | string | null) {\n this.error = tuiIsString(error) ? new TuiValidationError(error) : error;\n }\n\n error: TuiValidationError | null = null;\n\n visible = true;\n\n constructor(\n @Inject(TUI_ANIMATION_OPTIONS) readonly animation: AnimationOptions,\n @Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_DEFAULT_ERROR_MESSAGE)\n readonly defaultErrorMessage$: Observable<string>,\n ) {}\n\n @HostListener('animationcancel.self', ['false'])\n @HostListener('animationstart.self', ['true'])\n onAnimation(visible: boolean): void {\n this.visible = visible;\n }\n}\n","<ng-container *tuiLet=\"defaultErrorMessage$ | async as defaultErrorMessage\">\n <div\n *ngIf=\"error && visible\"\n automation-id=\"tui-error__text\"\n class=\"t-message-text\"\n [@tuiFadeIn]=\"animation\"\n [@tuiHeightCollapse]=\"animation\"\n [class.t-message-text_light]=\"(mode$ | async) === 'onDark'\"\n >\n <ng-container *polymorpheusOutlet=\"error.message || defaultErrorMessage as text; context: error.context || {}\">\n {{ text }}\n </ng-container>\n </div>\n</ng-container>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiLetModule} from '@taiga-ui/cdk';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiErrorComponent} from './error.component';\n\n@NgModule({\n imports: [CommonModule, PolymorpheusModule, TuiLetModule],\n declarations: [TuiErrorComponent],\n exports: [TuiErrorComponent],\n})\nexport class TuiErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { CommonModule } from '@angular/common';
|
|
|
7
7
|
class TuiGroupStylesComponent {
|
|
8
8
|
}
|
|
9
9
|
TuiGroupStylesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiGroupStylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
TuiGroupStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiGroupStylesComponent, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
10
|
+
TuiGroupStylesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiGroupStylesComponent, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate;align-items:start}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin-right:-1px}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-bottom-left-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child{border-top-right-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--tui-radius-m);border-top-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child{border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l)}.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-m)}}@media screen and (max-width: 47.9625em){.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child){border-radius:var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_vertical{width:100%}.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child){margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_orientation_horizontal{flex-direction:column;width:100%}.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child){margin-right:0;margin-bottom:1rem}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-m) var(--tui-radius-m) 0 0}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-m) var(--tui-radius-m)}.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child){margin-right:0;margin-bottom:-1px}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}@media screen and (max-width: 47.9625em){.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child){border-radius:var(--tui-radius-l)}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child){border-radius:0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child){border-radius:var(--tui-radius-l) var(--tui-radius-l) 0 0}.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child){border-radius:0 0 var(--tui-radius-l) var(--tui-radius-l)}}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiGroupStylesComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-group.js","sources":["../../../projects/core/components/group/group-styles.component.ts","../../../projects/core/components/group/group.directive.ts","../../../projects/core/components/group/group.module.ts","../../../projects/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-group-styles',\n },\n template: '',\n styleUrls: ['./group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiGroupStylesComponent {}\n","import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';\n\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@Directive({\n selector: '[tuiGroup]:not(ng-container)',\n host: {\n class: 'tui-group',\n role: 'group',\n },\n})\nexport class TuiGroupDirective {\n @Input()\n orientation: TuiOrientation = 'horizontal';\n\n @Input()\n @HostBinding('class.tui-group_adaptive')\n adaptive = false;\n\n @Input()\n @HostBinding('class.tui-group_collapsed')\n collapsed = false;\n\n @Input()\n @HostBinding('class.tui-group_rounded')\n rounded = true;\n\n @Input()\n size: TuiSizeL = 'm';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiGroupStylesComponent);\n }\n\n @HostBinding('class.tui-group_orientation_horizontal')\n get orientationHorizontal(): boolean {\n return this.orientation === 'horizontal';\n }\n\n @HostBinding('class.tui-group_orientation_vertical')\n get orientationVertical(): boolean {\n return this.orientation === 'vertical';\n }\n\n @HostBinding('class.tui-group_radius_large')\n get sizeLarge(): boolean {\n return this.size === 'l';\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiGroupDirective} from './group.directive';\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiGroupDirective, TuiGroupStylesComponent],\n exports: [TuiGroupDirective, TuiGroupStylesComponent],\n})\nexport class TuiGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,uBAAuB,CAAA;;qHAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,kGALtB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-components-group.js","sources":["../../../projects/core/components/group/group-styles.component.ts","../../../projects/core/components/group/group.directive.ts","../../../projects/core/components/group/group.module.ts","../../../projects/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n host: {\n class: 'tui-group-styles',\n },\n template: '',\n styleUrls: ['./group.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiGroupStylesComponent {}\n","import {Directive, HostBinding, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';\n\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@Directive({\n selector: '[tuiGroup]:not(ng-container)',\n host: {\n class: 'tui-group',\n role: 'group',\n },\n})\nexport class TuiGroupDirective {\n @Input()\n orientation: TuiOrientation = 'horizontal';\n\n @Input()\n @HostBinding('class.tui-group_adaptive')\n adaptive = false;\n\n @Input()\n @HostBinding('class.tui-group_collapsed')\n collapsed = false;\n\n @Input()\n @HostBinding('class.tui-group_rounded')\n rounded = true;\n\n @Input()\n size: TuiSizeL = 'm';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiGroupStylesComponent);\n }\n\n @HostBinding('class.tui-group_orientation_horizontal')\n get orientationHorizontal(): boolean {\n return this.orientation === 'horizontal';\n }\n\n @HostBinding('class.tui-group_orientation_vertical')\n get orientationVertical(): boolean {\n return this.orientation === 'vertical';\n }\n\n @HostBinding('class.tui-group_radius_large')\n get sizeLarge(): boolean {\n return this.size === 'l';\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiGroupDirective} from './group.directive';\nimport {TuiGroupStylesComponent} from './group-styles.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiGroupDirective, TuiGroupStylesComponent],\n exports: [TuiGroupDirective, TuiGroupStylesComponent],\n})\nexport class TuiGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ class TuiLabelComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
TuiLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiLabelComponent, deps: [{ token: TUI_MODE }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
TuiLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiLabelComponent, selector: "label[tuiLabel]", inputs: { tuiLabel: "tuiLabel", context: "context" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "class._control": "this.control" } }, providers: [MODE_PROVIDER], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: "<span class=\"t-label\">\n <span\n *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n class=\"t-text\"\n [textContent]=\"text\"\n ></span>\n</span>\n<span class=\"t-content\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}:host._control .t-label{margin-bottom:.25rem}.t-text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .t-text{color:var(--tui-text-02)}:host([data-mode=\"onDark\"]) .t-text{color:var(--tui-text-02-night)}.t-content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}\n"], directives: [{ type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
19
|
+
TuiLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiLabelComponent, selector: "label[tuiLabel]", inputs: { tuiLabel: "tuiLabel", context: "context" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "class._control": "this.control" } }, providers: [MODE_PROVIDER], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: "<span class=\"t-label\">\n <span\n *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n class=\"t-text\"\n [textContent]=\"text\"\n ></span>\n</span>\n<span class=\"t-content\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}:host._control .t-label{margin-bottom:.25rem}.t-text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .t-text{color:var(--tui-text-02)}:host([data-mode=\"onDark\"]) .t-text{color:var(--tui-text-02-night)}.t-content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto;border-radius:inherit}\n"], directives: [{ type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiLabelComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-core-components-label.js","sources":["../../../projects/core/components/label/label.component.ts","../../../projects/core/components/label/label.template.html","../../../projects/core/components/label/label.module.ts","../../../projects/core/components/label/taiga-ui-core-components-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'label[tuiLabel]',\n templateUrl: './label.template.html',\n styleUrls: ['./label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiLabelComponent<T> {\n @Input()\n tuiLabel: PolymorpheusContent<TuiContextWithImplicit<T | null>>;\n\n @Input()\n context: TuiContextWithImplicit<T | null> = {\n $implicit: null,\n };\n\n @ContentChild(NgControl)\n @HostBinding('class._control')\n readonly control?: NgControl;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n}\n","<span class=\"t-label\">\n <span\n *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n class=\"t-text\"\n [textContent]=\"text\"\n ></span>\n</span>\n<span class=\"t-content\">\n <ng-content></ng-content>\n</span>\n","import {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLabelComponent} from './label.component';\n\n@NgModule({\n imports: [PolymorpheusModule],\n declarations: [TuiLabelComponent],\n exports: [TuiLabelComponent],\n})\nexport class TuiLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA0Ba,iBAAiB,CAAA;AAa1B,IAAA,WAAA,CAAuC,KAAuC,EAAA;QAAvC,IAAK,CAAA,KAAA,GAAL,KAAK,CAAkC;AAR9E,QAAA,IAAA,CAAA,OAAO,GAAqC;AACxC,YAAA,SAAS,EAAE,IAAI;SAClB,CAAC;KAMgF;;AAbzE,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,kBAaN,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAbnB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wMALf,CAAC,aAAa,CAAC,EAcZ,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,SAAS,gDCnC3B,gQAUA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-core-components-label.js","sources":["../../../projects/core/components/label/label.component.ts","../../../projects/core/components/label/label.template.html","../../../projects/core/components/label/label.module.ts","../../../projects/core/components/label/taiga-ui-core-components-label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'label[tuiLabel]',\n templateUrl: './label.template.html',\n styleUrls: ['./label.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiLabelComponent<T> {\n @Input()\n tuiLabel: PolymorpheusContent<TuiContextWithImplicit<T | null>>;\n\n @Input()\n context: TuiContextWithImplicit<T | null> = {\n $implicit: null,\n };\n\n @ContentChild(NgControl)\n @HostBinding('class._control')\n readonly control?: NgControl;\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n}\n","<span class=\"t-label\">\n <span\n *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n class=\"t-text\"\n [textContent]=\"text\"\n ></span>\n</span>\n<span class=\"t-content\">\n <ng-content></ng-content>\n</span>\n","import {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLabelComponent} from './label.component';\n\n@NgModule({\n imports: [PolymorpheusModule],\n declarations: [TuiLabelComponent],\n exports: [TuiLabelComponent],\n})\nexport class TuiLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA0Ba,iBAAiB,CAAA;AAa1B,IAAA,WAAA,CAAuC,KAAuC,EAAA;QAAvC,IAAK,CAAA,KAAA,GAAL,KAAK,CAAkC;AAR9E,QAAA,IAAA,CAAA,OAAO,GAAqC;AACxC,YAAA,SAAS,EAAE,IAAI;SAClB,CAAC;KAMgF;;AAbzE,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,kBAaN,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAbnB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wMALf,CAAC,aAAa,CAAC,EAcZ,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,SAAS,gDCnC3B,gQAUA,EAAA,MAAA,EAAA,CAAA,ojBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDgBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,oBAAoB,CAAC;oBACjC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE,CAAC,aAAa,CAAC;AAC1B,oBAAA,IAAI,EAAE;AACF,wBAAA,oBAAoB,EAAE,OAAO;AAChC,qBAAA;AACJ,iBAAA,CAAA;;0BAcgB,MAAM;2BAAC,QAAQ,CAAA;4CAX5B,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAOG,OAAO,EAAA,CAAA;sBAFf,YAAY;uBAAC,SAAS,CAAA;;sBACtB,WAAW;uBAAC,gBAAgB,CAAA;;;ME1BpB,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAHR,YAAA,EAAA,CAAA,iBAAiB,CADtB,EAAA,OAAA,EAAA,CAAA,kBAAkB,aAElB,iBAAiB,CAAA,EAAA,CAAA,CAAA;6GAElB,cAAc,EAAA,OAAA,EAAA,CAJd,CAAC,kBAAkB,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIpB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|
|
@@ -286,7 +286,7 @@ TuiPrimitiveTextfieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12
|
|
|
286
286
|
TuiPrimitiveTextfieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiPrimitiveTextfieldComponent, selector: "tui-primitive-textfield", inputs: { editable: "editable", textfieldFiller: ["filler", "textfieldFiller"], iconCleaner: "iconCleaner", readOnly: "readOnly", invalid: "invalid", disabled: "disabled", textfieldPrefix: ["prefix", "textfieldPrefix"], textfieldPostfix: ["postfix", "textfieldPostfix"], value: "value" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)" }, properties: { "class._autofilled": "autofilled", "class._label-outside": "controller.labelOutside", "class._readonly": "this.readOnly", "attr.data-size": "this.size", "class._invalid": "this.computedInvalid", "class._hidden": "this.inputHidden", "style.--border-start.rem": "this.borderStart", "style.--border-end.rem": "this.borderEnd" } }, providers: [
|
|
287
287
|
tuiAsFocusableItemAccessor(TuiPrimitiveTextfieldComponent),
|
|
288
288
|
TEXTFIELD_CONTROLLER_PROVIDER,
|
|
289
|
-
], queries: [{ propertyName: "content", predicate: PolymorpheusOutletDirective, descendants: true }], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"content?.changes | async\"></ng-container>\n<ng-container *ngIf=\"hintOptions?.change$ | async\"></ng-container>\n<div\n automation-id=\"tui-primitive-textfield__wrapper\"\n tuiWrapper\n [active]=\"pseudoActive\"\n [appearance]=\"appearance\"\n [disabled]=\"disabled\"\n [focus]=\"computedFocused\"\n [hover]=\"pseudoHover\"\n [invalid]=\"computedInvalid\"\n [readOnly]=\"readOnly\"\n [style.--text-indent.px]=\"decor.pre$ | async\"\n (click.prevent.silent)=\"detectRetargetFromLabel($event)\"\n (mousedown)=\"onMouseDown($event)\"\n (tuiAutofilledChange)=\"onAutofilled($event)\"\n>\n <ng-content select=\"input\"></ng-content>\n <ng-content select=\"select\"></ng-content>\n <input\n #focusableElement\n automation-id=\"tui-primitive-textfield__native-input\"\n tuiMaskAccessor\n class=\"t-input\"\n [attr.aria-invalid]=\"computedInvalid\"\n [attr.name]=\"name\"\n [disabled]=\"computedDisabled\"\n [id]=\"id\"\n [ngModel]=\"value\"\n [readOnly]=\"readOnly || !editable\"\n [tuiFocusable]=\"computedFocusable\"\n (ngModelChange)=\"onModelChange($event)\"\n />\n <div\n *ngIf=\"inputHidden\"\n automation-id=\"tui-primitive-textfield__value\"\n class=\"t-input t-input_template\"\n >\n <ng-content select=\"tuiContent\"></ng-content>\n </div>\n <div class=\"t-content\">\n <div\n *ngIf=\"iconLeftContent\"\n class=\"t-icon t-icon_left t-textfield-icon\"\n >\n <tui-svg\n *polymorpheusOutlet=\"iconLeftContent as src; context: {$implicit: size}\"\n appearance=\"icon\"\n tuiWrapper\n [src]=\"src\"\n ></tui-svg>\n </div>\n <div class=\"t-wrapper\">\n <label\n *ngIf=\"hasPlaceholder\"\n automation-id=\"tui-primitive-textfield__placeholder\"\n class=\"t-placeholder\"\n [class.t-placeholder_raised]=\"placeholderRaised\"\n [for]=\"computedId\"\n >\n <ng-content></ng-content>\n </label>\n <div class=\"t-wrapper-value-decoration\">\n <tui-value-decoration\n #decor\n aria-hidden=\"true\"\n automation-id=\"tui-primitive-textfield__value-decoration\"\n class=\"t-value-decoration\"\n [class.t-has-value]=\"value\"\n [style.textIndent.px]=\"getIndent$(focusableElement) | async\"\n ></tui-value-decoration>\n </div>\n </div>\n <div class=\"t-icons\">\n <div\n *ngIf=\"hasCustomContent\"\n automation-id=\"tui-primitive-textfield__custom-content\"\n class=\"t-custom-content\"\n >\n <tui-svg\n *polymorpheusOutlet=\"controller.customContent as src\"\n class=\"t-custom-icon\"\n [src]=\"src\"\n ></tui-svg>\n </div>\n <span\n *ngIf=\"hasCleaner\"\n appearance=\"icon\"\n automation-id=\"tui-primitive-textfield__cleaner\"\n tuiWrapper\n class=\"t-cleaner\"\n (click.stop)=\"clear()\"\n >\n <tui-svg\n *polymorpheusOutlet=\"\n iconCleaner || controller.options.iconCleaner as src;\n context: {$implicit: size}\n \"\n [src]=\"src\"\n ></tui-svg>\n </span>\n <tui-tooltip\n *ngIf=\"showHint\"\n automation-id=\"tui-primitive-textfield__tooltip\"\n class=\"t-tooltip\"\n [content]=\"hintOptions?.content\"\n [describeId]=\"computedId\"\n ></tui-tooltip>\n <div\n *ngIf=\"iconContent\"\n class=\"t-icon t-textfield-icon\"\n >\n <tui-svg\n *polymorpheusOutlet=\"iconContent as src; context: {$implicit: size}\"\n appearance=\"icon\"\n tuiWrapper\n [src]=\"src\"\n ></tui-svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}:host[data-size=s]{--tui-height: var(--tui-height-s)}:host[data-size=m]{--tui-height: var(--tui-height-m)}:host[data-size=l]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:hover,.t-input:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}.t-input:-webkit-autofill,.t-input:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input::-webkit-caps-lock-indicator,.t-input::-webkit-contacts-auto-fill-button,.t-input::-webkit-credit-card-auto-fill-button,.t-input::-webkit-credentials-auto-fill-button,.t-input::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host._focused:not(._readonly) .t-input::placeholder,:host-context(tui-primitive-textfield._focused:not(._readonly)) .t-input::placeholder,:host-context(tui-textarea._focused:not(._readonly)) .t-input::placeholder,:host-context(tui-text-area._focused:not(._readonly)) .t-input::placeholder{opacity:1}[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill,[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill:hover,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:hover,[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill:focus,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark] .t-input::placeholder,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host[data-size=s] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"s\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=m] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"m\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"m\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"m\"]):not(tui-text-area){padding:0 var(--tui-padding-m)}:host[data-size=l] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"l\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled .t-input,.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-textarea._disabled),.t-input :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=m]:not(._label-outside) .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1rem}:host[data-size=l]:not(._label-outside) .t-input{padding-top:1.25rem}:host[data-size=l]:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input.t-input,.t-input :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size=s] .t-content{padding:0 var(--tui-padding-s)}:host[data-size=m] .t-content{padding:0 var(--tui-padding-m)}:host[data-size=l] .t-content{padding:0 var(--tui-padding-l)}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size=m] .t-placeholder_raised{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host._invalid:not(._focused) [tuiWrapper][data-mode=onDark] .t-placeholder_raised,:host._invalid:not(._focused):hover [tuiWrapper][data-mode=onDark] .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size=m]._focused._label-outside .t-placeholder,:host[data-size=l]._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size=l] .t-placeholder{font:var(--tui-font-text-m);line-height:1.25rem}:host[data-size=l] .t-placeholder_raised{font-size:.8156rem}:host[data-size=m]._focused:not(._label-outside) .t-placeholder,:host[data-size=l]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size=m]._focused:not(._label-outside) [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=l]._focused:not(._label-outside) [tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-01-night)}:host._focused [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=m]._focused._label-outside [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=l]._focused._label-outside [tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}.t-cleaner{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}:host._readonly .t-cleaner,:host._disabled .t-cleaner{pointer-events:none}.t-icon{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}:host[data-size=s] .t-icon_left{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}:host[data-size=m] .t-icon_left{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host[data-size=l] .t-icon_left{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons{display:flex;align-items:center}:host[data-size=m] .t-icons{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}:host[data-size=s] .t-icons{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}:host:not([data-size=\"s\"]) .t-icons>:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}:host._autofilled[data-size=s] .t-placeholder,:host._autofilled._label-outside .t-placeholder,:host._autofilled .t-value-decoration:not(.t-has-value){visibility:hidden}.t-custom-content{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon{width:2rem;height:100%}.t-input:not(:first-child){display:none}:host[data-size] .t-input_template{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration{position:relative;pointer-events:none}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: TuiValueDecorationComponent, selector: "tui-value-decoration" }, { type: i3.TuiTooltipComponent, selector: "tui-tooltip", inputs: ["content", "direction", "appearance", "showDelay", "hideDelay", "describeId", "context"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { type: i6.TuiAutofilledDirective, selector: "[tuiAutofilledChange]", outputs: ["tuiAutofilledChange"] }, { type: i7.TuiMaskAccessorDirective, selector: "input[tuiMaskAccessor]" }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i9.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
289
|
+
], queries: [{ propertyName: "content", predicate: PolymorpheusOutletDirective, descendants: true }], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"content?.changes | async\"></ng-container>\n<ng-container *ngIf=\"hintOptions?.change$ | async\"></ng-container>\n<div\n automation-id=\"tui-primitive-textfield__wrapper\"\n tuiWrapper\n [active]=\"pseudoActive\"\n [appearance]=\"appearance\"\n [disabled]=\"disabled\"\n [focus]=\"computedFocused\"\n [hover]=\"pseudoHover\"\n [invalid]=\"computedInvalid\"\n [readOnly]=\"readOnly\"\n [style.--text-indent.px]=\"decor.pre$ | async\"\n (click.prevent.silent)=\"detectRetargetFromLabel($event)\"\n (mousedown)=\"onMouseDown($event)\"\n (tuiAutofilledChange)=\"onAutofilled($event)\"\n>\n <ng-content select=\"input\"></ng-content>\n <ng-content select=\"select\"></ng-content>\n <input\n #focusableElement\n automation-id=\"tui-primitive-textfield__native-input\"\n tuiMaskAccessor\n class=\"t-input\"\n [attr.aria-invalid]=\"computedInvalid\"\n [attr.name]=\"name\"\n [disabled]=\"computedDisabled\"\n [id]=\"id\"\n [ngModel]=\"value\"\n [readOnly]=\"readOnly || !editable\"\n [tuiFocusable]=\"computedFocusable\"\n (ngModelChange)=\"onModelChange($event)\"\n />\n <div\n *ngIf=\"inputHidden\"\n automation-id=\"tui-primitive-textfield__value\"\n class=\"t-input t-input_template\"\n >\n <ng-content select=\"tuiContent\"></ng-content>\n </div>\n <div class=\"t-content\">\n <div\n *ngIf=\"iconLeftContent\"\n class=\"t-icon t-icon_left t-textfield-icon\"\n >\n <tui-svg\n *polymorpheusOutlet=\"iconLeftContent as src; context: {$implicit: size}\"\n appearance=\"icon\"\n tuiWrapper\n [src]=\"src\"\n ></tui-svg>\n </div>\n <div class=\"t-wrapper\">\n <label\n *ngIf=\"hasPlaceholder\"\n automation-id=\"tui-primitive-textfield__placeholder\"\n class=\"t-placeholder\"\n [class.t-placeholder_raised]=\"placeholderRaised\"\n [for]=\"computedId\"\n >\n <ng-content></ng-content>\n </label>\n <div class=\"t-wrapper-value-decoration\">\n <tui-value-decoration\n #decor\n aria-hidden=\"true\"\n automation-id=\"tui-primitive-textfield__value-decoration\"\n class=\"t-value-decoration\"\n [class.t-has-value]=\"value\"\n [style.textIndent.px]=\"getIndent$(focusableElement) | async\"\n ></tui-value-decoration>\n </div>\n </div>\n <div class=\"t-icons\">\n <div\n *ngIf=\"hasCustomContent\"\n automation-id=\"tui-primitive-textfield__custom-content\"\n class=\"t-custom-content\"\n >\n <tui-svg\n *polymorpheusOutlet=\"controller.customContent as src\"\n class=\"t-custom-icon\"\n [src]=\"src\"\n ></tui-svg>\n </div>\n <span\n *ngIf=\"hasCleaner\"\n appearance=\"icon\"\n automation-id=\"tui-primitive-textfield__cleaner\"\n tuiWrapper\n class=\"t-cleaner\"\n (click.stop)=\"clear()\"\n >\n <tui-svg\n *polymorpheusOutlet=\"\n iconCleaner || controller.options.iconCleaner as src;\n context: {$implicit: size}\n \"\n [src]=\"src\"\n ></tui-svg>\n </span>\n <tui-tooltip\n *ngIf=\"showHint\"\n automation-id=\"tui-primitive-textfield__tooltip\"\n class=\"t-tooltip\"\n [content]=\"hintOptions?.content\"\n [describeId]=\"computedId\"\n ></tui-tooltip>\n <div\n *ngIf=\"iconContent\"\n class=\"t-icon t-textfield-icon\"\n >\n <tui-svg\n *polymorpheusOutlet=\"iconContent as src; context: {$implicit: size}\"\n appearance=\"icon\"\n tuiWrapper\n [src]=\"src\"\n ></tui-svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;text-align:left;border-radius:var(--tui-radius-m);height:var(--tui-height);min-height:var(--tui-height);max-height:var(--tui-height)}:host[data-size=s]{--tui-height: var(--tui-height-s)}:host[data-size=m]{--tui-height: var(--tui-height-m)}:host[data-size=l]{--tui-height: var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.t-input:-webkit-autofill,.t-input:-webkit-autofill:hover,.t-input:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}@supports (-webkit-touch-callout: none){.t-input:active{font-size:1rem}}.t-input[inputMode=none]{caret-color:transparent}.t-input:-webkit-autofill,.t-input:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}.t-input::-webkit-caps-lock-indicator,.t-input::-webkit-contacts-auto-fill-button,.t-input::-webkit-credit-card-auto-fill-button,.t-input::-webkit-credentials-auto-fill-button,.t-input::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host._focused:not(._readonly) .t-input::placeholder,:host-context(tui-primitive-textfield._focused:not(._readonly)) .t-input::placeholder,:host-context(tui-textarea._focused:not(._readonly)) .t-input::placeholder,:host-context(tui-text-area._focused:not(._readonly)) .t-input::placeholder{opacity:1}[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill,[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill:hover,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:hover,[tuiWrapper][data-mode=onDark] .t-input:-webkit-autofill:focus,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark] .t-input::placeholder,.t-input :host-context([tuiWrapper][data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host[data-size=s] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"s\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=m] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"m\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"m\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"m\"]):not(tui-text-area){padding:0 var(--tui-padding-m)}:host[data-size=l] .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),.t-input :host-context(tui-textarea[data-size=\"l\"]):not(tui-textarea),.t-input :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled .t-input,.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-textarea._disabled),.t-input :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=m]:not(._label-outside) .t-input,.t-input :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1rem}:host[data-size=l]:not(._label-outside) .t-input{padding-top:1.25rem}:host[data-size=l]:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) .t-input:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input.t-input,.t-input :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size=s] .t-content{padding:0 var(--tui-padding-s)}:host[data-size=m] .t-content{padding:0 var(--tui-padding-m)}:host[data-size=l] .t-content{padding:0 var(--tui-padding-l)}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:var(--tui-font-text-s);color:var(--tui-text-02);pointer-events:none;will-change:transform;transform:translateY(0)}@supports (-webkit-hyphens: none){.t-placeholder{will-change:unset;transition-property:transform,color,letter-spacing}}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size=m] .t-placeholder_raised{font:var(--tui-font-text-xs);line-height:1.25rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .t-placeholder_raised{color:var(--tui-error-fill)}:host._invalid:not(._focused) [tuiWrapper][data-mode=onDark] .t-placeholder_raised,:host._invalid:not(._focused):hover [tuiWrapper][data-mode=onDark] .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size=m]._focused._label-outside .t-placeholder,:host[data-size=l]._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size=l] .t-placeholder{font:var(--tui-font-text-m);line-height:1.25rem}:host[data-size=l] .t-placeholder_raised{font-size:.8156rem}:host[data-size=m]._focused:not(._label-outside) .t-placeholder,:host[data-size=l]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}[tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size=m]._focused:not(._label-outside) [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=l]._focused:not(._label-outside) [tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-01-night)}:host._focused [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=m]._focused._label-outside [tuiWrapper][data-mode=onDark] .t-placeholder,:host[data-size=l]._focused._label-outside [tuiWrapper][data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}.t-cleaner{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none;pointer-events:auto}:host._readonly .t-cleaner,:host._disabled .t-cleaner{pointer-events:none}.t-icon{position:relative;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;pointer-events:none}:host[data-size=s] .t-icon_left{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}:host[data-size=m] .t-icon_left{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host[data-size=l] .t-icon_left{-webkit-margin-end:.75rem;margin-inline-end:.75rem}.t-icons{display:flex;align-items:center}:host[data-size=m] .t-icons{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}:host[data-size=s] .t-icons{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}:host:not([data-size=\"s\"]) .t-icons>:not(:first-child){-webkit-margin-start:.25rem;margin-inline-start:.25rem}:host._autofilled[data-size=s] .t-placeholder,:host._autofilled._label-outside .t-placeholder,:host._autofilled .t-value-decoration:not(.t-has-value){visibility:hidden}.t-custom-content{position:relative;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;pointer-events:none}.t-custom-icon{width:2rem;height:100%}.t-input:not(:first-child){display:none}:host[data-size] .t-input_template{display:flex;width:calc(100% - 1rem);max-width:calc(100% - 1rem);align-items:center;pointer-events:none;-webkit-padding-end:0;padding-inline-end:0}.t-text-template{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-wrapper-value-decoration{position:relative;pointer-events:none}\n"], components: [{ type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { type: TuiValueDecorationComponent, selector: "tui-value-decoration" }, { type: i3.TuiTooltipComponent, selector: "tui-tooltip", inputs: ["content", "direction", "appearance", "showDelay", "hideDelay", "describeId", "context"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.TuiWrapperDirective, selector: "[tuiWrapper]", inputs: ["disabled", "readOnly", "hover", "active", "focus", "invalid", "appearance"] }, { type: i6.TuiAutofilledDirective, selector: "[tuiAutofilledChange]", outputs: ["tuiAutofilledChange"] }, { type: i7.TuiMaskAccessorDirective, selector: "input[tuiMaskAccessor]" }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i9.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
290
290
|
__decorate([
|
|
291
291
|
tuiPure
|
|
292
292
|
], TuiPrimitiveTextfieldComponent.prototype, "getIndent$", null);
|
|
@@ -423,7 +423,7 @@ class TuiTextfieldComponent {
|
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
425
|
TuiTextfieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextfieldComponent, deps: [{ token: TUI_TEXTFIELD_HOST }, { token: TUI_TEXTFIELD_WATCHED_CONTROLLER$1 }, { token: ElementRef }, { token: TuiIdService }, { token: TUI_LEGACY_MASK, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
426
|
-
TuiTextfieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]", host: { attributes: { "type": "text" }, listeners: { "input": "!legacyMask && host.onValueChange($event.target.value)" }, properties: { "attr.id": "id", "attr.inputMode": "inputMode", "attr.aria-invalid": "host.invalid", "attr.disabled": "host.disabled || null", "tabIndex": "host.focusable ? 0 : -1", "readOnly": "host.readOnly", "value": "host.value" } }, providers: [TEXTFIELD_CONTROLLER_PROVIDER$1], ngImport: i0, template: '', isInline: true, styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}:host:-webkit-autofill,:host:-webkit-autofill:hover,:host:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}:host:-webkit-autofill,:host:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}:host::-webkit-caps-lock-indicator,:host::-webkit-contacts-auto-fill-button,:host::-webkit-credit-card-auto-fill-button,:host::-webkit-credentials-auto-fill-button,:host::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}:host::placeholder{color:var(--tui-text-03);opacity:0}:host._focused:not(._readonly) :host::placeholder,:host-context(tui-primitive-textfield._focused:not(._readonly)) :host::placeholder,:host-context(tui-textarea._focused:not(._readonly)) :host::placeholder,:host-context(tui-text-area._focused:not(._readonly)) :host::placeholder{opacity:1}[tuiWrapper][data-mode=onDark] :host:-webkit-autofill,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill,[tuiWrapper][data-mode=onDark] :host:-webkit-autofill:hover,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:hover,[tuiWrapper][data-mode=onDark] :host:-webkit-autofill:focus,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark] :host::placeholder,:host :host-context([tuiWrapper][data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host[data-size=s] :host,:host :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"s\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=m] :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"m\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"m\"]):not(tui-text-area){padding:0 var(--tui-padding-m)}:host[data-size=l] :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"l\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled :host,:host :host-context(tui-primitive-textfield._disabled),:host :host-context(tui-textarea._disabled),:host :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=m]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1rem}:host[data-size=l]:not(._label-outside) :host{padding-top:1.25rem}:host[data-size=l]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input:host,:host :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}textarea:host{white-space:pre-wrap}textarea:host :host-context(tui-textarea._ios),textarea:host :host-context(tui-text-area._ios){padding-left:.8125rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
426
|
+
TuiTextfieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTextfieldComponent, selector: "input[tuiTextfield], textarea[tuiTextfield]", host: { attributes: { "type": "text" }, listeners: { "input": "!legacyMask && host.onValueChange($event.target.value)" }, properties: { "attr.id": "id", "attr.inputMode": "inputMode", "attr.aria-invalid": "host.invalid", "attr.disabled": "host.disabled || null", "tabIndex": "host.focusable ? 0 : -1", "readOnly": "host.readOnly", "value": "host.value" } }, providers: [TEXTFIELD_CONTROLLER_PROVIDER$1], ngImport: i0, template: '', isInline: true, styles: [":host{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;margin:0;border-width:0;border-radius:inherit;background:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-color:transparent;border-inline-start-width:var(--border-start, 0);border-inline-end-width:var(--border-end, 0);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}:host:-webkit-autofill,:host:-webkit-autofill:hover,:host:-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill) inset!important}@supports (-webkit-touch-callout: none){:host:active{font-size:1rem}}:host[inputMode=none]{caret-color:transparent}:host:-webkit-autofill,:host:-webkit-autofill:first-line{font-size:inherit;line-height:inherit}:host::-webkit-caps-lock-indicator,:host::-webkit-contacts-auto-fill-button,:host::-webkit-credit-card-auto-fill-button,:host::-webkit-credentials-auto-fill-button,:host::-webkit-strong-password-auto-fill-button{content:none!important;position:absolute;left:-62.4375rem;top:-62.4375rem;z-index:-999;display:none!important;background:transparent!important;pointer-events:none!important}:host::placeholder{color:var(--tui-text-03);opacity:0}:host._focused:not(._readonly) :host::placeholder,:host-context(tui-primitive-textfield._focused:not(._readonly)) :host::placeholder,:host-context(tui-textarea._focused:not(._readonly)) :host::placeholder,:host-context(tui-text-area._focused:not(._readonly)) :host::placeholder{opacity:1}[tuiWrapper][data-mode=onDark] :host:-webkit-autofill,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill,[tuiWrapper][data-mode=onDark] :host:-webkit-autofill:hover,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:hover,[tuiWrapper][data-mode=onDark] :host:-webkit-autofill:focus,:host :host-context([tuiWrapper][data-mode=\"onDark\"]):-webkit-autofill:focus{caret-color:var(--tui-base-09);border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 100rem var(--tui-autofill-night) inset!important}[tuiWrapper][data-mode=onDark] :host::placeholder,:host :host-context([tuiWrapper][data-mode=\"onDark\"])::placeholder{color:var(--tui-text-03-night)}:host[data-size=s] :host,:host :host-context(tui-primitive-textfield[data-size=\"s\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"s\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"s\"]):not(tui-text-area){padding:0 var(--tui-padding-s)}:host[data-size=m] :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"m\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"m\"]):not(tui-text-area){padding:0 var(--tui-padding-m)}:host[data-size=l] :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]):not(tui-primitive-textfield),:host :host-context(tui-textarea[data-size=\"l\"]):not(tui-textarea),:host :host-context(tui-text-area[data-size=\"l\"]):not(tui-text-area){padding:0 var(--tui-padding-l)}:host._disabled :host,:host :host-context(tui-primitive-textfield._disabled),:host :host-context(tui-textarea._disabled),:host :host-context(tui-text-area._disabled){pointer-events:none}:host[data-size=l]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"l\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1.25rem}:host[data-size=m]:not(._label-outside) :host,:host :host-context(tui-primitive-textfield[data-size=\"m\"]:not(._label-outside)):not(tui-primitive-textfield){padding-top:1rem}:host[data-size=l]:not(._label-outside) :host{padding-top:1.25rem}:host[data-size=l]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.8156rem;transform:translateY(-.625rem)}:host[data-size=m]:not(._label-outside) :host:-webkit-autofill+.t-content .t-placeholder{font-size:.69rem;transform:translateY(-.5rem)}:host._hidden input:host,:host :host-context(tui-primitive-textfield._hidden){opacity:0;text-indent:-10em;-webkit-user-select:none}textarea:host{white-space:pre-wrap}textarea:host :host-context(tui-textarea._ios),textarea:host :host-context(tui-text-area._ios){padding-left:.8125rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
427
427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTextfieldComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
429
429
|
args: [{
|