@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 };