@masmarino/gabarit 2.0.0 → 2.1.1

package/fesm2022/masmarino-gabarit-copy-button.mjs

@@ -0,0 +1,407 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, booleanAttribute, computed, effect, inject, input, output, signal, untracked } from "@angular/core";
+import { Button } from "@masmarino/gabarit/button";
+async function copyToClipboard(text) {
+	try {
+		if (typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function") {
+			await navigator.clipboard.writeText(text);
+			return true;
+		}
+	} catch {}
+	return legacyCopy(text);
+}
+function legacyCopy(text) {
+	if (typeof document === "undefined" || typeof document.execCommand !== "function") return false;
+	const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+	const selection = document.getSelection();
+	const savedRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0).cloneRange() : null;
+	const area = document.createElement("textarea");
+	area.value = text;
+	area.readOnly = true;
+	area.tabIndex = -1;
+	area.setAttribute("aria-hidden", "true");
+	area.style.cssText = "position:fixed;top:0;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;";
+	(active?.closest("dialog, [role=\"dialog\"]") ?? document.body).appendChild(area);
+	let copied;
+	try {
+		area.focus({ preventScroll: true });
+		area.select();
+		area.setSelectionRange(0, text.length);
+		copied = document.execCommand("copy");
+	} catch {
+		copied = false;
+	} finally {
+		area.remove();
+		active?.focus({ preventScroll: true });
+		if (selection && savedRange) {
+			selection.removeAllRanges();
+			selection.addRange(savedRange);
+		}
+	}
+	return copied;
+}
+function selectContents(element) {
+	const selection = typeof window === "undefined" ? null : window.getSelection();
+	if (!element || !selection) return;
+	const range = document.createRange();
+	range.selectNodeContents(element);
+	selection.removeAllRanges();
+	selection.addRange(range);
+}
+var ClipboardFeedback = class {
+	status = signal("idle", ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
+	timer = null;
+	destroyed = false;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => {
+			this.destroyed = true;
+			this.clearTimer();
+		});
+	}
+	async copy(value, feedbackMs, selectTarget) {
+		let text = "";
+		let copied;
+		try {
+			text = typeof value === "function" ? value() : value;
+			copied = await copyToClipboard(text);
+		} catch {
+			copied = false;
+		}
+		if (this.destroyed) return null;
+		if (!copied) selectContents(selectTarget);
+		this.show(copied ? "copied" : "failed", copied ? feedbackMs : feedbackMs * 2);
+		return {
+			copied,
+			text
+		};
+	}
+	reset() {
+		this.clearTimer();
+		this.status.set("idle");
+	}
+	show(status, durationMs) {
+		this.clearTimer();
+		this.status.set(status);
+		this.timer = setTimeout(() => {
+			this.timer = null;
+			this.status.set("idle");
+		}, durationMs);
+	}
+	clearTimer() {
+		if (this.timer !== null) {
+			clearTimeout(this.timer);
+			this.timer = null;
+		}
+	}
+};
+var CopyButton = class CopyButton {
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	text = input("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* 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 */ []);
+	variant = input("secondary", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	size = input("small", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	icon = input("copy", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	feedback = input("bubble", ...ngDevMode ? [{ debugName: "feedback" }] : /* istanbul ignore next */ []);
+	selectTarget = input(null, ...ngDevMode ? [{ debugName: "selectTarget" }] : /* istanbul ignore next */ []);
+	copied = output();
+	copyFailed = output();
+	clipboard = new ClipboardFeedback();
+	constructor() {
+		effect(() => {
+			if (typeof this.value() === "string") untracked(() => this.clipboard.reset());
+		});
+	}
+	reset() {
+		this.clipboard.reset();
+	}
+	glyph = computed(() => {
+		switch (this.clipboard.status()) {
+			case "copied": return "check";
+			case "failed": return "alert-circle";
+			default: return this.icon();
+		}
+	}, ...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 */ []);
+	name = computed(() => this.ariaLabel() ?? (this.text() ? null : "Copy"), ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	async copy() {
+		if (this.disabled()) return;
+		const outcome = await this.clipboard.copy(this.value(), this.feedbackMs(), this.selectTarget());
+		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: CopyButton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: CopyButton,
+		isStandalone: true,
+		selector: "gbt-copy-button",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			text: {
+				classPropertyName: "text",
+				publicName: "text",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				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
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			feedback: {
+				classPropertyName: "feedback",
+				publicName: "feedback",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectTarget: {
+				classPropertyName: "selectTarget",
+				publicName: "selectTarget",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			copied: "copied",
+			copyFailed: "copyFailed"
+		},
+		host: { properties: { "attr.data-status": "clipboard.status()" } },
+		ngImport: i0,
+		template: "<gbt-button\n  class=\"gbt-copy-button__button\"\n  [variant]=\"variant()\"\n  [size]=\"size()\"\n  [iconName]=\"glyph()\"\n  [iconOnly]=\"!text()\"\n  [text]=\"text()\"\n  [ariaLabel]=\"name()\"\n  [disabled]=\"disabled()\"\n  (clicked)=\"copy()\"\n/>\n<span\n  class=\"gbt-copy-button__status\"\n  role=\"status\"\n  aria-live=\"polite\"\n  [attr.data-status]=\"clipboard.status()\"\n  [attr.data-feedback]=\"feedback()\"\n  >{{ statusText() }}</span\n>\n",
+		styles: [":host{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.gbt-copy-button__status{padding:.125rem .5rem;border:1px solid color-mix(in srgb,var(--color-success-text) 45%,transparent);border-radius:999px;background:var(--color-success-bg);color:var(--color-success-bg-text);font-size:.75rem;font-weight:600;line-height:1.125rem;white-space:nowrap}.gbt-copy-button__status[data-status=failed]{border-color:color-mix(in srgb,var(--color-error-text) 45%,transparent);background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-copy-button__status[data-status=idle]{padding:0;border:0;box-shadow:none}.gbt-copy-button__status[data-feedback=bubble]{position:absolute;right:0;bottom:calc(100% + 6px);z-index:1;box-shadow:var(--site-shadow-sm);pointer-events:none}.gbt-copy-button__status[data-feedback=inline]{margin-inline-start:.5rem;white-space:normal}.gbt-copy-button__status[data-feedback=inline][data-status=idle]{margin:0}.gbt-copy-button__status[data-feedback=hidden]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.gbt-copy-button__status[data-feedback=bubble]:not([data-status=idle]){animation:gbt-copy-button-in .15s ease-out}}@keyframes gbt-copy-button-in{0%{opacity:0;transform:translateY(2px)}}\n"],
+		dependencies: [{
+			kind: "component",
+			type: Button,
+			selector: "gbt-button, a[gbtButton]",
+			inputs: [
+				"variant",
+				"size",
+				"type",
+				"text",
+				"iconName",
+				"ariaLabel",
+				"loading",
+				"loadingLabel",
+				"disabled",
+				"pressed",
+				"ariaExpanded",
+				"ariaControls",
+				"ariaHaspopup",
+				"block",
+				"iconOnly"
+			],
+			outputs: ["clicked"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CopyButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-copy-button",
+			standalone: true,
+			imports: [Button],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[attr.data-status]": "clipboard.status()" },
+			template: "<gbt-button\n  class=\"gbt-copy-button__button\"\n  [variant]=\"variant()\"\n  [size]=\"size()\"\n  [iconName]=\"glyph()\"\n  [iconOnly]=\"!text()\"\n  [text]=\"text()\"\n  [ariaLabel]=\"name()\"\n  [disabled]=\"disabled()\"\n  (clicked)=\"copy()\"\n/>\n<span\n  class=\"gbt-copy-button__status\"\n  role=\"status\"\n  aria-live=\"polite\"\n  [attr.data-status]=\"clipboard.status()\"\n  [attr.data-feedback]=\"feedback()\"\n  >{{ statusText() }}</span\n>\n",
+			styles: [":host{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.gbt-copy-button__status{padding:.125rem .5rem;border:1px solid color-mix(in srgb,var(--color-success-text) 45%,transparent);border-radius:999px;background:var(--color-success-bg);color:var(--color-success-bg-text);font-size:.75rem;font-weight:600;line-height:1.125rem;white-space:nowrap}.gbt-copy-button__status[data-status=failed]{border-color:color-mix(in srgb,var(--color-error-text) 45%,transparent);background:var(--color-error-bg);color:var(--color-error-bg-text)}.gbt-copy-button__status[data-status=idle]{padding:0;border:0;box-shadow:none}.gbt-copy-button__status[data-feedback=bubble]{position:absolute;right:0;bottom:calc(100% + 6px);z-index:1;box-shadow:var(--site-shadow-sm);pointer-events:none}.gbt-copy-button__status[data-feedback=inline]{margin-inline-start:.5rem;white-space:normal}.gbt-copy-button__status[data-feedback=inline][data-status=idle]{margin:0}.gbt-copy-button__status[data-feedback=hidden]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.gbt-copy-button__status[data-feedback=bubble]:not([data-status=idle]){animation:gbt-copy-button-in .15s ease-out}}@keyframes gbt-copy-button-in{0%{opacity:0;transform:translateY(2px)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "text",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				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
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		feedback: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "feedback",
+				required: false
+			}]
+		}],
+		selectTarget: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectTarget",
+				required: false
+			}]
+		}],
+		copied: [{
+			type: i0.Output,
+			args: ["copied"]
+		}],
+		copyFailed: [{
+			type: i0.Output,
+			args: ["copyFailed"]
+		}]
+	}
+});
+export { ClipboardFeedback, CopyButton, copyToClipboard, selectContents };
+
+//# sourceMappingURL=masmarino-gabarit-copy-button.mjs.map

package/fesm2022/masmarino-gabarit-copy-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-copy-button.mjs","names":[],"sources":["../../../projects/gabarit/copy-button/clipboard.ts","../../../projects/gabarit/copy-button/copy-button.ts","../../../projects/gabarit/copy-button/copy-button.html"],"sourcesContent":["import { DestroyRef, inject, signal } from '@angular/core'\n\nexport type CopyStatus = 'idle' | 'copied' | 'failed'\n\nexport type CopyValue = string | (() => string)\n\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  try {\n    if (typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function') {\n      await navigator.clipboard.writeText(text)\n      return true\n    }\n  } catch {\n    // Refused (permissions, focus, insecure context): try the legacy path below.\n  }\n  return legacyCopy(text)\n}\n\nfunction legacyCopy(text: string): boolean {\n  if (typeof document === 'undefined' || typeof document.execCommand !== 'function') {\n    return false\n  }\n  const active = document.activeElement instanceof HTMLElement ? document.activeElement : null\n  const selection = document.getSelection()\n  const savedRange =\n    selection && selection.rangeCount > 0 ? selection.getRangeAt(0).cloneRange() : null\n\n  const area = document.createElement('textarea')\n  area.value = text\n  area.readOnly = true\n  area.tabIndex = -1\n  area.setAttribute('aria-hidden', 'true')\n  area.style.cssText =\n    'position:fixed;top:0;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;'\n  const host = active?.closest('dialog, [role=\"dialog\"]') ?? document.body\n  host.appendChild(area)\n\n  let copied: boolean\n  try {\n    area.focus({ preventScroll: true })\n    area.select()\n    area.setSelectionRange(0, text.length)\n    copied = document.execCommand('copy')\n  } catch {\n    copied = false\n  } finally {\n    area.remove()\n    active?.focus({ preventScroll: true })\n    if (selection && savedRange) {\n      selection.removeAllRanges()\n      selection.addRange(savedRange)\n    }\n  }\n  return copied\n}\n\nexport function selectContents(element: HTMLElement | null | undefined): void {\n  const selection = typeof window === 'undefined' ? null : window.getSelection()\n  if (!element || !selection) {\n    return\n  }\n  const range = document.createRange()\n  range.selectNodeContents(element)\n  selection.removeAllRanges()\n  selection.addRange(range)\n}\n\nexport interface CopyOutcome {\n  copied: boolean\n  text: string\n}\n\nexport class ClipboardFeedback {\n  readonly status = signal<CopyStatus>('idle')\n\n  private timer: ReturnType<typeof setTimeout> | null = null\n  private destroyed = false\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.destroyed = true\n      this.clearTimer()\n    })\n  }\n\n  async copy(\n    value: CopyValue,\n    feedbackMs: number,\n    selectTarget?: HTMLElement | null,\n  ): Promise<CopyOutcome | null> {\n    let text = ''\n    let copied: boolean\n    try {\n      text = typeof value === 'function' ? value() : value\n      copied = await copyToClipboard(text)\n    } catch {\n      copied = false\n    }\n    if (this.destroyed) {\n      return null\n    }\n    if (!copied) {\n      selectContents(selectTarget)\n    }\n    this.show(copied ? 'copied' : 'failed', copied ? feedbackMs : feedbackMs * 2)\n    return { copied, text }\n  }\n\n  reset(): void {\n    this.clearTimer()\n    this.status.set('idle')\n  }\n\n  private show(status: CopyStatus, durationMs: number): void {\n    this.clearTimer()\n    this.status.set(status)\n    this.timer = setTimeout(() => {\n      this.timer = null\n      this.status.set('idle')\n    }, durationMs)\n  }\n\n  private clearTimer(): void {\n    if (this.timer !== null) {\n      clearTimeout(this.timer)\n      this.timer = null\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  booleanAttribute,\n  computed,\n  effect,\n  input,\n  output,\n  untracked,\n} from '@angular/core'\nimport { Button, ButtonSize, ButtonVariant } from '@masmarino/gabarit/button'\nimport { ClipboardFeedback, CopyValue } from './clipboard'\n\nexport type CopyButtonFeedback = 'bubble' | 'inline' | 'hidden'\n\nexport type { CopyValue } from './clipboard'\n\n@Component({\n  selector: 'gbt-copy-button',\n  standalone: true,\n  imports: [Button],\n  templateUrl: './copy-button.html',\n  styleUrl: './copy-button.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-status]': 'clipboard.status()',\n  },\n})\nexport class CopyButton {\n  value = input<CopyValue>('')\n  text = input('')\n  ariaLabel = input<string | null>(null)\n  copiedText = input('Copied')\n  failedText = input('Copy failed')\n  feedbackMs = input(2000)\n  variant = input<ButtonVariant>('secondary')\n  size = input<ButtonSize>('small')\n  icon = input('copy')\n  disabled = input(false, { transform: booleanAttribute })\n  feedback = input<CopyButtonFeedback>('bubble')\n  selectTarget = input<HTMLElement | null>(null)\n\n  copied = output<string>()\n  copyFailed = output<void>()\n\n  protected readonly clipboard = new ClipboardFeedback()\n\n  constructor() {\n    effect(() => {\n      const value = this.value()\n      if (typeof value === 'string') {\n        untracked(() => this.clipboard.reset())\n      }\n    })\n  }\n\n  reset(): void {\n    this.clipboard.reset()\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 this.icon()\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 readonly name = computed(() => this.ariaLabel() ?? (this.text() ? null : 'Copy'))\n\n  protected async copy(): Promise<void> {\n    if (this.disabled()) {\n      return\n    }\n    const outcome = await this.clipboard.copy(this.value(), this.feedbackMs(), this.selectTarget())\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","<gbt-button\n  class=\"gbt-copy-button__button\"\n  [variant]=\"variant()\"\n  [size]=\"size()\"\n  [iconName]=\"glyph()\"\n  [iconOnly]=\"!text()\"\n  [text]=\"text()\"\n  [ariaLabel]=\"name()\"\n  [disabled]=\"disabled()\"\n  (clicked)=\"copy()\"\n/>\n<span\n  class=\"gbt-copy-button__status\"\n  role=\"status\"\n  aria-live=\"polite\"\n  [attr.data-status]=\"clipboard.status()\"\n  [attr.data-feedback]=\"feedback()\"\n  >{{ statusText() }}</span\n>\n"],"mappings":"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"}

package/fesm2022/masmarino-gabarit-copy-field.mjs

@@ -0,0 +1,229 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, output } from "@angular/core";
+import { CopyButton } from "@masmarino/gabarit/copy-button";
+const COPY_FIELD_WRAP_AT = /(?<=[^/:]\/)/;
+let nextCopyFieldId = 0;
+var CopyField = class CopyField {
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	label = input(null, ...ngDevMode ? [{ debugName: "label" }] : /* 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, value selected", ...ngDevMode ? [{ debugName: "failedText" }] : /* istanbul ignore next */ []);
+	feedbackMs = input(2e3, ...ngDevMode ? [{ debugName: "feedbackMs" }] : /* istanbul ignore next */ []);
+	feedback = input("bubble", ...ngDevMode ? [{ debugName: "feedback" }] : /* istanbul ignore next */ []);
+	wrapAt = input(COPY_FIELD_WRAP_AT, ...ngDevMode ? [{ debugName: "wrapAt" }] : /* istanbul ignore next */ []);
+	copied = output();
+	copyFailed = output();
+	labelId = `gbt-copy-field-label-${++nextCopyFieldId}`;
+	segments = computed(() => this.cut(this.value(), this.wrapAt()), ...ngDevMode ? [{ debugName: "segments" }] : /* istanbul ignore next */ []);
+	cut(value, pattern) {
+		if (!pattern) return [value];
+		const flags = pattern.flags.includes("g") ? pattern.flags : `${pattern.flags}g`;
+		const segments = [];
+		let start = 0;
+		for (const match of value.matchAll(new RegExp(pattern.source, flags))) {
+			const end = match.index + match[0].length;
+			if (end > start && end < value.length) {
+				segments.push(value.slice(start, end));
+				start = end;
+			}
+		}
+		segments.push(value.slice(start));
+		return segments;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: CopyField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: CopyField,
+		isStandalone: true,
+		selector: "gbt-copy-field",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				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
+			},
+			feedback: {
+				classPropertyName: "feedback",
+				publicName: "feedback",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			wrapAt: {
+				classPropertyName: "wrapAt",
+				publicName: "wrapAt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			copied: "copied",
+			copyFailed: "copyFailed"
+		},
+		ngImport: i0,
+		template: "@if (label(); as text) {\n  <span class=\"gbt-copy-field__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-copy-field__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-copy-field__value\">@for (segment of segments(); track $index) {{{ segment }}<wbr />}</code>\n  <gbt-copy-button\n    class=\"gbt-copy-field__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    [selectTarget]=\"code\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"copyFailed.emit()\"\n  />\n</div>\n",
+		styles: [":host{display:block}.gbt-copy-field__label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem}.gbt-copy-field__box{display:flex;align-items:flex-start;gap:.375rem}.gbt-copy-field__value{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:var(--gbt-control-height-sm);padding:.375rem .625rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.gbt-copy-field__copy{flex:none}\n"],
+		dependencies: [{
+			kind: "component",
+			type: CopyButton,
+			selector: "gbt-copy-button",
+			inputs: [
+				"value",
+				"text",
+				"ariaLabel",
+				"copiedText",
+				"failedText",
+				"feedbackMs",
+				"variant",
+				"size",
+				"icon",
+				"disabled",
+				"feedback",
+				"selectTarget"
+			],
+			outputs: ["copied", "copyFailed"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: CopyField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-copy-field",
+			standalone: true,
+			imports: [CopyButton],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "@if (label(); as text) {\n  <span class=\"gbt-copy-field__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-copy-field__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-copy-field__value\">@for (segment of segments(); track $index) {{{ segment }}<wbr />}</code>\n  <gbt-copy-button\n    class=\"gbt-copy-field__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    [selectTarget]=\"code\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"copyFailed.emit()\"\n  />\n</div>\n",
+			styles: [":host{display:block}.gbt-copy-field__label{display:block;margin-bottom:.25rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;line-height:1.25rem}.gbt-copy-field__box{display:flex;align-items:flex-start;gap:.375rem}.gbt-copy-field__value{flex:1 1 auto;min-width:0;box-sizing:border-box;min-height:var(--gbt-control-height-sm);padding:.375rem .625rem;border:1px solid var(--gbt-card-border);border-radius:var(--site-border-radius-sm);background:var(--bg-principal);color:var(--text-primary);font-family:var(--gbt-font-mono);font-size:.75rem;line-height:1.125rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.gbt-copy-field__copy{flex:none}\n"]
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				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
+			}]
+		}],
+		feedback: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "feedback",
+				required: false
+			}]
+		}],
+		wrapAt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "wrapAt",
+				required: false
+			}]
+		}],
+		copied: [{
+			type: i0.Output,
+			args: ["copied"]
+		}],
+		copyFailed: [{
+			type: i0.Output,
+			args: ["copyFailed"]
+		}]
+	}
+});
+export { COPY_FIELD_WRAP_AT, CopyField };
+
+//# sourceMappingURL=masmarino-gabarit-copy-field.mjs.map

