primeng
Version:
PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB
103 lines (95 loc) • 3.9 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, inject, booleanAttribute, Input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
import { cn } from '@primeuix/utils';
import { BaseComponent } from 'primeng/basecomponent';
import { BaseStyle } from 'primeng/base';
const css = /*css*/ `
.p-icon {
display: inline-block;
vertical-align: baseline;
}
.p-icon-spin {
-webkit-animation: p-icon-spin 2s infinite linear;
animation: p-icon-spin 2s infinite linear;
}
@-webkit-keyframes p-icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes p-icon-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
`;
class BaseIconStyle extends BaseStyle {
name = 'baseicon';
css = css;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseIconStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseIconStyle, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseIconStyle, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}] });
/**
*
* [Live Demo](https://www.primeng.org/)
*
* @module baseiconstyle
*
*/
var BaseIconClasses;
(function (BaseIconClasses) {
BaseIconClasses["root"] = "p-icon";
})(BaseIconClasses || (BaseIconClasses = {}));
class BaseIcon extends BaseComponent {
spin = false;
_componentStyle = inject(BaseIconStyle);
getClassNames() {
return cn('p-icon', {
'p-icon-spin': this.spin
});
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseIcon, deps: null, target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.3", type: BaseIcon, isStandalone: true, selector: "ng-component", inputs: { spin: ["spin", "spin", booleanAttribute] }, host: { attributes: { "width": "14", "height": "14", "viewBox": "0 0 14 14", "fill": "none", "xmlns": "http://www.w3.org/2000/svg" }, properties: { "class": "getClassNames()" } }, providers: [BaseIconStyle], usesInheritance: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseIcon, decorators: [{
type: Component,
args: [{
template: ` <ng-content></ng-content> `,
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
providers: [BaseIconStyle],
host: {
width: '14',
height: '14',
viewBox: '0 0 14 14',
fill: 'none',
xmlns: 'http://www.w3.org/2000/svg',
'[class]': 'getClassNames()'
}
}]
}], propDecorators: { spin: [{
type: Input,
args: [{ transform: booleanAttribute }]
}] } });
/**
* Generated bundle index. Do not edit.
*/
export { BaseIcon, BaseIconClasses, BaseIconStyle };
//# sourceMappingURL=primeng-icons-baseicon.mjs.map