@taiga-ui/layout
Version:
A package with Taiga UI layout components
35 lines • 7.03 kB
JavaScript
import { ChangeDetectionStrategy, Component, Directive, inject, Input, ViewEncapsulation, } from '@angular/core';
import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
import * as i0 from "@angular/core";
export const [TUI_LIST_OPTIONS, tuiListOptionsProvider] = tuiCreateOptions({ size: 'l' });
class Styles {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-list" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiList]{list-style:none;padding:.25rem 0;counter-reset:item;margin-inline-start:1.5rem}[tuiList] [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]>li{counter-increment:item;margin:.5rem 0}[tuiList]>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList][data-size=l]{font:var(--tui-font-body-l)}[tuiList][data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList][data-size=m]{font:var(--tui-font-body-m)}[tuiList][data-size=s]{font:var(--tui-font-ui-s)}[tuiList][data-size=s]>li{margin:.625rem 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Styles, decorators: [{
type: Component,
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-list' }, styles: ["[tuiList]{list-style:none;padding:.25rem 0;counter-reset:item;margin-inline-start:1.5rem}[tuiList] [tuiList]{padding:0;margin-inline-start:1.25rem}[tuiList]>li{counter-increment:item;margin:.5rem 0}[tuiList]>li:before{content:counters(item,\".\") \".\";display:inline-flex;margin:0 .5625rem 0 -1.5rem}[tuiList]:is(ul)>li:before{color:transparent;background:radial-gradient(circle .1875rem,var(--tui-status-info) 100%,transparent 101%);inline-size:.75rem;margin-inline-end:.75rem}[tuiList]:is(ol)>li:before{unicode-bidi:isolate;font-variant-numeric:tabular-nums}[tuiList][data-size=l]{font:var(--tui-font-body-l)}[tuiList][data-size=l]:is(ul)>li:before{inline-size:.875rem;margin:0 .5625rem 0 -1.4375rem}[tuiList][data-size=m]{font:var(--tui-font-body-m)}[tuiList][data-size=s]{font:var(--tui-font-ui-s)}[tuiList][data-size=s]>li{margin:.625rem 0}\n"] }]
}] });
class TuiList {
constructor() {
this.nothing = tuiWithStyles(Styles);
this.options = inject(TUI_LIST_OPTIONS);
this.size = this.options.size;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiList, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiList, isStandalone: true, selector: "ul[tuiList], ol[tuiList]", inputs: { size: ["tuiList", "size"] }, host: { properties: { "attr.data-size": "size || options.size" } }, ngImport: i0 }); }
}
export { TuiList };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiList, decorators: [{
type: Directive,
args: [{
standalone: true,
selector: 'ul[tuiList], ol[tuiList]',
host: { '[attr.data-size]': 'size || options.size' },
}]
}], propDecorators: { size: [{
type: Input,
args: ['tuiList']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9sYXlvdXQvZGlyZWN0aXZlcy9saXN0L2xpc3QuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7O0FBT2hFLE1BQU0sQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEVBQUUsc0JBQXNCLENBQUMsR0FDbkQsZ0JBQWdCLENBQWlCLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7QUFFbEQsTUFRTSxNQUFNOytHQUFOLE1BQU07bUdBQU4sTUFBTSw4R0FORSxFQUFFOzs0RkFNVixNQUFNO2tCQVJYLFNBQVM7aUNBQ00sSUFBSSxZQUNOLEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUM7O0FBSTdCLE1BS2EsT0FBTztJQUxwQjtRQU11QixZQUFPLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hDLFlBQU8sR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUcvQyxTQUFJLEdBQWdDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO0tBQ2hFOytHQU5ZLE9BQU87bUdBQVAsT0FBTzs7U0FBUCxPQUFPOzRGQUFQLE9BQU87a0JBTG5CLFNBQVM7bUJBQUM7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLElBQUksRUFBRSxFQUFDLGtCQUFrQixFQUFFLHNCQUFzQixFQUFDO2lCQUNyRDs4QkFNVSxJQUFJO3NCQURWLEtBQUs7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlDcmVhdGVPcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL2RpJztcbmltcG9ydCB7dHVpV2l0aFN0eWxlc30gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9taXNjZWxsYW5lb3VzJztcbmltcG9ydCB7dHlwZSBUdWlTaXplTCwgdHlwZSBUdWlTaXplU30gZnJvbSAnQHRhaWdhLXVpL2NvcmUvdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFR1aUxpc3RPcHRpb25zIHtcbiAgICByZWFkb25seSBzaXplOiBUdWlTaXplTCB8IFR1aVNpemVTO1xufVxuXG5leHBvcnQgY29uc3QgW1RVSV9MSVNUX09QVElPTlMsIHR1aUxpc3RPcHRpb25zUHJvdmlkZXJdID1cbiAgICB0dWlDcmVhdGVPcHRpb25zPFR1aUxpc3RPcHRpb25zPih7c2l6ZTogJ2wnfSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgdGVtcGxhdGU6ICcnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3Quc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge2NsYXNzOiAndHVpLWxpc3QnfSxcbn0pXG5jbGFzcyBTdHlsZXMge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3VsW3R1aUxpc3RdLCBvbFt0dWlMaXN0XScsXG4gICAgaG9zdDogeydbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUgfHwgb3B0aW9ucy5zaXplJ30sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUxpc3Qge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBub3RoaW5nID0gdHVpV2l0aFN0eWxlcyhTdHlsZXMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBvcHRpb25zID0gaW5qZWN0KFRVSV9MSVNUX09QVElPTlMpO1xuXG4gICAgQElucHV0KCd0dWlMaXN0JylcbiAgICBwdWJsaWMgc2l6ZTogVHVpTGlzdE9wdGlvbnNbJ3NpemUnXSB8ICcnID0gdGhpcy5vcHRpb25zLnNpemU7XG59XG4iXX0=