@koobiq/components 21.0.0 → 21.1.0

package/fesm2022/koobiq-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon-error-state-context.ts","../../../packages/components/icon/icon-registry-providers.ts","../../../packages/components/icon/icon-registry.ts","../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import { InjectionToken, Provider, Signal } from '@angular/core';\n\n/**\n * Narrow contract that lets `KbqIcon` react to a host's error state (e.g. `autoColor`) without\n * depending on the host's concrete class.\n *\n * @docs-private\n */\nexport interface KbqIconErrorStateContext {\n    /** Whether the host is currently in an error state. */\n    readonly errorState: Signal<boolean>;\n}\n\n/**\n * Injection token used by `KbqIcon` to look up its `KbqIconErrorStateContext`.\n *\n * @docs-private\n */\nexport const KBQ_ICON_ERROR_STATE_CONTEXT = new InjectionToken<KbqIconErrorStateContext>('KbqIconErrorStateContext');\n\n/**\n * Utility provider for `KBQ_ICON_ERROR_STATE_CONTEXT`, built from a factory that resolves the current host's `KbqIconErrorStateContext`.\n *\n * @docs-private\n */\nexport const kbqIconErrorStateContextFactoryProvider = (factory: () => KbqIconErrorStateContext): Provider => ({\n    provide: KBQ_ICON_ERROR_STATE_CONTEXT,\n    useFactory: factory\n});\n","import { InjectionToken, Provider } from '@angular/core';\n\nexport interface KbqIconsConfig {\n    /** URL to the SVG sprite file. Must be served as a static asset. */\n    spriteUrl: string;\n    /** Optional namespace to register the sprite under. */\n    namespace?: string;\n}\n\nexport const KBQ_ICONS_CONFIG = new InjectionToken<KbqIconsConfig[]>('KBQ_ICONS_CONFIG');\n\n/**\n * A function that resolves an icon name to either an inline SVG string or a URL string.\n * Return `null` to indicate this resolver does not handle the given name.\n */\nexport type KbqIconResolver = (name: string) => string | null;\n\n/**\n * Multi-valued injection token for icon resolver functions.\n * Resolvers are tried in registration order; the first non-null result wins.\n */\nexport const KBQ_ICON_RESOLVER = new InjectionToken<KbqIconResolver[]>('KBQ_ICON_RESOLVER');\n\n/** Configures the icon registry to load icons from one or more SVG sprite assets. */\nexport function kbqIconsProvider(...sprites: KbqIconsConfig[]): Provider {\n    return { provide: KBQ_ICONS_CONFIG, useValue: sprites };\n}\n\n/**\n * Registers a resolver function that maps icon names to SVG strings or URLs.\n * Multiple resolvers can be registered; they are tried in registration order.\n */\nexport function kbqIconsResolverProvider(resolver: KbqIconResolver): Provider {\n    return { provide: KBQ_ICON_RESOLVER, useValue: resolver, multi: true };\n}\n\n/**\n * Registers a name→URL dictionary as an icon resolver. Values are fetched at runtime through `HttpClient`.\n *\n * A value starting with `<` is taken as inline markup and passed through Angular's HTML sanitizer,\n * which drops `<svg>` wholesale — register inline icons with\n * `KbqIconRegistry.addSvgIconLiteral(name, sanitizer.bypassSecurityTrustHtml(svg))` instead, where the\n * markup is a `SafeHtml` the application has explicitly vouched for.\n *\n * @example\n * ```ts\n * kbqIconsDictProvider({ 'chevron-down-s_16': '/assets/icons/chevron-down-s_16.svg' })\n * ```\n */\nexport function kbqIconsDictProvider(dict: Record<string, string>): Provider {\n    return kbqIconsResolverProvider((name) => dict[name] ?? null);\n}\n","import { DOCUMENT } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { inject, Injectable, SecurityContext } from '@angular/core';\nimport { DomSanitizer, SafeHtml, SafeResourceUrl } from '@angular/platform-browser';\nimport { defer, Observable, of, throwError } from 'rxjs';\nimport { catchError, finalize, map, share } from 'rxjs/operators';\nimport { KBQ_ICON_RESOLVER, KBQ_ICONS_CONFIG } from './icon-registry-providers';\n\nexport interface KbqIconOptions {\n    viewBox?: string;\n    withCredentials?: boolean;\n}\n\ninterface KbqSvgIconConfig {\n    svgText: SafeHtml | null;\n    url: SafeResourceUrl | null;\n    options: KbqIconOptions | undefined;\n    /** Cached parsed element (for literal icons or already-fetched URLs). */\n    svgElement: SVGElement | null;\n}\n\nfunction iconKey(namespace: string, name: string): string {\n    return namespace ? `${namespace}:${name}` : name;\n}\n\nfunction cloneSvg(svg: SVGElement): SVGElement {\n    return svg.cloneNode(true) as SVGElement;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class KbqIconRegistry {\n    private readonly sanitizer = inject(DomSanitizer);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly httpClient = inject(HttpClient, { optional: true });\n    private readonly iconsConfig = inject(KBQ_ICONS_CONFIG, { optional: true });\n    private readonly resolvers = inject(KBQ_ICON_RESOLVER, { optional: true }) ?? [];\n\n    /** Individual icon configs, keyed by \"namespace:name\". */\n    private readonly iconConfigs = new Map<string, KbqSvgIconConfig>();\n\n    /** Icon-set configs per namespace. */\n    private readonly iconSetConfigs = new Map<string, KbqSvgIconConfig[]>();\n\n    /** In-progress URL fetches to dedupe concurrent requests. */\n    private readonly inProgressUrlFetches = new Map<string, Observable<string>>();\n\n    /** Cached parsed SVG sets, keyed by URL string. */\n    private readonly cachedIconSets = new Map<string, SVGElement>();\n\n    constructor() {\n        this.registerIconSet();\n    }\n\n    /** Registers an SVG icon by URL in the default namespace. */\n    addSvgIcon(name: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.addSvgIconInNamespace('', name, url, options);\n    }\n\n    /** Registers an SVG icon from an inline HTML string in the default namespace. */\n    addSvgIconLiteral(name: string, literal: SafeHtml, options?: KbqIconOptions): void {\n        this.addSvgIconLiteralInNamespace('', name, literal, options);\n    }\n\n    /** Registers an SVG icon by URL under the given namespace. */\n    addSvgIconInNamespace(namespace: string, name: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.cacheIcon(namespace, name, { url, svgText: null, options, svgElement: null });\n    }\n\n    /** Registers an SVG icon from an inline HTML string under the given namespace. */\n    addSvgIconLiteralInNamespace(namespace: string, name: string, literal: SafeHtml, options?: KbqIconOptions): void {\n        const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, literal);\n\n        if (!sanitized) {\n            throw Error(`KbqIconRegistry: literal for icon \"${iconKey(namespace, name)}\" sanitized to empty string.`);\n        }\n\n        this.cacheIcon(namespace, name, {\n            url: null,\n            svgText: this.sanitizer.bypassSecurityTrustHtml(sanitized),\n            options,\n            svgElement: null\n        });\n    }\n\n    /** Registers an SVG sprite file in the default namespace. Icons are looked up by their `symbol id`. */\n    addSvgIconSet(url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.addSvgIconSetInNamespace('', url, options);\n    }\n\n    /** Registers an SVG sprite file under the given namespace. Duplicate URLs are silently ignored. */\n    addSvgIconSetInNamespace(namespace: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, url) ?? '';\n        const sets = this.iconSetConfigs.get(namespace) ?? [];\n        const alreadyRegistered = sets.some(\n            (set) => this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, set.url!) === urlStr\n        );\n\n        if (alreadyRegistered) return;\n\n        const config: KbqSvgIconConfig = { url, svgText: null, options, svgElement: null };\n\n        sets.push(config);\n        this.iconSetConfigs.set(namespace, sets);\n    }\n\n    /**\n     * Emits a cloned SVGElement for the given name.\n     * Accepts \"namespace:name\" syntax.\n     */\n    getNamedSvgIcon(name: string, namespace = ''): Observable<SVGElement> {\n        let resolvedNs = namespace;\n        let resolvedName = name;\n\n        if (resolvedName.trimStart().startsWith('<')) {\n            // `defer` so that unparsable markup arrives as an error notification: every failure of this\n            // class has to reach the caller through the same channel.\n            return defer(() =>\n                of(this.svgElementFromText(this.sanitizer.sanitize(SecurityContext.HTML, resolvedName) ?? ''))\n            );\n        }\n\n        const colonIndex = name.indexOf(':');\n\n        if (colonIndex !== -1) {\n            resolvedNs = name.slice(0, colonIndex);\n            resolvedName = name.slice(colonIndex + 1);\n        }\n\n        const key = iconKey(resolvedNs, resolvedName);\n\n        const iconConfig = this.iconConfigs.get(key);\n\n        if (iconConfig) {\n            return this.loadIcon(iconConfig, resolvedName);\n        }\n\n        for (const resolver of this.resolvers) {\n            const result = resolver(resolvedName);\n\n            if (result == null) continue;\n\n            const config: KbqSvgIconConfig = {\n                url: null,\n                svgText: null,\n                svgElement: null,\n                options: undefined\n            };\n\n            if (result.trimStart().startsWith('<')) {\n                const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, result) ?? '';\n\n                config.svgText = this.sanitizer.bypassSecurityTrustHtml(sanitized);\n            } else {\n                config.url = this.sanitizer.bypassSecurityTrustResourceUrl(result);\n            }\n\n            this.iconConfigs.set(key, config);\n\n            return this.loadIcon(config, resolvedName);\n        }\n\n        const sets = this.iconSetConfigs.get(resolvedNs);\n\n        if (sets?.length) {\n            return this.loadIconFromSets(resolvedName, sets);\n        }\n\n        return throwError(() => Error(`KbqIconRegistry: no icon registered for \"${key}\".`));\n    }\n\n    private cacheIcon(namespace: string, name: string, config: KbqSvgIconConfig): this {\n        this.iconConfigs.set(iconKey(namespace, name), config);\n\n        return this;\n    }\n\n    private loadIcon(config: KbqSvgIconConfig, name: string): Observable<SVGElement> {\n        if (config.svgElement) {\n            return of(cloneSvg(config.svgElement));\n        }\n\n        if (config.svgText) {\n            return defer(() => {\n                const svg = this.svgElementFromText(config.svgText as string, config.options);\n\n                config.svgElement = svg;\n\n                return of(cloneSvg(svg));\n            });\n        }\n\n        if (config.url) {\n            return this.fetchUrl(config.url, config.options?.withCredentials).pipe(\n                map((text) => {\n                    const svg = this.svgElementFromText(text, config.options);\n\n                    config.svgElement = svg;\n\n                    return cloneSvg(svg);\n                })\n            );\n        }\n\n        return throwError(() => Error(`KbqIconRegistry: icon \"${name}\" has neither URL nor literal.`));\n    }\n\n    private registerIconSet(): void {\n        if (!this.iconsConfig) return;\n\n        for (const config of this.iconsConfig) {\n            const url = this.sanitizer.bypassSecurityTrustResourceUrl(config.spriteUrl);\n\n            if (config.namespace) {\n                this.addSvgIconSetInNamespace(config.namespace, url);\n            } else {\n                this.addSvgIconSet(url);\n            }\n        }\n    }\n\n    private loadIconFromSets(name: string, sets: KbqSvgIconConfig[]): Observable<SVGElement> {\n        const sources = sets\n            .slice()\n            .reverse()\n            .map((set) => this.loadIconSet(set));\n\n        const tryNext = (index: number): Observable<SVGElement> => {\n            if (index >= sources.length) {\n                return throwError(() => Error(`KbqIconRegistry: icon \"${name}\" not found in any registered icon set.`));\n            }\n\n            return sources[index].pipe(\n                map((setElement) => {\n                    const icon = this.extractIconFromSet(name, setElement);\n\n                    if (!icon) {\n                        throw Error(`KbqIconRegistry: icon \"${name}\" not found in set.`);\n                    }\n\n                    return icon;\n                }),\n                catchError(() => tryNext(index + 1))\n            );\n        };\n\n        return tryNext(0);\n    }\n\n    private loadIconSet(config: KbqSvgIconConfig): Observable<SVGElement> {\n        if (config.svgElement) {\n            return of(config.svgElement);\n        }\n\n        if (!config.url) {\n            return throwError(() => Error('KbqIconRegistry: icon set has no URL.'));\n        }\n\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, config.url);\n\n        if (!urlStr) {\n            return throwError(() => Error('KbqIconRegistry: icon set URL failed sanitization.'));\n        }\n\n        if (this.cachedIconSets.has(urlStr)) {\n            config.svgElement = this.cachedIconSets.get(urlStr)!;\n\n            return of(config.svgElement);\n        }\n\n        return this.fetchUrl(config.url, config.options?.withCredentials).pipe(\n            map((text) => {\n                const svg = this.svgElementFromText(text, config.options);\n\n                config.svgElement = svg;\n                this.cachedIconSets.set(urlStr, svg);\n\n                return svg;\n            })\n        );\n    }\n\n    private extractIconFromSet(name: string, setElement: SVGElement): SVGElement | null {\n        // Symbol ids come from the consumer's sprite, so they are not guaranteed to be valid CSS\n        // identifiers — `3d-view_16` alone would make `#${name}` throw. Matching on the id avoids escaping.\n        const symbol = Array.from(setElement.querySelectorAll('symbol')).find((element) => element.id === name);\n\n        if (!symbol) return null;\n\n        const svg = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n        const viewBox = symbol.getAttribute('viewBox') || setElement.getAttribute('viewBox') || '0 0 24 24';\n\n        svg.setAttribute('viewBox', viewBox);\n        svg.setAttribute('aria-hidden', 'true');\n        svg.setAttribute('focusable', 'false');\n\n        for (const child of Array.from(symbol.childNodes)) {\n            svg.appendChild(child.cloneNode(true));\n        }\n\n        return svg;\n    }\n\n    private svgElementFromText(text: string, options?: KbqIconOptions): SVGElement {\n        const div = this.document.createElement('div');\n\n        div.innerHTML = text;\n\n        const svg = div.querySelector('svg') as SVGElement | null;\n\n        if (!svg) {\n            throw Error('KbqIconRegistry: could not find <svg> element in icon markup.');\n        }\n\n        if (options?.viewBox) {\n            svg.setAttribute('viewBox', options.viewBox);\n        }\n\n        svg.setAttribute('aria-hidden', 'true');\n        svg.setAttribute('focusable', 'false');\n\n        return svg;\n    }\n\n    private fetchUrl(url: SafeResourceUrl, withCredentials = false): Observable<string> {\n        // Every other failure in this class is an error notification; a synchronous throw here would\n        // escape `getNamedSvgIcon` at the call site, where no `catchError` can reach it.\n        if (!this.httpClient) {\n            return throwError(() =>\n                Error(\n                    'KbqIconRegistry: HttpClient is required for loading icons from URLs. ' +\n                        'Provide it via provideHttpClient() or HttpClientModule.'\n                )\n            );\n        }\n\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, url);\n\n        if (!urlStr) {\n            return throwError(() => Error('KbqIconRegistry: URL failed security sanitization.'));\n        }\n\n        const inProgress = this.inProgressUrlFetches.get(urlStr);\n\n        if (inProgress) return inProgress;\n\n        const fetch = this.httpClient.get(urlStr, { responseType: 'text', withCredentials }).pipe(\n            share(),\n            finalize(() => this.inProgressUrlFetches.delete(urlStr))\n        );\n\n        this.inProgressUrlFetches.set(urlStr, fetch);\n\n        return fetch;\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    numberAttribute,\n    OnChanges,\n    Renderer2,\n    signal,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqColorDirective, KbqComponentColors } from '@koobiq/components/core';\nimport { defer, Subscription } from 'rxjs';\nimport { KBQ_ICON_ERROR_STATE_CONTEXT } from './icon-error-state-context';\nimport { KbqIconRegistry } from './icon-registry';\n\n/** Marks an injected `<svg>` with the name it renders, so hydration can recognize and adopt it. */\nconst ICON_NAME_ATTRIBUTE = 'data-kbq-icon-name';\n\n/**\n * Renders an icon on the element it is applied to: a `@koobiq/icons` font glyph by default, or an inline\n * `<svg>` when the name resolves through a configured `KbqIconRegistry`. A name that does not resolve\n * falls back to the font class, and every later name is resolved again.\n *\n * The host is `aria-hidden` by default: an icon carries no text of its own, and in nearly every place the\n * library and its consumers use one it repeats a label that is already there. A meaningful icon opts out\n * with `aria-hidden=\"false\"`, and then has to supply its own `role=\"img\"` and `aria-label`.\n */\n@Component({\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon',\n        '[class]': 'svgIcon() ? null : iconName',\n        '[class.kbq-error]': 'colorIsError() || hasError || autoColorError',\n        '[attr.aria-hidden]': 'resolvedAriaHidden()'\n    }\n})\nexport class KbqIcon extends KbqColorDirective implements AfterContentInit, OnChanges {\n    /**\n     * Host providing error state for `autoColor`, when the icon sits inside one (e.g. a form field).\n     *\n     * @docs-private\n     */\n    protected readonly errorStateContext = inject(KBQ_ICON_ERROR_STATE_CONTEXT, { optional: true });\n    protected readonly registry = inject(KbqIconRegistry, { optional: true });\n    protected readonly destroyRef = inject(DestroyRef);\n    protected readonly renderer = inject(Renderer2);\n\n    /**\n     * Whether the icon is hidden from assistive technology. Left unbound, it falls back to\n     * `defaultAriaHidden`, which is `true` for a decorative icon and `false` for an interactive one.\n     */\n    readonly ariaHidden = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'aria-hidden',\n        // `null` is how a template says \"leave it unset\" (`cond ? true : null`), so it means the default\n        // rather than `false` — `booleanAttribute(null)` would turn it into an explicit opt-out.\n        transform: (value) => (value == null ? undefined : booleanAttribute(value))\n    });\n\n    /** Whether an icon of this kind is decorative when the caller says nothing. Overridden by subclasses. */\n    protected readonly defaultAriaHidden: boolean = true;\n\n    /** @docs-private */\n    protected readonly resolvedAriaHidden = computed(() => {\n        const explicit = this.ariaHidden();\n\n        // An explicit value is the caller's, including \"false\" — reflecting it keeps the documented\n        // opt-out visible in the DOM. Only an unbound input falls back to the kind's default.\n        if (explicit !== undefined) return String(explicit);\n\n        return this.defaultAriaHidden ? 'true' : null;\n    });\n\n    /**\n     * Rendered size of the icon in pixels. Left unset, the size is read from the `_<px>` suffix of the\n     * icon name (`kbq-plus_16` → 16), which is the `@koobiq/icons` convention; a name without one is\n     * rendered at whatever size the surrounding styles give it.\n     */\n    readonly iconSize = input<number | undefined, number | string | null | undefined>(undefined, {\n        transform: (value) => {\n            const size = numberAttribute(value);\n\n            return Number.isNaN(size) ? undefined : size;\n        }\n    });\n\n    /**\n     * Whether the icon follows the error state of the host it sits in (a form field, for one), painting\n     * itself red while that host reports an error.\n     */\n    autoColor = false;\n\n    /**\n     * Whether the icon takes the error color whatever its `color` is. Set by a host that tints the icons\n     * it holds, such as `KbqEmptyState`.\n     */\n    hasError: boolean = false;\n\n    /**\n     * Whether `autoColor` takes the error color from the host's error state.\n     *\n     * @docs-private\n     */\n    protected get autoColorError(): boolean {\n        return this.autoColor && this.hostErrorState();\n    }\n\n    // The host's error state through a signal of the icon's own: the host's control reads it in its host bindings, in\n    // the same reactive consumer as the icon's, where a signal read again after others costs a scan of all it has read\n    // so far.\n    private readonly hostErrorState = computed(() => !!this.errorStateContext?.errorState());\n\n    /**\n     * Whether `color` is the error color. A signal of its own because the color class binding already reads\n     * `color`: the host bindings of every icon in a view run in that view's reactive consumer, which finds a\n     * signal read a second time by scanning all it has read so far, O(N²) per check across N icons.\n     *\n     * @internal\n     */\n    protected readonly colorIsError = computed(() => this.color() === KbqComponentColors.Error);\n\n    /** Name of an icon within a `@koobiq/icons`. Accepts \"namespace:name\" syntax. */\n    iconName: string | undefined;\n\n    /** @docs-private */\n    readonly autoColorInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'autoColor',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon' });\n\n    /**\n     * Whether the host gets an inline `max-height` matching the icon size. Only the bare icon does: the\n     * button and the item size themselves through their own padding.\n     */\n    protected readonly appliesMaxHeight: boolean = true;\n\n    /**\n     * True when icon is being rendered as inline SVG.\n     *\n     * @docs-private\n     */\n    // Starts from the DOM, not `false`: on a hydrated page the svg is already there, and `false`\n    // would show the font class until the async resolution catches up.\n    protected readonly svgIcon = signal(!!this.findTaggedSvg());\n\n    /**\n     * Name the inline SVG is resolved for, which is `iconName` however that was set.\n     *\n     * @docs-private\n     */\n    protected get svgIconName(): string | undefined {\n        return this.iconName;\n    }\n\n    /** Resolution of the inline SVG, replaced whenever the name changes. */\n    private svgIconSubscription = Subscription.EMPTY;\n\n    /** The `<svg>` injected for the resolved name — or already on the host, tagged, from SSR. */\n    private injectedSvg: SVGElement | null = this.findTaggedSvg();\n\n    /** Whether the content is initialized, which is when the inline SVG is first resolved. */\n    private contentInitialized = false;\n\n    constructor() {\n        super();\n\n        this.destroyRef.onDestroy(() => this.svgIconSubscription.unsubscribe());\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    /** An `<svg>` already on the host, tagged with the name it renders — e.g. one SSR left behind. */\n    private findTaggedSvg(): SVGElement | null {\n        return this.getHostElement().querySelector(`svg[${ICON_NAME_ATTRIBUTE}]`);\n    }\n\n    /**\n     * Sets the icon name from code and resolves its inline SVG again. Before the content is initialized,\n     * assigning `iconName` does the same.\n     *\n     * @docs-private\n     */\n    protected setIconName(name: string): void {\n        this.iconName = name;\n\n        if (this.contentInitialized) this.resolveSvgIcon();\n    }\n\n    /** @docs-private */\n    updateMaxHeight() {\n        if (!this.appliesMaxHeight) {\n            return;\n        }\n\n        const size = this.resolveIconSize();\n        const host = this.getHostElement();\n\n        if (size !== undefined) {\n            this.renderer.setStyle(host, 'max-height', `${size}px`);\n        } else {\n            // Without this the ceiling written for the previous name keeps clipping the new glyph.\n            this.renderer.removeStyle(host, 'max-height');\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member; unbound, it leaves what code wrote.\n        // A bound `undefined` is a value as well: auto color turns off and the icon is removed.\n        if (changes['autoColorInput']) this.autoColor = this.autoColorInput() ?? false;\n\n        // A name change reaches the size through the resolution; an explicit size resolves nothing.\n        if (changes['iconSize'] && this.contentInitialized) this.applyIconSize();\n\n        if (changes['iconNameInput']) this.setIconName(this.iconNameInput() ?? '');\n    }\n\n    ngAfterContentInit(): void {\n        this.updateMaxHeight();\n\n        this.contentInitialized = true;\n        this.resolveSvgIcon();\n    }\n\n    /** Renders `svgIconName` as inline SVG when the registry knows it, dropping a resolution still pending. */\n    private resolveSvgIcon(): void {\n        const name = this.svgIconName;\n\n        this.svgIconSubscription.unsubscribe();\n\n        if (!this.registry || !name) {\n            this.renderSvgIcon(null);\n\n            return;\n        }\n\n        const registry = this.registry;\n\n        // Deferred so that a resolver or a literal that throws falls back to the font class as well, and the\n        // next name is resolved again.\n        this.svgIconSubscription = defer(() => registry.getNamedSvgIcon(name)).subscribe({\n            next: (svg) => this.renderSvgIcon(svg),\n            error: () => this.renderSvgIcon(null)\n        });\n    }\n\n    /** Injects the resolved `<svg>`, or drops back to the font class when the name did not resolve. */\n    private renderSvgIcon(svg: SVGElement | null): void {\n        const host = this.getHostElement();\n        const previous = this.injectedSvg;\n\n        // A matching svg is already there (SSR's, most likely) — leave it rather than replace it,\n        // which would duplicate it if the replacement raced the DOM it's reusing.\n        if (previous && svg && previous.getAttribute(ICON_NAME_ATTRIBUTE) === this.iconName) {\n            this.svgIcon.set(true);\n            this.applyIconSize();\n\n            return;\n        }\n\n        // Only the element injected here (or adopted above): an `<svg>` projected into the host is\n        // the consumer's content.\n        if (previous) {\n            this.renderer.removeChild(host, previous);\n        }\n\n        this.injectedSvg = svg;\n        this.svgIcon.set(!!svg);\n\n        if (svg) {\n            if (this.iconName) {\n                this.renderer.setAttribute(svg, ICON_NAME_ATTRIBUTE, this.iconName);\n            }\n\n            this.renderer.insertBefore(host, svg, host.firstChild);\n        }\n\n        this.applyIconSize();\n    }\n\n    /** Sizes the injected `<svg>` and the host's `max-height` to the resolved icon size. */\n    private applyIconSize(): void {\n        const size = this.resolveIconSize();\n        const svg = this.injectedSvg;\n\n        if (svg && size !== undefined) {\n            this.renderer.setAttribute(svg, 'width', `${size}`);\n            this.renderer.setAttribute(svg, 'height', `${size}`);\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private resolveIconSize(): number | undefined {\n        return this.iconSize() ?? this.parseIconSize();\n    }\n\n    private parseIconSize(): number | undefined {\n        const iconName = this.iconName;\n        const baseName = iconName?.includes(':') ? iconName.split(':')[1] : iconName;\n        const size = parseInt(baseName?.split('_').pop() ?? '');\n\n        return Number.isNaN(size) ? undefined : size;\n    }\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    effect,\n    inject,\n    input,\n    isDevMode,\n    numberAttribute,\n    OnDestroy,\n    signal,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqIcon } from './icon.component';\n\n/**\n * Size options for `KbqIconButton`.\n * - `compact`: 16px icon with padding, 24×24px container.\n * - `normal`: 24px icon, no padding.\n */\nexport type KbqIconButtonSize = 'compact' | 'normal';\n\n/** Host elements that are already buttons, or already activated from the keyboard by the browser. */\nconst NATIVELY_ACTIVATED_NODES = ['BUTTON', 'INPUT'];\n\n/**\n * An icon that acts as a button. Applied to a native `<button>` it only adds the styling; applied to any\n * other element — `<i>` is what the library itself mostly uses — it also supplies the semantics the\n * element does not have: `role=\"button\"` and `aria-disabled`. It does not synthesize Enter/Space\n * activation itself — attach a `(keydown.enter)`/`(keydown.space)` listener where it is used.\n *\n * It has no text of its own, so give it an `aria-label` (or an `aria-labelledby`); in dev mode it warns\n * when it has neither.\n *\n * It extends `KbqIcon` for the rendering, but deliberately does not register under that DI token: a\n * `contentChild(KbqIcon)` is looking for a decorative icon to position or tint, and an interactive\n * control is not one. See the note on `KbqIconItem`.\n */\n@Component({\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled || null',\n        '[attr.aria-disabled]': 'disabled || null',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_compact]': \"size() === 'compact'\"\n    }\n})\nexport class KbqIconButton extends KbqIcon implements AfterViewInit, OnDestroy {\n    /** An icon button is interactive and exposes its own name, so it is not decorative by default. */\n    protected override readonly defaultAriaHidden: boolean = false;\n\n    protected readonly focusMonitor = inject(FocusMonitor);\n    /** Size of the icon button. */\n    readonly size = input<KbqIconButtonSize>('normal');\n\n    /** @docs-private */\n    override readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon-button' });\n\n    /** Position of the button in the tab order. A disabled button is taken out of it entirely. */\n    get tabindex(): number | null {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: number | null) {\n        this._tabindex = value;\n    }\n\n    private _tabindex: number | null = 0;\n\n    /** Whether the button is disabled. */\n    get disabled(): boolean {\n        return this.disabledSignal();\n    }\n\n    set disabled(value: boolean) {\n        this.disabledSignal.set(value);\n    }\n\n    /** @docs-private */\n    readonly disabledSignal = signal(false);\n\n    /** The button sizes itself through its own padding, so it never gets the bare icon's `max-height`. */\n    protected override readonly appliesMaxHeight: boolean = false;\n\n    /** @docs-private */\n    readonly tabindexInput = input<number | null | undefined, number | string | null | undefined>(undefined, {\n        alias: 'tabindex',\n        // `numberAttribute` gives NaN for what it cannot parse, and `tabindex=\"NaN\"` is an invalid attribute the\n        // browser ignores, so an unparsable value renders no tabindex at all.\n        transform: (value) => {\n            if (value == null) return undefined;\n\n            const tabindex = numberAttribute(value);\n\n            return Number.isNaN(tabindex) ? null : tabindex;\n        }\n    });\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    override ngOnChanges(changes: SimpleChanges): void {\n        super.ngOnChanges(changes);\n\n        // A bound input is handed to its member; unbound, it leaves what code wrote.\n        // A bound `undefined` or `null` restores the default tabindex instead of dropping the button out of the tab order.\n        if (changes['tabindexInput']) {\n            const tabindex = this.tabindexInput();\n\n            this.tabindex = tabindex === undefined ? 0 : tabindex;\n        }\n\n        if (changes['disabledInput']) {\n            const disabled = this.disabledInput();\n\n            if (disabled !== undefined) this.disabled = disabled;\n        }\n    }\n\n    constructor() {\n        super();\n\n        effect(() => (this.disabledSignal() ? this.stopFocusMonitor() : this.runFocusMonitor()));\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n        this.applyButtonRole();\n        this.warnIfMissingAccessibleName();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    /**\n     * Whether the host already behaves like a button, so the browser activates it from the keyboard and\n     * announces it without help.\n     *\n     * Read on demand rather than captured in the constructor: `routerLink` and a bound `[attr.href]` both\n     * write the attribute during the update pass, so an anchor that navigates carries no `href` at all\n     * while directive constructors run.\n     */\n    private isNativelyActivated(): boolean {\n        const host = this.getHostElement();\n\n        return NATIVELY_ACTIVATED_NODES.includes(host.nodeName) || (host.nodeName === 'A' && host.hasAttribute('href'));\n    }\n\n    /**\n     * A link that navigates keeps its own role; anything else is a button only because this component\n     * says so, and has to be announced as one.\n     *\n     * Written through the renderer instead of a host binding, because the binding is evaluated in the\n     * parent's update pass — before `routerLink` has set its `href` — and on an `OnPush` component it may\n     * never be evaluated again to correct itself.\n     */\n    private applyButtonRole(): void {\n        const host = this.getHostElement();\n\n        if (this.isNativelyActivated() || host.hasAttribute('role')) return;\n\n        this.renderer.setAttribute(host, 'role', 'button');\n    }\n\n    /**\n     * `KbqIcon` renders a decorative glyph, so an icon button carries no text. Without an\n     * `aria-label`/`aria-labelledby`/`title` it has no accessible name at all (AXE `button-name`).\n     *\n     * A host that opted into `aria-hidden=\"true\"` is exempt: assistive technology never reaches it, so it\n     * has nothing to be named for. `KbqStepper` and the datepicker toggle are both built that way — a\n     * mouse-only affordance beside a control that already carries the keyboard interaction.\n     */\n    private warnIfMissingAccessibleName(): void {\n        if (!isDevMode()) return;\n\n        const host = this.getHostElement();\n\n        if (host.getAttribute('aria-hidden') === 'true') return;\n\n        const hasAccessibleName =\n            !!host.textContent?.trim() ||\n            host.hasAttribute('aria-label') ||\n            host.hasAttribute('aria-labelledby') ||\n            host.hasAttribute('title');\n\n        if (hasAccessibleName) return;\n\n        // eslint-disable-next-line no-console\n        console.warn('KbqIconButton has no accessible name. Add [aria-label] or [aria-labelledby] to it.', host);\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\nimport { KbqIcon } from './icon.component';\n\n/**\n * An icon on a filled round background — the status badge of an alert or an empty state. Decorative like\n * `KbqIcon`, and hidden from assistive technology by the same default.\n *\n * Host metadata is inherited from `KbqIcon` through `ɵɵInheritDefinitionFeature`; DI tokens are not, so a\n * `contentChild(KbqIcon)` does not match an icon item. That is deliberate — a host that wants both asks\n * for both, the way `KbqAlert` does, and telling them apart is what lets it report two projected icons.\n */\n@Component({\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big()',\n        '[class.kbq-icon-item_big]': 'big()',\n        '[class.kbq-icon-item_fade-off]': '!fade()',\n        '[class.kbq-icon-item_fade-on]': 'fade()'\n    }\n})\nexport class KbqIconItem extends KbqIcon {\n    /** The item sizes itself through its own padding, so it never gets the bare icon's `max-height`. */\n    protected override readonly appliesMaxHeight: boolean = false;\n\n    /** @docs-private */\n    override readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon-item' });\n\n    /** Whether the background is the translucent \"fade\" variant of the color rather than the solid one. */\n    readonly fade = input<boolean>(false);\n    /** Whether the item is rendered at the larger of its two sizes. */\n    readonly big = input<boolean>(false);\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\nconst COMPONENTS = [\n    KbqIcon,\n    KbqIconButton,\n    KbqIconItem\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-icon.mjs","sources":["../../../packages/components/icon/icon-error-state-context.ts","../../../packages/components/icon/icon-registry-providers.ts","../../../packages/components/icon/icon-registry.ts","../../../packages/components/icon/icon.component.ts","../../../packages/components/icon/icon-button.component.ts","../../../packages/components/icon/icon-item.component.ts","../../../packages/components/icon/icon.module.ts","../../../packages/components/icon/koobiq-components-icon.ts"],"sourcesContent":["import { InjectionToken, Provider, Signal } from '@angular/core';\n\n/**\n * Narrow contract that lets `KbqIcon` react to a host's error state (e.g. `autoColor`) without\n * depending on the host's concrete class.\n *\n * @docs-private\n */\nexport interface KbqIconErrorStateContext {\n    /** Whether the host is currently in an error state. */\n    readonly errorState: Signal<boolean>;\n}\n\n/**\n * Injection token used by `KbqIcon` to look up its `KbqIconErrorStateContext`.\n *\n * @docs-private\n */\nexport const KBQ_ICON_ERROR_STATE_CONTEXT = new InjectionToken<KbqIconErrorStateContext>('KbqIconErrorStateContext');\n\n/**\n * Utility provider for `KBQ_ICON_ERROR_STATE_CONTEXT`, built from a factory that resolves the current host's `KbqIconErrorStateContext`.\n *\n * @docs-private\n */\nexport const kbqIconErrorStateContextFactoryProvider = (factory: () => KbqIconErrorStateContext): Provider => ({\n    provide: KBQ_ICON_ERROR_STATE_CONTEXT,\n    useFactory: factory\n});\n","import { InjectionToken, Provider } from '@angular/core';\n\nexport interface KbqIconsConfig {\n    /** URL to the SVG sprite file. Must be served as a static asset. */\n    spriteUrl: string;\n    /** Optional namespace to register the sprite under. */\n    namespace?: string;\n}\n\nexport const KBQ_ICONS_CONFIG = new InjectionToken<KbqIconsConfig[]>('KBQ_ICONS_CONFIG');\n\n/**\n * A function that resolves an icon name to either an inline SVG string or a URL string.\n * Return `null` to indicate this resolver does not handle the given name.\n */\nexport type KbqIconResolver = (name: string) => string | null;\n\n/**\n * Multi-valued injection token for icon resolver functions.\n * Resolvers are tried in registration order; the first non-null result wins.\n */\nexport const KBQ_ICON_RESOLVER = new InjectionToken<KbqIconResolver[]>('KBQ_ICON_RESOLVER');\n\n/** Configures the icon registry to load icons from one or more SVG sprite assets. */\nexport function kbqIconsProvider(...sprites: KbqIconsConfig[]): Provider {\n    return { provide: KBQ_ICONS_CONFIG, useValue: sprites };\n}\n\n/**\n * Registers a resolver function that maps icon names to SVG strings or URLs.\n * Multiple resolvers can be registered; they are tried in registration order.\n */\nexport function kbqIconsResolverProvider(resolver: KbqIconResolver): Provider {\n    return { provide: KBQ_ICON_RESOLVER, useValue: resolver, multi: true };\n}\n\n/**\n * Registers a name→URL dictionary as an icon resolver. Values are fetched at runtime through `HttpClient`.\n *\n * A value starting with `<` is taken as inline markup and passed through Angular's HTML sanitizer,\n * which drops `<svg>` wholesale — register inline icons with\n * `KbqIconRegistry.addSvgIconLiteral(name, sanitizer.bypassSecurityTrustHtml(svg))` instead, where the\n * markup is a `SafeHtml` the application has explicitly vouched for.\n *\n * @example\n * ```ts\n * kbqIconsDictProvider({ 'chevron-down-s_16': '/assets/icons/chevron-down-s_16.svg' })\n * ```\n */\nexport function kbqIconsDictProvider(dict: Record<string, string>): Provider {\n    return kbqIconsResolverProvider((name) => dict[name] ?? null);\n}\n","import { DOCUMENT } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { inject, Injectable, SecurityContext } from '@angular/core';\nimport { DomSanitizer, SafeHtml, SafeResourceUrl } from '@angular/platform-browser';\nimport { defer, Observable, of, throwError } from 'rxjs';\nimport { catchError, finalize, map, share } from 'rxjs/operators';\nimport { KBQ_ICON_RESOLVER, KBQ_ICONS_CONFIG } from './icon-registry-providers';\n\nexport interface KbqIconOptions {\n    viewBox?: string;\n    withCredentials?: boolean;\n}\n\ninterface KbqSvgIconConfig {\n    svgText: SafeHtml | null;\n    url: SafeResourceUrl | null;\n    options: KbqIconOptions | undefined;\n    /** Cached parsed element (for literal icons or already-fetched URLs). */\n    svgElement: SVGElement | null;\n}\n\nfunction iconKey(namespace: string, name: string): string {\n    return namespace ? `${namespace}:${name}` : name;\n}\n\n/**\n * Splits \"namespace:name\" at the first colon; a name without one stays in the given namespace.\n *\n * @internal\n */\nexport function parseIconName(name: string, namespace = ''): [namespace: string, name: string] {\n    const colonIndex = name.indexOf(':');\n\n    return colonIndex === -1 ? [namespace, name] : [name.slice(0, colonIndex), name.slice(colonIndex + 1)];\n}\n\nfunction isSvgMarkup(text: string): boolean {\n    return text.trimStart().startsWith('<');\n}\n\nfunction cloneSvg(svg: SVGElement): SVGElement {\n    return svg.cloneNode(true) as SVGElement;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class KbqIconRegistry {\n    private readonly sanitizer = inject(DomSanitizer);\n    private readonly document = inject<Document>(DOCUMENT);\n    private readonly httpClient = inject(HttpClient, { optional: true });\n    private readonly iconsConfig = inject(KBQ_ICONS_CONFIG, { optional: true });\n    private readonly resolvers = inject(KBQ_ICON_RESOLVER, { optional: true }) ?? [];\n\n    /** Individual icon configs, keyed by \"namespace:name\". */\n    private readonly iconConfigs = new Map<string, KbqSvgIconConfig>();\n\n    /** Icon-set configs per namespace. */\n    private readonly iconSetConfigs = new Map<string, KbqSvgIconConfig[]>();\n\n    /** In-progress URL fetches to dedupe concurrent requests. */\n    private readonly inProgressUrlFetches = new Map<string, Observable<string>>();\n\n    /** Cached parsed SVG sets, keyed by URL string. */\n    private readonly cachedIconSets = new Map<string, SVGElement>();\n\n    constructor() {\n        this.registerIconSet();\n    }\n\n    /** Registers an SVG icon by URL in the default namespace. */\n    addSvgIcon(name: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.addSvgIconInNamespace('', name, url, options);\n    }\n\n    /** Registers an SVG icon from an inline HTML string in the default namespace. */\n    addSvgIconLiteral(name: string, literal: SafeHtml, options?: KbqIconOptions): void {\n        this.addSvgIconLiteralInNamespace('', name, literal, options);\n    }\n\n    /** Registers an SVG icon by URL under the given namespace. */\n    addSvgIconInNamespace(namespace: string, name: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.cacheIcon(namespace, name, { url, svgText: null, options, svgElement: null });\n    }\n\n    /** Registers an SVG icon from an inline HTML string under the given namespace. */\n    addSvgIconLiteralInNamespace(namespace: string, name: string, literal: SafeHtml, options?: KbqIconOptions): void {\n        const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, literal);\n\n        if (!sanitized) {\n            throw Error(`KbqIconRegistry: literal for icon \"${iconKey(namespace, name)}\" sanitized to empty string.`);\n        }\n\n        this.cacheIcon(namespace, name, {\n            url: null,\n            svgText: this.sanitizer.bypassSecurityTrustHtml(sanitized),\n            options,\n            svgElement: null\n        });\n    }\n\n    /** Registers an SVG sprite file in the default namespace. Icons are looked up by their `symbol id`. */\n    addSvgIconSet(url: SafeResourceUrl, options?: KbqIconOptions): void {\n        this.addSvgIconSetInNamespace('', url, options);\n    }\n\n    /** Registers an SVG sprite file under the given namespace. Duplicate URLs are silently ignored. */\n    addSvgIconSetInNamespace(namespace: string, url: SafeResourceUrl, options?: KbqIconOptions): void {\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, url) ?? '';\n        const sets = this.iconSetConfigs.get(namespace) ?? [];\n        const alreadyRegistered = sets.some(\n            (set) => this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, set.url!) === urlStr\n        );\n\n        if (alreadyRegistered) return;\n\n        const config: KbqSvgIconConfig = { url, svgText: null, options, svgElement: null };\n\n        sets.push(config);\n        this.iconSetConfigs.set(namespace, sets);\n    }\n\n    /**\n     * Emits a cloned SVGElement for the given name.\n     * Accepts \"namespace:name\" syntax.\n     */\n    getNamedSvgIcon(name: string, namespace = ''): Observable<SVGElement> {\n        const icon = this.findSvgIcon(name, namespace);\n\n        if (icon) return icon;\n\n        const key = iconKey(...parseIconName(name, namespace));\n\n        return throwError(() => Error(`KbqIconRegistry: no icon registered for \"${key}\".`));\n    }\n\n    /**\n     * `getNamedSvgIcon` without the error for a miss: `null` when nothing registered can resolve the name. Every font\n     * icon is looked up, and an error per miss would cost a stack trace each.\n     *\n     * @docs-private\n     */\n    findSvgIcon(name: string, namespace = ''): Observable<SVGElement> | null {\n        if (isSvgMarkup(name)) {\n            // `defer` so that unparsable markup arrives as an error notification: every failure of this\n            // class has to reach the caller through the same channel.\n            return defer(() => of(this.svgElementFromText(this.sanitizer.sanitize(SecurityContext.HTML, name) ?? '')));\n        }\n\n        const [resolvedNs, resolvedName] = parseIconName(name, namespace);\n        const key = iconKey(resolvedNs, resolvedName);\n\n        const iconConfig = this.iconConfigs.get(key);\n\n        if (iconConfig) {\n            return this.loadIcon(iconConfig, resolvedName);\n        }\n\n        for (const resolver of this.resolvers) {\n            const result = resolver(resolvedName);\n\n            if (result == null) continue;\n\n            const config: KbqSvgIconConfig = {\n                url: null,\n                svgText: null,\n                svgElement: null,\n                options: undefined\n            };\n\n            if (isSvgMarkup(result)) {\n                const sanitized = this.sanitizer.sanitize(SecurityContext.HTML, result) ?? '';\n\n                config.svgText = this.sanitizer.bypassSecurityTrustHtml(sanitized);\n            } else {\n                config.url = this.sanitizer.bypassSecurityTrustResourceUrl(result);\n            }\n\n            this.iconConfigs.set(key, config);\n\n            return this.loadIcon(config, resolvedName);\n        }\n\n        const sets = this.iconSetConfigs.get(resolvedNs);\n\n        if (sets?.length) {\n            return this.loadIconFromSets(resolvedName, sets);\n        }\n\n        return null;\n    }\n\n    private cacheIcon(namespace: string, name: string, config: KbqSvgIconConfig): this {\n        this.iconConfigs.set(iconKey(namespace, name), config);\n\n        return this;\n    }\n\n    private loadIcon(config: KbqSvgIconConfig, name: string): Observable<SVGElement> {\n        if (config.svgElement) {\n            return of(cloneSvg(config.svgElement));\n        }\n\n        if (config.svgText) {\n            return defer(() => {\n                const svg = this.svgElementFromText(config.svgText as string, config.options);\n\n                config.svgElement = svg;\n\n                return of(cloneSvg(svg));\n            });\n        }\n\n        if (config.url) {\n            return this.fetchUrl(config.url, config.options?.withCredentials).pipe(\n                map((text) => {\n                    const svg = this.svgElementFromText(text, config.options);\n\n                    config.svgElement = svg;\n\n                    return cloneSvg(svg);\n                })\n            );\n        }\n\n        return throwError(() => Error(`KbqIconRegistry: icon \"${name}\" has neither URL nor literal.`));\n    }\n\n    private registerIconSet(): void {\n        if (!this.iconsConfig) return;\n\n        for (const config of this.iconsConfig) {\n            const url = this.sanitizer.bypassSecurityTrustResourceUrl(config.spriteUrl);\n\n            if (config.namespace) {\n                this.addSvgIconSetInNamespace(config.namespace, url);\n            } else {\n                this.addSvgIconSet(url);\n            }\n        }\n    }\n\n    private loadIconFromSets(name: string, sets: KbqSvgIconConfig[]): Observable<SVGElement> {\n        const sources = sets\n            .slice()\n            .reverse()\n            .map((set) => this.loadIconSet(set));\n\n        const tryNext = (index: number): Observable<SVGElement> => {\n            if (index >= sources.length) {\n                return throwError(() => Error(`KbqIconRegistry: icon \"${name}\" not found in any registered icon set.`));\n            }\n\n            return sources[index].pipe(\n                map((setElement) => {\n                    const icon = this.extractIconFromSet(name, setElement);\n\n                    if (!icon) {\n                        throw Error(`KbqIconRegistry: icon \"${name}\" not found in set.`);\n                    }\n\n                    return icon;\n                }),\n                catchError(() => tryNext(index + 1))\n            );\n        };\n\n        return tryNext(0);\n    }\n\n    private loadIconSet(config: KbqSvgIconConfig): Observable<SVGElement> {\n        if (config.svgElement) {\n            return of(config.svgElement);\n        }\n\n        if (!config.url) {\n            return throwError(() => Error('KbqIconRegistry: icon set has no URL.'));\n        }\n\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, config.url);\n\n        if (!urlStr) {\n            return throwError(() => Error('KbqIconRegistry: icon set URL failed sanitization.'));\n        }\n\n        if (this.cachedIconSets.has(urlStr)) {\n            config.svgElement = this.cachedIconSets.get(urlStr)!;\n\n            return of(config.svgElement);\n        }\n\n        return this.fetchUrl(config.url, config.options?.withCredentials).pipe(\n            map((text) => {\n                const svg = this.svgElementFromText(text, config.options);\n\n                config.svgElement = svg;\n                this.cachedIconSets.set(urlStr, svg);\n\n                return svg;\n            })\n        );\n    }\n\n    private extractIconFromSet(name: string, setElement: SVGElement): SVGElement | null {\n        // Symbol ids come from the consumer's sprite, so they are not guaranteed to be valid CSS\n        // identifiers — `3d-view_16` alone would make `#${name}` throw. Matching on the id avoids escaping.\n        const symbol = Array.from(setElement.querySelectorAll('symbol')).find((element) => element.id === name);\n\n        if (!symbol) return null;\n\n        const svg = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n        const viewBox = symbol.getAttribute('viewBox') || setElement.getAttribute('viewBox') || '0 0 24 24';\n\n        svg.setAttribute('viewBox', viewBox);\n        svg.setAttribute('aria-hidden', 'true');\n        svg.setAttribute('focusable', 'false');\n\n        for (const child of Array.from(symbol.childNodes)) {\n            svg.appendChild(child.cloneNode(true));\n        }\n\n        return svg;\n    }\n\n    private svgElementFromText(text: string, options?: KbqIconOptions): SVGElement {\n        const div = this.document.createElement('div');\n\n        div.innerHTML = text;\n\n        const svg = div.querySelector('svg') as SVGElement | null;\n\n        if (!svg) {\n            throw Error('KbqIconRegistry: could not find <svg> element in icon markup.');\n        }\n\n        if (options?.viewBox) {\n            svg.setAttribute('viewBox', options.viewBox);\n        }\n\n        svg.setAttribute('aria-hidden', 'true');\n        svg.setAttribute('focusable', 'false');\n\n        return svg;\n    }\n\n    private fetchUrl(url: SafeResourceUrl, withCredentials = false): Observable<string> {\n        // Every other failure in this class is an error notification; a synchronous throw here would\n        // escape `getNamedSvgIcon` at the call site, where no `catchError` can reach it.\n        if (!this.httpClient) {\n            return throwError(() =>\n                Error(\n                    'KbqIconRegistry: HttpClient is required for loading icons from URLs. ' +\n                        'Provide it via provideHttpClient() or HttpClientModule.'\n                )\n            );\n        }\n\n        const urlStr = this.sanitizer.sanitize(SecurityContext.RESOURCE_URL, url);\n\n        if (!urlStr) {\n            return throwError(() => Error('KbqIconRegistry: URL failed security sanitization.'));\n        }\n\n        const inProgress = this.inProgressUrlFetches.get(urlStr);\n\n        if (inProgress) return inProgress;\n\n        const fetch = this.httpClient.get(urlStr, { responseType: 'text', withCredentials }).pipe(\n            share(),\n            finalize(() => this.inProgressUrlFetches.delete(urlStr))\n        );\n\n        this.inProgressUrlFetches.set(urlStr, fetch);\n\n        return fetch;\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    numberAttribute,\n    OnChanges,\n    Renderer2,\n    signal,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqColorDirective, KbqComponentColors } from '@koobiq/components/core';\nimport { defer, of, Subscription } from 'rxjs';\nimport { KBQ_ICON_ERROR_STATE_CONTEXT } from './icon-error-state-context';\nimport { KbqIconRegistry, parseIconName } from './icon-registry';\n\n/** Marks an injected `<svg>` with the name it renders, so hydration can recognize and adopt it. */\nconst ICON_NAME_ATTRIBUTE = 'data-kbq-icon-name';\n\n/**\n * Renders an icon on the element it is applied to: a `@koobiq/icons` font glyph by default, or an inline\n * `<svg>` when the name resolves through a configured `KbqIconRegistry`. A name that does not resolve\n * falls back to the font class, and every later name is resolved again.\n *\n * The host is `aria-hidden` by default: an icon carries no text of its own, and in nearly every place the\n * library and its consumers use one it repeats a label that is already there. A meaningful icon opts out\n * with `aria-hidden=\"false\"`, and then has to supply its own `role=\"img\"` and `aria-label`.\n */\n@Component({\n    selector: '[kbq-icon]',\n    template: '<ng-content />',\n    styleUrls: ['icon.scss', 'icon-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon',\n        '[class]': 'svgIcon() ? null : iconName',\n        '[class.kbq-error]': 'colorIsError() || hasError || autoColorError',\n        '[attr.aria-hidden]': 'resolvedAriaHidden()'\n    }\n})\nexport class KbqIcon extends KbqColorDirective implements AfterContentInit, OnChanges {\n    /**\n     * Host providing error state for `autoColor`, when the icon sits inside one (e.g. a form field).\n     *\n     * @docs-private\n     */\n    protected readonly errorStateContext = inject(KBQ_ICON_ERROR_STATE_CONTEXT, { optional: true });\n    protected readonly registry = inject(KbqIconRegistry, { optional: true });\n    protected readonly destroyRef = inject(DestroyRef);\n    protected readonly renderer = inject(Renderer2);\n\n    /**\n     * Whether the icon is hidden from assistive technology. Left unbound, it falls back to\n     * `defaultAriaHidden`, which is `true` for a decorative icon and `false` for an interactive one.\n     */\n    readonly ariaHidden = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'aria-hidden',\n        // `null` is how a template says \"leave it unset\" (`cond ? true : null`), so it means the default\n        // rather than `false` — `booleanAttribute(null)` would turn it into an explicit opt-out.\n        transform: (value) => (value == null ? undefined : booleanAttribute(value))\n    });\n\n    /** Whether an icon of this kind is decorative when the caller says nothing. Overridden by subclasses. */\n    protected readonly defaultAriaHidden: boolean = true;\n\n    /** @docs-private */\n    protected readonly resolvedAriaHidden = computed(() => {\n        const explicit = this.ariaHidden();\n\n        // An explicit value is the caller's, including \"false\" — reflecting it keeps the documented\n        // opt-out visible in the DOM. Only an unbound input falls back to the kind's default.\n        if (explicit !== undefined) return String(explicit);\n\n        return this.defaultAriaHidden ? 'true' : null;\n    });\n\n    /**\n     * Rendered size of the icon in pixels. Left unset, the size is read from the `_<px>` suffix of the\n     * icon name (`kbq-plus_16` → 16), which is the `@koobiq/icons` convention; a name without one is\n     * rendered at whatever size the surrounding styles give it.\n     */\n    readonly iconSize = input<number | undefined, number | string | null | undefined>(undefined, {\n        transform: (value) => {\n            const size = numberAttribute(value);\n\n            return Number.isNaN(size) ? undefined : size;\n        }\n    });\n\n    /**\n     * Whether the icon follows the error state of the host it sits in (a form field, for one), painting\n     * itself red while that host reports an error.\n     */\n    autoColor = false;\n\n    /**\n     * Whether the icon takes the error color whatever its `color` is. Set by a host that tints the icons\n     * it holds, such as `KbqEmptyState`.\n     */\n    hasError: boolean = false;\n\n    /**\n     * Whether `autoColor` takes the error color from the host's error state.\n     *\n     * @docs-private\n     */\n    protected get autoColorError(): boolean {\n        return this.autoColor && this.hostErrorState();\n    }\n\n    // The host's error state through a signal of the icon's own: the host's control reads it in its host bindings, in\n    // the same reactive consumer as the icon's, where a signal read again after others costs a scan of all it has read\n    // so far.\n    private readonly hostErrorState = computed(() => !!this.errorStateContext?.errorState());\n\n    /**\n     * Whether `color` is the error color. A signal of its own because the color class binding already reads\n     * `color`: the host bindings of every icon in a view run in that view's reactive consumer, which finds a\n     * signal read a second time by scanning all it has read so far, O(N²) per check across N icons.\n     *\n     * @docs-private\n     */\n    protected readonly colorIsError = computed(() => this.color() === KbqComponentColors.Error);\n\n    /** Name of an icon within a `@koobiq/icons`. Accepts \"namespace:name\" syntax. */\n    iconName: string | undefined;\n\n    /** @docs-private */\n    readonly autoColorInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'autoColor',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon' });\n\n    /**\n     * Whether the host gets an inline `max-height` matching the icon size. Only the bare icon does: the\n     * button and the item size themselves through their own padding.\n     */\n    protected readonly appliesMaxHeight: boolean = true;\n\n    /**\n     * True when icon is being rendered as inline SVG.\n     *\n     * @docs-private\n     */\n    // Starts from the DOM, not `false`: on a hydrated page the svg is already there, and `false`\n    // would show the font class until the async resolution catches up.\n    protected readonly svgIcon = signal(!!this.findTaggedSvg());\n\n    /**\n     * Name the inline SVG is resolved for, which is `iconName` however that was set.\n     *\n     * @docs-private\n     */\n    protected get svgIconName(): string | undefined {\n        return this.iconName;\n    }\n\n    /** Resolution of the inline SVG, replaced whenever the name changes. */\n    private svgIconSubscription = Subscription.EMPTY;\n\n    /** The `<svg>` injected for the resolved name — or already on the host, tagged, from SSR. */\n    private injectedSvg: SVGElement | null = this.findTaggedSvg();\n\n    /** Whether the content is initialized, which is when the inline SVG is first resolved. */\n    private contentInitialized = false;\n\n    constructor() {\n        super();\n\n        this.destroyRef.onDestroy(() => this.svgIconSubscription.unsubscribe());\n    }\n\n    getHostElement() {\n        return this.elementRef.nativeElement;\n    }\n\n    /** An `<svg>` already on the host, tagged with the name it renders — e.g. one SSR left behind. */\n    private findTaggedSvg(): SVGElement | null {\n        return this.getHostElement().querySelector(`svg[${ICON_NAME_ATTRIBUTE}]`);\n    }\n\n    /**\n     * Sets the icon name from code and resolves its inline SVG again. Before the content is initialized,\n     * assigning `iconName` does the same.\n     *\n     * @docs-private\n     */\n    protected setIconName(name: string): void {\n        this.iconName = name;\n\n        if (this.contentInitialized) this.resolveSvgIcon();\n    }\n\n    /** @docs-private */\n    updateMaxHeight() {\n        if (!this.appliesMaxHeight) {\n            return;\n        }\n\n        const size = this.resolveIconSize();\n        const host = this.getHostElement();\n\n        if (size !== undefined) {\n            this.renderer.setStyle(host, 'max-height', `${size}px`);\n        } else {\n            // Without this the ceiling written for the previous name keeps clipping the new glyph.\n            this.renderer.removeStyle(host, 'max-height');\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member; unbound, it leaves what code wrote.\n        // A bound `undefined` is a value as well: auto color turns off and the icon is removed.\n        if (changes['autoColorInput']) this.autoColor = this.autoColorInput() ?? false;\n\n        // A name change reaches the size through the resolution; an explicit size resolves nothing.\n        if (changes['iconSize'] && this.contentInitialized) this.applyIconSize();\n\n        if (changes['iconNameInput']) this.setIconName(this.iconNameInput() ?? '');\n    }\n\n    ngAfterContentInit(): void {\n        this.updateMaxHeight();\n\n        this.contentInitialized = true;\n        this.resolveSvgIcon();\n    }\n\n    /** Renders `svgIconName` as inline SVG when the registry knows it, dropping a resolution still pending. */\n    private resolveSvgIcon(): void {\n        const name = this.svgIconName;\n\n        this.svgIconSubscription.unsubscribe();\n\n        if (!this.registry || !name) {\n            this.renderSvgIcon(null);\n\n            return;\n        }\n\n        const registry = this.registry;\n        // A registry that replaces the lookup, such as a subclass overriding `getNamedSvgIcon` or a test double, is\n        // asked through it: only the library's own lookup can report a miss without building an error.\n        const ownLookup = registry.getNamedSvgIcon === KbqIconRegistry.prototype.getNamedSvgIcon;\n\n        // Deferred so that a resolver or a literal that throws falls back to the font class as well, and the\n        // next name is resolved again.\n        this.svgIconSubscription = defer(\n            () => (ownLookup ? registry.findSvgIcon(name) : registry.getNamedSvgIcon(name)) ?? of(null)\n        ).subscribe({\n            next: (svg) => this.renderSvgIcon(svg),\n            error: () => this.renderSvgIcon(null)\n        });\n    }\n\n    /** Injects the resolved `<svg>`, or drops back to the font class when the name did not resolve. */\n    private renderSvgIcon(svg: SVGElement | null): void {\n        const host = this.getHostElement();\n        const previous = this.injectedSvg;\n\n        // A matching svg is already there (SSR's, most likely) — leave it rather than replace it,\n        // which would duplicate it if the replacement raced the DOM it's reusing.\n        if (previous && svg && previous.getAttribute(ICON_NAME_ATTRIBUTE) === this.iconName) {\n            this.svgIcon.set(true);\n            this.applyIconSize();\n\n            return;\n        }\n\n        // Only the element injected here (or adopted above): an `<svg>` projected into the host is\n        // the consumer's content.\n        if (previous) {\n            this.renderer.removeChild(host, previous);\n        }\n\n        this.injectedSvg = svg;\n        this.svgIcon.set(!!svg);\n\n        if (svg) {\n            if (this.iconName) {\n                this.renderer.setAttribute(svg, ICON_NAME_ATTRIBUTE, this.iconName);\n            }\n\n            this.renderer.insertBefore(host, svg, host.firstChild);\n        }\n\n        this.applyIconSize();\n    }\n\n    /** Sizes the injected `<svg>` and the host's `max-height` to the resolved icon size. */\n    private applyIconSize(): void {\n        const size = this.resolveIconSize();\n        const svg = this.injectedSvg;\n\n        if (svg && size !== undefined) {\n            this.renderer.setAttribute(svg, 'width', `${size}`);\n            this.renderer.setAttribute(svg, 'height', `${size}`);\n        }\n\n        this.updateMaxHeight();\n    }\n\n    private resolveIconSize(): number | undefined {\n        return this.iconSize() ?? this.parseIconSize();\n    }\n\n    private parseIconSize(): number | undefined {\n        const baseName = this.iconName && parseIconName(this.iconName)[1];\n        const size = parseInt(baseName?.split('_').pop() ?? '');\n\n        return Number.isNaN(size) ? undefined : size;\n    }\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    effect,\n    inject,\n    input,\n    isDevMode,\n    numberAttribute,\n    OnDestroy,\n    signal,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqIcon } from './icon.component';\n\n/**\n * Size options for `KbqIconButton`.\n * - `compact`: 16px icon with padding, 24×24px container.\n * - `normal`: 24px icon, no padding.\n */\nexport type KbqIconButtonSize = 'compact' | 'normal';\n\n/** Host elements that are already buttons, or already activated from the keyboard by the browser. */\nconst NATIVELY_ACTIVATED_NODES = ['BUTTON', 'INPUT'];\n\n/**\n * An icon that acts as a button. Applied to a native `<button>` it only adds the styling; applied to any\n * other element — `<i>` is what the library itself mostly uses — it also supplies the semantics the\n * element does not have: `role=\"button\"` and `aria-disabled`. It does not synthesize Enter/Space\n * activation itself — attach a `(keydown.enter)`/`(keydown.space)` listener where it is used.\n *\n * It has no text of its own, so give it an `aria-label` (or an `aria-labelledby`); in dev mode it warns\n * when it has neither.\n *\n * It extends `KbqIcon` for the rendering, but deliberately does not register under that DI token: a\n * `contentChild(KbqIcon)` is looking for a decorative icon to position or tint, and an interactive\n * control is not one. See the note on `KbqIconItem`.\n */\n@Component({\n    selector: `[kbq-icon-button]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-button.scss', 'icon-button-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon-button',\n\n        '[attr.tabindex]': 'tabindex',\n        '[attr.disabled]': 'disabled || null',\n        '[attr.aria-disabled]': 'disabled || null',\n\n        '[class.kbq-disabled]': 'disabled',\n        '[class.kbq-icon-button_compact]': \"size() === 'compact'\"\n    }\n})\nexport class KbqIconButton extends KbqIcon implements AfterViewInit, OnDestroy {\n    /** An icon button is interactive and exposes its own name, so it is not decorative by default. */\n    protected override readonly defaultAriaHidden: boolean = false;\n\n    protected readonly focusMonitor = inject(FocusMonitor);\n    /** Size of the icon button. */\n    readonly size = input<KbqIconButtonSize>('normal');\n\n    /** @docs-private */\n    override readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon-button' });\n\n    /** Position of the button in the tab order. A disabled button is taken out of it entirely. */\n    get tabindex(): number | null {\n        return this.disabled ? null : this._tabindex;\n    }\n\n    set tabindex(value: number | null) {\n        this._tabindex = value;\n    }\n\n    private _tabindex: number | null = 0;\n\n    /** Whether the button is disabled. */\n    get disabled(): boolean {\n        return this.disabledSignal();\n    }\n\n    set disabled(value: boolean) {\n        this.disabledSignal.set(value);\n    }\n\n    /** @docs-private */\n    readonly disabledSignal = signal(false);\n\n    /** The button sizes itself through its own padding, so it never gets the bare icon's `max-height`. */\n    protected override readonly appliesMaxHeight: boolean = false;\n\n    /** @docs-private */\n    readonly tabindexInput = input<number | null | undefined, number | string | null | undefined>(undefined, {\n        alias: 'tabindex',\n        // `numberAttribute` gives NaN for what it cannot parse, and `tabindex=\"NaN\"` is an invalid attribute the\n        // browser ignores, so an unparsable value renders no tabindex at all.\n        transform: (value) => {\n            if (value == null) return undefined;\n\n            const tabindex = numberAttribute(value);\n\n            return Number.isNaN(tabindex) ? null : tabindex;\n        }\n    });\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    override ngOnChanges(changes: SimpleChanges): void {\n        super.ngOnChanges(changes);\n\n        // A bound input is handed to its member; unbound, it leaves what code wrote.\n        // A bound `undefined` or `null` restores the default tabindex instead of dropping the button out of the tab order.\n        if (changes['tabindexInput']) {\n            const tabindex = this.tabindexInput();\n\n            this.tabindex = tabindex === undefined ? 0 : tabindex;\n        }\n\n        if (changes['disabledInput']) {\n            const disabled = this.disabledInput();\n\n            if (disabled !== undefined) this.disabled = disabled;\n        }\n    }\n\n    constructor() {\n        super();\n\n        effect(() => (this.disabledSignal() ? this.stopFocusMonitor() : this.runFocusMonitor()));\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n        this.applyButtonRole();\n        this.warnIfMissingAccessibleName();\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    /**\n     * Whether the host already behaves like a button, so the browser activates it from the keyboard and\n     * announces it without help.\n     *\n     * Read on demand rather than captured in the constructor: `routerLink` and a bound `[attr.href]` both\n     * write the attribute during the update pass, so an anchor that navigates carries no `href` at all\n     * while directive constructors run.\n     */\n    private isNativelyActivated(): boolean {\n        const host = this.getHostElement();\n\n        return NATIVELY_ACTIVATED_NODES.includes(host.nodeName) || (host.nodeName === 'A' && host.hasAttribute('href'));\n    }\n\n    /**\n     * A link that navigates keeps its own role; anything else is a button only because this component\n     * says so, and has to be announced as one.\n     *\n     * Written through the renderer instead of a host binding, because the binding is evaluated in the\n     * parent's update pass — before `routerLink` has set its `href` — and on an `OnPush` component it may\n     * never be evaluated again to correct itself.\n     */\n    private applyButtonRole(): void {\n        const host = this.getHostElement();\n\n        if (this.isNativelyActivated() || host.hasAttribute('role')) return;\n\n        this.renderer.setAttribute(host, 'role', 'button');\n    }\n\n    /**\n     * `KbqIcon` renders a decorative glyph, so an icon button carries no text. Without an\n     * `aria-label`/`aria-labelledby`/`title` it has no accessible name at all (AXE `button-name`).\n     *\n     * A host that opted into `aria-hidden=\"true\"` is exempt: assistive technology never reaches it, so it\n     * has nothing to be named for. `KbqStepper` and the datepicker toggle are both built that way — a\n     * mouse-only affordance beside a control that already carries the keyboard interaction.\n     */\n    private warnIfMissingAccessibleName(): void {\n        if (!isDevMode()) return;\n\n        const host = this.getHostElement();\n\n        if (host.getAttribute('aria-hidden') === 'true') return;\n\n        const hasAccessibleName =\n            !!host.textContent?.trim() ||\n            host.hasAttribute('aria-label') ||\n            host.hasAttribute('aria-labelledby') ||\n            host.hasAttribute('title');\n\n        if (hasAccessibleName) return;\n\n        // eslint-disable-next-line no-console\n        console.warn('KbqIconButton has no accessible name. Add [aria-label] or [aria-labelledby] to it.', host);\n    }\n\n    private runFocusMonitor() {\n        this.focusMonitor.monitor(this.getHostElement(), true);\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitor.stopMonitoring(this.getHostElement());\n    }\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from '@angular/core';\nimport { KbqIcon } from './icon.component';\n\n/**\n * An icon on a filled round background — the status badge of an alert or an empty state. Decorative like\n * `KbqIcon`, and hidden from assistive technology by the same default.\n *\n * Host metadata is inherited from `KbqIcon` through `ɵɵInheritDefinitionFeature`; DI tokens are not, so a\n * `contentChild(KbqIcon)` does not match an icon item. That is deliberate — a host that wants both asks\n * for both, the way `KbqAlert` does, and telling them apart is what lets it report two projected icons.\n */\n@Component({\n    selector: `[kbq-icon-item]`,\n    template: '<ng-content />',\n    styleUrls: ['icon-item.scss', 'icon-item-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq kbq-icon-item kbq-icon-item_filled',\n        '[class.kbq-icon-item_normal]': '!big()',\n        '[class.kbq-icon-item_big]': 'big()',\n        '[class.kbq-icon-item_fade-off]': '!fade()',\n        '[class.kbq-icon-item_fade-on]': 'fade()'\n    }\n})\nexport class KbqIconItem extends KbqIcon {\n    /** The item sizes itself through its own padding, so it never gets the bare icon's `max-height`. */\n    protected override readonly appliesMaxHeight: boolean = false;\n\n    /** @docs-private */\n    override readonly iconNameInput = input<string | undefined>(undefined, { alias: 'kbq-icon-item' });\n\n    /** Whether the background is the translucent \"fade\" variant of the color rather than the solid one. */\n    readonly fade = input<boolean>(false);\n    /** Whether the item is rendered at the larger of its two sizes. */\n    readonly big = input<boolean>(false);\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIconButton } from './icon-button.component';\nimport { KbqIconItem } from './icon-item.component';\nimport { KbqIcon } from './icon.component';\n\nconst COMPONENTS = [\n    KbqIcon,\n    KbqIconButton,\n    KbqIconItem\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-inline-edit.mjs

@@ -21,6 +21,16 @@ import { startWith, debounceTime, of, timer, merge, concat } from 'rxjs';
 import { take, map, defaultIfEmpty, catchError, takeWhile, concatMap, ignoreElements, takeUntil } from 'rxjs/operators';
 
 const baseClass = 'kbq-inline-edit';
+/**
+ * Positions the edit mode panel so that it covers the view mode element. A single position is used instead of the
+ * default fallback set, because the panel must stay anchored to the origin even when it does not fit in the viewport.
+ */
+const KBQ_INLINE_EDIT_CONNECTED_POSITION = {
+    originX: 'start',
+    originY: 'bottom',
+    overlayX: 'start',
+    overlayY: 'top'
+};
 /**
  * Fallback delay before showing the validation tooltip if `scrollend` never fires — e.g. the browser doesn't
  * support it, or nothing needed to scroll.
@@ -226,6 +236,13 @@ class KbqInlineEdit {
         this.overlayWidth = signal('', ...(ngDevMode ? [{ debugName: "overlayWidth" }] : /* istanbul ignore next */ []));
         /** Distance the panel is pulled up by so that it covers the view it replaces. */
         this.overlayOffsetY = signal(0, ...(ngDevMode ? [{ debugName: "overlayOffsetY" }] : /* istanbul ignore next */ []));
