@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-link-deprecated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koobiq-components-link-deprecated.mjs","sources":["../../../packages/components/link/deprecated/link.component.ts","../../../packages/components/link/deprecated/link.module.ts","../../../packages/components/link/deprecated/koobiq-components-link-deprecated.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { ContentObserver } from '@angular/cdk/observers';\nimport {\n    AfterViewChecked,\n    AfterViewInit,\n    booleanAttribute,\n    computed,\n    contentChildren,\n    Directive,\n    effect,\n    ElementRef,\n    forwardRef,\n    inject,\n    input,\n    linkedSignal,\n    numberAttribute,\n    OnDestroy,\n    Renderer2,\n    untracked\n} from '@angular/core';\nimport {\n    getContentNodes,\n    kbqInjectNativeElement,\n    leftIconClassName,\n    rightIconClassName,\n    supportsNativeDisabled\n} from '@koobiq/components/core';\nimport { KbqIcon } from '@koobiq/components/icon';\n\n/** @internal */\nexport const baseURLRegex = /^http(s)?:\\/\\//;\n\n/**\n * Directive that styles an anchor as a link.\n *\n * @deprecated The directive whose markup has to know its internals: the `kbq-link__text` wrapper, the\n * `kbq-link_external` and `kbq-text-with-dot` classes. Superseded by the `KbqLink` component of\n * `@koobiq/components/link` (`[kbqLink]`), which renders that structure itself and adds\n * `kbqLinkPrefix`/`kbqLinkSuffix` slots, the `external` and `size` inputs and keyboard support for pseudo\n * links. Will be removed in a future major version - an `ng update` migration rewrites\n * `@koobiq/components/link` imports of this API to `@koobiq/components/link/deprecated` automatically.\n */\n@Directive({\n    selector: '[kbq-link]',\n    host: {\n        class: 'kbq-link',\n        '[class.kbq-link_no-underline]': 'noUnderline()',\n        '[class.kbq-link_use-visited]': 'useVisited()',\n        '[class.kbq-link_big]': 'big()',\n        '[class.kbq-link_compact]': 'compact()',\n        '[class.kbq-link_pseudo]': 'pseudo()',\n        '[class.kbq-link_multiline]': 'multiline()',\n        '[class.kbq-link_print]': 'printMode()',\n        '[class.kbq-text-only]': '!hasIcon()',\n        '[class.kbq-text-with-icon]': 'hasIcon()',\n        '[class.kbq-disabled]': 'disabledSignal()',\n        '[attr.disabled]': 'nativeDisabledAttribute()',\n        '[attr.aria-disabled]': 'ariaDisabledAttribute()',\n        '[attr.tabindex]': 'hostTabIndex()'\n    },\n    exportAs: 'kbqLink'\n})\nexport class KbqLink implements AfterViewInit, AfterViewChecked, OnDestroy {\n    private readonly focusMonitor = inject(FocusMonitor);\n    private readonly contentObserver = inject(ContentObserver);\n    private readonly nativeElement = kbqInjectNativeElement<HTMLAnchorElement>();\n\n    /**\n     * `[kbq-link]` styles an `<a>` or a `<span>`, where `disabled` is not a valid attribute and means\n     * nothing to assistive tech, so the state is exposed through ARIA instead. The check is on the tag\n     * rather than hardcoded, because the selector does not restrict the host.\n     */\n    private readonly hostSupportsNativeDisabled = supportsNativeDisabled(this.nativeElement);\n\n    protected readonly renderer = inject(Renderer2);\n\n    private readonly icons = contentChildren(\n        forwardRef(() => KbqIcon),\n        { read: ElementRef }\n    );\n\n    /** Whether the link is disabled. */\n    readonly disabled = input(false, { transform: booleanAttribute });\n\n    /**\n     * Effective disabled state, mirroring the `disabled` input. It stays writable because `kbqTooltip`\n     * accepts a link through `forDisabledComponent` and reads this signal to keep a tooltip reachable on a\n     * disabled link; the host bindings read it rather than the input so such a write still shows.\n     *\n     * @docs-private\n     */\n    readonly disabledSignal = linkedSignal(() => this.disabled());\n\n    /** Tab order of the link. A disabled link is taken out of the tab order regardless of this value. */\n    readonly tabIndex = input(0, { transform: numberAttribute });\n\n    /** Whether the link is rendered without a `href`, as a control that looks like a link. */\n    readonly pseudo = input(false, { transform: booleanAttribute });\n\n    /** Whether the link is rendered without an underline. */\n    readonly noUnderline = input(false, { transform: booleanAttribute });\n\n    /** Whether the link uses the big typography. */\n    readonly big = input(false, { transform: booleanAttribute });\n\n    /** Whether the link uses the compact typography. */\n    readonly compact = input(false, { transform: booleanAttribute });\n\n    /** Whether the link has an increased hit area for multiline usage. */\n    readonly multiline = input(false, { transform: booleanAttribute });\n\n    /** Whether a visited link is styled differently. */\n    readonly useVisited = input(false, { transform: booleanAttribute });\n\n    /**\n     * URL printed next to the link text when the page is printed. Defaults to the `href` without its\n     * protocol, which is what a valueless `print` attribute and an empty string ask for; bind it to print\n     * something else, or bind `null` to opt out.\n     */\n    readonly print = input<string | null>();\n\n    /** @docs-private */\n    protected readonly hasIcon = computed(() => this.icons().length > 0);\n\n    /** @docs-private */\n    protected readonly printMode = computed(() => this.print() != null);\n\n    /** @docs-private */\n    protected readonly nativeDisabledAttribute = computed(() =>\n        this.disabledSignal() && this.hostSupportsNativeDisabled ? true : null\n    );\n\n    /** @docs-private */\n    protected readonly ariaDisabledAttribute = computed(() =>\n        this.disabledSignal() && !this.hostSupportsNativeDisabled ? true : null\n    );\n\n    /** @docs-private */\n    protected readonly hostTabIndex = computed(() => (this.disabledSignal() ? -1 : this.tabIndex()));\n\n    constructor() {\n        // Icons projected asynchronously (e.g. behind an `@if`) update the `icons` signal after content\n        // init, so class assignment must react to the signal, not just run once.\n        effect((onCleanup) => {\n            const icons = this.icons();\n\n            untracked(() => this.updateClassModifierForIcons());\n\n            // Which icon is the edge one also depends on the nodes beside it, which no query can see: a\n            // text node appearing next to a lone icon turns it into a left icon without `icons` changing\n            // at all. A link with no icons has nothing to place, so it carries no observer either.\n            if (icons.length === 0) return;\n\n            const subscription = this.contentObserver\n                .observe(this.nativeElement)\n                .subscribe(() => this.updateClassModifierForIcons());\n\n            onCleanup(() => subscription.unsubscribe());\n        });\n    }\n\n    /** The URL last written to the `print` attribute. */\n    private printedUrl: string | undefined;\n\n    ngAfterViewInit(): void {\n        this.focusMonitor.monitor(this.nativeElement, true);\n    }\n\n    /**\n     * Writes the URL printed next to the link text. `href` is DOM state rather than a signal, and a `routerLink` on\n     * the same element sets it from a host binding of its own that may run after this directive's, so it is read\n     * once the view is checked: a binding would print the previous `href` until something re-checked the view.\n     */\n    ngAfterViewChecked(): void {\n        const url = this.print() || this.nativeElement.href?.replace(baseURLRegex, '');\n\n        if (url === this.printedUrl) return;\n\n        this.printedUrl = url;\n\n        if (url === undefined) {\n            this.renderer.removeAttribute(this.nativeElement, 'print');\n        } else {\n            this.renderer.setAttribute(this.nativeElement, 'print', url);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitor.stopMonitoring(this.nativeElement);\n    }\n\n    /** Focuses the link. */\n    focus(): void {\n        this.getHostElement().focus();\n    }\n\n    /** The anchor the directive is applied to. */\n    getHostElement(): HTMLAnchorElement {\n        return this.nativeElement;\n    }\n\n    private updateClassModifierForIcons(): void {\n        const icons = this.icons();\n\n        icons.forEach(({ nativeElement }) => {\n            this.renderer.removeClass(nativeElement, leftIconClassName);\n            this.renderer.removeClass(nativeElement, rightIconClassName);\n        });\n\n        const contentNodes = getContentNodes(this.nativeElement);\n\n        if (icons.length && contentNodes.length > 1) {\n            icons.forEach(({ nativeElement }) => {\n                const iconIndex = contentNodes.findIndex((node) => node === nativeElement);\n\n                if (iconIndex === 0) {\n                    this.renderer.addClass(nativeElement, leftIconClassName);\n                }\n\n                if (iconIndex === contentNodes.length - 1) {\n                    this.renderer.addClass(nativeElement, rightIconClassName);\n                }\n            });\n        }\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { NgModule } from '@angular/core';\nimport { KbqLink } from './link.component';\n\n/**\n * @deprecated The directive whose markup has to know its internals: the `kbq-link__text` wrapper, the\n * `kbq-link_external` and `kbq-text-with-dot` classes. Superseded by the `KbqLink` component of\n * `@koobiq/components/link` (`[kbqLink]`), which renders that structure itself and adds\n * `kbqLinkPrefix`/`kbqLinkSuffix` slots, the `external` and `size` inputs and keyboard support for pseudo\n * links. Will be removed in a future major version - an `ng update` migration rewrites\n * `@koobiq/components/link` imports of this API to `@koobiq/components/link/deprecated` automatically.\n */\n@NgModule({\n    imports: [\n        A11yModule,\n        KbqLink\n    ],\n    exports: [KbqLink]\n})\nexport class KbqLinkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-link.mjs