package/fesm2022/masmarino-gabarit-copy-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-copy-field.mjs","names":[],"sources":["../../../projects/gabarit/copy-field/copy-field.ts","../../../projects/gabarit/copy-field/copy-field.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core'\nimport { CopyButton, CopyButtonFeedback } from '@masmarino/gabarit/copy-button'\n\nexport const COPY_FIELD_WRAP_AT = /(?<=[^/:]\\/)/\n\nlet nextCopyFieldId = 0\n\n@Component({\n  selector: 'gbt-copy-field',\n  standalone: true,\n  imports: [CopyButton],\n  templateUrl: './copy-field.html',\n  styleUrl: './copy-field.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CopyField {\n  value = input.required<string>()\n  label = input<string | null>(null)\n  copyLabel = input('Copy')\n  copiedText = input('Copied')\n  failedText = input('Copy failed, value selected')\n  feedbackMs = input(2000)\n  feedback = input<CopyButtonFeedback>('bubble')\n  wrapAt = input<RegExp | null>(COPY_FIELD_WRAP_AT)\n\n  copied = output<string>()\n  copyFailed = output<void>()\n\n  protected readonly labelId = `gbt-copy-field-label-${++nextCopyFieldId}`\n\n  protected readonly segments = computed(() => this.cut(this.value(), this.wrapAt()))\n\n  private cut(value: string, pattern: RegExp | null): string[] {\n    if (!pattern) {\n      return [value]\n    }\n    const flags = pattern.flags.includes('g') ? pattern.flags : `${pattern.flags}g`\n    const segments: string[] = []\n    let start = 0\n    for (const match of value.matchAll(new RegExp(pattern.source, flags))) {\n      const end = match.index + match[0].length\n      if (end > start && end < value.length) {\n        segments.push(value.slice(start, end))\n        start = end\n      }\n    }\n    segments.push(value.slice(start))\n    return segments\n  }\n}\n","@if (label(); as text) {\n  <span class=\"gbt-copy-field__label\" [id]=\"labelId\">{{ text }}</span>\n}\n<div\n  class=\"gbt-copy-field__box\"\n  [attr.role]=\"label() ? 'group' : null\"\n  [attr.aria-labelledby]=\"label() ? labelId : null\"\n>\n  <!-- prettier-ignore -->\n  <code #code class=\"gbt-copy-field__value\">@for (segment of segments(); track $index) {{{ segment }}<wbr />}</code>\n  <gbt-copy-button\n    class=\"gbt-copy-field__copy\"\n    [value]=\"value()\"\n    [ariaLabel]=\"copyLabel()\"\n    [copiedText]=\"copiedText()\"\n    [failedText]=\"failedText()\"\n    [feedbackMs]=\"feedbackMs()\"\n    [feedback]=\"feedback()\"\n    [selectTarget]=\"code\"\n    (copied)=\"copied.emit($event)\"\n    (copyFailed)=\"copyFailed.emit()\"\n  />\n</div>\n"],"mappings":"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"}