@taiga-ui/kit
Version:
Taiga UI Angular main components kit
41 lines (35 loc) • 5.04 kB
JavaScript
import * as i0 from '@angular/core';
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, Directive } from '@angular/core';
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
class TuiShrinkWrapComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiShrinkWrapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: TuiShrinkWrapComponent, isStandalone: true, selector: "tui-shrink-wrap", host: { attributes: { "data-tui-version": "5.7.0" } }, ngImport: i0, template: '<span><ng-content/></span>', isInline: true, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]:where(*[data-tui-version=\"5.7.0\"]){timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"]){display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"])>*{view-timeline:--t-shrink-wrap-item inline}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"]):before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiShrinkWrapComponent, decorators: [{
type: Component,
args: [{ selector: 'tui-shrink-wrap', template: '<span><ng-content/></span>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'data-tui-version': TUI_VERSION }, styles: ["@property --t-shrink-wrap-host{syntax: \"<number>\"; inherits: true; initial-value: 0;}@property --t-shrink-wrap-item{syntax: \"<number>\"; inherits: true; initial-value: 0;}@keyframes tuiShrinkWrapHost{to{--t-shrink-wrap-host: 1}}@keyframes tuiShrinkWrapItem{to{--t-shrink-wrap-item: 1}}[tuiShrinkWrap]:where(*[data-tui-version=\"5.7.0\"]){timeline-scope:--t-shrink-wrap-host,--t-shrink-wrap-item;animation:tuiShrinkWrapHost,tuiShrinkWrapItem;animation-timing-function:linear;animation-timeline:--t-shrink-wrap-host,--t-shrink-wrap-item;animation-range:entry 100% exit 100%;--t-shrink-wrap: calc(-1px / (1 - var(--t-shrink-wrap-host)) * var(--t-shrink-wrap-item))}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"]){display:block;overflow:hidden;text-wrap:balance;margin-inline-end:var(--t-shrink-wrap)}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"])>*{view-timeline:--t-shrink-wrap-item inline}tui-shrink-wrap:where(*[data-tui-version=\"5.7.0\"]):before{content:\"\";padding-inline-start:1px;margin-inline-end:-1px;view-timeline:--t-shrink-wrap-host inline}\n"] }]
}] });
class TuiShrinkWrapDirective {
constructor() {
this.tuiShrinkWrap = input('');
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiShrinkWrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.21", type: TuiShrinkWrapDirective, isStandalone: true, selector: "[tuiShrinkWrap]:not([tuiToast])", inputs: { tuiShrinkWrap: { classPropertyName: "tuiShrinkWrap", publicName: "tuiShrinkWrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiShrinkWrap": "" }, properties: { "style.max-inline-size": "`calc(${tuiShrinkWrap() || \"100%\"} + var(--t-shrink-wrap, 0px))`" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiShrinkWrapDirective, decorators: [{
type: Directive,
args: [{
// TODO: https://github.com/angular/angular/issues/57846
selector: '[tuiShrinkWrap]:not([tuiToast])',
host: {
tuiShrinkWrap: '',
'[style.max-inline-size]': '`calc(${tuiShrinkWrap() || "100%"} + var(--t-shrink-wrap, 0px))`',
},
}]
}] });
const TuiShrinkWrap = [TuiShrinkWrapDirective, TuiShrinkWrapComponent];
/**
* Generated bundle index. Do not edit.
*/
export { TuiShrinkWrap, TuiShrinkWrapComponent, TuiShrinkWrapDirective };
//# sourceMappingURL=taiga-ui-kit-components-shrink-wrap.mjs.map