@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-link.mjs

@@ -0,0 +1,182 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, ElementRef, Renderer2, HostAttributeToken, computed, DestroyRef, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { linkMessages } from '@slotted/core/i18n';
+
+const LINK_DEFAULTS_TOKEN = new InjectionToken('slotted link defaults', {
+    providedIn: 'root',
+    factory: () => ({}),
+});
+/**
+ * An application decides once whether its links are underlined, how they are
+ * painted, and whether a followed destination is marked. A link that states
+ * any of those itself still wins: an explicit input is never overridden by the
+ * token. Its words come from the language in force (`provideSlotted`).
+ */
+function provideLinkDefaults(defaults) {
+    return { provide: LINK_DEFAULTS_TOKEN, useValue: defaults };
+}
+function injectLinkDefaults() {
+    return inject(LINK_DEFAULTS_TOKEN);
+}
+
+/**
+ * The zero-width character whose only job is to forbid a line break. It keeps
+ * the marker with the last word of the link, and unlike a no-break space it
+ * carries no width of its own — the distance between word and glyph is the
+ * stylesheet's decision, not this string's.
+ */
+const WORD_JOINER = '\u2060';
+const LINK_DEFAULT_UNDERLINE = 'always';
+const LINK_DEFAULT_VARIANT = 'accent';
+
+/**
+ * Text that goes somewhere. The directive sits on the consumer's own anchor,
+ * so the role, `Enter`, the context menu, the middle click and every modified
+ * click are the platform's — and `routerLink` composes on the same element,
+ * because the element was never the family's to begin with. `button` owns the
+ * action that has no URL, and `ButtonLink` the navigation that wants the
+ * action surface.
+ *
+ * `rel` and `target` are written imperatively rather than through host
+ * bindings, and only when the anchor carries neither. A host binding writes on
+ * every change detection pass, and the value that means "leave it alone" is
+ * `null`, which removes the attribute — so an anchor whose consumer binds
+ * `[attr.target]` itself would lose it to this component. Adding what is
+ * missing and touching nothing else is the only shape that keeps the
+ * consumer's explicit value winning.
+ */
+class SlLink {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    external = input(false, { ...(ngDevMode ? { debugName: "external" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Words laid over the catalog of the language in force: the warning a link
+     * to a new tab announces (`externalHint`).
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    underline = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "underline" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    visited = input(undefined, { ...(ngDevMode ? { debugName: "visited" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    defaults = injectLinkDefaults();
+    /** The family's words in the language in force, with this link's `messages` laid over them. */
+    t = injectMessages(linkMessages, this.messages);
+    element = inject((ElementRef)).nativeElement;
+    renderer = inject(Renderer2);
+    /**
+     * What the consumer wrote on their own anchor, read once through the token
+     * that exists for exactly this: a static attribute has to survive the
+     * component that was placed on top of it.
+     */
+    ownRel = inject(new HostAttributeToken('rel'), { optional: true });
+    ownTarget = inject(new HostAttributeToken('target'), { optional: true });
+    ownTabIndex = inject(new HostAttributeToken('tabindex'), { optional: true });
+    /** The destination the anchor had before it was made unavailable. */
+    withheldHref = null;
+    underlineValue = computed(() => this.underline() ?? this.defaults.underline ?? LINK_DEFAULT_UNDERLINE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "underlineValue" }] : /* istanbul ignore next */ []));
+    variantValue = computed(() => this.variant() ?? this.defaults.variant ?? LINK_DEFAULT_VARIANT, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variantValue" }] : /* istanbul ignore next */ []));
+    visitedValue = computed(() => this.visited() ?? this.defaults.visited ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visitedValue" }] : /* istanbul ignore next */ []));
+    /**
+     * The fact, not the prop. `external` is the way to state it, and an anchor
+     * the consumer already pointed at a new tab has stated the same thing.
+     */
+    newTab = computed(() => this.external() || this.ownTarget === '_blank', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "newTab" }] : /* istanbul ignore next */ []));
+    hint = computed(() => ` ${this.t('externalHint')}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    /**
+     * A disabled link keeps its place in the tab sequence: without an `href` the
+     * anchor would drop out of it, so the zero is stated rather than inherited.
+     */
+    tabIndex = computed(() => this.disabled() ? (this.ownTabIndex ?? '0') : this.ownTabIndex, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        const listen = (type, listener) => {
+            this.element.addEventListener(type, listener, { capture: true });
+            destroyRef.onDestroy(() => this.element.removeEventListener(type, listener, { capture: true }));
+        };
+        listen('click', (event) => this.refuse(event));
+        listen('auxclick', (event) => this.refuse(event));
+        listen('keydown', (event) => {
+            if (event.key === 'Enter')
+                this.refuse(event);
+        });
+        effect(() => {
+            const newTab = this.newTab();
+            this.write('target', newTab && this.ownTarget === null ? '_blank' : null);
+            this.write('rel', newTab && this.ownRel === null ? 'noopener noreferrer' : null);
+        });
+        /**
+         * An anchor that keeps its destination and only refuses `click` still
+         * navigates on a middle click, on a modified click and from the context
+         * menu. Taking the destination away is what actually disables it, and it
+         * is given back the moment the link becomes available again.
+         */
+        effect(() => {
+            if (this.disabled()) {
+                this.withheldHref ??= this.element.getAttribute('href');
+                this.renderer.removeAttribute(this.element, 'href');
+                return;
+            }
+            if (this.withheldHref === null)
+                return;
+            this.renderer.setAttribute(this.element, 'href', this.withheldHref);
+            this.withheldHref = null;
+        });
+    }
+    /** Adds what the anchor is missing, and removes only what it added. */
+    write(attribute, value) {
+        if (value !== null) {
+            this.renderer.setAttribute(this.element, attribute, value);
+            return;
+        }
+        const own = attribute === 'rel' ? this.ownRel : this.ownTarget;
+        if (own === null)
+            this.renderer.removeAttribute(this.element, attribute);
+    }
+    refuse(event) {
+        if (!this.disabled())
+            return;
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        event.stopPropagation();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlLink, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlLink, isStandalone: true, selector: "a[slLink]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, visited: { classPropertyName: "visited", publicName: "visited", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "link", "data-part": "root" }, properties: { "attr.data-underline": "underlineValue()", "attr.data-variant": "variantValue()", "attr.data-visited": "visitedValue() ? \"\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.role": "disabled() ? \"link\" : null", "attr.tabindex": "tabIndex()" } }, exportAs: ["slLink"], ngImport: i0, template: `<ng-content></ng-content>@if (newTab()) {&#8288;<span aria-hidden="true" data-part="external-icon"><span slIcon directional><svg slGlyph name="external"></svg></span></span><span data-part="external-hint" data-ui="visually-hidden">{{ hint() }}</span>&#8288;}`, isInline: true, styles: ["@layer slotted.components{[data-ui=link]{--_strong: var(--slotted-text, CanvasText);--_rest: var(--slotted-link-color, var(--slotted-tone-accent-text, LinkText));--_hover: var( --slotted-link-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--_strong)) );--_active: var( --slotted-link-color-active, color-mix(in oklab, var(--_rest) 35%, var(--_strong)) );--_visited: var( --slotted-link-color-visited, color-mix(in oklab, var(--_rest) 40%, var(--slotted-text-muted, GrayText)) );--_underline: var( --slotted-link-underline-color, color-mix(in oklab, currentColor 55%, transparent) );border-radius:var(--slotted-link-radius, var(--slotted-control-radius, 4px));color:var(--_rest);inline-size:fit-content;overflow-wrap:anywhere;text-decoration-color:var(--_underline);text-decoration-line:underline;text-decoration-thickness:var(--slotted-link-underline-thickness, from-font);text-underline-offset:var(--slotted-link-underline-offset, .15em);transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=link][data-variant=neutral]{--_rest: var(--slotted-link-color, currentColor);--_hover: var(--slotted-link-color-hover, var(--slotted-tone-accent-text, LinkText));--_active: var( --slotted-link-color-active, color-mix(in oklab, var(--slotted-tone-accent-text, LinkText) 65%, var(--_strong)) )}[data-ui=link][data-variant=inverse]{--_strong: var(--slotted-text-inverse, Canvas);--_rest: var(--slotted-link-color, var(--slotted-text-inverse, Canvas))}[data-ui=link][data-underline=hover],[data-ui=link][data-underline=none]{text-decoration-line:none}[data-ui=link][data-underline=hover]:not([data-disabled]):hover{text-decoration-line:underline}[data-ui=link][data-underline=hover]:focus-visible{text-decoration-line:underline}[data-ui=link][data-visited]:visited{color:var(--_visited)}[data-ui=link]:not([data-disabled]):hover{--_underline: currentColor;color:var(--_hover)}[data-ui=link]:not([data-disabled]):active{--_underline: currentColor;color:var(--_active)}[data-ui=link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-link-focus-ring-offset, 1px)}[data-ui=link][data-disabled]{color:var(--slotted-link-color-disabled, var(--slotted-disabled-foreground, GrayText));cursor:not-allowed}[data-ui=link] [data-part=external-icon]{--slotted-icon-size: var(--slotted-link-external-icon-size, 1em);margin-inline-start:var(--slotted-link-external-icon-gap, .15em)}[data-ui=link][aria-current]:not([aria-current=false]){--_rest: var(--slotted-link-color-current, var(--slotted-text, CanvasText))}@media(forced-colors:active){[data-ui=link]{text-decoration-line:underline}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlLink, decorators: [{
+            type: Component,
+            args: [{ selector: 'a[slLink]', standalone: true, imports: [SlGlyph, SlIcon], template: `<ng-content></ng-content>@if (newTab()) {&#8288;<span aria-hidden="true" data-part="external-icon"><span slIcon directional><svg slGlyph name="external"></svg></span></span><span data-part="external-hint" data-ui="visually-hidden">{{ hint() }}</span>&#8288;}`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slLink', host: {
+                        'data-ui': 'link',
+                        'data-part': 'root',
+                        '[attr.data-underline]': 'underlineValue()',
+                        '[attr.data-variant]': 'variantValue()',
+                        '[attr.data-visited]': 'visitedValue() ? "" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.role]': 'disabled() ? "link" : null',
+                        '[attr.tabindex]': 'tabIndex()',
+                    }, styles: ["@layer slotted.components{[data-ui=link]{--_strong: var(--slotted-text, CanvasText);--_rest: var(--slotted-link-color, var(--slotted-tone-accent-text, LinkText));--_hover: var( --slotted-link-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--_strong)) );--_active: var( --slotted-link-color-active, color-mix(in oklab, var(--_rest) 35%, var(--_strong)) );--_visited: var( --slotted-link-color-visited, color-mix(in oklab, var(--_rest) 40%, var(--slotted-text-muted, GrayText)) );--_underline: var( --slotted-link-underline-color, color-mix(in oklab, currentColor 55%, transparent) );border-radius:var(--slotted-link-radius, var(--slotted-control-radius, 4px));color:var(--_rest);inline-size:fit-content;overflow-wrap:anywhere;text-decoration-color:var(--_underline);text-decoration-line:underline;text-decoration-thickness:var(--slotted-link-underline-thickness, from-font);text-underline-offset:var(--slotted-link-underline-offset, .15em);transition:color var(--slotted-duration-short) var(--slotted-easing-standard),text-decoration-color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=link][data-variant=neutral]{--_rest: var(--slotted-link-color, currentColor);--_hover: var(--slotted-link-color-hover, var(--slotted-tone-accent-text, LinkText));--_active: var( --slotted-link-color-active, color-mix(in oklab, var(--slotted-tone-accent-text, LinkText) 65%, var(--_strong)) )}[data-ui=link][data-variant=inverse]{--_strong: var(--slotted-text-inverse, Canvas);--_rest: var(--slotted-link-color, var(--slotted-text-inverse, Canvas))}[data-ui=link][data-underline=hover],[data-ui=link][data-underline=none]{text-decoration-line:none}[data-ui=link][data-underline=hover]:not([data-disabled]):hover{text-decoration-line:underline}[data-ui=link][data-underline=hover]:focus-visible{text-decoration-line:underline}[data-ui=link][data-visited]:visited{color:var(--_visited)}[data-ui=link]:not([data-disabled]):hover{--_underline: currentColor;color:var(--_hover)}[data-ui=link]:not([data-disabled]):active{--_underline: currentColor;color:var(--_active)}[data-ui=link]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-link-focus-ring-offset, 1px)}[data-ui=link][data-disabled]{color:var(--slotted-link-color-disabled, var(--slotted-disabled-foreground, GrayText));cursor:not-allowed}[data-ui=link] [data-part=external-icon]{--slotted-icon-size: var(--slotted-link-external-icon-size, 1em);margin-inline-start:var(--slotted-link-external-icon-gap, .15em)}[data-ui=link][aria-current]:not([aria-current=false]){--_rest: var(--slotted-link-color-current, var(--slotted-text, CanvasText))}@media(forced-colors:active){[data-ui=link]{text-decoration-line:underline}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], external: [{ type: i0.Input, args: [{ isSignal: true, alias: "external", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], underline: [{ type: i0.Input, args: [{ isSignal: true, alias: "underline", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], visited: [{ type: i0.Input, args: [{ isSignal: true, alias: "visited", required: false }] }] } });
+/**
+ * Absence has to survive the transform. `booleanAttribute` maps an unset input
+ * to `false`, and `false` is a value: it would stop the application's own
+ * decision about visited links from ever reaching a link that says nothing.
+ */
+function optionalBoolean(value) {
+    return value === undefined ? undefined : booleanAttribute(value);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LINK_DEFAULTS_TOKEN, SlLink, injectLinkDefaults, provideLinkDefaults };
+//# sourceMappingURL=slotted-angular-link.mjs.map

package/fesm2022/slotted-angular-link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-link.mjs","sources":["../../link/src/link-defaults.ts","../../link/src/link.constants.ts","../../link/src/link.ts","../../link/src/slotted-angular-link.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { LinkUnderline, LinkVariant } from './link.constants';\n\n/** What every link on the page looks like before it states anything of its own. */\nexport interface LinkDefaults {\n  underline?: LinkUnderline;\n  variant?: LinkVariant;\n  visited?: boolean;\n}\n\nexport const LINK_DEFAULTS_TOKEN = new InjectionToken<LinkDefaults>('slotted link defaults', {\n  providedIn: 'root',\n  factory: (): LinkDefaults => ({}),\n});\n\n/**\n * An application decides once whether its links are underlined, how they are\n * painted, and whether a followed destination is marked. A link that states\n * any of those itself still wins: an explicit input is never overridden by the\n * token. Its words come from the language in force (`provideSlotted`).\n */\nexport function provideLinkDefaults(defaults: LinkDefaults) {\n  return { provide: LINK_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectLinkDefaults(): LinkDefaults {\n  return inject(LINK_DEFAULTS_TOKEN);\n}\n","export type LinkUnderline = 'always' | 'hover' | 'none';\nexport type LinkVariant = 'accent' | 'neutral' | 'inverse';\n\n/**\n * The zero-width character whose only job is to forbid a line break. It keeps\n * the marker with the last word of the link, and unlike a no-break space it\n * carries no width of its own — the distance between word and glyph is the\n * stylesheet's decision, not this string's.\n */\nexport const WORD_JOINER = '\\u2060';\n\nexport const LINK_DEFAULT_UNDERLINE: LinkUnderline = 'always';\nexport const LINK_DEFAULT_VARIANT: LinkVariant = 'accent';\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  Renderer2,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport { linkMessages, type LinkMessages, type PartialMessages } from '@slotted/core/i18n';\n\nimport { injectLinkDefaults } from './link-defaults';\nimport {\n  LINK_DEFAULT_UNDERLINE,\n  LINK_DEFAULT_VARIANT,\n  type LinkUnderline,\n  type LinkVariant,\n} from './link.constants';\n\n/**\n * Text that goes somewhere. The directive sits on the consumer's own anchor,\n * so the role, `Enter`, the context menu, the middle click and every modified\n * click are the platform's — and `routerLink` composes on the same element,\n * because the element was never the family's to begin with. `button` owns the\n * action that has no URL, and `ButtonLink` the navigation that wants the\n * action surface.\n *\n * `rel` and `target` are written imperatively rather than through host\n * bindings, and only when the anchor carries neither. A host binding writes on\n * every change detection pass, and the value that means \"leave it alone\" is\n * `null`, which removes the attribute — so an anchor whose consumer binds\n * `[attr.target]` itself would lose it to this component. Adding what is\n * missing and touching nothing else is the only shape that keeps the\n * consumer's explicit value winning.\n */\n@Component({\n  selector: 'a[slLink]',\n  standalone: true,\n  imports: [SlGlyph, SlIcon],\n  /**\n   * The joiner is a text node of its own, before the marker and outside it:\n   * what it forbids is the line break between the last word of the link and\n   * the inline box that follows it. Every space in this template is therefore\n   * load-bearing — Angular collapses a newline between two nodes into one\n   * space, and a space before the joiner puts back exactly the break the\n   * joiner exists to forbid. The formatter is told to leave it alone, and\n   * `link.spec.ts` asserts the rendered text in case it stops listening. The\n   * arrow mirrors in a right-to-left document, which is what `directional` is.\n   */\n  // prettier-ignore\n  template: `<ng-content></ng-content>@if (newTab()) {&#8288;<span aria-hidden=\"true\" data-part=\"external-icon\"><span slIcon directional><svg slGlyph name=\"external\"></svg></span></span><span data-part=\"external-hint\" data-ui=\"visually-hidden\">{{ hint() }}</span>&#8288;}`,\n  styleUrls: [\n    '../../../styles/src/link/link.css',\n    '../../../styles/src/visually-hidden/visually-hidden.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slLink',\n  host: {\n    'data-ui': 'link',\n    'data-part': 'root',\n    '[attr.data-underline]': 'underlineValue()',\n    '[attr.data-variant]': 'variantValue()',\n    '[attr.data-visited]': 'visitedValue() ? \"\" : null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.role]': 'disabled() ? \"link\" : null',\n    '[attr.tabindex]': 'tabIndex()',\n  },\n})\nexport class SlLink {\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly external = input(false, { transform: booleanAttribute });\n  /**\n   * Words laid over the catalog of the language in force: the warning a link\n   * to a new tab announces (`externalHint`).\n   */\n  readonly messages = input<PartialMessages<LinkMessages> | undefined>(undefined);\n  readonly underline = input<LinkUnderline | undefined>(undefined);\n  readonly variant = input<LinkVariant | undefined>(undefined);\n  readonly visited = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: optionalBoolean,\n  });\n\n  private readonly defaults = injectLinkDefaults();\n  /** The family's words in the language in force, with this link's `messages` laid over them. */\n  readonly t = injectMessages(linkMessages, this.messages);\n  private readonly element = inject(ElementRef<HTMLAnchorElement>).nativeElement;\n  private readonly renderer = inject(Renderer2);\n\n  /**\n   * What the consumer wrote on their own anchor, read once through the token\n   * that exists for exactly this: a static attribute has to survive the\n   * component that was placed on top of it.\n   */\n  private readonly ownRel = inject(new HostAttributeToken('rel'), { optional: true });\n  private readonly ownTarget = inject(new HostAttributeToken('target'), { optional: true });\n  private readonly ownTabIndex = inject(new HostAttributeToken('tabindex'), { optional: true });\n\n  /** The destination the anchor had before it was made unavailable. */\n  private withheldHref: string | null = null;\n\n  readonly underlineValue = computed(\n    () => this.underline() ?? this.defaults.underline ?? LINK_DEFAULT_UNDERLINE,\n  );\n  readonly variantValue = computed(\n    () => this.variant() ?? this.defaults.variant ?? LINK_DEFAULT_VARIANT,\n  );\n  readonly visitedValue = computed(() => this.visited() ?? this.defaults.visited ?? false);\n\n  /**\n   * The fact, not the prop. `external` is the way to state it, and an anchor\n   * the consumer already pointed at a new tab has stated the same thing.\n   */\n  readonly newTab = computed(() => this.external() || this.ownTarget === '_blank');\n  readonly hint = computed(() => ` ${this.t('externalHint')}`);\n\n  /**\n   * A disabled link keeps its place in the tab sequence: without an `href` the\n   * anchor would drop out of it, so the zero is stated rather than inherited.\n   */\n  readonly tabIndex = computed(() =>\n    this.disabled() ? (this.ownTabIndex ?? '0') : this.ownTabIndex,\n  );\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    const listen = (type: 'click' | 'auxclick' | 'keydown', listener: EventListener) => {\n      this.element.addEventListener(type, listener, { capture: true });\n      destroyRef.onDestroy(() =>\n        this.element.removeEventListener(type, listener, { capture: true }),\n      );\n    };\n\n    listen('click', (event) => this.refuse(event));\n    listen('auxclick', (event) => this.refuse(event));\n    listen('keydown', (event) => {\n      if ((event as KeyboardEvent).key === 'Enter') this.refuse(event);\n    });\n\n    effect(() => {\n      const newTab = this.newTab();\n      this.write('target', newTab && this.ownTarget === null ? '_blank' : null);\n      this.write('rel', newTab && this.ownRel === null ? 'noopener noreferrer' : null);\n    });\n\n    /**\n     * An anchor that keeps its destination and only refuses `click` still\n     * navigates on a middle click, on a modified click and from the context\n     * menu. Taking the destination away is what actually disables it, and it\n     * is given back the moment the link becomes available again.\n     */\n    effect(() => {\n      if (this.disabled()) {\n        this.withheldHref ??= this.element.getAttribute('href');\n        this.renderer.removeAttribute(this.element, 'href');\n        return;\n      }\n      if (this.withheldHref === null) return;\n      this.renderer.setAttribute(this.element, 'href', this.withheldHref);\n      this.withheldHref = null;\n    });\n  }\n\n  /** Adds what the anchor is missing, and removes only what it added. */\n  private write(attribute: 'rel' | 'target', value: string | null) {\n    if (value !== null) {\n      this.renderer.setAttribute(this.element, attribute, value);\n      return;\n    }\n    const own = attribute === 'rel' ? this.ownRel : this.ownTarget;\n    if (own === null) this.renderer.removeAttribute(this.element, attribute);\n  }\n\n  private refuse(event: Event) {\n    if (!this.disabled()) return;\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    event.stopPropagation();\n  }\n}\n\n/**\n * Absence has to survive the transform. `booleanAttribute` maps an unset input\n * to `false`, and `false` is a value: it would stop the application's own\n * decision about visited links from ever reaching a link that says nothing.\n */\nfunction optionalBoolean(value: boolean | string | undefined) {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}