+        /**
+         * Single overlay position that keeps the panel anchored to the view mode element. Fallback positions are
+         * intentionally omitted so the panel does not flip or get pushed away from the origin when space is tight.
+         *
+         * @docs-private
+         */
+        this.overlayPositions = [KBQ_INLINE_EDIT_CONNECTED_POSITION];
         /**
          * Built on first read rather than in the field initializer: a list of inline edits would otherwise
          * allocate one strategy per row, including the rows nobody ever opens.
@@ -939,7 +956,7 @@ class KbqInlineEdit {
         this.formFieldRefList().forEach((formField) => this.getFormControl(formField)?.markAsTouched());
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqInlineEdit, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqInlineEdit, isStandalone: true, selector: "kbq-inline-edit", inputs: { showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showTooltipOnError: { classPropertyName: "showTooltipOnError", publicName: "showTooltipOnError", isSignal: true, isRequired: false, transformFunction: null }, validationTooltip: { classPropertyName: "validationTooltip", publicName: "validationTooltip", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, editModeWidth: { classPropertyName: "editModeWidth", publicName: "editModeWidth", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, overlayPanelClass: { classPropertyName: "overlayPanelClass", publicName: "overlayPanelClass", isSignal: true, isRequired: false, transformFunction: null }, getValueHandler: { classPropertyName: "getValueHandler", publicName: "getValueHandler", isSignal: true, isRequired: false, transformFunction: null }, setValueHandler: { classPropertyName: "setValueHandler", publicName: "setValueHandler", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, saveHandler: { classPropertyName: "saveHandler", publicName: "saveHandler", isSignal: true, isRequired: false, transformFunction: null }, saveErrorHandler: { classPropertyName: "saveErrorHandler", publicName: "saveErrorHandler", isSignal: true, isRequired: false, transformFunction: null }, canSaveOnEnter: { classPropertyName: "canSaveOnEnter", publicName: "canSaveOnEnter", isSignal: true, isRequired: false, transformFunction: null }, interactiveSelectors: { classPropertyName: "interactiveSelectors", publicName: "interactiveSelectors", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", canceled: "canceled", saveError: "saveError", mode: "modeChange" }, host: { attributes: { "cdkMonitorSubtreeFocus": "" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "keydown.space": "onClick($event)" }, properties: { "class": "className()", "class.kbq-inline-edit_with-label": "!!label()", "class.kbq-inline-edit_with-menu": "!!menu()", "class.kbq-inline-edit_disabled": "disabled()", "class.kbq-inline-edit_anchor-focused": "anchorFocused()", "class.kbq-inline-edit_select": "isSingleSelect()", "class.kbq-inline-edit_save-error": "saveStatus() === \"error\"", "class.kbq-progress": "saveStatus() === \"progress\"", "attr.aria-label": "null" }, classAttribute: "kbq-inline-edit" }, providers: [{ provide: KBQ_CONNECTED_OVERLAY_ORIGIN, useExisting: forwardRef((() => KbqInlineEdit)) }], queries: [{ propertyName: "menu", first: true, predicate: KbqInlineEditMenu, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true, isSignal: true }, { propertyName: "formFieldRefList", predicate: KbqFormField, descendants: true, isSignal: true }, { propertyName: "selectRef", first: true, predicate: KbqSelect, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true, isSignal: true }, { propertyName: "viewContainer", first: true, predicate: ["viewContainer"], descendants: true, isSignal: true }, { propertyName: "viewContent", first: true, predicate: ["viewContent"], descendants: true, isSignal: true }, { propertyName: "focusAnchor", first: true, predicate: ["focusAnchor"], descendants: true, isSignal: true }, { propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], exportAs: ["kbqInlineEdit"], hostDirectives: [{ directive: i1.CdkMonitorFocus }, { directive: i2.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "<div class=\"kbq-inline-edit__focus_container\">\n    <div class=\"cdk-visually-hidden\" role=\"status\" aria-live=\"polite\">{{ saveStatusMessage() }}</div>\n\n    @if (label()) {\n        <div class=\"kbq-inline-edit__label\">\n            <ng-content select=\"kbq-label\" />\n        </div>\n    }\n\n    <div #viewContainer class=\"kbq-inline-edit__view-container\">\n        <div\n            #viewContent\n            class=\"kbq-inline-edit__view-content\"\n            [attr.role]=\"viewContentRole()\"\n            [attr.tabindex]=\"tabIndex()\"\n            [attr.aria-label]=\"viewContentRole() ? accessibleName() : null\"\n            [attr.aria-expanded]=\"viewContentRole() ? isEditMode() : null\"\n            [attr.aria-disabled]=\"viewContentRole() && disabled() ? true : null\"\n        >\n            <ng-content select=\"[kbqInlineEditViewMode]\" />\n        </div>\n\n        @if (hasInteractiveContent() && mode() === 'view' && !disabled()) {\n            <!-- `aria-expanded` is static: the anchor only exists in view mode, so it is never expanded. -->\n            <div\n                #focusAnchor\n                class=\"kbq-inline-edit__focus-anchor cdk-visually-hidden\"\n                aria-expanded=\"false\"\n                role=\"button\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"accessibleName()\"\n                (focus)=\"anchorFocused.set(true)\"\n                (blur)=\"anchorFocused.set(false)\"\n            ></div>\n        }\n\n        @if (menu() && mode() === 'view') {\n            <div class=\"kbq-inline-edit__menu-mask\">\n                <div class=\"kbq-inline-edit__menu-mask-fade\"></div>\n                <div class=\"kbq-inline-edit__menu-mask-container\">\n                    <ng-content select=\"[kbqInlineEditMenu]\" />\n                </div>\n            </div>\n        }\n\n        <ng-template\n            cdkConnectedOverlay\n            cdkConnectedOverlayLockPosition\n            [cdkConnectedOverlayOpen]=\"isEditMode()\"\n            [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n            [cdkConnectedOverlayOffsetY]=\"overlayOffsetY()\"\n            [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n            [cdkConnectedOverlayDisableClose]=\"true\"\n            [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n            [cdkConnectedOverlayPanelClass]=\"overlayPanelClass()\"\n            [cdkConnectedOverlayHasBackdrop]=\"false\"\n            (attach)=\"onAttach()\"\n            (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n            (overlayKeydown)=\"onOverlayKeydown($event)\"\n        >\n            <div\n                #panel\n                class=\"kbq-inline-edit__panel\"\n                cdkTrapFocusAutoCapture\n                [class.kbq-inline-edit__panel_select]=\"isSingleSelect()\"\n                [cdkTrapFocus]=\"false\"\n                (keydown.escape)=\"onPanelEscape($event)\"\n                (keydown.tab)=\"onPanelTab($event, panel, false)\"\n                (keydown.shift.tab)=\"onPanelTab($event, panel, true)\"\n            >\n                <div\n                    class=\"kbq-inline-edit__control-container\"\n                    [kbqTooltipColor]=\"colors.Error\"\n                    [kbqTooltip]=\"validationTooltip() ?? ''\"\n                    [kbqTooltipDisabled]=\"!validationTooltip()\"\n                    [kbqTooltipArrow]=\"false\"\n                    [kbqTrigger]=\"'manual'\"\n                    [kbqPlacement]=\"tooltipPlacement() ?? placements.TopLeft\"\n                    [kbqTooltipScrollStrategy]=\"validationTooltipScrollStrategy\"\n                >\n                    <ng-content select=\"[kbqInlineEditEditMode]\" />\n                </div>\n\n                @if (showActions()) {\n                    <div\n                        animate.enter=\"kbq-inline-edit__action-buttons_enter\"\n                        class=\"kbq-inline-edit__action-buttons\"\n                        role=\"group\"\n                        [class.kbq-animations-disabled]=\"animationsDisabled\"\n                    >\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().save\"\n                                [color]=\"'contrast'\"\n                                (click)=\"save($event)\"\n                            >\n                                <i kbq-icon=\"kbq-check_16\"></i>\n                            </button>\n                        </div>\n\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().cancel\"\n                                [color]=\"'contrast-fade'\"\n                                (click)=\"cancel()\"\n                            >\n                                <i kbq-icon=\"kbq-xmark_16\"></i>\n                            </button>\n                        </div>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-inline-edit{display:flex;position:relative;flex-direction:column;justify-content:center;box-sizing:border-box;border:var(--kbq-size-border-width) solid transparent;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit{padding:var(--kbq-inline-edit-padding-vertical) var(--kbq-inline-edit-padding-horizontal);min-height:var(--kbq-inline-edit-height);background:var(--kbq-inline-edit-background)}.kbq-inline-edit .kbq-inline-edit__view-content:focus,.kbq-inline-edit .kbq-inline-edit__focus-anchor:focus{outline:none}.kbq-inline-edit.cdk-keyboard-focused:not(:has(:focus:not(.kbq-inline-edit__view-content,.kbq-inline-edit__focus-anchor))),.kbq-inline-edit.kbq-inline-edit_anchor-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-transparent-hover);--kbq-mask-background: var(--kbq-states-background-contrast-less-hover);cursor:pointer}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-transparent-active);--kbq-mask-background: var(--kbq-states-background-contrast-less-active)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:hover,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:has(.kbq-inline-edit__menu.kbq-active){--kbq-mask-background: var(--kbq-background-bg)}.kbq-inline-edit .kbq-label{color:var(--kbq-inline-edit-label-color)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error{--kbq-inline-edit-background: var(--kbq-inline-edit-error-background)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-error-less-hover);--kbq-mask-background: var(--kbq-states-background-error-less-hover)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-error-less-active);--kbq-mask-background: var(--kbq-states-background-error-less-active)}.kbq-inline-edit{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)}.kbq-inline-edit:not(.kbq-inline-edit_with-label){--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-m) - var(--kbq-size-border-width))}.kbq-inline-edit.kbq-inline-edit_with-label{padding-top:var(--kbq-inline-edit-padding-vertical);padding-bottom:var(--kbq-inline-edit-padding-vertical)}.kbq-inline-edit.kbq-inline-edit_with-label.kbq-inline-edit_edit .kbq-inline-edit__view-container{position:relative}.kbq-inline-edit.kbq-inline-edit_with-label .kbq-inline-edit__label{margin-bottom:var(--kbq-size-3xs)}.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-container,.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-content{text-overflow:ellipsis}.kbq-inline-edit.kbq-inline-edit_select.kbq-inline-edit_edit{--kbq-inline-edit-background: var(--kbq-states-background-transparent-active)}.kbq-inline-edit:hover .kbq-inline-edit__menu-mask,.kbq-inline-edit.cdk-keyboard-focused .kbq-inline-edit__menu-mask,.kbq-inline-edit.kbq-inline-edit_anchor-focused .kbq-inline-edit__menu-mask{opacity:1}.kbq-inline-edit .kbq-inline-edit__placeholder{color:var(--kbq-foreground-contrast-secondary)}.kbq-inline-edit .kbq-inline-edit__menu-mask{display:flex;position:absolute;top:calc(var(--kbq-size-border-width) * -1);right:calc(var(--kbq-size-border-width) * -1);opacity:0;height:calc(100% + 2 * var(--kbq-size-border-width));justify-content:flex-end;border-top-right-radius:var(--kbq-size-border-radius);border-bottom-right-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit .kbq-inline-edit__menu-mask{corner-shape:squircle;border-top-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2);border-bottom-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit .kbq-inline-edit__menu-mask:has(.kbq-inline-edit__menu.kbq-pressed,.kbq-inline-edit__menu.cdk-keyboard-focused){opacity:1}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-fade{width:32px;background:var(--kbq-mask-background, transparent);-webkit-mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black));mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black))}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-container{display:flex;justify-content:flex-end;min-width:40px;border-radius:inherit;corner-shape:inherit;background:var(--kbq-mask-background, transparent)}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu{display:inline-flex;align-self:flex-start;padding:var(--kbq-size-s);z-index:2}.kbq-inline-edit__panel{width:100%}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons{position:absolute;left:calc(-1 * var(--kbq-inline-edit-padding-horizontal));display:inline-flex;flex-direction:row;gap:var(--kbq-size-xxs);padding:var(--kbq-size-xxs) var(--kbq-size-s) var(--kbq-size-s)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:kbq-inline-edit-action-buttons-enter 50ms cubic-bezier(0,0,.2,1)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:none;transition:none}}.kbq-inline-edit__panel.kbq-inline-edit__panel_select .kbq-inline-edit__control-container{display:none}.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{box-shadow:var(--kbq-inline-edit-panel-shadow);background-color:var(--kbq-background-bg);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}@keyframes kbq-inline-edit-action-buttons-enter{0%{transform:translateY(100%);opacity:0}}\n", ":where(.kbq-inline-edit,.kbq-inline-edit__panel){--kbq-inline-edit-background: transparent;--kbq-inline-edit-height: calc(var(--kbq-size-3xl) - 2 * var(--kbq-size-border-width));--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-s) - var(--kbq-size-border-width));--kbq-inline-edit-padding-vertical: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-inline-edit-panel-shadow: var(--kbq-shadow-popup);--kbq-inline-edit-label-color: var(--kbq-foreground-contrast-secondary);--kbq-inline-edit-error-background: var(--kbq-background-error-less)}\n"], dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i3.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i3.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "directive", type: KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqTooltipScrollStrategy", "forDisabledComponent", "ignoreTooltipPointerEvents", "kbqTooltipSingleInstance", "kbqTrigger", "hideWithTimeout", "kbqEnterDelay", "kbqLeaveDelay", "kbqRelativeToPointer", "kbqRelativeToCaret", "kbqRelativeToCaretVertical", "kbqTooltip", "kbqTooltipHeader", "kbqTooltipModifier", "kbqTooltipContext", "kbqTooltipClass", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset", "kbqTooltipDisabled", "kbqPlacementPriority", "kbqPlacement", "kbqVisible"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqInlineEdit, isStandalone: true, selector: "kbq-inline-edit", inputs: { showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showTooltipOnError: { classPropertyName: "showTooltipOnError", publicName: "showTooltipOnError", isSignal: true, isRequired: false, transformFunction: null }, validationTooltip: { classPropertyName: "validationTooltip", publicName: "validationTooltip", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, editModeWidth: { classPropertyName: "editModeWidth", publicName: "editModeWidth", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, overlayPanelClass: { classPropertyName: "overlayPanelClass", publicName: "overlayPanelClass", isSignal: true, isRequired: false, transformFunction: null }, getValueHandler: { classPropertyName: "getValueHandler", publicName: "getValueHandler", isSignal: true, isRequired: false, transformFunction: null }, setValueHandler: { classPropertyName: "setValueHandler", publicName: "setValueHandler", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, saveHandler: { classPropertyName: "saveHandler", publicName: "saveHandler", isSignal: true, isRequired: false, transformFunction: null }, saveErrorHandler: { classPropertyName: "saveErrorHandler", publicName: "saveErrorHandler", isSignal: true, isRequired: false, transformFunction: null }, canSaveOnEnter: { classPropertyName: "canSaveOnEnter", publicName: "canSaveOnEnter", isSignal: true, isRequired: false, transformFunction: null }, interactiveSelectors: { classPropertyName: "interactiveSelectors", publicName: "interactiveSelectors", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", canceled: "canceled", saveError: "saveError", mode: "modeChange" }, host: { attributes: { "cdkMonitorSubtreeFocus": "" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "keydown.space": "onClick($event)" }, properties: { "class": "className()", "class.kbq-inline-edit_with-label": "!!label()", "class.kbq-inline-edit_with-menu": "!!menu()", "class.kbq-inline-edit_disabled": "disabled()", "class.kbq-inline-edit_anchor-focused": "anchorFocused()", "class.kbq-inline-edit_select": "isSingleSelect()", "class.kbq-inline-edit_save-error": "saveStatus() === \"error\"", "class.kbq-progress": "saveStatus() === \"progress\"", "attr.aria-label": "null" }, classAttribute: "kbq-inline-edit" }, providers: [{ provide: KBQ_CONNECTED_OVERLAY_ORIGIN, useExisting: forwardRef((() => KbqInlineEdit)) }], queries: [{ propertyName: "menu", first: true, predicate: KbqInlineEditMenu, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: KbqLabel, descendants: true, isSignal: true }, { propertyName: "formFieldRefList", predicate: KbqFormField, descendants: true, isSignal: true }, { propertyName: "selectRef", first: true, predicate: KbqSelect, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "tooltipTrigger", first: true, predicate: KbqTooltipTrigger, descendants: true, isSignal: true }, { propertyName: "viewContainer", first: true, predicate: ["viewContainer"], descendants: true, isSignal: true }, { propertyName: "viewContent", first: true, predicate: ["viewContent"], descendants: true, isSignal: true }, { propertyName: "focusAnchor", first: true, predicate: ["focusAnchor"], descendants: true, isSignal: true }, { propertyName: "overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], exportAs: ["kbqInlineEdit"], hostDirectives: [{ directive: i1.CdkMonitorFocus }, { directive: i2.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "<div class=\"kbq-inline-edit__focus_container\">\n    <div class=\"cdk-visually-hidden\" role=\"status\" aria-live=\"polite\">{{ saveStatusMessage() }}</div>\n\n    @if (label()) {\n        <div class=\"kbq-inline-edit__label\">\n            <ng-content select=\"kbq-label\" />\n        </div>\n    }\n\n    <div #viewContainer class=\"kbq-inline-edit__view-container\">\n        <div\n            #viewContent\n            class=\"kbq-inline-edit__view-content\"\n            [attr.role]=\"viewContentRole()\"\n            [attr.tabindex]=\"tabIndex()\"\n            [attr.aria-label]=\"viewContentRole() ? accessibleName() : null\"\n            [attr.aria-expanded]=\"viewContentRole() ? isEditMode() : null\"\n            [attr.aria-disabled]=\"viewContentRole() && disabled() ? true : null\"\n        >\n            <ng-content select=\"[kbqInlineEditViewMode]\" />\n        </div>\n\n        @if (hasInteractiveContent() && mode() === 'view' && !disabled()) {\n            <!-- `aria-expanded` is static: the anchor only exists in view mode, so it is never expanded. -->\n            <div\n                #focusAnchor\n                class=\"kbq-inline-edit__focus-anchor cdk-visually-hidden\"\n                aria-expanded=\"false\"\n                role=\"button\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"accessibleName()\"\n                (focus)=\"anchorFocused.set(true)\"\n                (blur)=\"anchorFocused.set(false)\"\n            ></div>\n        }\n\n        @if (menu() && mode() === 'view') {\n            <div class=\"kbq-inline-edit__menu-mask\">\n                <div class=\"kbq-inline-edit__menu-mask-fade\"></div>\n                <div class=\"kbq-inline-edit__menu-mask-container\">\n                    <ng-content select=\"[kbqInlineEditMenu]\" />\n                </div>\n            </div>\n        }\n\n        <ng-template\n            cdkConnectedOverlay\n            cdkConnectedOverlayLockPosition\n            [cdkConnectedOverlayOpen]=\"isEditMode()\"\n            [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n            [cdkConnectedOverlayPositions]=\"overlayPositions\"\n            [cdkConnectedOverlayOffsetY]=\"overlayOffsetY()\"\n            [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n            [cdkConnectedOverlayPush]=\"false\"\n            [cdkConnectedOverlayDisableClose]=\"true\"\n            [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n            [cdkConnectedOverlayPanelClass]=\"overlayPanelClass()\"\n            [cdkConnectedOverlayHasBackdrop]=\"false\"\n            (attach)=\"onAttach()\"\n            (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n            (overlayKeydown)=\"onOverlayKeydown($event)\"\n        >\n            <div\n                #panel\n                class=\"kbq-inline-edit__panel\"\n                cdkTrapFocusAutoCapture\n                [class.kbq-inline-edit__panel_select]=\"isSingleSelect()\"\n                [cdkTrapFocus]=\"false\"\n                (keydown.escape)=\"onPanelEscape($event)\"\n                (keydown.tab)=\"onPanelTab($event, panel, false)\"\n                (keydown.shift.tab)=\"onPanelTab($event, panel, true)\"\n            >\n                <div\n                    class=\"kbq-inline-edit__control-container\"\n                    [kbqTooltipColor]=\"colors.Error\"\n                    [kbqTooltip]=\"validationTooltip() ?? ''\"\n                    [kbqTooltipDisabled]=\"!validationTooltip()\"\n                    [kbqTooltipArrow]=\"false\"\n                    [kbqTrigger]=\"'manual'\"\n                    [kbqPlacement]=\"tooltipPlacement() ?? placements.TopLeft\"\n                    [kbqTooltipScrollStrategy]=\"validationTooltipScrollStrategy\"\n                >\n                    <ng-content select=\"[kbqInlineEditEditMode]\" />\n                </div>\n\n                @if (showActions()) {\n                    <div\n                        animate.enter=\"kbq-inline-edit__action-buttons_enter\"\n                        class=\"kbq-inline-edit__action-buttons\"\n                        role=\"group\"\n                        [class.kbq-animations-disabled]=\"animationsDisabled\"\n                    >\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().save\"\n                                [color]=\"'contrast'\"\n                                (click)=\"save($event)\"\n                            >\n                                <i kbq-icon=\"kbq-check_16\"></i>\n                            </button>\n                        </div>\n\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().cancel\"\n                                [color]=\"'contrast-fade'\"\n                                (click)=\"cancel()\"\n                            >\n                                <i kbq-icon=\"kbq-xmark_16\"></i>\n                            </button>\n                        </div>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-inline-edit{display:flex;position:relative;flex-direction:column;justify-content:center;box-sizing:border-box;border:var(--kbq-size-border-width) solid transparent;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit{padding:var(--kbq-inline-edit-padding-vertical) var(--kbq-inline-edit-padding-horizontal);min-height:var(--kbq-inline-edit-height);background:var(--kbq-inline-edit-background)}.kbq-inline-edit .kbq-inline-edit__view-content:focus,.kbq-inline-edit .kbq-inline-edit__focus-anchor:focus{outline:none}.kbq-inline-edit.cdk-keyboard-focused:not(:has(:focus:not(.kbq-inline-edit__view-content,.kbq-inline-edit__focus-anchor))),.kbq-inline-edit.kbq-inline-edit_anchor-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-transparent-hover);--kbq-mask-background: var(--kbq-states-background-contrast-less-hover);cursor:pointer}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-transparent-active);--kbq-mask-background: var(--kbq-states-background-contrast-less-active)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:hover,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:has(.kbq-inline-edit__menu.kbq-active){--kbq-mask-background: var(--kbq-background-bg)}.kbq-inline-edit .kbq-label{color:var(--kbq-inline-edit-label-color)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error{--kbq-inline-edit-background: var(--kbq-inline-edit-error-background)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-error-less-hover);--kbq-mask-background: var(--kbq-states-background-error-less-hover)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-error-less-active);--kbq-mask-background: var(--kbq-states-background-error-less-active)}.kbq-inline-edit{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)}.kbq-inline-edit:not(.kbq-inline-edit_with-label){--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-m) - var(--kbq-size-border-width))}.kbq-inline-edit.kbq-inline-edit_with-label{padding-top:var(--kbq-inline-edit-padding-vertical);padding-bottom:var(--kbq-inline-edit-padding-vertical)}.kbq-inline-edit.kbq-inline-edit_with-label.kbq-inline-edit_edit .kbq-inline-edit__view-container{position:relative}.kbq-inline-edit.kbq-inline-edit_with-label .kbq-inline-edit__label{margin-bottom:var(--kbq-size-3xs)}.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-container,.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-content{text-overflow:ellipsis}.kbq-inline-edit.kbq-inline-edit_select.kbq-inline-edit_edit{--kbq-inline-edit-background: var(--kbq-states-background-transparent-active)}.kbq-inline-edit:hover .kbq-inline-edit__menu-mask,.kbq-inline-edit.cdk-keyboard-focused .kbq-inline-edit__menu-mask,.kbq-inline-edit.kbq-inline-edit_anchor-focused .kbq-inline-edit__menu-mask{opacity:1}.kbq-inline-edit .kbq-inline-edit__placeholder{color:var(--kbq-foreground-contrast-secondary)}.kbq-inline-edit .kbq-inline-edit__menu-mask{display:flex;position:absolute;top:calc(var(--kbq-size-border-width) * -1);right:calc(var(--kbq-size-border-width) * -1);opacity:0;height:calc(100% + 2 * var(--kbq-size-border-width));justify-content:flex-end;border-top-right-radius:var(--kbq-size-border-radius);border-bottom-right-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit .kbq-inline-edit__menu-mask{corner-shape:squircle;border-top-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2);border-bottom-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit .kbq-inline-edit__menu-mask:has(.kbq-inline-edit__menu.kbq-pressed,.kbq-inline-edit__menu.cdk-keyboard-focused){opacity:1}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-fade{width:32px;background:var(--kbq-mask-background, transparent);-webkit-mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black));mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black))}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-container{display:flex;justify-content:flex-end;min-width:40px;border-radius:inherit;corner-shape:inherit;background:var(--kbq-mask-background, transparent)}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu{display:inline-flex;align-self:flex-start;padding:var(--kbq-size-s);z-index:2}.kbq-inline-edit__panel{width:100%}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons{position:absolute;left:calc(-1 * var(--kbq-inline-edit-padding-horizontal));display:inline-flex;flex-direction:row;gap:var(--kbq-size-xxs);padding:var(--kbq-size-xxs) var(--kbq-size-s) var(--kbq-size-s)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:kbq-inline-edit-action-buttons-enter 50ms cubic-bezier(0,0,.2,1)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:none;transition:none}}.kbq-inline-edit__panel.kbq-inline-edit__panel_select .kbq-inline-edit__control-container{display:none}.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{box-shadow:var(--kbq-inline-edit-panel-shadow);background-color:var(--kbq-background-bg);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}@keyframes kbq-inline-edit-action-buttons-enter{0%{transform:translateY(100%);opacity:0}}\n", ":where(.kbq-inline-edit,.kbq-inline-edit__panel){--kbq-inline-edit-background: transparent;--kbq-inline-edit-height: calc(var(--kbq-size-3xl) - 2 * var(--kbq-size-border-width));--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-s) - var(--kbq-size-border-width));--kbq-inline-edit-padding-vertical: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-inline-edit-panel-shadow: var(--kbq-shadow-popup);--kbq-inline-edit-label-color: var(--kbq-foreground-contrast-secondary);--kbq-inline-edit-error-background: var(--kbq-background-error-less)}\n"], dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i3.KbqButton, selector: "[kbq-button]", inputs: ["kbqStyle", "disabled", "tabIndex"] }, { kind: "directive", type: i3.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "directive", type: KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqTooltipScrollStrategy", "forDisabledComponent", "ignoreTooltipPointerEvents", "kbqTooltipSingleInstance", "kbqTrigger", "hideWithTimeout", "kbqEnterDelay", "kbqLeaveDelay", "kbqRelativeToPointer", "kbqRelativeToCaret", "kbqRelativeToCaretVertical", "kbqTooltip", "kbqTooltipHeader", "kbqTooltipModifier", "kbqTooltipContext", "kbqTooltipClass", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipArrowCentered", "kbqTooltipOffset", "kbqTooltipDisabled", "kbqPlacementPriority", "kbqPlacement", "kbqVisible"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqInlineEdit, decorators: [{
             type: Component,
@@ -970,7 +987,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                     }, hostDirectives: [
                         CdkMonitorFocus,
                         { directive: KbqLocaleOverridesDirective, inputs: ['kbqLocaleOverrides: localeOverrides'] }
-                    ], exportAs: 'kbqInlineEdit', template: "<div class=\"kbq-inline-edit__focus_container\">\n    <div class=\"cdk-visually-hidden\" role=\"status\" aria-live=\"polite\">{{ saveStatusMessage() }}</div>\n\n    @if (label()) {\n        <div class=\"kbq-inline-edit__label\">\n            <ng-content select=\"kbq-label\" />\n        </div>\n    }\n\n    <div #viewContainer class=\"kbq-inline-edit__view-container\">\n        <div\n            #viewContent\n            class=\"kbq-inline-edit__view-content\"\n            [attr.role]=\"viewContentRole()\"\n            [attr.tabindex]=\"tabIndex()\"\n            [attr.aria-label]=\"viewContentRole() ? accessibleName() : null\"\n            [attr.aria-expanded]=\"viewContentRole() ? isEditMode() : null\"\n            [attr.aria-disabled]=\"viewContentRole() && disabled() ? true : null\"\n        >\n            <ng-content select=\"[kbqInlineEditViewMode]\" />\n        </div>\n\n        @if (hasInteractiveContent() && mode() === 'view' && !disabled()) {\n            <!-- `aria-expanded` is static: the anchor only exists in view mode, so it is never expanded. -->\n            <div\n                #focusAnchor\n                class=\"kbq-inline-edit__focus-anchor cdk-visually-hidden\"\n                aria-expanded=\"false\"\n                role=\"button\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"accessibleName()\"\n                (focus)=\"anchorFocused.set(true)\"\n                (blur)=\"anchorFocused.set(false)\"\n            ></div>\n        }\n\n        @if (menu() && mode() === 'view') {\n            <div class=\"kbq-inline-edit__menu-mask\">\n                <div class=\"kbq-inline-edit__menu-mask-fade\"></div>\n                <div class=\"kbq-inline-edit__menu-mask-container\">\n                    <ng-content select=\"[kbqInlineEditMenu]\" />\n                </div>\n            </div>\n        }\n\n        <ng-template\n            cdkConnectedOverlay\n            cdkConnectedOverlayLockPosition\n            [cdkConnectedOverlayOpen]=\"isEditMode()\"\n            [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n            [cdkConnectedOverlayOffsetY]=\"overlayOffsetY()\"\n            [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n            [cdkConnectedOverlayDisableClose]=\"true\"\n            [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n            [cdkConnectedOverlayPanelClass]=\"overlayPanelClass()\"\n            [cdkConnectedOverlayHasBackdrop]=\"false\"\n            (attach)=\"onAttach()\"\n            (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n            (overlayKeydown)=\"onOverlayKeydown($event)\"\n        >\n            <div\n                #panel\n                class=\"kbq-inline-edit__panel\"\n                cdkTrapFocusAutoCapture\n                [class.kbq-inline-edit__panel_select]=\"isSingleSelect()\"\n                [cdkTrapFocus]=\"false\"\n                (keydown.escape)=\"onPanelEscape($event)\"\n                (keydown.tab)=\"onPanelTab($event, panel, false)\"\n                (keydown.shift.tab)=\"onPanelTab($event, panel, true)\"\n            >\n                <div\n                    class=\"kbq-inline-edit__control-container\"\n                    [kbqTooltipColor]=\"colors.Error\"\n                    [kbqTooltip]=\"validationTooltip() ?? ''\"\n                    [kbqTooltipDisabled]=\"!validationTooltip()\"\n                    [kbqTooltipArrow]=\"false\"\n                    [kbqTrigger]=\"'manual'\"\n                    [kbqPlacement]=\"tooltipPlacement() ?? placements.TopLeft\"\n                    [kbqTooltipScrollStrategy]=\"validationTooltipScrollStrategy\"\n                >\n                    <ng-content select=\"[kbqInlineEditEditMode]\" />\n                </div>\n\n                @if (showActions()) {\n                    <div\n                        animate.enter=\"kbq-inline-edit__action-buttons_enter\"\n                        class=\"kbq-inline-edit__action-buttons\"\n                        role=\"group\"\n                        [class.kbq-animations-disabled]=\"animationsDisabled\"\n                    >\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().save\"\n                                [color]=\"'contrast'\"\n                                (click)=\"save($event)\"\n                            >\n                                <i kbq-icon=\"kbq-check_16\"></i>\n                            </button>\n                        </div>\n\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().cancel\"\n                                [color]=\"'contrast-fade'\"\n                                (click)=\"cancel()\"\n                            >\n                                <i kbq-icon=\"kbq-xmark_16\"></i>\n                            </button>\n                        </div>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-inline-edit{display:flex;position:relative;flex-direction:column;justify-content:center;box-sizing:border-box;border:var(--kbq-size-border-width) solid transparent;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit{padding:var(--kbq-inline-edit-padding-vertical) var(--kbq-inline-edit-padding-horizontal);min-height:var(--kbq-inline-edit-height);background:var(--kbq-inline-edit-background)}.kbq-inline-edit .kbq-inline-edit__view-content:focus,.kbq-inline-edit .kbq-inline-edit__focus-anchor:focus{outline:none}.kbq-inline-edit.cdk-keyboard-focused:not(:has(:focus:not(.kbq-inline-edit__view-content,.kbq-inline-edit__focus-anchor))),.kbq-inline-edit.kbq-inline-edit_anchor-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-transparent-hover);--kbq-mask-background: var(--kbq-states-background-contrast-less-hover);cursor:pointer}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-transparent-active);--kbq-mask-background: var(--kbq-states-background-contrast-less-active)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:hover,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:has(.kbq-inline-edit__menu.kbq-active){--kbq-mask-background: var(--kbq-background-bg)}.kbq-inline-edit .kbq-label{color:var(--kbq-inline-edit-label-color)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error{--kbq-inline-edit-background: var(--kbq-inline-edit-error-background)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-error-less-hover);--kbq-mask-background: var(--kbq-states-background-error-less-hover)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-error-less-active);--kbq-mask-background: var(--kbq-states-background-error-less-active)}.kbq-inline-edit{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)}.kbq-inline-edit:not(.kbq-inline-edit_with-label){--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-m) - var(--kbq-size-border-width))}.kbq-inline-edit.kbq-inline-edit_with-label{padding-top:var(--kbq-inline-edit-padding-vertical);padding-bottom:var(--kbq-inline-edit-padding-vertical)}.kbq-inline-edit.kbq-inline-edit_with-label.kbq-inline-edit_edit .kbq-inline-edit__view-container{position:relative}.kbq-inline-edit.kbq-inline-edit_with-label .kbq-inline-edit__label{margin-bottom:var(--kbq-size-3xs)}.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-container,.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-content{text-overflow:ellipsis}.kbq-inline-edit.kbq-inline-edit_select.kbq-inline-edit_edit{--kbq-inline-edit-background: var(--kbq-states-background-transparent-active)}.kbq-inline-edit:hover .kbq-inline-edit__menu-mask,.kbq-inline-edit.cdk-keyboard-focused .kbq-inline-edit__menu-mask,.kbq-inline-edit.kbq-inline-edit_anchor-focused .kbq-inline-edit__menu-mask{opacity:1}.kbq-inline-edit .kbq-inline-edit__placeholder{color:var(--kbq-foreground-contrast-secondary)}.kbq-inline-edit .kbq-inline-edit__menu-mask{display:flex;position:absolute;top:calc(var(--kbq-size-border-width) * -1);right:calc(var(--kbq-size-border-width) * -1);opacity:0;height:calc(100% + 2 * var(--kbq-size-border-width));justify-content:flex-end;border-top-right-radius:var(--kbq-size-border-radius);border-bottom-right-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit .kbq-inline-edit__menu-mask{corner-shape:squircle;border-top-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2);border-bottom-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit .kbq-inline-edit__menu-mask:has(.kbq-inline-edit__menu.kbq-pressed,.kbq-inline-edit__menu.cdk-keyboard-focused){opacity:1}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-fade{width:32px;background:var(--kbq-mask-background, transparent);-webkit-mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black));mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black))}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-container{display:flex;justify-content:flex-end;min-width:40px;border-radius:inherit;corner-shape:inherit;background:var(--kbq-mask-background, transparent)}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu{display:inline-flex;align-self:flex-start;padding:var(--kbq-size-s);z-index:2}.kbq-inline-edit__panel{width:100%}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons{position:absolute;left:calc(-1 * var(--kbq-inline-edit-padding-horizontal));display:inline-flex;flex-direction:row;gap:var(--kbq-size-xxs);padding:var(--kbq-size-xxs) var(--kbq-size-s) var(--kbq-size-s)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:kbq-inline-edit-action-buttons-enter 50ms cubic-bezier(0,0,.2,1)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:none;transition:none}}.kbq-inline-edit__panel.kbq-inline-edit__panel_select .kbq-inline-edit__control-container{display:none}.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{box-shadow:var(--kbq-inline-edit-panel-shadow);background-color:var(--kbq-background-bg);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}@keyframes kbq-inline-edit-action-buttons-enter{0%{transform:translateY(100%);opacity:0}}\n", ":where(.kbq-inline-edit,.kbq-inline-edit__panel){--kbq-inline-edit-background: transparent;--kbq-inline-edit-height: calc(var(--kbq-size-3xl) - 2 * var(--kbq-size-border-width));--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-s) - var(--kbq-size-border-width));--kbq-inline-edit-padding-vertical: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-inline-edit-panel-shadow: var(--kbq-shadow-popup);--kbq-inline-edit-label-color: var(--kbq-foreground-contrast-secondary);--kbq-inline-edit-error-background: var(--kbq-background-error-less)}\n"] }]
+                    ], exportAs: 'kbqInlineEdit', template: "<div class=\"kbq-inline-edit__focus_container\">\n    <div class=\"cdk-visually-hidden\" role=\"status\" aria-live=\"polite\">{{ saveStatusMessage() }}</div>\n\n    @if (label()) {\n        <div class=\"kbq-inline-edit__label\">\n            <ng-content select=\"kbq-label\" />\n        </div>\n    }\n\n    <div #viewContainer class=\"kbq-inline-edit__view-container\">\n        <div\n            #viewContent\n            class=\"kbq-inline-edit__view-content\"\n            [attr.role]=\"viewContentRole()\"\n            [attr.tabindex]=\"tabIndex()\"\n            [attr.aria-label]=\"viewContentRole() ? accessibleName() : null\"\n            [attr.aria-expanded]=\"viewContentRole() ? isEditMode() : null\"\n            [attr.aria-disabled]=\"viewContentRole() && disabled() ? true : null\"\n        >\n            <ng-content select=\"[kbqInlineEditViewMode]\" />\n        </div>\n\n        @if (hasInteractiveContent() && mode() === 'view' && !disabled()) {\n            <!-- `aria-expanded` is static: the anchor only exists in view mode, so it is never expanded. -->\n            <div\n                #focusAnchor\n                class=\"kbq-inline-edit__focus-anchor cdk-visually-hidden\"\n                aria-expanded=\"false\"\n                role=\"button\"\n                tabindex=\"0\"\n                [attr.aria-label]=\"accessibleName()\"\n                (focus)=\"anchorFocused.set(true)\"\n                (blur)=\"anchorFocused.set(false)\"\n            ></div>\n        }\n\n        @if (menu() && mode() === 'view') {\n            <div class=\"kbq-inline-edit__menu-mask\">\n                <div class=\"kbq-inline-edit__menu-mask-fade\"></div>\n                <div class=\"kbq-inline-edit__menu-mask-container\">\n                    <ng-content select=\"[kbqInlineEditMenu]\" />\n                </div>\n            </div>\n        }\n\n        <ng-template\n            cdkConnectedOverlay\n            cdkConnectedOverlayLockPosition\n            [cdkConnectedOverlayOpen]=\"isEditMode()\"\n            [cdkConnectedOverlayOrigin]=\"overlayOrigin()\"\n            [cdkConnectedOverlayPositions]=\"overlayPositions\"\n            [cdkConnectedOverlayOffsetY]=\"overlayOffsetY()\"\n            [cdkConnectedOverlayWidth]=\"overlayWidth()\"\n            [cdkConnectedOverlayPush]=\"false\"\n            [cdkConnectedOverlayDisableClose]=\"true\"\n            [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n            [cdkConnectedOverlayPanelClass]=\"overlayPanelClass()\"\n            [cdkConnectedOverlayHasBackdrop]=\"false\"\n            (attach)=\"onAttach()\"\n            (overlayOutsideClick)=\"onOverlayOutsideClick($event)\"\n            (overlayKeydown)=\"onOverlayKeydown($event)\"\n        >\n            <div\n                #panel\n                class=\"kbq-inline-edit__panel\"\n                cdkTrapFocusAutoCapture\n                [class.kbq-inline-edit__panel_select]=\"isSingleSelect()\"\n                [cdkTrapFocus]=\"false\"\n                (keydown.escape)=\"onPanelEscape($event)\"\n                (keydown.tab)=\"onPanelTab($event, panel, false)\"\n                (keydown.shift.tab)=\"onPanelTab($event, panel, true)\"\n            >\n                <div\n                    class=\"kbq-inline-edit__control-container\"\n                    [kbqTooltipColor]=\"colors.Error\"\n                    [kbqTooltip]=\"validationTooltip() ?? ''\"\n                    [kbqTooltipDisabled]=\"!validationTooltip()\"\n                    [kbqTooltipArrow]=\"false\"\n                    [kbqTrigger]=\"'manual'\"\n                    [kbqPlacement]=\"tooltipPlacement() ?? placements.TopLeft\"\n                    [kbqTooltipScrollStrategy]=\"validationTooltipScrollStrategy\"\n                >\n                    <ng-content select=\"[kbqInlineEditEditMode]\" />\n                </div>\n\n                @if (showActions()) {\n                    <div\n                        animate.enter=\"kbq-inline-edit__action-buttons_enter\"\n                        class=\"kbq-inline-edit__action-buttons\"\n                        role=\"group\"\n                        [class.kbq-animations-disabled]=\"animationsDisabled\"\n                    >\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().save\"\n                                [color]=\"'contrast'\"\n                                (click)=\"save($event)\"\n                            >\n                                <i kbq-icon=\"kbq-check_16\"></i>\n                            </button>\n                        </div>\n\n                        <div class=\"kbq-inline-edit__action-button\">\n                            <button\n                                kbq-button\n                                [attr.aria-label]=\"a11yLocaleConfiguration().cancel\"\n                                [color]=\"'contrast-fade'\"\n                                (click)=\"cancel()\"\n                            >\n                                <i kbq-icon=\"kbq-xmark_16\"></i>\n                            </button>\n                        </div>\n                    </div>\n                }\n            </div>\n        </ng-template>\n    </div>\n</div>\n", styles: ["@charset \"UTF-8\";.kbq-inline-edit{display:flex;position:relative;flex-direction:column;justify-content:center;box-sizing:border-box;border:var(--kbq-size-border-width) solid transparent;border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit{padding:var(--kbq-inline-edit-padding-vertical) var(--kbq-inline-edit-padding-horizontal);min-height:var(--kbq-inline-edit-height);background:var(--kbq-inline-edit-background)}.kbq-inline-edit .kbq-inline-edit__view-content:focus,.kbq-inline-edit .kbq-inline-edit__focus-anchor:focus{outline:none}.kbq-inline-edit.cdk-keyboard-focused:not(:has(:focus:not(.kbq-inline-edit__view-content,.kbq-inline-edit__focus-anchor))),.kbq-inline-edit.kbq-inline-edit_anchor-focused{box-shadow:inset 0 0 .1px 1px var(--kbq-states-line-focus-theme);border-color:var(--kbq-states-line-focus-theme)}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-transparent-hover);--kbq-mask-background: var(--kbq-states-background-contrast-less-hover);cursor:pointer}.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-transparent-active);--kbq-mask-background: var(--kbq-states-background-contrast-less-active)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:hover,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_disabled:has(.kbq-inline-edit__menu.kbq-active){--kbq-mask-background: var(--kbq-background-bg)}.kbq-inline-edit .kbq-label{color:var(--kbq-inline-edit-label-color)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error{--kbq-inline-edit-background: var(--kbq-inline-edit-error-background)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):hover{--kbq-inline-edit-background: var(--kbq-states-background-error-less-hover);--kbq-mask-background: var(--kbq-states-background-error-less-hover)}.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):active,.kbq-inline-edit.kbq-inline-edit_view.kbq-inline-edit_save-error:not(.kbq-inline-edit_disabled):has(.kbq-inline-edit__menu.kbq-active){--kbq-inline-edit-background: var(--kbq-states-background-error-less-active);--kbq-mask-background: var(--kbq-states-background-error-less-active)}.kbq-inline-edit{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)}.kbq-inline-edit:not(.kbq-inline-edit_with-label){--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-m) - var(--kbq-size-border-width))}.kbq-inline-edit.kbq-inline-edit_with-label{padding-top:var(--kbq-inline-edit-padding-vertical);padding-bottom:var(--kbq-inline-edit-padding-vertical)}.kbq-inline-edit.kbq-inline-edit_with-label.kbq-inline-edit_edit .kbq-inline-edit__view-container{position:relative}.kbq-inline-edit.kbq-inline-edit_with-label .kbq-inline-edit__label{margin-bottom:var(--kbq-size-3xs)}.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-container,.kbq-inline-edit.kbq-inline-edit_view .kbq-inline-edit__view-content{text-overflow:ellipsis}.kbq-inline-edit.kbq-inline-edit_select.kbq-inline-edit_edit{--kbq-inline-edit-background: var(--kbq-states-background-transparent-active)}.kbq-inline-edit:hover .kbq-inline-edit__menu-mask,.kbq-inline-edit.cdk-keyboard-focused .kbq-inline-edit__menu-mask,.kbq-inline-edit.kbq-inline-edit_anchor-focused .kbq-inline-edit__menu-mask{opacity:1}.kbq-inline-edit .kbq-inline-edit__placeholder{color:var(--kbq-foreground-contrast-secondary)}.kbq-inline-edit .kbq-inline-edit__menu-mask{display:flex;position:absolute;top:calc(var(--kbq-size-border-width) * -1);right:calc(var(--kbq-size-border-width) * -1);opacity:0;height:calc(100% + 2 * var(--kbq-size-border-width));justify-content:flex-end;border-top-right-radius:var(--kbq-size-border-radius);border-bottom-right-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit .kbq-inline-edit__menu-mask{corner-shape:squircle;border-top-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2);border-bottom-right-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}.kbq-inline-edit .kbq-inline-edit__menu-mask:has(.kbq-inline-edit__menu.kbq-pressed,.kbq-inline-edit__menu.cdk-keyboard-focused){opacity:1}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-fade{width:32px;background:var(--kbq-mask-background, transparent);-webkit-mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black));mask-image:linear-gradient(90deg,transparent,var(--kbq-plt-black))}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu-mask-container{display:flex;justify-content:flex-end;min-width:40px;border-radius:inherit;corner-shape:inherit;background:var(--kbq-mask-background, transparent)}.kbq-inline-edit .kbq-inline-edit__menu-mask .kbq-inline-edit__menu{display:inline-flex;align-self:flex-start;padding:var(--kbq-size-s);z-index:2}.kbq-inline-edit__panel{width:100%}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons{position:absolute;left:calc(-1 * var(--kbq-inline-edit-padding-horizontal));display:inline-flex;flex-direction:row;gap:var(--kbq-size-xxs);padding:var(--kbq-size-xxs) var(--kbq-size-s) var(--kbq-size-s)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:kbq-inline-edit-action-buttons-enter 50ms cubic-bezier(0,0,.2,1)}.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-inline-edit__panel .kbq-inline-edit__action-buttons_enter{animation:none;transition:none}}.kbq-inline-edit__panel.kbq-inline-edit__panel_select .kbq-inline-edit__control-container{display:none}.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{box-shadow:var(--kbq-inline-edit-panel-shadow);background-color:var(--kbq-background-bg);border-radius:var(--kbq-size-border-radius)}@supports (corner-shape: squircle){.kbq-inline-edit__panel .kbq-inline-edit__control-container,.kbq-inline-edit__panel .kbq-inline-edit__action-button{corner-shape:squircle;border-radius:clamp(var(--kbq-size-border-radius) * 1.85,var(--kbq-size-border-radius) * 2.3 - 3.6px,var(--kbq-size-border-radius) * 2)}}@keyframes kbq-inline-edit-action-buttons-enter{0%{transform:translateY(100%);opacity:0}}\n", ":where(.kbq-inline-edit,.kbq-inline-edit__panel){--kbq-inline-edit-background: transparent;--kbq-inline-edit-height: calc(var(--kbq-size-3xl) - 2 * var(--kbq-size-border-width));--kbq-inline-edit-padding-horizontal: calc(var(--kbq-size-s) - var(--kbq-size-border-width));--kbq-inline-edit-padding-vertical: calc(var(--kbq-size-xs) - var(--kbq-size-border-width));--kbq-inline-edit-panel-shadow: var(--kbq-shadow-popup);--kbq-inline-edit-label-color: var(--kbq-foreground-contrast-secondary);--kbq-inline-edit-error-background: var(--kbq-background-error-less)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], showTooltipOnError: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltipOnError", required: false }] }], validationTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationTooltip", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], editModeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "editModeWidth", required: false }] }], tooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPlacement", required: false }] }], overlayPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlayPanelClass", required: false }] }], getValueHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "getValueHandler", required: false }] }], setValueHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "setValueHandler", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], saveHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveHandler", required: false }] }], saveErrorHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveErrorHandler", required: false }] }], canSaveOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSaveOnEnter", required: false }] }], interactiveSelectors: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactiveSelectors", required: false }] }], saved: [{ type: i0.Output, args: ["saved"] }], canceled: [{ type: i0.Output, args: ["canceled"] }], saveError: [{ type: i0.Output, args: ["saveError"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], menu: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqInlineEditMenu), { isSignal: true }] }], label: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqLabel), { isSignal: true }] }], formFieldRefList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqFormField), { ...{ descendants: true }, isSignal: true }] }], selectRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelect), { ...{ descendants: true }, isSignal: true }] }], tooltipTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqTooltipTrigger), { isSignal: true }] }], viewContainer: [{ type: i0.ViewChild, args: ['viewContainer', { isSignal: true }] }], viewContent: [{ type: i0.ViewChild, args: ['viewContent', { isSignal: true }] }], focusAnchor: [{ type: i0.ViewChild, args: ['focusAnchor', { isSignal: true }] }], overlayDir: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }] } });
 
 const COMPONENTS = [