@obliczeniowo/elementary
Version:
Library made in Angular version 20
19 lines (15 loc) • 1.99 kB
JavaScript
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