@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-badge.mjs

@@ -0,0 +1,449 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input, output, viewChild } from "@angular/core";
+import { ClipboardFeedback } from "@masmarino/gabarit/copy-button";
+import { Icon } from "@masmarino/gabarit/icon";
+var Badge = class Badge {
+	variant = input("neutral", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
+	appearance = input("filled", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	truncate = input(false, {
+		...ngDevMode ? { debugName: "truncate" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	tabularNums = input(false, {
+		...ngDevMode ? { debugName: "tabularNums" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	mono = input(false, {
+		...ngDevMode ? { debugName: "mono" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	maxWidth = input(null, ...ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []);
+	fullText = input(null, ...ngDevMode ? [{ debugName: "fullText" }] : /* istanbul ignore next */ []);
+	copyable = input(false, {
+		...ngDevMode ? { debugName: "copyable" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	copyValue = input(null, ...ngDevMode ? [{ debugName: "copyValue" }] : /* istanbul ignore next */ []);
+	copyLabel = input("Copy", ...ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []);
+	copiedText = input("Copied", ...ngDevMode ? [{ debugName: "copiedText" }] : /* istanbul ignore next */ []);
+	failedText = input("Copy failed", ...ngDevMode ? [{ debugName: "failedText" }] : /* istanbul ignore next */ []);
+	feedbackMs = input(2e3, ...ngDevMode ? [{ debugName: "feedbackMs" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	max = input(null, ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
+	hideZero = input(false, {
+		...ngDevMode ? { debugName: "hideZero" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input(null, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	copied = output();
+	copyFailed = output();
+	clipboard = new ClipboardFeedback();
+	content = viewChild("content", ...ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []);
+	hasValue = computed(() => this.value() !== null, ...ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []);
+	count = computed(() => {
+		const value = this.value();
+		if (value === null) return null;
+		return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : 0;
+	}, ...ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []);
+	displayText = computed(() => {
+		const count = this.count();
+		if (count === null) return "";
+		const max = this.max();
+		return max !== null && count > max ? `${max}+` : String(count);
+	}, ...ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []);
+	visible = computed(() => {
+		const count = this.count();
+		return !(this.hideZero() && count === 0);
+	}, ...ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []);
+	glyph = computed(() => {
+		switch (this.clipboard.status()) {
+			case "copied": return "check";
+			case "failed": return "alert-circle";
+			default: return "copy";
+		}
+	}, ...ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []);
+	statusText = computed(() => {
+		switch (this.clipboard.status()) {
+			case "copied": return this.copiedText();
+			case "failed": return this.failedText();
+			default: return "";
+		}
+	}, ...ngDevMode ? [{ debugName: "statusText" }] : /* istanbul ignore next */ []);
+	async copy() {
+		const element = this.content()?.nativeElement;
+		const value = this.copyValue() ?? element?.textContent?.trim() ?? "";
+		const outcome = await this.clipboard.copy(value, this.feedbackMs(), element);
+		if (!outcome) return;
+		if (outcome.copied) this.copied.emit(outcome.text);
+		else this.copyFailed.emit();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Badge,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Badge,
+		isStandalone: true,
+		selector: "gbt-badge",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appearance: {
+				classPropertyName: "appearance",
+				publicName: "appearance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			truncate: {
+				classPropertyName: "truncate",
+				publicName: "truncate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabularNums: {
+				classPropertyName: "tabularNums",
+				publicName: "tabularNums",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mono: {
+				classPropertyName: "mono",
+				publicName: "mono",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxWidth: {
+				classPropertyName: "maxWidth",
+				publicName: "maxWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fullText: {
+				classPropertyName: "fullText",
+				publicName: "fullText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyable: {
+				classPropertyName: "copyable",
+				publicName: "copyable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyValue: {
+				classPropertyName: "copyValue",
+				publicName: "copyValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyLabel: {
+				classPropertyName: "copyLabel",
+				publicName: "copyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copiedText: {
+				classPropertyName: "copiedText",
+				publicName: "copiedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			failedText: {
+				classPropertyName: "failedText",
+				publicName: "failedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			feedbackMs: {
+				classPropertyName: "feedbackMs",
+				publicName: "feedbackMs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideZero: {
+				classPropertyName: "hideZero",
+				publicName: "hideZero",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			copied: "copied",
+			copyFailed: "copyFailed"
+		},
+		host: { properties: {
+			"class.gbt-badge-host--truncate": "truncate()",
+			"style.max-width": "maxWidth()",
+			"attr.hidden": "visible() ? null : \"\""
+		} },
+		viewQueries: [{
+			propertyName: "content",
+			first: true,
+			predicate: ["content"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<span\n  class=\"gbt-badge\"\n  [class.gbt-badge--truncate]=\"truncate()\"\n  [class.gbt-badge--tabular]=\"tabularNums()\"\n  [class.gbt-badge--mono]=\"mono()\"\n  [attr.data-variant]=\"variant()\"\n  [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n  [attr.data-size]=\"size() === 'sm' ? 'sm' : null\"\n>\n  @if (icon(); as name) {\n    <gbt-icon [name]=\"name\" class=\"gbt-badge__icon\" aria-hidden=\"true\" />\n  }\n  <!-- prettier-ignore -->\n  <span #content class=\"gbt-badge__label\" [attr.title]=\"fullText()\">@if (hasValue()) {{{ displayText() }}@if (label(); as description) {<span class=\"sr-only\"> {{ description }}</span>}} @else {<ng-content />}</span>\n  @if (copyable()) {\n    <button\n      type=\"button\"\n      class=\"gbt-badge__copy\"\n      [attr.aria-label]=\"copyLabel()\"\n      [attr.data-status]=\"clipboard.status()\"\n      (click)=\"copy()\"\n    >\n      <gbt-icon [name]=\"glyph()\" />\n    </button>\n    <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ statusText() }}</span>\n  }\n</span>\n",
+		styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:var(--gbt-radius-badge, 3px);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:var(--gbt-radius-chip, 2px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
+		dependencies: [{
+			kind: "component",
+			type: Icon,
+			selector: "gbt-icon",
+			inputs: ["name"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Badge,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-badge",
+			standalone: true,
+			imports: [Icon],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class.gbt-badge-host--truncate]": "truncate()",
+				"[style.max-width]": "maxWidth()",
+				"[attr.hidden]": "visible() ? null : \"\""
+			},
+			template: "<span\n  class=\"gbt-badge\"\n  [class.gbt-badge--truncate]=\"truncate()\"\n  [class.gbt-badge--tabular]=\"tabularNums()\"\n  [class.gbt-badge--mono]=\"mono()\"\n  [attr.data-variant]=\"variant()\"\n  [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n  [attr.data-size]=\"size() === 'sm' ? 'sm' : null\"\n>\n  @if (icon(); as name) {\n    <gbt-icon [name]=\"name\" class=\"gbt-badge__icon\" aria-hidden=\"true\" />\n  }\n  <!-- prettier-ignore -->\n  <span #content class=\"gbt-badge__label\" [attr.title]=\"fullText()\">@if (hasValue()) {{{ displayText() }}@if (label(); as description) {<span class=\"sr-only\"> {{ description }}</span>}} @else {<ng-content />}</span>\n  @if (copyable()) {\n    <button\n      type=\"button\"\n      class=\"gbt-badge__copy\"\n      [attr.aria-label]=\"copyLabel()\"\n      [attr.data-status]=\"clipboard.status()\"\n      (click)=\"copy()\"\n    >\n      <gbt-icon [name]=\"glyph()\" />\n    </button>\n    <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ statusText() }}</span>\n  }\n</span>\n",
+			styles: [":host{display:inline-flex}.gbt-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:.25rem;--gbt-badge-py: .125rem;--gbt-badge-px: .5rem;padding:var(--gbt-badge-py) var(--gbt-badge-px);border-radius:var(--gbt-radius-badge, 3px);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.gbt-badge--mono{padding:0 .375rem;border:1px solid var(--gbt-hairline);border-radius:var(--gbt-radius-chip, 2px);background:var(--bg-hover);color:var(--text-primary);font-family:var(--gbt-font-mono);font-weight:400;line-height:1.125rem}.gbt-badge[data-variant=success]{background:var(--color-success-bg);color:var(--color-success-bg-text)}.gbt-badge[data-variant=warning]{background:var(--color-warning-bg);color:var(--color-warning-bg-text)}.gbt-badge[data-variant=error]{background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-badge[data-variant=info]{background:var(--color-info-bg);color:var(--color-info-bg-text)}.gbt-badge[data-size=sm]{--gbt-badge-py: .125rem;--gbt-badge-px: .375rem;font-size:.6875rem;line-height:1.3}.gbt-badge[data-appearance=outline]{padding:calc(var(--gbt-badge-py) - 1px) calc(var(--gbt-badge-px) - 1px);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.gbt-badge[data-appearance=outline][data-variant=success]{border-color:currentColor;color:var(--color-success-text)}.gbt-badge[data-appearance=outline][data-variant=warning]{border-color:currentColor;color:var(--color-warning-text)}.gbt-badge[data-appearance=outline][data-variant=error]{border-color:currentColor;color:var(--color-error-text)}.gbt-badge[data-appearance=outline][data-variant=info]{border-color:currentColor;color:var(--color-info-bg-text)}.gbt-badge--tabular{font-variant-numeric:tabular-nums}.gbt-badge--truncate{max-width:100%;min-width:0}:host(.gbt-badge-host--truncate){max-width:100%;min-width:0}:host([hidden]){display:none}.gbt-badge__icon{flex-shrink:0;width:.875em;height:.875em}.gbt-badge__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gbt-badge__copy{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-inline-end:-.25rem;padding:0;border:0;border-radius:4px;background:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer}.gbt-badge__copy:after{content:\"\";position:absolute;inset:-.1875rem}.gbt-badge__copy:hover{background:var(--bg-hover);color:var(--text-primary)}.gbt-badge__copy:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:1px}.gbt-badge__copy[data-status=copied]{color:var(--color-success-text)}.gbt-badge__copy[data-status=failed]{color:var(--color-error-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		truncate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "truncate",
+				required: false
+			}]
+		}],
+		tabularNums: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabularNums",
+				required: false
+			}]
+		}],
+		mono: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mono",
+				required: false
+			}]
+		}],
+		maxWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxWidth",
+				required: false
+			}]
+		}],
+		fullText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fullText",
+				required: false
+			}]
+		}],
+		copyable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyable",
+				required: false
+			}]
+		}],
+		copyValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyValue",
+				required: false
+			}]
+		}],
+		copyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyLabel",
+				required: false
+			}]
+		}],
+		copiedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copiedText",
+				required: false
+			}]
+		}],
+		failedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "failedText",
+				required: false
+			}]
+		}],
+		feedbackMs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "feedbackMs",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		hideZero: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideZero",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		copied: [{
+			type: i0.Output,
+			args: ["copied"]
+		}],
+		copyFailed: [{
+			type: i0.Output,
+			args: ["copyFailed"]
+		}],
+		content: [{
+			type: i0.ViewChild,
+			args: ["content", { isSignal: true }]
+		}]
+	}
+});
+export { Badge };
+
+//# sourceMappingURL=masmarino-gabarit-badge.mjs.map

