@vindev/particle
Version:
Angular Component Library using Tailwind
43 lines • 7.75 kB
JavaScript
import { CommonModule } from '@angular/common';
import { Component, Input, NgModule, ViewChild } from '@angular/core';
import { BaseAtom, ColorMixin, SizeMixin } from '../../shared/mixins';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export const DividerMixins = ColorMixin(SizeMixin(BaseAtom));
export class DividerComponent extends DividerMixins {
constructor() {
super();
this.setSize = this.Sizes.S;
this.vertical = false;
this.color = '#d3d3d3';
}
set setVertical(vertical) {
this.vertical = vertical != null && `${vertical}` !== 'false';
}
}
DividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DividerComponent, selector: "ptcl-divider", inputs: { setVertical: ["vertical", "setVertical"] }, viewQueries: [{ propertyName: "divider", first: true, predicate: DividerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n [ngClass]=\"{\n 'ptcl-divider-horizontal': !vertical,\n 'ptcl-divider-vertical': vertical,\n 'ptcl-divider-small': Sizes.S === size || size.toString() === 's',\n 'ptcl-divider-medium': Sizes.M === size || size.toString() === 'm',\n 'ptcl-divider-large': Sizes.L === size || size.toString() === 'l'\n }\"\n [style.border-color]=\"color\"\n></div>\n", styles: [".ptcl-divider-horizontal{border-bottom:solid}.ptcl-divider-vertical{border-left:solid;border-bottom:none;height:100%}.ptcl-divider-small{border-bottom-width:1px;border-left-width:1px}.ptcl-divider-medium{border-bottom-width:2px;border-left-width:2px}.ptcl-divider-large{border-bottom-width:3px;border-left-width:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DividerComponent, decorators: [{
type: Component,
args: [{ selector: 'ptcl-divider', template: "<div\n [ngClass]=\"{\n 'ptcl-divider-horizontal': !vertical,\n 'ptcl-divider-vertical': vertical,\n 'ptcl-divider-small': Sizes.S === size || size.toString() === 's',\n 'ptcl-divider-medium': Sizes.M === size || size.toString() === 'm',\n 'ptcl-divider-large': Sizes.L === size || size.toString() === 'l'\n }\"\n [style.border-color]=\"color\"\n></div>\n", styles: [".ptcl-divider-horizontal{border-bottom:solid}.ptcl-divider-vertical{border-left:solid;border-bottom:none;height:100%}.ptcl-divider-small{border-bottom-width:1px;border-left-width:1px}.ptcl-divider-medium{border-bottom-width:2px;border-left-width:2px}.ptcl-divider-large{border-bottom-width:3px;border-left-width:3px}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { divider: [{
type: ViewChild,
args: [DividerComponent]
}], setVertical: [{
type: Input,
args: ['vertical']
}] } });
export class DividerComponentModule {
}
DividerComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DividerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
DividerComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: DividerComponentModule, declarations: [DividerComponent], imports: [CommonModule], exports: [DividerComponent] });
DividerComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DividerComponentModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DividerComponentModule, decorators: [{
type: NgModule,
args: [{
imports: [CommonModule],
declarations: [DividerComponent],
exports: [DividerComponent],
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BhcnRpY2xlLWxpYi9zcmMvbGliL2F0b21zL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BhcnRpY2xlLWxpYi9zcmMvbGliL2F0b21zL2RpdmlkZXIvZGl2aWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRXRFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7QUFPN0QsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGFBQWE7SUFHakQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7SUFDekIsQ0FBQztJQUdELElBQXVCLFdBQVcsQ0FBQyxRQUFzQjtRQUN2RCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsSUFBSSxJQUFJLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxPQUFPLENBQUM7SUFDaEUsQ0FBQzs7NkdBYlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsbUpBQ2hCLGdCQUFnQix1RUNaN0Isc1hBVUE7MkZEQ2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGNBQWM7MEVBS0ssT0FBTztzQkFBbkMsU0FBUzt1QkFBQyxnQkFBZ0I7Z0JBVUosV0FBVztzQkFBakMsS0FBSzt1QkFBQyxVQUFVOztBQVVuQixNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBckJ0QixnQkFBZ0IsYUFpQmpCLFlBQVksYUFqQlgsZ0JBQWdCO29IQXFCaEIsc0JBQXNCLFlBSnZCLFlBQVk7MkZBSVgsc0JBQXNCO2tCQUxsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBOZ01vZHVsZSwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlQXRvbSwgQ29sb3JNaXhpbiwgU2l6ZU1peGluIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyTWl4aW5zID0gQ29sb3JNaXhpbihTaXplTWl4aW4oQmFzZUF0b20pKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHRjbC1kaXZpZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpdmlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kaXZpZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJDb21wb25lbnQgZXh0ZW5kcyBEaXZpZGVyTWl4aW5zIHtcbiAgQFZpZXdDaGlsZChEaXZpZGVyQ29tcG9uZW50KSBkaXZpZGVyPzogRGl2aWRlckNvbXBvbmVudDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuc2V0U2l6ZSA9IHRoaXMuU2l6ZXMuUztcbiAgICB0aGlzLnZlcnRpY2FsID0gZmFsc2U7XG4gICAgdGhpcy5jb2xvciA9ICcjZDNkM2QzJztcbiAgfVxuXG4gIHZlcnRpY2FsITogYm9vbGVhbjtcbiAgQElucHV0KCd2ZXJ0aWNhbCcpIHNldCBzZXRWZXJ0aWNhbCh2ZXJ0aWNhbDogYm9vbGVhbiB8ICcnKSB7XG4gICAgdGhpcy52ZXJ0aWNhbCA9IHZlcnRpY2FsICE9IG51bGwgJiYgYCR7dmVydGljYWx9YCAhPT0gJ2ZhbHNlJztcbiAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbRGl2aWRlckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtEaXZpZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgRGl2aWRlckNvbXBvbmVudE1vZHVsZSB7fVxuIiwiPGRpdlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3B0Y2wtZGl2aWRlci1ob3Jpem9udGFsJzogIXZlcnRpY2FsLFxuICAgICdwdGNsLWRpdmlkZXItdmVydGljYWwnOiB2ZXJ0aWNhbCxcbiAgICAncHRjbC1kaXZpZGVyLXNtYWxsJzogU2l6ZXMuUyA9PT0gc2l6ZSB8fCBzaXplLnRvU3RyaW5nKCkgPT09ICdzJyxcbiAgICAncHRjbC1kaXZpZGVyLW1lZGl1bSc6IFNpemVzLk0gPT09IHNpemUgfHwgc2l6ZS50b1N0cmluZygpID09PSAnbScsXG4gICAgJ3B0Y2wtZGl2aWRlci1sYXJnZSc6IFNpemVzLkwgPT09IHNpemUgfHwgc2l6ZS50b1N0cmluZygpID09PSAnbCdcbiAgfVwiXG4gIFtzdHlsZS5ib3JkZXItY29sb3JdPVwiY29sb3JcIlxuPjwvZGl2PlxuIl19