@alyle/ui/fesm2022/alyle-ui-divider.mjs

Minimal Design, a set of components for Angular

import * as i0 from '@angular/core';
import { Input, Directive, NgModule } from '@angular/core';
import * as i1 from '@alyle/ui';
import { StyleRenderer } from '@alyle/ui';
import { coerceBooleanProperty } from '@angular/cdk/coercion';

const STYLES = (theme) => (_className) => `${_className}{display:block;background-color:${theme.divider};height:1px;}`;
class LyDivider {
    static { this.и = 'LyDivider'; }
    /** Add indentation (72px) */
    set inset(val) {
        const newVal = this._inset = coerceBooleanProperty(val);
        if (newVal) {
            this[0x1] = this.sRenderer.add(`${LyDivider.и}--inset`, ({ before }) => (_className) => `${_className}{margin-${before}:74px;}`, this[0x1]);
        }
        else {
            this.sRenderer.removeClass(this[0x1]);
        }
    }
    get inset() {
        return this._inset;
    }
    constructor(sRenderer) {
        this.sRenderer = sRenderer;
    }
    ngOnInit() {
        this.sRenderer.add(STYLES);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyDivider, deps: [{ token: i1.StyleRenderer }], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: LyDivider, isStandalone: false, selector: "ly-divider", inputs: { inset: "inset" }, providers: [
            StyleRenderer
        ], ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyDivider, decorators: [{
            type: Directive,
            args: [{
                    selector: 'ly-divider',
                    providers: [
                        StyleRenderer
                    ],
                    standalone: false
                }]
        }], ctorParameters: () => [{ type: i1.StyleRenderer }], propDecorators: { inset: [{
                type: Input
            }] } });

class LyDividerModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: LyDividerModule, declarations: [LyDivider], exports: [LyDivider] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyDividerModule }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyDividerModule, decorators: [{
            type: NgModule,
            args: [{
                    exports: [LyDivider],
                    declarations: [LyDivider]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { LyDivider, LyDividerModule };
//# sourceMappingURL=alyle-ui-divider.mjs.map