package/fesm2022/masmarino-gabarit-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-badge.mjs","names":[],"sources":["../../../projects/gabarit/badge/badge.ts","../../../projects/gabarit/badge/badge.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  booleanAttribute,\n  computed,\n  input,\n  output,\n  viewChild,\n} from '@angular/core'\nimport { ClipboardFeedback } from '@masmarino/gabarit/copy-button'\nimport { Icon } from '@masmarino/gabarit/icon'\n\nexport type BadgeVariant = 'neutral' | 'success' | 'warning' | 'error' | 'info'\nexport type BadgeAppearance = 'filled' | 'outline'\nexport type BadgeSize = 'md' | 'sm'\n\n@Component({\n  selector: 'gbt-badge',\n  standalone: true,\n  imports: [Icon],\n  templateUrl: './badge.html',\n  styleUrl: './badge.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.gbt-badge-host--truncate]': 'truncate()',\n    '[style.max-width]': 'maxWidth()',\n    '[attr.hidden]': 'visible() ? null : \"\"',\n  },\n})\nexport class Badge {\n  variant = input<BadgeVariant>('neutral')\n  icon = input<string>()\n  appearance = input<BadgeAppearance>('filled')\n  size = input<BadgeSize>('md')\n  truncate = input(false, { transform: booleanAttribute })\n  tabularNums = input(false, { transform: booleanAttribute })\n\n  mono = input(false, { transform: booleanAttribute })\n  maxWidth = input<string | null>(null)\n  fullText = input<string | null>(null)\n\n  copyable = input(false, { transform: booleanAttribute })\n  copyValue = input<string | null>(null)\n  copyLabel = input('Copy')\n  copiedText = input('Copied')\n  failedText = input('Copy failed')\n  feedbackMs = input(2000)\n\n  value = input<number | null>(null)\n  max = input<number | null>(null)\n  hideZero = input(false, { transform: booleanAttribute })\n  label = input<string | null>(null)\n\n  copied = output<string>()\n  copyFailed = output<void>()\n\n  protected readonly clipboard = new ClipboardFeedback()\n  private readonly content = viewChild<ElementRef<HTMLElement>>('content')\n\n  protected readonly hasValue = computed(() => this.value() !== null)\n\n  private readonly count = computed(() => {\n    const value = this.value()\n    if (value === null) {\n      return null\n    }\n    return Number.isFinite(value) ? Math.max(0, Math.trunc(value)) : 0\n  })\n\n  protected readonly displayText = computed(() => {\n    const count = this.count()\n    if (count === null) {\n      return ''\n    }\n    const max = this.max()\n    return max !== null && count > max ? `${max}+` : String(count)\n  })\n\n  protected readonly visible = computed(() => {\n    const count = this.count()\n    return !(this.hideZero() && count === 0)\n  })\n\n  protected readonly glyph = computed(() => {\n    switch (this.clipboard.status()) {\n      case 'copied':\n        return 'check'\n      case 'failed':\n        return 'alert-circle'\n      default:\n        return 'copy'\n    }\n  })\n\n  protected readonly statusText = computed(() => {\n    switch (this.clipboard.status()) {\n      case 'copied':\n        return this.copiedText()\n      case 'failed':\n        return this.failedText()\n      default:\n        return ''\n    }\n  })\n\n  protected async copy(): Promise<void> {\n    const element = this.content()?.nativeElement\n    const value = this.copyValue() ?? element?.textContent?.trim() ?? ''\n    const outcome = await this.clipboard.copy(value, this.feedbackMs(), element)\n    if (!outcome) {\n      return\n    }\n    if (outcome.copied) {\n      this.copied.emit(outcome.text)\n    } else {\n      this.copyFailed.emit()\n    }\n  }\n}\n","<span\n  class=\"gbt-badge\"\n  [class.gbt-badge--truncate]=\"truncate()\"\n  [class.gbt-badge--tabular]=\"tabularNums()\"\n  [class.gbt-badge--mono]=\"mono()\"\n  [attr.data-variant]=\"variant()\"\n  [attr.data-appearance]=\"appearance() === 'outline' ? 'outline' : null\"\n  [attr.data-size]=\"size() === 'sm' ? 'sm' : null\"\n>\n  @if (icon(); as name) {\n    <gbt-icon [name]=\"name\" class=\"gbt-badge__icon\" aria-hidden=\"true\" />\n  }\n  <!-- prettier-ignore -->\n  <span #content class=\"gbt-badge__label\" [attr.title]=\"fullText()\">@if (hasValue()) {{{ displayText() }}@if (label(); as description) {<span class=\"sr-only\"> {{ description }}</span>}} @else {<ng-content />}</span>\n  @if (copyable()) {\n    <button\n      type=\"button\"\n      class=\"gbt-badge__copy\"\n      [attr.aria-label]=\"copyLabel()\"\n      [attr.data-status]=\"clipboard.status()\"\n      (click)=\"copy()\"\n    >\n      <gbt-icon [name]=\"glyph()\" />\n    </button>\n    <span class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ statusText() }}</span>\n  }\n</span>\n"],"mappings":"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"}