UNPKG

@obliczeniowo/elementary

Version:
19 lines (15 loc) 1.99 kB
import * as i0 from '@angular/core'; import { Component } from '@angular/core'; class TriangleTextWrapperComponent { static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TriangleTextWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: TriangleTextWrapperComponent, isStandalone: true, selector: "obl-triangle-text-wrapper", ngImport: i0, template: "<div class=\"shape left\"></div>\n<ng-content></ng-content>\n<div class=\"shape right\"></div>", styles: [":host{width:fit-content;display:flex;align-items:center;gap:10px;color:currentColor;--obl-thickness: 5px}.shape{--shape: 0 0,100% 0,50% 100%,0 0;height:30px;aspect-ratio:1;clip-path:polygon(var(--shape));background:currentColor}.left,.right{--shape: 0 0,var(--obl-thickness) 0,100% 50%,var(--obl-thickness) 100%,0 100%,calc(100% - var(--obl-thickness)) 50%,0 0;aspect-ratio:2/5}.left{transform:rotate(180deg)}\n"] }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TriangleTextWrapperComponent, decorators: [{ type: Component, args: [{ selector: 'obl-triangle-text-wrapper', imports: [], template: "<div class=\"shape left\"></div>\n<ng-content></ng-content>\n<div class=\"shape right\"></div>", styles: [":host{width:fit-content;display:flex;align-items:center;gap:10px;color:currentColor;--obl-thickness: 5px}.shape{--shape: 0 0,100% 0,50% 100%,0 0;height:30px;aspect-ratio:1;clip-path:polygon(var(--shape));background:currentColor}.left,.right{--shape: 0 0,var(--obl-thickness) 0,100% 50%,var(--obl-thickness) 100%,0 100%,calc(100% - var(--obl-thickness)) 50%,0 0;aspect-ratio:2/5}.left{transform:rotate(180deg)}\n"] }] }] }); /** * Generated bundle index. Do not edit. */ export { TriangleTextWrapperComponent }; //# sourceMappingURL=obliczeniowo-elementary-text-wrappers.mjs.map