@@ -1,152 +1,355 @@
-import { FocusMonitor, A11yModule } from '@angular/cdk/a11y';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, DestroyRef, signal, input, booleanAttribute, contentChild, numberAttribute, Input, ContentChildren, forwardRef, Directive, NgModule } from '@angular/core';
-import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { kbqInjectNativeElement, leftIconClassName, rightIconClassName, getNodesWithoutComments } from '@koobiq/components/core';
+import { InjectionToken, Directive, inject, Renderer2, DestroyRef, NgZone, viewChild, HostAttributeToken, input, booleanAttribute, linkedSignal, numberAttribute, computed, afterNextRender, afterEveryRender, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { kbqInjectNativeElement, supportsNativeDisabled } from '@koobiq/components/core';
 import { KbqIcon } from '@koobiq/components/icon';
 
-const baseURLRegex = /^http(s)?:\/\//;
+// The protocol and the `www.` say nothing on paper
+const PRINTED_URL_PREFIX = /^https?:\/\/(www\.)?/;
+// The whitespace Angular collapses to one space; a non-breaking space is the author's and stays
+const COLLAPSIBLE_SPACES = ' \t\n\r\f';
+// The keys that activate a link or open what is attached to it, such as a dropdown
+const ACTIVATION_KEYS = ['Enter', ' ', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
+const KBQ_LINK_DEFAULT_OPTIONS = {
+    size: 'normal',
+    useVisited: false
+};
+/** Injection token holding the current {@link KbqLinkOptions}. */
+const KBQ_LINK_OPTIONS = new InjectionToken('KBQ_LINK_OPTIONS', {
+    factory: () => KBQ_LINK_DEFAULT_OPTIONS
+});
+/**
+ * Overrides the default link options within the given injector scope: the whole application from
+ * `bootstrapApplication`, or one subtree from the `providers` of a component or a route.
+ */
+function kbqLinkOptionsProvider(options) {
+    return {
+        provide: KBQ_LINK_OPTIONS,
+        useValue: { ...KBQ_LINK_DEFAULT_OPTIONS, ...options }
+    };
+}
+/** Marks content to be projected before the text of a link, such as a leading icon. */
+class KbqLinkPrefix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqLinkPrefix, isStandalone: true, selector: "[kbqLinkPrefix]", host: { classAttribute: "kbq-link__prefix" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkPrefix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbqLinkPrefix]',
+                    host: {
+                        class: 'kbq-link__prefix'
+                    }
+                }]
+        }] });
+/**
+ * Marks content to be projected after the text of a link: a trailing icon, or the punctuation that ends a
+ * sentence, which takes the link color without the underline. It wraps to the next line together with the last
+ * word only.
+ */
+class KbqLinkSuffix {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqLinkSuffix, isStandalone: true, selector: "[kbqLinkSuffix]", host: { classAttribute: "kbq-link__suffix" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkSuffix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kbqLinkSuffix]',
+                    host: {
+                        class: 'kbq-link__suffix'
+                    }
+                }]
+        }] });
+/**
+ * Link of the design system. Applied to an `<a>` with a `href`, so that the browser keeps treating it as a
+ * link, or to any other element, which makes it a pseudo link that acts as a button. The component renders the
+ * text between the `kbqLinkPrefix` and `kbqLinkSuffix` content, and only the text is underlined.
+ */
 class KbqLink {
-    // @todo 20 In the next major release this feature will be replaced on the input signal.
-    /** Whether the link is disabled. */
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this.disabledSignal.set(value);
-    }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    get tabIndex() {
-        return this.disabled ? -1 : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this._tabIndex = value;
-    }
-    get hasIcon() {
-        return !!this.icon();
-    }
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
-    set print(value) {
-        this.printMode = value !== null;
-        this._print = value;
-        this.updatePrintUrl();
-    }
     constructor() {
-        this.elementRef = inject(ElementRef);
-        this.focusMonitor = inject(FocusMonitor);
         this.renderer = inject(Renderer2);
         this.destroyRef = inject(DestroyRef);
+        this.ngZone = inject(NgZone);
+        this.focusMonitor = inject(FocusMonitor);
+        this.options = inject(KBQ_LINK_OPTIONS);
         this.nativeElement = kbqInjectNativeElement();
+        this.textElement = viewChild.required('text');
+        /**
+         * `disabled` is valid on a `<button>`, but not on an `<a>` or a `<span>`, where it means nothing to
+         * assistive tech, so the state is exposed through ARIA there instead.
+         */
+        this.hostSupportsNativeDisabled = supportsNativeDisabled(this.nativeElement);
+        /**
+         * The role written on the element in the template. Such an element owns its semantics and its keyboard, and
+         * the binding keeps the role in place. It is read from the template rather than from the element: on a
+         * hydrated page the element already carries the role this component rendered on the server.
+         */
+        this.declaredRole = inject(new HostAttributeToken('role'), { optional: true });
+        /**
+         * Whether a pseudo link may supply the button semantics itself: a `<button>` and a `<label>` are
+         * activatable on their own, and so is an element that declares a role in the template.
+         */
+        this.ownsPseudoSemantics = !['BUTTON', 'LABEL'].includes(this.nativeElement.tagName) && this.declaredRole === null;
+        /** A `<label>` is reached through its control, so it stays out of the tab order unless it declares a role. */
+        this.focusable = this.nativeElement.tagName !== 'LABEL' || this.declaredRole !== null;
+        /** Only an anchor can lead somewhere: on any other element the link is a pseudo link. */
+        this.anchor = this.nativeElement.tagName === 'A' ? this.nativeElement : null;
+        /** The text nodes trimmed at an edge of the text, with their data before, for one that leaves the edge. */
+        this.trimmedTexts = new Map();
+        /** Whether the link is disabled. */
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Effective disabled state, mirroring the `disabled` input. It stays writable because `kbqTooltip`
+         * accepts a link through `forDisabledComponent` and reads this signal to keep a tooltip reachable on a
+         * disabled link; the host bindings read it rather than the input so such a write still shows.
+         *
+         * @docs-private
+         */
+        this.disabledSignal = linkedSignal(() => this.disabled(), ...(ngDevMode ? [{ debugName: "disabledSignal" }] : /* istanbul ignore next */ []));
+        /**
+         * Tab order of the link: the `tabindex` written on the element, or 0. A disabled link is taken out of the tab
+         * order regardless of this value, and a `<label>` is left out of it: the control it labels is the one that
+         * takes the focus.
+         */
+        this.tabIndex = input(numberAttribute(inject(new HostAttributeToken('tabindex'), { optional: true }), 0), { ...(ngDevMode ? { debugName: "tabIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /**
+         * Whether an `<a>` is a pseudo link: a control without a `href` that looks like a link. Any other element is
+         * a pseudo link anyway. A pseudo link gets the `button` role and is activated with Enter and Space, unless
+         * the element is a `<button>` or a `<label>`, declares a role of its own in the template, or is taken out of
+         * the tab order with a negative `tabIndex`. A key that another directive on the element has already handled,
+         * as `kbqDropdownTriggerFor` does, is left to it.
+         */
+        this.pseudo = input(false, { ...(ngDevMode ? { debugName: "pseudo" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Whether the link leads outside the product. Adds the external link icon after the text. It does not set
+         * `target`: bind `target="_blank"` as well to open the page in a new tab.
+         */
+        this.external = input(false, { ...(ngDevMode ? { debugName: "external" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * When the text is underlined. Defaults to the app-wide {@link KBQ_LINK_OPTIONS}, and without one there to
+         * `always` for a link and `hover` for a pseudo link.
+         */
+        this.underline = input(...(ngDevMode ? [undefined, { debugName: "underline" }] : /* istanbul ignore next */ []));
+        /**
+         * Size of the link: its typography and the gaps to its icons. Defaults to the app-wide
+         * {@link KBQ_LINK_OPTIONS}.
+         */
+        this.size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** Whether a visited link is styled differently. Defaults to the app-wide {@link KBQ_LINK_OPTIONS}. */
+        this.useVisited = input(this.options.useVisited, { ...(ngDevMode ? { debugName: "useVisited" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * What to print after the link text when the page is printed. An empty string, which a valueless `print`
+         * attribute is, prints the `href` without its protocol and `www.`; any other string is printed as is. Unbound
+         * or `null`, nothing is printed.
+         */
+        this.print = input(...(ngDevMode ? [undefined, { debugName: "print" }] : /* istanbul ignore next */ []));
         /** @docs-private */
-        this.disabledSignal = signal(false, ...(ngDevMode ? [{ debugName: "disabledSignal" }] : []));
-        this._tabIndex = 0;
-        this.pseudo = input(false, ...(ngDevMode ? [{ debugName: "pseudo", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.noUnderline = input(false, ...(ngDevMode ? [{ debugName: "noUnderline", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.big = input(false, ...(ngDevMode ? [{ debugName: "big", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        /** Whether the link has an increased hit area for multiline usage. */
-        this.multiline = input(false, ...(ngDevMode ? [{ debugName: "multiline", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.useVisited = input(false, ...(ngDevMode ? [{ debugName: "useVisited", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.icon = contentChild(KbqIcon, ...(ngDevMode ? [{ debugName: "icon" }] : []));
-        this.updateClassModifierForIcons = () => {
-            this.icons.forEach(({ nativeElement }) => {
-                this.renderer.removeClass(nativeElement, leftIconClassName);
-                this.renderer.removeClass(nativeElement, rightIconClassName);
-            });
-            const filteredNodesWithoutComments = getNodesWithoutComments(this.nativeElement.childNodes);
-            if (this.icons.length && filteredNodesWithoutComments.length > 1) {
-                this.icons.forEach(({ nativeElement }) => {
-                    const iconIndex = filteredNodesWithoutComments.findIndex((node) => node === nativeElement);
-                    if (iconIndex === 0) {
-                        this.renderer.addClass(nativeElement, leftIconClassName);
-                    }
-                    if (iconIndex === filteredNodesWithoutComments.length - 1) {
-                        this.renderer.addClass(nativeElement, rightIconClassName);
-                    }
-                });
-            }
-        };
-        this.updatePrintUrl();
-        // @todo 20 In the next major release this line will be deleted.
-        toObservable(this.disabledSignal).subscribe((value) => (this._disabled = value));
-    }
-    ngAfterViewInit() {
-        this.focusMonitor.monitor(this.elementRef.nativeElement, true);
+        this.isPseudo = computed(() => this.pseudo() || !this.anchor, ...(ngDevMode ? [{ debugName: "isPseudo" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.underlineMode = computed(() => this.underline() ?? this.options.underline ?? (this.isPseudo() ? 'hover' : 'always'), ...(ngDevMode ? [{ debugName: "underlineMode" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether the pseudo link is a button of its own. One taken out of the tab order with a negative
+         * `tabIndex` is activated through something else - the file input of a file upload's label, for
+         * instance - and gets neither the role nor the keyboard.
+         */
+        this.actsAsButton = computed(() => this.isPseudo() && this.ownsPseudoSemantics && this.tabIndex() >= 0, ...(ngDevMode ? [{ debugName: "actsAsButton" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.role = computed(() => (this.actsAsButton() ? 'button' : this.declaredRole), ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.nativeDisabledAttribute = computed(() => this.disabledSignal() && this.hostSupportsNativeDisabled ? true : null, ...(ngDevMode ? [{ debugName: "nativeDisabledAttribute" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.ariaDisabledAttribute = computed(() => this.disabledSignal() && !this.hostSupportsNativeDisabled ? true : null, ...(ngDevMode ? [{ debugName: "ariaDisabledAttribute" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.hostTabIndex = computed(() => {
+            if (!this.focusable)
+                return null;
+            return this.disabledSignal() ? -1 : this.tabIndex();
+        }, ...(ngDevMode ? [{ debugName: "hostTabIndex" }] : /* istanbul ignore next */ []));
+        this.monitorFocus();
+        this.blockActivationWhileDisabled();
+        // In the browser, after the first render: by then the template and the other directives on the element have
+        // their listeners in place, so a key one of them has already handled, as `kbqDropdownTriggerFor` does, is left
+        // to it
+        afterNextRender(() => this.activateOnEnterAndSpace());
+        // Text projected through another component is checked with the view that declares it, which does not check
+        // the view of this link
+        afterEveryRender(() => this.trimEdgeTextNodes());
     }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
+    /**
+     * Angular collapses the whitespace that a formatted template leaves around the text to a single space
+     * instead of removing it. Inside the text that space would be underlined, widen the gap to an icon and
+     * let the suffix wrap away from the last word, so it is trimmed. The printed text is written here too: by
+     * now `routerLink` has set the `href`.
+     */
+    ngAfterViewChecked() {
+        this.trimEdgeTextNodes();
+        this.updatePrintedText();
     }
+    /** Focuses the link. */
     focus() {
-        this.getHostElement().focus();
+        this.nativeElement.focus();
     }
+    /** The element the link is applied to. */
     getHostElement() {
-        return this.elementRef.nativeElement;
+        return this.nativeElement;
     }
-    ngAfterContentInit() {
-        this.updateClassModifierForIcons();
-        this.icons.changes.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(this.updateClassModifierForIcons);
+    // Without a subscription, which would run change detection on every focus and blur. The children count too: a
+    // `<label>` link shows the focus of the control inside it.
+    monitorFocus() {
+        this.focusMonitor.monitor(this.nativeElement, true);
+        this.destroyRef.onDestroy(() => this.focusMonitor.stopMonitoring(this.nativeElement));
     }
-    updatePrintUrl() {
-        Promise.resolve().then(() => {
-            this.printUrl = this._print || this.getHostElement().href?.replace(baseURLRegex, '');
-        });
+    activateOnEnterAndSpace() {
+        const unlisten = ['keydown.enter', 'keydown.space'].map((name) => this.renderer.listen(this.nativeElement, name, (event) => this.activate(event)));
+        this.destroyRef.onDestroy(() => unlisten.forEach((remove) => remove()));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLink, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.30", type: KbqLink, isStandalone: true, selector: "[kbq-link]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: numberAttribute }, pseudo: { classPropertyName: "pseudo", publicName: "pseudo", isSignal: true, isRequired: false, transformFunction: null }, noUnderline: { classPropertyName: "noUnderline", publicName: "noUnderline", isSignal: true, isRequired: false, transformFunction: null }, big: { classPropertyName: "big", publicName: "big", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, useVisited: { classPropertyName: "useVisited", publicName: "useVisited", isSignal: true, isRequired: false, transformFunction: null }, print: { classPropertyName: "print", publicName: "print", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-link_no-underline": "noUnderline()", "class.kbq-link_use-visited": "useVisited()", "class.kbq-link_big": "big()", "class.kbq-link_compact": "compact()", "class.kbq-link_pseudo": "pseudo()", "class.kbq-link_multiline": "multiline()", "class.kbq-link_print": "printMode", "class.kbq-text-only": "!hasIcon", "class.kbq-text-with-icon": "hasIcon", "class.kbq-disabled": "disabled", "attr.disabled": "disabled || null", "attr.tabindex": "tabIndex", "attr.print": "printUrl" }, classAttribute: "kbq-link" }, queries: [{ propertyName: "icon", first: true, predicate: KbqIcon, descendants: true, isSignal: true }, { propertyName: "icons", predicate: i0.forwardRef(() => KbqIcon), read: ElementRef }], exportAs: ["kbqLink"], ngImport: i0 }); }
+    activate(event) {
+        if (!this.actsAsButton() || event.defaultPrevented || event.target !== this.nativeElement)
+            return;
+        // An anchor with a `href` already turns Enter into a click
+        if (event.key === 'Enter' && this.anchor?.hasAttribute('href'))
+            return;
+        // Space would scroll the page
+        event.preventDefault();
+        // A held Space repeats the keydown, while a native button is pressed once
+        if (event.repeat && event.key === ' ')
+            return;
+        this.nativeElement.click();
+    }
+    // A disabled link keeps its `href`, which `routerLink` may own, so its activation is stopped instead:
+    // `pointer-events` only keeps the mouse away, assistive tech clicks the link itself, and the keys reach the
+    // other directives on the element, such as `kbqDropdownTriggerFor`. The capture phase runs before the
+    // listeners of the template, of the other directives and of the content. Outside Angular: nothing it renders
+    // changes.
+    blockActivationWhileDisabled() {
+        const stopWhileDisabled = (event) => {
+            if (!this.disabledSignal())
+                return;
+            if (event instanceof KeyboardEvent && !ACTIVATION_KEYS.includes(event.key))
+                return;
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        };
+        const unlisten = this.ngZone.runOutsideAngular(() => ['click', 'keydown'].map((name) => this.renderer.listen(this.nativeElement, name, stopWhileDisabled, { capture: true })));
+        this.destroyRef.onDestroy(() => unlisten.forEach((remove) => remove()));
+    }
+    // `href` is DOM state that `[href]` or `routerLink` may set rather than a signal, so the printed text is kept
+    // in an attribute for the print stylesheet and written once the bindings that set `href` have run
+    updatePrintedText() {
+        const print = this.print();
+        const text = print == null ? null : print || this.anchor?.href.replace(PRINTED_URL_PREFIX, '') || null;
+        if (this.nativeElement.getAttribute('data-print') === text)
+            return;
+        if (text === null) {
+            this.renderer.removeAttribute(this.nativeElement, 'data-print');
+        }
+        else {
+            this.renderer.setAttribute(this.nativeElement, 'data-print', text);
+        }
+    }
+    trimEdgeTextNodes() {
+        const start = this.edgeTextNode('firstChild', 'nextSibling');
+        const end = this.edgeTextNode('lastChild', 'previousSibling');
+        // A block rendered next to a trimmed node takes its place at the edge, and the node gets its spaces back
+        for (const node of this.trimmedTexts.keys()) {
+            if (node !== start && node !== end)
+                this.trimText(node, false, false);
+        }
+        if (start)
+            this.trimText(start, true, start === end);
+        if (end && end !== start)
+            this.trimText(end, false, true);
+    }
+    // The text node at an edge of the text, past the anchors of control flow blocks
+    edgeTextNode(edge, inward) {
+        let node = this.textElement().nativeElement[edge];
+        while (node?.nodeType === Node.COMMENT_NODE) {
+            node = node[inward];
+        }
+        return node?.nodeType === Node.TEXT_NODE ? node : null;
+    }
+    trimText(node, start, end) {
+        const record = this.trimmedTexts.get(node);
+        // An interpolation is written anew, with its spaces
+        const source = record?.trimmed === node.data ? record.source : node.data;
+        let from = 0;
+        let to = source.length;
+        while (start && from < to && COLLAPSIBLE_SPACES.includes(source[from]))
+            from++;
+        while (end && to > from && COLLAPSIBLE_SPACES.includes(source[to - 1]))
+            to--;
+        const trimmed = source.slice(from, to);
+        if (trimmed !== node.data) {
+            node.data = trimmed;
+        }
+        if (trimmed === source) {
+            this.trimmedTexts.delete(node);
+        }
+        else {
+            this.trimmedTexts.set(node, { source, trimmed });
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLink, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqLink, isStandalone: true, selector: "[kbqLink]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, pseudo: { classPropertyName: "pseudo", publicName: "pseudo", isSignal: true, isRequired: false, transformFunction: null }, external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, useVisited: { classPropertyName: "useVisited", publicName: "useVisited", isSignal: true, isRequired: false, transformFunction: null }, print: { classPropertyName: "print", publicName: "print", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.kbq-link_size_compact": "size() === \"compact\"", "class.kbq-link_size_normal": "size() === \"normal\"", "class.kbq-link_size_big": "size() === \"big\"", "class.kbq-link_underline_always": "underlineMode() === \"always\"", "class.kbq-link_underline_hover": "underlineMode() === \"hover\"", "class.kbq-link_underline_none": "underlineMode() === \"none\"", "class.kbq-link_pseudo": "isPseudo()", "class.kbq-link_use-visited": "useVisited()", "class.kbq-disabled": "disabledSignal()", "attr.role": "role()", "attr.disabled": "nativeDisabledAttribute()", "attr.aria-disabled": "ariaDisabledAttribute()", "attr.tabindex": "hostTabIndex()" }, classAttribute: "kbq-link" }, viewQueries: [{ propertyName: "textElement", first: true, predicate: ["text"], descendants: true, isSignal: true }], exportAs: ["kbqLink"], ngImport: i0, template: `
+        <ng-content select="[kbqLinkPrefix]" />
+        <span #text class="kbq-link__text"><ng-content /></span>
+        <span class="kbq-link__trailing">
+            @if (external()) {
+                <i class="kbq-link__external-icon" kbq-icon="kbq-north-east_16"></i>
+            }
+            <ng-content select="[kbqLinkSuffix]" />
+        </span>
+    `, isInline: true, styles: [".kbq-link:where([kbqlink]){display:inline;text-decoration:none;cursor:pointer;outline-offset:var(--kbq-link-size-state-focused-outline-offset)}.kbq-link:where([kbqlink]):focus{outline:none}.kbq-link:where([kbqlink]){font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing);color:var(--kbq-link-text)}.kbq-link:where([kbqlink]) .kbq-link__text{text-decoration-color:var(--kbq-link-border-bottom)}.kbq-link:where([kbqlink]):hover,.kbq-link:where([kbqlink]).kbq-hovered{color:var(--kbq-link-state-hover-text)}.kbq-link:where([kbqlink]):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-hovered .kbq-link__text{text-decoration-color:var(--kbq-link-state-hover-border-bottom)}.kbq-link:where([kbqlink]):active,.kbq-link:where([kbqlink]).kbq-active{color:var(--kbq-link-state-active-text)}.kbq-link:where([kbqlink]):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-active .kbq-link__text{text-decoration-color:var(--kbq-link-state-active-border-bottom)}.kbq-link:where([kbqlink]).kbq-disabled{cursor:default;pointer-events:none;color:var(--kbq-link-state-disabled-text)}.kbq-link:where([kbqlink]).kbq-disabled .kbq-link__text{text-decoration-color:var(--kbq-link-state-disabled-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled),.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled){color:var(--kbq-link-state-visited-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled) .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled) .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):hover,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-hovered,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):hover,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-hovered{color:var(--kbq-link-state-visited-hover-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-hovered .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-hovered .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-hover-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):active,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-active,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):active,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-active{color:var(--kbq-link-state-visited-active-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-active .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-active-border-bottom)}.kbq-link:where([kbqlink]).cdk-keyboard-focused{outline-style:solid;outline-width:var(--kbq-link-size-state-focused-outline-width);outline-color:var(--kbq-link-state-focused-outline)}.kbq-link:where([kbqlink]) .kbq-link__text{padding-block:var(--kbq-link-size-multiline-hit-area-gap);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--kbq-link-underline-width);text-underline-offset:calc(var(--kbq-link-size-multiline-hit-area-gap) + var(--kbq-link-underline-width))}.kbq-link:where([kbqlink]).kbq-link_underline_hover:not(:hover,.kbq-hovered,:active,.kbq-active) .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_underline_none .kbq-link__text{text-decoration-line:none}.kbq-link:where([kbqlink]) .kbq-link__prefix.kbq-icon,.kbq-link:where([kbqlink]) .kbq-link__trailing .kbq-icon{vertical-align:baseline}.kbq-link:where([kbqlink]) .kbq-link__prefix.kbq-icon:has(>svg),.kbq-link:where([kbqlink]) .kbq-link__trailing .kbq-icon:has(>svg){vertical-align:middle;line-height:0}.kbq-link:where([kbqlink]) .kbq-link__trailing{white-space:nowrap}.kbq-link:where([kbqlink]) .kbq-link__trailing:not(:empty):before{content:\"\\2060\";content:\"\\2060\"/\"\"}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-link__suffix{white-space:normal}.kbq-link:where([kbqlink]) .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-normal-content-padding)}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]) .kbq-link__trailing>img,.kbq-link:where([kbqlink]) .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-normal-content-padding)}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:1px}.kbq-link:where([kbqlink]).kbq-link_size_compact{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__prefix.kbq-icon{vertical-align:text-top}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing .kbq-icon{vertical-align:middle}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__external-icon{margin-bottom:1px}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-compact-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>img,.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-compact-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:0px}.kbq-link:where([kbqlink]).kbq-link_size_big{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-big-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>img,.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-big-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:2px}.kbq-link:where([kbqlink]) .kbq-icon.kbq-empty{color:inherit!important}@media print{.kbq-link:where([kbqlink])[data-print]:not(.kbq-disabled) .kbq-link__text{text-decoration:none}.kbq-link:where([kbqlink])[data-print]:not(.kbq-disabled):after{content:\":\\a\" attr(data-print);white-space:pre}}\n", ".kbq-link:where([kbqlink]){--kbq-link-size-state-focused-outline-offset: 0px;--kbq-link-size-state-focused-outline-width: 2px;--kbq-link-size-multiline-hit-area-gap: calc((1lh - 1em)/2) ;--kbq-link-size-compact-content-padding: var(--kbq-size-xxs);--kbq-link-size-normal-content-padding: var(--kbq-size-xxs);--kbq-link-size-big-content-padding: var(--kbq-size-xxs);--kbq-link-underline-width: 1px;--kbq-link-text: var(--kbq-foreground-theme);--kbq-link-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-visited-text: var(--kbq-foreground-visited);--kbq-link-state-visited-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-visited-hover-text: var(--kbq-states-foreground-visited-hover);--kbq-link-state-visited-hover-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-visited-active-text: var(--kbq-states-foreground-visited-active);--kbq-link-state-visited-active-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-hover-text: var(--kbq-states-foreground-theme-hover);--kbq-link-state-hover-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-active-text: var(--kbq-states-foreground-theme-active);--kbq-link-state-active-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-focused-outline: var(--kbq-states-line-focus-theme);--kbq-link-state-disabled-text: var(--kbq-states-foreground-disabled);--kbq-link-state-disabled-border-bottom: var(--kbq-states-line-disabled)}\n"], dependencies: [{ kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLink, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kbq-link]',
-                    host: {
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLink, decorators: [{
+            type: Component,
+            args: [{ selector: '[kbqLink]', imports: [KbqIcon], template: `
+        <ng-content select="[kbqLinkPrefix]" />
+        <span #text class="kbq-link__text"><ng-content /></span>
+        <span class="kbq-link__trailing">
+            @if (external()) {
+                <i class="kbq-link__external-icon" kbq-icon="kbq-north-east_16"></i>
+            }
+            <ng-content select="[kbqLinkSuffix]" />
+        </span>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-link',
-                        '[class.kbq-link_no-underline]': 'noUnderline()',
+                        '[class.kbq-link_size_compact]': 'size() === "compact"',
+                        '[class.kbq-link_size_normal]': 'size() === "normal"',
+                        '[class.kbq-link_size_big]': 'size() === "big"',
+                        '[class.kbq-link_underline_always]': 'underlineMode() === "always"',
+                        '[class.kbq-link_underline_hover]': 'underlineMode() === "hover"',
+                        '[class.kbq-link_underline_none]': 'underlineMode() === "none"',
+                        '[class.kbq-link_pseudo]': 'isPseudo()',
                         '[class.kbq-link_use-visited]': 'useVisited()',
-                        '[class.kbq-link_big]': 'big()',
-                        '[class.kbq-link_compact]': 'compact()',
-                        '[class.kbq-link_pseudo]': 'pseudo()',
-                        '[class.kbq-link_multiline]': 'multiline()',
-                        '[class.kbq-link_print]': 'printMode',
-                        '[class.kbq-text-only]': '!hasIcon',
-                        '[class.kbq-text-with-icon]': 'hasIcon',
-                        '[class.kbq-disabled]': 'disabled',
-                        '[attr.disabled]': 'disabled || null',
-                        '[attr.tabindex]': 'tabIndex',
-                        '[attr.print]': 'printUrl'
-                    },
-                    exportAs: 'kbqLink'
-                }]
-        }], ctorParameters: () => [], propDecorators: { icons: [{
-                type: ContentChildren,
-                args: [forwardRef(() => KbqIcon), { read: ElementRef }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], tabIndex: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], pseudo: [{ type: i0.Input, args: [{ isSignal: true, alias: "pseudo", required: false }] }], noUnderline: [{ type: i0.Input, args: [{ isSignal: true, alias: "noUnderline", required: false }] }], big: [{ type: i0.Input, args: [{ isSignal: true, alias: "big", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], useVisited: [{ type: i0.Input, args: [{ isSignal: true, alias: "useVisited", required: false }] }], print: [{
-                type: Input
-            }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqIcon), { isSignal: true }] }] } });
+                        '[class.kbq-disabled]': 'disabledSignal()',
+                        '[attr.role]': 'role()',
+                        '[attr.disabled]': 'nativeDisabledAttribute()',
+                        '[attr.aria-disabled]': 'ariaDisabledAttribute()',
+                        '[attr.tabindex]': 'hostTabIndex()'
+                    }, exportAs: 'kbqLink', styles: [".kbq-link:where([kbqlink]){display:inline;text-decoration:none;cursor:pointer;outline-offset:var(--kbq-link-size-state-focused-outline-offset)}.kbq-link:where([kbqlink]):focus{outline:none}.kbq-link:where([kbqlink]){font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing);color:var(--kbq-link-text)}.kbq-link:where([kbqlink]) .kbq-link__text{text-decoration-color:var(--kbq-link-border-bottom)}.kbq-link:where([kbqlink]):hover,.kbq-link:where([kbqlink]).kbq-hovered{color:var(--kbq-link-state-hover-text)}.kbq-link:where([kbqlink]):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-hovered .kbq-link__text{text-decoration-color:var(--kbq-link-state-hover-border-bottom)}.kbq-link:where([kbqlink]):active,.kbq-link:where([kbqlink]).kbq-active{color:var(--kbq-link-state-active-text)}.kbq-link:where([kbqlink]):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-active .kbq-link__text{text-decoration-color:var(--kbq-link-state-active-border-bottom)}.kbq-link:where([kbqlink]).kbq-disabled{cursor:default;pointer-events:none;color:var(--kbq-link-state-disabled-text)}.kbq-link:where([kbqlink]).kbq-disabled .kbq-link__text{text-decoration-color:var(--kbq-link-state-disabled-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled),.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled){color:var(--kbq-link-state-visited-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled) .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled) .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):hover,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-hovered,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):hover,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-hovered{color:var(--kbq-link-state-visited-hover-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-hovered .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):hover .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-hovered .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-hover-border-bottom)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):active,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-active,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):active,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-active{color:var(--kbq-link-state-visited-active-text)}.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited:visited:not(.kbq-disabled).kbq-active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled):active .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_use-visited.kbq-visited:not(.kbq-disabled).kbq-active .kbq-link__text{text-decoration-color:var(--kbq-link-state-visited-active-border-bottom)}.kbq-link:where([kbqlink]).cdk-keyboard-focused{outline-style:solid;outline-width:var(--kbq-link-size-state-focused-outline-width);outline-color:var(--kbq-link-state-focused-outline)}.kbq-link:where([kbqlink]) .kbq-link__text{padding-block:var(--kbq-link-size-multiline-hit-area-gap);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--kbq-link-underline-width);text-underline-offset:calc(var(--kbq-link-size-multiline-hit-area-gap) + var(--kbq-link-underline-width))}.kbq-link:where([kbqlink]).kbq-link_underline_hover:not(:hover,.kbq-hovered,:active,.kbq-active) .kbq-link__text,.kbq-link:where([kbqlink]).kbq-link_underline_none .kbq-link__text{text-decoration-line:none}.kbq-link:where([kbqlink]) .kbq-link__prefix.kbq-icon,.kbq-link:where([kbqlink]) .kbq-link__trailing .kbq-icon{vertical-align:baseline}.kbq-link:where([kbqlink]) .kbq-link__prefix.kbq-icon:has(>svg),.kbq-link:where([kbqlink]) .kbq-link__trailing .kbq-icon:has(>svg){vertical-align:middle;line-height:0}.kbq-link:where([kbqlink]) .kbq-link__trailing{white-space:nowrap}.kbq-link:where([kbqlink]) .kbq-link__trailing:not(:empty):before{content:\"\\2060\";content:\"\\2060\"/\"\"}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-link__suffix{white-space:normal}.kbq-link:where([kbqlink]) .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-normal-content-padding)}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]) .kbq-link__trailing>img,.kbq-link:where([kbqlink]) .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-normal-content-padding)}.kbq-link:where([kbqlink]) .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:1px}.kbq-link:where([kbqlink]).kbq-link_size_compact{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__prefix.kbq-icon{vertical-align:text-top}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing .kbq-icon{vertical-align:middle}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__external-icon{margin-bottom:1px}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-compact-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>img,.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-compact-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_compact .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:0px}.kbq-link:where([kbqlink]).kbq-link_size_big{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__prefix+.kbq-link__text{margin-inline-start:var(--kbq-link-size-big-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>.kbq-icon,.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>img,.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>svg{margin-inline-start:var(--kbq-link-size-big-content-padding)}.kbq-link:where([kbqlink]).kbq-link_size_big .kbq-link__trailing>.kbq-link__external-icon{margin-inline-start:2px}.kbq-link:where([kbqlink]) .kbq-icon.kbq-empty{color:inherit!important}@media print{.kbq-link:where([kbqlink])[data-print]:not(.kbq-disabled) .kbq-link__text{text-decoration:none}.kbq-link:where([kbqlink])[data-print]:not(.kbq-disabled):after{content:\":\\a\" attr(data-print);white-space:pre}}\n", ".kbq-link:where([kbqlink]){--kbq-link-size-state-focused-outline-offset: 0px;--kbq-link-size-state-focused-outline-width: 2px;--kbq-link-size-multiline-hit-area-gap: calc((1lh - 1em)/2) ;--kbq-link-size-compact-content-padding: var(--kbq-size-xxs);--kbq-link-size-normal-content-padding: var(--kbq-size-xxs);--kbq-link-size-big-content-padding: var(--kbq-size-xxs);--kbq-link-underline-width: 1px;--kbq-link-text: var(--kbq-foreground-theme);--kbq-link-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-visited-text: var(--kbq-foreground-visited);--kbq-link-state-visited-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-visited-hover-text: var(--kbq-states-foreground-visited-hover);--kbq-link-state-visited-hover-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-visited-active-text: var(--kbq-states-foreground-visited-active);--kbq-link-state-visited-active-border-bottom: var(--kbq-line-visited-fade, var(--kbq-line-visited));--kbq-link-state-hover-text: var(--kbq-states-foreground-theme-hover);--kbq-link-state-hover-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-active-text: var(--kbq-states-foreground-theme-active);--kbq-link-state-active-border-bottom: var(--kbq-line-theme-fade);--kbq-link-state-focused-outline: var(--kbq-states-line-focus-theme);--kbq-link-state-disabled-text: var(--kbq-states-foreground-disabled);--kbq-link-state-disabled-border-bottom: var(--kbq-states-line-disabled)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { textElement: [{ type: i0.ViewChild, args: ['text', { isSignal: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], pseudo: [{ type: i0.Input, args: [{ isSignal: true, alias: "pseudo", required: false }] }], external: [{ type: i0.Input, args: [{ isSignal: true, alias: "external", required: false }] }], underline: [{ type: i0.Input, args: [{ isSignal: true, alias: "underline", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], useVisited: [{ type: i0.Input, args: [{ isSignal: true, alias: "useVisited", required: false }] }], print: [{ type: i0.Input, args: [{ isSignal: true, alias: "print", required: false }] }] } });
 
+const COMPONENTS = [
+    KbqLink,
+    KbqLinkPrefix,
+    KbqLinkSuffix
+];
+/** @docs-private */
 class KbqLinkModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqLinkModule, imports: [A11yModule,
-            KbqLink], exports: [KbqLink] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLinkModule, imports: [A11yModule] }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkModule, imports: [KbqLink,
+            KbqLinkPrefix,
+            KbqLinkSuffix], exports: [KbqLink,
+            KbqLinkPrefix,
+            KbqLinkSuffix] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkModule, imports: [KbqLink] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLinkModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        A11yModule,
-                        KbqLink
-                    ],
-                    exports: [KbqLink]
+                    imports: COMPONENTS,
+                    exports: COMPONENTS
                 }]
         }] });
 
@@ -154,5 +357,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { KbqLink, KbqLinkModule, baseURLRegex };
+export { KBQ_LINK_OPTIONS, KbqLink, KbqLinkModule, KbqLinkPrefix, KbqLinkSuffix, kbqLinkOptionsProvider };
 //# sourceMappingURL=koobiq-components-link.mjs.map