@fuse_ui/badge 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
|
|
4
|
+
class FuseBadgeComponent {
|
|
5
|
+
// ─── Public @Input() API ────────────────────────────────────────────────────
|
|
6
|
+
variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
7
|
+
color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
8
|
+
size = input('sm', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
9
|
+
dot = input(false, ...(ngDevMode ? [{ debugName: "dot" }] : /* istanbul ignore next */ []));
|
|
10
|
+
content = input('', ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
|
|
11
|
+
// ─── Host classes ────────────────────────────────────────────────────────────
|
|
12
|
+
get hostClasses() {
|
|
13
|
+
return 'fuse-badge-host';
|
|
14
|
+
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuseBadgeComponent, isStandalone: true, selector: "fuse-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses" } }, ngImport: i0, template: "<!-- Wrapped content (optional \u2014 makes badge an overlay indicator) -->\n<ng-content></ng-content>\n\n<!-- Badge indicator -->\n<span\n class=\"fuse-badge\"\n [class.fuse-badge--dot]=\"dot()\"\n [class.fuse-badge--sm]=\"size() === 'sm'\"\n [class.fuse-badge--md]=\"size() === 'md'\"\n [class.fuse-badge--solid]=\"variant() === 'solid'\"\n [class.fuse-badge--flat]=\"variant() === 'flat'\"\n [class.fuse-badge--outline]=\"variant() === 'outline'\"\n [class.fuse-badge--primary]=\"color() === 'primary'\"\n [class.fuse-badge--secondary]=\"color() === 'secondary'\"\n [class.fuse-badge--success]=\"color() === 'success'\"\n [class.fuse-badge--warning]=\"color() === 'warning'\"\n [class.fuse-badge--danger]=\"color() === 'danger'\"\n>\n @if (!dot()) {\n <span class=\"fuse-badge__text\">{{ content() }}</span>\n }\n</span>\n", styles: [":host{--fuse-badge-primary-bg: var(--fuse-color-primary, #6366f1);--fuse-badge-primary-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-primary-flat-bg: var(--fuse-color-primary-subtle, #eef2ff);--fuse-badge-primary-flat-text: var(--fuse-color-primary, #6366f1);--fuse-badge-secondary-bg: var(--fuse-color-secondary, #64748b);--fuse-badge-secondary-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-secondary-flat-bg: var(--fuse-color-secondary-subtle, #f1f5f9);--fuse-badge-secondary-flat-text: var(--fuse-color-secondary, #64748b);--fuse-badge-success-bg: var(--fuse-color-success, #22c55e);--fuse-badge-success-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-success-flat-bg: var(--fuse-color-success-subtle, #f0fdf4);--fuse-badge-success-flat-text: var(--fuse-color-success, #16a34a);--fuse-badge-warning-bg: var(--fuse-color-warning, #f59e0b);--fuse-badge-warning-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-warning-flat-bg: var(--fuse-color-warning-subtle, #fffbeb);--fuse-badge-warning-flat-text: var(--fuse-color-warning-dark, #d97706);--fuse-badge-danger-bg: var(--fuse-color-danger, #ef4444);--fuse-badge-danger-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-danger-flat-bg: var(--fuse-color-danger-subtle, #fef2f2);--fuse-badge-danger-flat-text: var(--fuse-color-danger, #dc2626);--fuse-badge-radius-pill: var(--fuse-radius-full, 9999px);--fuse-badge-font-size-sm: var(--fuse-font-size-xs, .7rem);--fuse-badge-font-size-md: var(--fuse-font-size-sm, .8rem);--fuse-badge-padding-sm: .15em .5em;--fuse-badge-padding-md: .25em .65em;--fuse-badge-dot-size-sm: 8px;--fuse-badge-dot-size-md: 10px;--fuse-badge-offset: 4px;--fuse-badge-border-width: 1.5px;display:inline-flex;position:relative;vertical-align:middle;align-self:flex-start}.fuse-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--fuse-badge-radius-pill);font-weight:600;line-height:1;white-space:nowrap}:host:has(>*:not(.fuse-badge)) .fuse-badge{position:absolute;top:calc(-1 * var(--fuse-badge-offset));right:calc(-1 * var(--fuse-badge-offset));transform:translate(50%,-50%)}.fuse-badge--sm{font-size:var(--fuse-badge-font-size-sm);padding:var(--fuse-badge-padding-sm);min-width:1.4em;height:1.4em}.fuse-badge--md{font-size:var(--fuse-badge-font-size-md);padding:var(--fuse-badge-padding-md);min-width:1.6em;height:1.6em}.fuse-badge--dot{padding:0;border-radius:50%}.fuse-badge--dot.fuse-badge--sm{width:var(--fuse-badge-dot-size-sm);height:var(--fuse-badge-dot-size-sm);min-width:unset}.fuse-badge--dot.fuse-badge--md{width:var(--fuse-badge-dot-size-md);height:var(--fuse-badge-dot-size-md);min-width:unset}.fuse-badge--primary.fuse-badge--solid{background-color:var(--fuse-badge-primary-bg);color:var(--fuse-badge-primary-text)}.fuse-badge--primary.fuse-badge--flat{background-color:var(--fuse-badge-primary-flat-bg);color:var(--fuse-badge-primary-flat-text)}.fuse-badge--primary.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-primary-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-primary-bg)}.fuse-badge--secondary.fuse-badge--solid{background-color:var(--fuse-badge-secondary-bg);color:var(--fuse-badge-secondary-text)}.fuse-badge--secondary.fuse-badge--flat{background-color:var(--fuse-badge-secondary-flat-bg);color:var(--fuse-badge-secondary-flat-text)}.fuse-badge--secondary.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-secondary-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-secondary-bg)}.fuse-badge--success.fuse-badge--solid{background-color:var(--fuse-badge-success-bg);color:var(--fuse-badge-success-text)}.fuse-badge--success.fuse-badge--flat{background-color:var(--fuse-badge-success-flat-bg);color:var(--fuse-badge-success-flat-text)}.fuse-badge--success.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-success-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-success-bg)}.fuse-badge--warning.fuse-badge--solid{background-color:var(--fuse-badge-warning-bg);color:var(--fuse-badge-warning-text)}.fuse-badge--warning.fuse-badge--flat{background-color:var(--fuse-badge-warning-flat-bg);color:var(--fuse-badge-warning-flat-text)}.fuse-badge--warning.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-warning-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-warning-bg)}.fuse-badge--danger.fuse-badge--solid{background-color:var(--fuse-badge-danger-bg);color:var(--fuse-badge-danger-text)}.fuse-badge--danger.fuse-badge--flat{background-color:var(--fuse-badge-danger-flat-bg);color:var(--fuse-badge-danger-flat-text)}.fuse-badge--danger.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-danger-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-danger-bg)}.fuse-badge__text{display:inline-block}:host-context(.ios){--fuse-badge-radius-pill: var(--fuse-radius-full, 9999px);--fuse-badge-font-size-sm: .65rem}:host-context(.md){--fuse-badge-font-size-sm: .72rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuseBadgeComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'fuse-badge', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'hostClasses' }, template: "<!-- Wrapped content (optional \u2014 makes badge an overlay indicator) -->\n<ng-content></ng-content>\n\n<!-- Badge indicator -->\n<span\n class=\"fuse-badge\"\n [class.fuse-badge--dot]=\"dot()\"\n [class.fuse-badge--sm]=\"size() === 'sm'\"\n [class.fuse-badge--md]=\"size() === 'md'\"\n [class.fuse-badge--solid]=\"variant() === 'solid'\"\n [class.fuse-badge--flat]=\"variant() === 'flat'\"\n [class.fuse-badge--outline]=\"variant() === 'outline'\"\n [class.fuse-badge--primary]=\"color() === 'primary'\"\n [class.fuse-badge--secondary]=\"color() === 'secondary'\"\n [class.fuse-badge--success]=\"color() === 'success'\"\n [class.fuse-badge--warning]=\"color() === 'warning'\"\n [class.fuse-badge--danger]=\"color() === 'danger'\"\n>\n @if (!dot()) {\n <span class=\"fuse-badge__text\">{{ content() }}</span>\n }\n</span>\n", styles: [":host{--fuse-badge-primary-bg: var(--fuse-color-primary, #6366f1);--fuse-badge-primary-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-primary-flat-bg: var(--fuse-color-primary-subtle, #eef2ff);--fuse-badge-primary-flat-text: var(--fuse-color-primary, #6366f1);--fuse-badge-secondary-bg: var(--fuse-color-secondary, #64748b);--fuse-badge-secondary-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-secondary-flat-bg: var(--fuse-color-secondary-subtle, #f1f5f9);--fuse-badge-secondary-flat-text: var(--fuse-color-secondary, #64748b);--fuse-badge-success-bg: var(--fuse-color-success, #22c55e);--fuse-badge-success-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-success-flat-bg: var(--fuse-color-success-subtle, #f0fdf4);--fuse-badge-success-flat-text: var(--fuse-color-success, #16a34a);--fuse-badge-warning-bg: var(--fuse-color-warning, #f59e0b);--fuse-badge-warning-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-warning-flat-bg: var(--fuse-color-warning-subtle, #fffbeb);--fuse-badge-warning-flat-text: var(--fuse-color-warning-dark, #d97706);--fuse-badge-danger-bg: var(--fuse-color-danger, #ef4444);--fuse-badge-danger-text: var(--fuse-color-on-primary, #ffffff);--fuse-badge-danger-flat-bg: var(--fuse-color-danger-subtle, #fef2f2);--fuse-badge-danger-flat-text: var(--fuse-color-danger, #dc2626);--fuse-badge-radius-pill: var(--fuse-radius-full, 9999px);--fuse-badge-font-size-sm: var(--fuse-font-size-xs, .7rem);--fuse-badge-font-size-md: var(--fuse-font-size-sm, .8rem);--fuse-badge-padding-sm: .15em .5em;--fuse-badge-padding-md: .25em .65em;--fuse-badge-dot-size-sm: 8px;--fuse-badge-dot-size-md: 10px;--fuse-badge-offset: 4px;--fuse-badge-border-width: 1.5px;display:inline-flex;position:relative;vertical-align:middle;align-self:flex-start}.fuse-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--fuse-badge-radius-pill);font-weight:600;line-height:1;white-space:nowrap}:host:has(>*:not(.fuse-badge)) .fuse-badge{position:absolute;top:calc(-1 * var(--fuse-badge-offset));right:calc(-1 * var(--fuse-badge-offset));transform:translate(50%,-50%)}.fuse-badge--sm{font-size:var(--fuse-badge-font-size-sm);padding:var(--fuse-badge-padding-sm);min-width:1.4em;height:1.4em}.fuse-badge--md{font-size:var(--fuse-badge-font-size-md);padding:var(--fuse-badge-padding-md);min-width:1.6em;height:1.6em}.fuse-badge--dot{padding:0;border-radius:50%}.fuse-badge--dot.fuse-badge--sm{width:var(--fuse-badge-dot-size-sm);height:var(--fuse-badge-dot-size-sm);min-width:unset}.fuse-badge--dot.fuse-badge--md{width:var(--fuse-badge-dot-size-md);height:var(--fuse-badge-dot-size-md);min-width:unset}.fuse-badge--primary.fuse-badge--solid{background-color:var(--fuse-badge-primary-bg);color:var(--fuse-badge-primary-text)}.fuse-badge--primary.fuse-badge--flat{background-color:var(--fuse-badge-primary-flat-bg);color:var(--fuse-badge-primary-flat-text)}.fuse-badge--primary.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-primary-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-primary-bg)}.fuse-badge--secondary.fuse-badge--solid{background-color:var(--fuse-badge-secondary-bg);color:var(--fuse-badge-secondary-text)}.fuse-badge--secondary.fuse-badge--flat{background-color:var(--fuse-badge-secondary-flat-bg);color:var(--fuse-badge-secondary-flat-text)}.fuse-badge--secondary.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-secondary-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-secondary-bg)}.fuse-badge--success.fuse-badge--solid{background-color:var(--fuse-badge-success-bg);color:var(--fuse-badge-success-text)}.fuse-badge--success.fuse-badge--flat{background-color:var(--fuse-badge-success-flat-bg);color:var(--fuse-badge-success-flat-text)}.fuse-badge--success.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-success-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-success-bg)}.fuse-badge--warning.fuse-badge--solid{background-color:var(--fuse-badge-warning-bg);color:var(--fuse-badge-warning-text)}.fuse-badge--warning.fuse-badge--flat{background-color:var(--fuse-badge-warning-flat-bg);color:var(--fuse-badge-warning-flat-text)}.fuse-badge--warning.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-warning-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-warning-bg)}.fuse-badge--danger.fuse-badge--solid{background-color:var(--fuse-badge-danger-bg);color:var(--fuse-badge-danger-text)}.fuse-badge--danger.fuse-badge--flat{background-color:var(--fuse-badge-danger-flat-bg);color:var(--fuse-badge-danger-flat-text)}.fuse-badge--danger.fuse-badge--outline{background-color:transparent;color:var(--fuse-badge-danger-bg);border:var(--fuse-badge-border-width) solid var(--fuse-badge-danger-bg)}.fuse-badge__text{display:inline-block}:host-context(.ios){--fuse-badge-radius-pill: var(--fuse-radius-full, 9999px);--fuse-badge-font-size-sm: .65rem}:host-context(.md){--fuse-badge-font-size-sm: .72rem}\n"] }]
|
|
21
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Generated bundle index. Do not edit.
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
export { FuseBadgeComponent };
|
|
28
|
+
//# sourceMappingURL=fuse_ui-badge.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fuse_ui-badge.mjs","sources":["../../../../packages/badge/src/lib/badge/fuse-badge.component.ts","../../../../packages/badge/src/lib/badge/fuse-badge.component.html","../../../../packages/badge/src/fuse_ui-badge.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n input\n} from '@angular/core';\n\n@Component({\n selector: 'fuse-badge',\n standalone: true,\n imports: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './fuse-badge.component.html',\n styleUrl: './fuse-badge.component.scss',\n host: { '[class]': 'hostClasses' },\n})\nexport class FuseBadgeComponent {\n // ─── Public @Input() API ────────────────────────────────────────────────────\n\n readonly variant = input<'solid' | 'flat' | 'outline'>('solid');\n readonly color = input<'primary' | 'secondary' | 'success' | 'warning' | 'danger'>('primary');\n readonly size = input<'sm' | 'md'>('sm');\n readonly dot = input(false);\n readonly content = input('');\n\n // ─── Host classes ────────────────────────────────────────────────────────────\n\n get hostClasses(): string {\n return 'fuse-badge-host';\n }\n}\n","<!-- Wrapped content (optional — makes badge an overlay indicator) -->\n<ng-content></ng-content>\n\n<!-- Badge indicator -->\n<span\n class=\"fuse-badge\"\n [class.fuse-badge--dot]=\"dot()\"\n [class.fuse-badge--sm]=\"size() === 'sm'\"\n [class.fuse-badge--md]=\"size() === 'md'\"\n [class.fuse-badge--solid]=\"variant() === 'solid'\"\n [class.fuse-badge--flat]=\"variant() === 'flat'\"\n [class.fuse-badge--outline]=\"variant() === 'outline'\"\n [class.fuse-badge--primary]=\"color() === 'primary'\"\n [class.fuse-badge--secondary]=\"color() === 'secondary'\"\n [class.fuse-badge--success]=\"color() === 'success'\"\n [class.fuse-badge--warning]=\"color() === 'warning'\"\n [class.fuse-badge--danger]=\"color() === 'danger'\"\n>\n @if (!dot()) {\n <span class=\"fuse-badge__text\">{{ content() }}</span>\n }\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAea,kBAAkB,CAAA;;AAGpB,IAAA,OAAO,GAAG,KAAK,CAA+B,OAAO,8EAAC;AACtD,IAAA,KAAK,GAAG,KAAK,CAA6D,SAAS,4EAAC;AACpF,IAAA,IAAI,GAAG,KAAK,CAAc,IAAI,2EAAC;AAC/B,IAAA,GAAG,GAAG,KAAK,CAAC,KAAK,0EAAC;AAClB,IAAA,OAAO,GAAG,KAAK,CAAC,EAAE,8EAAC;;AAI5B,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,iBAAiB;IAC1B;uGAbW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,+tBCf/B,40BAsBA,EAAA,MAAA,EAAA,CAAA,y6JAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FDPa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,eAAA,EACM,uBAAuB,CAAC,MAAM,EAAA,IAAA,EAGzC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAA,QAAA,EAAA,40BAAA,EAAA,MAAA,EAAA,CAAA,y6JAAA,CAAA,EAAA;;;AEbpC;;AAEG;;;;"}
|
package/package.json
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fuse_ui/badge",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"keywords": [
|
|
9
|
+
"fuse-ui",
|
|
10
|
+
"angular",
|
|
11
|
+
"ionic",
|
|
12
|
+
"ionic8",
|
|
13
|
+
"angular18",
|
|
14
|
+
"angular19",
|
|
15
|
+
"angular20",
|
|
16
|
+
"angular21",
|
|
17
|
+
"ui-components",
|
|
18
|
+
"design-system",
|
|
19
|
+
"css-variables",
|
|
20
|
+
"signals",
|
|
21
|
+
"standalone",
|
|
22
|
+
"multi-theme",
|
|
23
|
+
"dark-mode",
|
|
24
|
+
"fluid-typography",
|
|
25
|
+
"animated"
|
|
26
|
+
],
|
|
27
|
+
"peerDependencies": {
|
|
28
|
+
"@angular/core": ">=18.0.0",
|
|
29
|
+
"@angular/common": ">=18.0.0",
|
|
30
|
+
"rxjs": ">=7.4.0"
|
|
31
|
+
},
|
|
32
|
+
"peerDependenciesMeta": {
|
|
33
|
+
"@ionic/angular": {
|
|
34
|
+
"optional": true
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"sideEffects": [
|
|
38
|
+
"*.css",
|
|
39
|
+
"**/*.scss"
|
|
40
|
+
],
|
|
41
|
+
"engines": {
|
|
42
|
+
"node": ">=20.0.0"
|
|
43
|
+
},
|
|
44
|
+
"module": "fesm2022/fuse_ui-badge.mjs",
|
|
45
|
+
"typings": "types/fuse_ui-badge.d.ts",
|
|
46
|
+
"exports": {
|
|
47
|
+
"./package.json": {
|
|
48
|
+
"default": "./package.json"
|
|
49
|
+
},
|
|
50
|
+
".": {
|
|
51
|
+
"types": "./types/fuse_ui-badge.d.ts",
|
|
52
|
+
"default": "./fesm2022/fuse_ui-badge.mjs"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
"type": "module",
|
|
56
|
+
"dependencies": {
|
|
57
|
+
"tslib": "^2.3.0"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class FuseBadgeComponent {
|
|
4
|
+
readonly variant: _angular_core.InputSignal<"solid" | "flat" | "outline">;
|
|
5
|
+
readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger">;
|
|
6
|
+
readonly size: _angular_core.InputSignal<"sm" | "md">;
|
|
7
|
+
readonly dot: _angular_core.InputSignal<boolean>;
|
|
8
|
+
readonly content: _angular_core.InputSignal<string>;
|
|
9
|
+
get hostClasses(): string;
|
|
10
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuseBadgeComponent, never>;
|
|
11
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuseBadgeComponent, "fuse-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export { FuseBadgeComponent };
|