@taiga-ui/kit
Version:
Taiga UI Angular main components kit
35 lines (31 loc) • 8.42 kB
JavaScript
import * as i0 from '@angular/core';
import { ChangeDetectionStrategy, ViewEncapsulation, Component, Directive } from '@angular/core';
import { TUI_VERSION } from '@taiga-ui/cdk/constants';
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
class Styles {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.21", type: Styles, isStandalone: true, selector: "ng-component", exportAs: ["tui-connected-5.7.0"], ngImport: i0, template: '', isInline: true, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.7.0\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.7.0\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: Styles, decorators: [{
type: Component,
args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: `tui-connected-${TUI_VERSION}`, styles: ["[tuiConnected]:where(*[data-tui-version=\"5.7.0\"]){--t-image-size: 2.5rem;--t-connected-height: calc(100% - var(--t-image-size) - .5rem)}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiCell]{padding:1rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])[tuiCardLarge][data-space] [tuiCell]{padding:1rem;margin:-1rem -1rem calc(1rem - var(--t-space))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])[tuiCardLarge][data-space] [tuiCell]:last-of-type{margin-block-end:-1rem}tui-accordion[tuiConnected]:where(*[data-tui-version=\"5.7.0\"]){--t-image-size: 2rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:before,[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiCell]:not(:last-of-type):before,[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiStep]:not(:last-of-type):before{content:\"\";position:absolute;display:block;inset-block-start:calc(var(--t-image-size) + .25rem);inset-inline-start:calc(var(--t-image-size) / 2);block-size:var(--t-connected-height);inline-size:1px;color:var(--tui-border-normal);background:linear-gradient(to bottom,currentColor 75%,transparent 75%) top center / 300% 300%;background-clip:content-box;padding:inherit}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]{gap:1rem;--t-margin: 0}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:before{inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;margin:0;background:var(--tui-border-normal);-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2),transparent calc(50% + var(--t-image-size) / 2),black calc(50% + var(--t-image-size) / 2));-webkit-mask-size:auto;mask-size:auto}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:first-of-type:before{-webkit-mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to top,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiAccordion]:last-of-type:before{-webkit-mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2));mask-image:linear-gradient(to bottom,black calc(50% - var(--t-image-size) / 2),transparent calc(50% - var(--t-image-size) / 2))}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>tui-expand>*{padding:0;padding-inline-start:3rem}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>tui-expand:not(:last-child):before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:calc(var(--t-image-size) / 2);block-size:100%;inline-size:1px;background:var(--tui-border-normal)}[tuiConnected]:where(*[data-tui-version=\"5.7.0\"])>[tuiStep]{--t-image-size: 2rem;--t-connected-height: calc(100% - var(--t-image-size))}\n"] }]
}] });
class TuiConnected {
constructor() {
this.nothing = tuiWithStyles(Styles);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiConnected, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: TuiConnected, isStandalone: true, selector: "[tuiConnected]", host: { attributes: { "data-tui-version": "5.7.0" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: TuiConnected, decorators: [{
type: Directive,
args: [{
selector: '[tuiConnected]',
host: { 'data-tui-version': TUI_VERSION },
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { TuiConnected };
//# sourceMappingURL=taiga-ui-kit-directives-connected.mjs.map