@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-dynamic-translation.mjs

@@ -10,16 +10,16 @@ class KbqDynamicTranslationSlot {
         /**
          * The name of the dynamic translation slot.
          */
-        this.name = input.required(...(ngDevMode ? [{ debugName: "name", alias: 'kbqDynamicTranslationSlot' }] : [{ alias: 'kbqDynamicTranslationSlot' }]));
+        this.name = input.required({ ...(ngDevMode ? { debugName: "name" } : /* istanbul ignore next */ {}), alias: 'kbqDynamicTranslationSlot' });
         /**
          * @docs-private
          */
         this.templateRef = inject(TemplateRef);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqDynamicTranslationSlot, isStandalone: true, selector: "[kbqDynamicTranslationSlot]", inputs: { name: { classPropertyName: "name", publicName: "kbqDynamicTranslationSlot", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqDynamicTranslationSlot, isStandalone: true, selector: "[kbqDynamicTranslationSlot]", inputs: { name: { classPropertyName: "name", publicName: "kbqDynamicTranslationSlot", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationSlot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationSlot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqDynamicTranslationSlot]'
@@ -30,15 +30,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
  */
 class KbqDynamicTranslation {
     constructor() {
-        this.slots = contentChildren(KbqDynamicTranslationSlot, ...(ngDevMode ? [{ debugName: "slots" }] : []));
+        this.slots = contentChildren(KbqDynamicTranslationSlot, ...(ngDevMode ? [{ debugName: "slots" }] : /* istanbul ignore next */ []));
         /**
          * The text which will be translated.
          */
-        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
+        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
         /**
          * @docs-private
          */
-        this.parsedSlots = computed(() => this.parseSlots(this.text(), this.slots()), ...(ngDevMode ? [{ debugName: "parsedSlots" }] : []));
+        this.parsedSlots = computed(() => this.parseSlots(this.text(), this.slots()), ...(ngDevMode ? [{ debugName: "parsedSlots" }] : /* istanbul ignore next */ []));
     }
     parseSlots(text, slots) {
         const slotTemplatesByName = slots.reduce((map, { name, templateRef }) => {
@@ -71,8 +71,8 @@ class KbqDynamicTranslation {
         }
         return parsedSlots;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqDynamicTranslation, isStandalone: true, selector: "kbq-dynamic-translation", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "slots", predicate: KbqDynamicTranslationSlot, isSignal: true }], ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqDynamicTranslation, isStandalone: true, selector: "kbq-dynamic-translation", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, queries: [{ propertyName: "slots", predicate: KbqDynamicTranslationSlot, isSignal: true }], ngImport: i0, template: `
         @for (slot of parsedSlots(); track $index) {
             @switch (slot.type) {
                 @case ('slot') {
@@ -85,7 +85,7 @@ class KbqDynamicTranslation {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslation, decorators: [{
             type: Component,
             args: [{
                     selector: 'kbq-dynamic-translation',
@@ -111,10 +111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
 class KbqDynamicTranslationHelper {
     constructor() {
         this.renderer = inject(Renderer2);
-        this.replaceableSlotContainers = viewChildren('replaceableSlotContainer', ...(ngDevMode ? [{ debugName: "replaceableSlotContainers" }] : []));
+        this.replaceableSlotContainers = viewChildren('replaceableSlotContainer', ...(ngDevMode ? [{ debugName: "replaceableSlotContainers" }] : /* istanbul ignore next */ []));
         this.slotsByName = new Map();
-        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
-        this.slots = input.required(...(ngDevMode ? [{ debugName: "slots" }] : []));
+        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        this.slots = input.required(...(ngDevMode ? [{ debugName: "slots" }] : /* istanbul ignore next */ []));
         effect(() => {
             this.slotsByName.clear();
             this.slots().forEach((slot) => this.slotsByName.set(slot.name, slot));
@@ -134,8 +134,8 @@ class KbqDynamicTranslationHelper {
             nativeElement.replaceWith(elementToRender);
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationHelper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqDynamicTranslationHelper, isStandalone: true, selector: "kbq-dynamic-translation-with-dynamic-component-creation", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, slots: { classPropertyName: "slots", publicName: "slots", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "replaceableSlotContainers", predicate: ["replaceableSlotContainer"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationHelper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqDynamicTranslationHelper, isStandalone: true, selector: "kbq-dynamic-translation-with-dynamic-component-creation", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, slots: { classPropertyName: "slots", publicName: "slots", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "replaceableSlotContainers", predicate: ["replaceableSlotContainer"], descendants: true, isSignal: true }], ngImport: i0, template: `
         <kbq-dynamic-translation [text]="text()">
             @for (slot of slots(); track $index) {
                 <ng-container *kbqDynamicTranslationSlot="slot.name; let content">
@@ -149,7 +149,7 @@ class KbqDynamicTranslationHelper {
         </kbq-dynamic-translation>
     `, isInline: true, dependencies: [{ kind: "component", type: KbqDynamicTranslation, selector: "kbq-dynamic-translation", inputs: ["text"] }, { kind: "directive", type: KbqDynamicTranslationSlot, selector: "[kbqDynamicTranslationSlot]", inputs: ["kbqDynamicTranslationSlot"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationHelper, decorators: [{
             type: Component,
             args: [{
                     selector: 'kbq-dynamic-translation-with-dynamic-component-creation',
@@ -177,15 +177,15 @@ const COMPONENTS = [
     KbqDynamicTranslation
 ];
 class KbqDynamicTranslationModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationModule, imports: [KbqDynamicTranslationSlot,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationModule, imports: [KbqDynamicTranslationSlot,
             KbqDynamicTranslationHelper,
             KbqDynamicTranslation], exports: [KbqDynamicTranslationSlot,
             KbqDynamicTranslationHelper,
             KbqDynamicTranslation] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqDynamicTranslationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqDynamicTranslationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS,

package/fesm2022/koobiq-components-dynamic-translation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-dynamic-translation.mjs","sources":["../../../packages/components/dynamic-translation/dynamic-translation.ts","../../../packages/components/dynamic-translation/module.ts","../../../packages/components/dynamic-translation/koobiq-components-dynamic-translation.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n    afterNextRender,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    Renderer2,\n    Signal,\n    TemplateRef,\n    viewChildren\n} from '@angular/core';\n\n/**\n * @docs-private\n */\ntype KbqDynamicTranslationParsedSlot = {\n    type: 'text' | 'slot';\n    template: TemplateRef<unknown> | null;\n    context?: { $implicit: unknown };\n    text?: string;\n};\n\n/**\n * @docs-private\n */\nexport interface KbqDynamicTranslationHelperSlot {\n    name: string;\n    tag: string;\n    attributes?: { key: string; value: string }[];\n    content?: string;\n}\n\n/**\n * Directive for defining a dynamic translation slot.\n */\n@Directive({\n    selector: '[kbqDynamicTranslationSlot]'\n})\nexport class KbqDynamicTranslationSlot {\n    /**\n     * The name of the dynamic translation slot.\n     */\n    readonly name = input.required<string>({ alias: 'kbqDynamicTranslationSlot' });\n\n    /**\n     * @docs-private\n     */\n    readonly templateRef = inject(TemplateRef);\n}\n\n/**\n * Component for dynamic translation.\n */\n@Component({\n    selector: 'kbq-dynamic-translation',\n    imports: [NgTemplateOutlet],\n    template: `\n        @for (slot of parsedSlots(); track $index) {\n            @switch (slot.type) {\n                @case ('slot') {\n                    <ng-container *ngTemplateOutlet=\"slot.template; context: slot.context\" />\n                }\n                @default {\n                    <ng-container>{{ slot.text }}</ng-container>\n                }\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqDynamicTranslation {\n    private readonly slots = contentChildren(KbqDynamicTranslationSlot);\n\n    /**\n     * The text which will be translated.\n     */\n    readonly text = input.required<string>();\n\n    /**\n     * @docs-private\n     */\n    protected readonly parsedSlots: Signal<KbqDynamicTranslationParsedSlot[]> = computed(() =>\n        this.parseSlots(this.text(), this.slots())\n    );\n\n    private parseSlots(\n        text: string,\n        slots: ReadonlyArray<KbqDynamicTranslationSlot>\n    ): KbqDynamicTranslationParsedSlot[] {\n        const slotTemplatesByName = slots.reduce<Record<string, TemplateRef<unknown>>>((map, { name, templateRef }) => {\n            const slotName = name();\n\n            if (slotName) map[slotName] = templateRef;\n\n            return map;\n        }, {});\n        const parsedSlots: KbqDynamicTranslationParsedSlot[] = [];\n        const slotSelector = new RegExp(`\\\\[\\\\[(${Object.keys(slotTemplatesByName).join('|')})(?::(.+?))?\\\\]\\\\]`, 'g');\n        let match: RegExpExecArray | null;\n        let lastIndex = 0;\n\n        while ((match = slotSelector.exec(text)) !== null) {\n            const [slotMatch, slotName, slotText] = match;\n            const [listMatch, listString] = new RegExp('^\\\\((.*?)\\\\)$', 'g').exec(slotText) ?? [];\n            const textBeforeSlot = text.substring(lastIndex, +match.index);\n\n            if (textBeforeSlot) {\n                parsedSlots.push({ type: 'text', text: textBeforeSlot, template: null });\n            }\n\n            parsedSlots.push({\n                type: 'slot',\n                template: slotTemplatesByName[slotName] || null,\n                context: { $implicit: listMatch && listString ? listString.split(',') : slotText }\n            });\n\n            lastIndex = match.index + slotMatch.length;\n        }\n\n        const textAfterLastSlot = text.substring(lastIndex);\n\n        if (textAfterLastSlot) {\n            parsedSlots.push({ type: 'text', text: textAfterLastSlot, template: null });\n        }\n\n        return parsedSlots;\n    }\n}\n\n/**\n * @docs-private\n */\n@Component({\n    selector: 'kbq-dynamic-translation-with-dynamic-component-creation',\n    imports: [KbqDynamicTranslation, KbqDynamicTranslationSlot],\n    template: `\n        <kbq-dynamic-translation [text]=\"text()\">\n            @for (slot of slots(); track $index) {\n                <ng-container *kbqDynamicTranslationSlot=\"slot.name; let content\">\n                    <span\n                        #replaceableSlotContainer\n                        [attr.data-slot-name]=\"slot.name\"\n                        [attr.data-slot-content]=\"slot.content || content\"\n                    ></span>\n                </ng-container>\n            }\n        </kbq-dynamic-translation>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqDynamicTranslationHelper {\n    private readonly renderer = inject(Renderer2);\n    private readonly replaceableSlotContainers = viewChildren<ElementRef<HTMLElement>>('replaceableSlotContainer');\n    private readonly slotsByName = new Map<string, KbqDynamicTranslationHelperSlot>();\n\n    readonly text = input.required<string>();\n\n    readonly slots = input.required<KbqDynamicTranslationHelperSlot[]>();\n\n    constructor() {\n        effect(() => {\n            this.slotsByName.clear();\n            this.slots().forEach((slot) => this.slotsByName.set(slot.name, slot));\n        });\n\n        afterNextRender(() => {\n            this.replaceSlots();\n        });\n    }\n\n    private replaceSlots(): void {\n        this.replaceableSlotContainers().forEach(({ nativeElement }: ElementRef<HTMLElement>) => {\n            const slotName = nativeElement.getAttribute('data-slot-name')!;\n            const slotContent = nativeElement.getAttribute('data-slot-content')!;\n            const { tag, attributes } = this.slotsByName.get(slotName)!;\n            const elementToRender = this.renderer.createElement(tag);\n\n            this.renderer.appendChild(elementToRender, this.renderer.createText(slotContent));\n\n            attributes?.forEach(({ key, value }) => this.renderer.setAttribute(elementToRender, key, value));\n\n            nativeElement.replaceWith(elementToRender);\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqDynamicTranslation, KbqDynamicTranslationHelper, KbqDynamicTranslationSlot } from './dynamic-translation';\n\nconst COMPONENTS = [\n    KbqDynamicTranslationSlot,\n    KbqDynamicTranslationHelper,\n    KbqDynamicTranslation\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqDynamicTranslationModule {}\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-dynamic-translation.mjs","sources":["../../../packages/components/dynamic-translation/dynamic-translation.ts","../../../packages/components/dynamic-translation/module.ts","../../../packages/components/dynamic-translation/koobiq-components-dynamic-translation.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n    afterNextRender,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChildren,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    Renderer2,\n    Signal,\n    TemplateRef,\n    viewChildren\n} from '@angular/core';\n\n/**\n * @docs-private\n */\ntype KbqDynamicTranslationParsedSlot = {\n    type: 'text' | 'slot';\n    template: TemplateRef<unknown> | null;\n    context?: { $implicit: unknown };\n    text?: string;\n};\n\n/**\n * @docs-private\n */\nexport interface KbqDynamicTranslationHelperSlot {\n    name: string;\n    tag: string;\n    attributes?: { key: string; value: string }[];\n    content?: string;\n}\n\n/**\n * Directive for defining a dynamic translation slot.\n */\n@Directive({\n    selector: '[kbqDynamicTranslationSlot]'\n})\nexport class KbqDynamicTranslationSlot {\n    /**\n     * The name of the dynamic translation slot.\n     */\n    readonly name = input.required<string>({ alias: 'kbqDynamicTranslationSlot' });\n\n    /**\n     * @docs-private\n     */\n    readonly templateRef = inject(TemplateRef);\n}\n\n/**\n * Component for dynamic translation.\n */\n@Component({\n    selector: 'kbq-dynamic-translation',\n    imports: [NgTemplateOutlet],\n    template: `\n        @for (slot of parsedSlots(); track $index) {\n            @switch (slot.type) {\n                @case ('slot') {\n                    <ng-container *ngTemplateOutlet=\"slot.template; context: slot.context\" />\n                }\n                @default {\n                    <ng-container>{{ slot.text }}</ng-container>\n                }\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqDynamicTranslation {\n    private readonly slots = contentChildren(KbqDynamicTranslationSlot);\n\n    /**\n     * The text which will be translated.\n     */\n    readonly text = input.required<string>();\n\n    /**\n     * @docs-private\n     */\n    protected readonly parsedSlots: Signal<KbqDynamicTranslationParsedSlot[]> = computed(() =>\n        this.parseSlots(this.text(), this.slots())\n    );\n\n    private parseSlots(\n        text: string,\n        slots: ReadonlyArray<KbqDynamicTranslationSlot>\n    ): KbqDynamicTranslationParsedSlot[] {\n        const slotTemplatesByName = slots.reduce<Record<string, TemplateRef<unknown>>>((map, { name, templateRef }) => {\n            const slotName = name();\n\n            if (slotName) map[slotName] = templateRef;\n\n            return map;\n        }, {});\n        const parsedSlots: KbqDynamicTranslationParsedSlot[] = [];\n        const slotSelector = new RegExp(`\\\\[\\\\[(${Object.keys(slotTemplatesByName).join('|')})(?::(.+?))?\\\\]\\\\]`, 'g');\n        let match: RegExpExecArray | null;\n        let lastIndex = 0;\n\n        while ((match = slotSelector.exec(text)) !== null) {\n            const [slotMatch, slotName, slotText] = match;\n            const [listMatch, listString] = new RegExp('^\\\\((.*?)\\\\)$', 'g').exec(slotText) ?? [];\n            const textBeforeSlot = text.substring(lastIndex, +match.index);\n\n            if (textBeforeSlot) {\n                parsedSlots.push({ type: 'text', text: textBeforeSlot, template: null });\n            }\n\n            parsedSlots.push({\n                type: 'slot',\n                template: slotTemplatesByName[slotName] || null,\n                context: { $implicit: listMatch && listString ? listString.split(',') : slotText }\n            });\n\n            lastIndex = match.index + slotMatch.length;\n        }\n\n        const textAfterLastSlot = text.substring(lastIndex);\n\n        if (textAfterLastSlot) {\n            parsedSlots.push({ type: 'text', text: textAfterLastSlot, template: null });\n        }\n\n        return parsedSlots;\n    }\n}\n\n/**\n * @docs-private\n */\n@Component({\n    selector: 'kbq-dynamic-translation-with-dynamic-component-creation',\n    imports: [KbqDynamicTranslation, KbqDynamicTranslationSlot],\n    template: `\n        <kbq-dynamic-translation [text]=\"text()\">\n            @for (slot of slots(); track $index) {\n                <ng-container *kbqDynamicTranslationSlot=\"slot.name; let content\">\n                    <span\n                        #replaceableSlotContainer\n                        [attr.data-slot-name]=\"slot.name\"\n                        [attr.data-slot-content]=\"slot.content || content\"\n                    ></span>\n                </ng-container>\n            }\n        </kbq-dynamic-translation>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class KbqDynamicTranslationHelper {\n    private readonly renderer = inject(Renderer2);\n    private readonly replaceableSlotContainers = viewChildren<ElementRef<HTMLElement>>('replaceableSlotContainer');\n    private readonly slotsByName = new Map<string, KbqDynamicTranslationHelperSlot>();\n\n    readonly text = input.required<string>();\n\n    readonly slots = input.required<KbqDynamicTranslationHelperSlot[]>();\n\n    constructor() {\n        effect(() => {\n            this.slotsByName.clear();\n            this.slots().forEach((slot) => this.slotsByName.set(slot.name, slot));\n        });\n\n        afterNextRender(() => {\n            this.replaceSlots();\n        });\n    }\n\n    private replaceSlots(): void {\n        this.replaceableSlotContainers().forEach(({ nativeElement }: ElementRef<HTMLElement>) => {\n            const slotName = nativeElement.getAttribute('data-slot-name')!;\n            const slotContent = nativeElement.getAttribute('data-slot-content')!;\n            const { tag, attributes } = this.slotsByName.get(slotName)!;\n            const elementToRender = this.renderer.createElement(tag);\n\n            this.renderer.appendChild(elementToRender, this.renderer.createText(slotContent));\n\n            attributes?.forEach(({ key, value }) => this.renderer.setAttribute(elementToRender, key, value));\n\n            nativeElement.replaceWith(elementToRender);\n        });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqDynamicTranslation, KbqDynamicTranslationHelper, KbqDynamicTranslationSlot } from './dynamic-translation';\n\nconst COMPONENTS = [\n    KbqDynamicTranslationSlot,\n    KbqDynamicTranslationHelper,\n    KbqDynamicTranslation\n];\n\n@NgModule({\n    imports: COMPONENTS,\n    exports: COMPONENTS\n})\nexport class KbqDynamicTranslationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-ellipsis-center.mjs

@@ -1,37 +1,46 @@
 import { SharedResizeObserver } from '@angular/cdk/observers/private';
 import { _CdkPrivateStyleLoader } from '@angular/cdk/private';
 import * as i0 from '@angular/core';
-import { ViewEncapsulation, Component, inject, ChangeDetectorRef, input, numberAttribute, Input, Directive, NgModule } from '@angular/core';
+import { ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ChangeDetectorRef, input, numberAttribute, Directive, NgModule } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import { Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 
 /**
  * Component used to load the `.kbq-ellipsis-center` styles.
  */
 class EllipsisCenterStyleLoader {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: EllipsisCenterStyleLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", type: EllipsisCenterStyleLoader, isStandalone: true, selector: "ellipsis-center-style-loader", ngImport: i0, template: '', isInline: true, styles: [".kbq-ellipsis-center{position:relative;display:flex;max-width:100%;min-width:0;overflow:hidden}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-start{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:pre}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-end{flex:1 0 auto;overflow:hidden;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EllipsisCenterStyleLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: EllipsisCenterStyleLoader, isStandalone: true, selector: "ellipsis-center-style-loader", ngImport: i0, template: '', isInline: true, styles: [".kbq-ellipsis-center{position:relative;display:flex;max-width:100%;min-width:0;overflow:hidden}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-start{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:pre}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-end{flex:1 0 auto;overflow:hidden;white-space:pre}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: EllipsisCenterStyleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: EllipsisCenterStyleLoader, decorators: [{
             type: Component,
-            args: [{ selector: 'ellipsis-center-style-loader', template: '', encapsulation: ViewEncapsulation.None, styles: [".kbq-ellipsis-center{position:relative;display:flex;max-width:100%;min-width:0;overflow:hidden}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-start{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:pre}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-end{flex:1 0 auto;overflow:hidden;white-space:pre}\n"] }]
+            args: [{ selector: 'ellipsis-center-style-loader', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".kbq-ellipsis-center{position:relative;display:flex;max-width:100%;min-width:0;overflow:hidden}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-start{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:pre}.kbq-ellipsis-center .kbq-ellipsis-center_data-text-end{flex:1 0 auto;overflow:hidden;white-space:pre}\n"] }]
         }] });
 /**
  * Renders text as two spans and moves the ellipsis into the middle, so the tail — a file extension, the
  * digits that tell two reports apart — stays readable when the host is too narrow for the whole string. A
  * tooltip spells out the full text, and is enabled only while something is actually hidden.
+ *
+ * The tooltip's `forDisabledComponent` is not for this host and should not be bound on it: the hint always
+ * repeats the text this directive shortened, never an explanation of why a wrapped control is unavailable,
+ * and the two derive the same state, so they would overwrite each other. Overflow is the only state the
+ * directive derives, and `kbqTooltipDisabled` is how a consumer suppresses the hint.
  */
 class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     set kbqEllipsisCenter(value) {
         this._kbqEllipsisCenter = value;
         this.refresh();
         // check the view to properly calculate text-start and text-end on text initialized
         this.cdr.detectChanges();
     }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        // A bound input is handed to its member; unbound, it leaves what code wrote.
+        // A bound `undefined` clears the text.
+        if (changes['kbqEllipsisCenterInput'])
+            this.kbqEllipsisCenter = this.kbqEllipsisCenterInput() ?? '';
+    }
     constructor() {
         super();
         this.cdr = inject(ChangeDetectorRef);
@@ -44,6 +53,19 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
         this.resizeObserver = inject(SharedResizeObserver);
         /** The two spans this directive renders have no styles of their own until this is loaded. */
         this.styleLoader = inject(_CdkPrivateStyleLoader);
+        /**
+         * Overrides the tooltip's hoverable default, as `KbqOptionTooltip` does. The hint spells out text that
+         * the directive had to truncate, so it floats over the neighbouring content — and a pointer-capturing
+         * pane would swallow the clicks meant for it.
+         */
+        this.ignoreTooltipPointerEvents = input(true, ...(ngDevMode ? [{ debugName: "ignoreTooltipPointerEvents" }] : /* istanbul ignore next */ []));
+        /**
+         * The hint spells out what the split hid, so `kbqTooltipDisabled="false"` cannot conjure one for a name
+         * that fits.
+         *
+         * @docs-private
+         */
+        this.derivedDisabledWins = true;
         /**
          * Shortest text worth splitting in the middle. Anything below it keeps its natural order and is cut off
          * at the end by the host's own `text-overflow`.
@@ -52,24 +74,19 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
          * done: the input was declared but never read, so any other default would silently end-truncate labels
          * that consumers expect to see split.
          */
-        this.minVisibleLength = input(0, ...(ngDevMode ? [{ debugName: "minVisibleLength" }] : []));
+        this.minVisibleLength = input(0, ...(ngDevMode ? [{ debugName: "minVisibleLength" }] : /* istanbul ignore next */ []));
         /**
          * Lower bound, in pixels, for the average glyph width used to decide how many characters fit in the
          * tail. The rendered text is measured as well and the wider of the two wins, so an underestimate here
          * can no longer push the extension out of the tail — raising it only shortens the tail further.
          */
-        this.charWidth = input(7, ...(ngDevMode ? [{ debugName: "charWidth" }] : []));
+        this.charWidth = input(7, ...(ngDevMode ? [{ debugName: "charWidth" }] : /* istanbul ignore next */ []));
         /**
-         * Debounce time (ms) for resize events before recalculating ellipsis position.
-         * @default 50
+         * Debounce time (ms) for resize events before recalculating ellipsis position. Defaults to `50`.
          */
-        this.debounceInterval = input(50, ...(ngDevMode ? [{ debugName: "debounceInterval", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-        /**
-         * @deprecated No longer read. Resizes now come from the shared `ResizeObserver`, which also catches the
-         * container-only ones a `window:resize` listener cannot see; the host listener that used to feed this
-         * subject is gone, and nothing subscribes to it. Kept as a no-op and removed in the next major version.
-         * @docs-private */
-        this.resizeStream = new Subject();
+        this.debounceInterval = input(50, { ...(ngDevMode ? { debugName: "debounceInterval" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        /** @docs-private */
+        this.kbqEllipsisCenterInput = input(undefined, { ...(ngDevMode ? { debugName: "kbqEllipsisCenterInput" } : /* istanbul ignore next */ {}), alias: 'kbqEllipsisCenter' });
         this.styleLoader.load(EllipsisCenterStyleLoader);
     }
     ngOnInit() {
@@ -95,6 +112,7 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
     /**
      * Updates the displayed text with center ellipsis truncation based on container width.
      * Recreates start/end span elements, measures available space, and adjusts text accordingly.
+     *
      * @docs-private
      */
     refresh() {
@@ -147,16 +165,15 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
             }
             dataTextStart.innerText = start;
             dataTextEnd.innerText = end;
-            this.disabled = !truncated;
-            this.cdr.markForCheck();
+            this.setDerivedDisabled(!truncated);
         });
         this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);
         this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqEllipsisCenterDirective, isStandalone: true, selector: "[kbqEllipsisCenter]", inputs: { kbqEllipsisCenter: { classPropertyName: "kbqEllipsisCenter", publicName: "kbqEllipsisCenter", isSignal: false, isRequired: false, transformFunction: null }, minVisibleLength: { classPropertyName: "minVisibleLength", publicName: "minVisibleLength", isSignal: true, isRequired: false, transformFunction: null }, charWidth: { classPropertyName: "charWidth", publicName: "charWidth", isSignal: true, isRequired: false, transformFunction: null }, debounceInterval: { classPropertyName: "debounceInterval", publicName: "debounceInterval", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-ellipsis-center" }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqEllipsisCenterDirective, isStandalone: true, selector: "[kbqEllipsisCenter]", inputs: { ignoreTooltipPointerEvents: { classPropertyName: "ignoreTooltipPointerEvents", publicName: "ignoreTooltipPointerEvents", isSignal: true, isRequired: false, transformFunction: null }, minVisibleLength: { classPropertyName: "minVisibleLength", publicName: "minVisibleLength", isSignal: true, isRequired: false, transformFunction: null }, charWidth: { classPropertyName: "charWidth", publicName: "charWidth", isSignal: true, isRequired: false, transformFunction: null }, debounceInterval: { classPropertyName: "debounceInterval", publicName: "debounceInterval", isSignal: true, isRequired: false, transformFunction: null }, kbqEllipsisCenterInput: { classPropertyName: "kbqEllipsisCenterInput", publicName: "kbqEllipsisCenter", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-ellipsis-center" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbqEllipsisCenter]',
@@ -164,15 +181,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                         class: 'kbq-ellipsis-center'
                     }
                 }]
-        }], ctorParameters: () => [], propDecorators: { kbqEllipsisCenter: [{
-                type: Input
-            }], minVisibleLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minVisibleLength", required: false }] }], charWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "charWidth", required: false }] }], debounceInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceInterval", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { ignoreTooltipPointerEvents: [{ type: i0.Input, args: [{ isSignal: true, alias: "ignoreTooltipPointerEvents", required: false }] }], minVisibleLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minVisibleLength", required: false }] }], charWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "charWidth", required: false }] }], debounceInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceInterval", required: false }] }], kbqEllipsisCenterInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "kbqEllipsisCenter", required: false }] }] } });
 class KbqEllipsisCenterModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterModule, imports: [KbqEllipsisCenterDirective], exports: [KbqEllipsisCenterDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterModule, imports: [KbqEllipsisCenterDirective], exports: [KbqEllipsisCenterDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEllipsisCenterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEllipsisCenterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KbqEllipsisCenterDirective],

package/fesm2022/koobiq-components-ellipsis-center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { _CdkPrivateStyleLoader } from '@angular/cdk/private';\nimport {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    inject,\n    Input,\n    input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n/**\n * Component used to load the `.kbq-ellipsis-center` styles.\n */\n@Component({\n    selector: 'ellipsis-center-style-loader',\n    template: '',\n    styleUrl: 'ellipsis-center.scss',\n    encapsulation: ViewEncapsulation.None\n})\nclass EllipsisCenterStyleLoader {}\n\n/**\n * Renders text as two spans and moves the ellipsis into the middle, so the tail — a file extension, the\n * digits that tell two reports apart — stays readable when the host is too narrow for the whole string. A\n * tooltip spells out the full text, and is enabled only while something is actually hidden.\n */\n@Directive({\n    selector: '[kbqEllipsisCenter]',\n    host: {\n        class: 'kbq-ellipsis-center'\n    }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    private cdr: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Application-wide `ResizeObserver` shared by every consumer, as `KbqTitleDirective` uses. Unlike the\n     * `window:resize` listener this directive used to carry, it also reacts to container-only resizes — a\n     * splitter drag, a sidebar collapse, or the vertical scrollbar that appears once a file list fills up —\n     * none of which resize the window, all of which change where the text has to be split.\n     */\n    private readonly resizeObserver = inject(SharedResizeObserver);\n\n    /** The two spans this directive renders have no styles of their own until this is loaded. */\n    private readonly styleLoader = inject(_CdkPrivateStyleLoader);\n\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input() set kbqEllipsisCenter(value: string) {\n        this._kbqEllipsisCenter = value;\n        this.refresh();\n        // check the view to properly calculate text-start and text-end on text initialized\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Shortest text worth splitting in the middle. Anything below it keeps its natural order and is cut off\n     * at the end by the host's own `text-overflow`.\n     *\n     * Defaults to `0` — every overflowing text is split — because that is what the directive has always\n     * done: the input was declared but never read, so any other default would silently end-truncate labels\n     * that consumers expect to see split.\n     */\n    readonly minVisibleLength = input<number>(0);\n\n    /**\n     * Lower bound, in pixels, for the average glyph width used to decide how many characters fit in the\n     * tail. The rendered text is measured as well and the wider of the two wins, so an underestimate here\n     * can no longer push the extension out of the tail — raising it only shortens the tail further.\n     */\n    readonly charWidth = input(7);\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position.\n     * @default 50\n     */\n    readonly debounceInterval = input<number, unknown>(50, { transform: numberAttribute });\n\n    /**\n     * @deprecated No longer read. Resizes now come from the shared `ResizeObserver`, which also catches the\n     * container-only ones a `window:resize` listener cannot see; the host listener that used to feed this\n     * subject is gone, and nothing subscribes to it. Kept as a no-op and removed in the next major version.\n     * @docs-private */\n    readonly resizeStream = new Subject<Event>();\n\n    private _kbqEllipsisCenter: string;\n\n    // Host width the last completed `refresh()` measured, so a resize that leaves it untouched (the host is\n    // clamped to its container) does not schedule work that would produce the same split.\n    private lastMeasuredWidth: number | undefined;\n\n    private refreshTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    constructor() {\n        super();\n\n        this.styleLoader.load(EllipsisCenterStyleLoader);\n    }\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._kbqEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n\n        this.resizeObserver\n            .observe(this.elementRef.nativeElement)\n            .pipe(debounceTime(this.debounceInterval()), takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                if (this.elementRef.nativeElement.clientWidth !== this.lastMeasuredWidth) {\n                    this.refresh();\n                }\n            });\n    }\n\n    ngOnDestroy() {\n        clearTimeout(this.refreshTimeoutId);\n\n        super.ngOnDestroy();\n    }\n\n    /**\n     * Updates the displayed text with center ellipsis truncation based on container width.\n     * Recreates start/end span elements, measures available space, and adjusts text accordingly.\n     * @docs-private\n     */\n    refresh(): void {\n        let start = '';\n        let end = '';\n\n        this.content = this._kbqEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = [\n            'kbq-ellipsis-center_data-text-start',\n            'kbq-ellipsis-center_data-text-end'\n        ].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n\n            const newElement = this.renderer.createElement('span');\n\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n\n        // A queued callback outlives both the spans it measures and the directive itself: it would measure\n        // elements a newer `refresh()` has already detached (`scrollWidth === 0`, so the text reads as\n        // fitting) and then call `hide()` on a torn-down trigger.\n        clearTimeout(this.refreshTimeoutId);\n\n        this.refreshTimeoutId = setTimeout(() => {\n            const { clientWidth } = this.elementRef.nativeElement;\n            // The full text is still in the start element at this point, so this is the width it needs.\n            const textWidth = dataTextStart.scrollWidth;\n            const truncated = clientWidth < textWidth;\n\n            this.lastMeasuredWidth = clientWidth;\n\n            if (truncated && this._kbqEllipsisCenter.length >= this.minVisibleLength()) {\n                // What the text actually rendered at, not what `charWidth` assumes: with glyphs wider than\n                // the Latin-sized default (Cyrillic, CJK, uppercase) the estimate hands the tail more\n                // characters than the cell can hold, and the tail does not shrink — so `overflow: hidden`\n                // would swallow the extension the split exists to keep.\n                const averageCharWidth = Math.max(this.charWidth(), textWidth / this._kbqEllipsisCenter.length);\n                const lastCharsLength = Math.round(clientWidth / 2 / averageCharWidth);\n\n                // Both halves have to keep at least one character: an empty start element drops the ellipsis\n                // (it is the only one carrying `text-overflow`), an empty end element drops the extension.\n                const sliceIndex = Math.max(\n                    1,\n                    Math.min(\n                        Math.round(this._kbqEllipsisCenter.length - lastCharsLength),\n                        this._kbqEllipsisCenter.length - 1\n                    )\n                );\n\n                start = this._kbqEllipsisCenter.slice(0, sliceIndex);\n                end = this._kbqEllipsisCenter.slice(sliceIndex);\n            } else {\n                // Text that is not split goes into the start element, the only one carrying\n                // `text-overflow: ellipsis` — the end element cannot shrink, so text parked there would\n                // overflow the host instead of being cut off.\n                start = this._kbqEllipsisCenter;\n                end = '';\n            }\n\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n\n            this.disabled = !truncated;\n            this.cdr.markForCheck();\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [KbqEllipsisCenterDirective],\n    exports: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAqBA;;AAEG;AACH,MAMM,yBAAyB,CAAA;kIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,wFAJjB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wUAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIV,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,QAAA,EAC9B,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,wUAAA,CAAA,EAAA;;AAIzC;;;;AAIG;AAOG,MAAO,0BAA2B,SAAQ,iBAAiB,CAAA;;;IAgB7D,IAAa,iBAAiB,CAAC,KAAa,EAAA;AACxC,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;QAC/B,IAAI,CAAC,OAAO,EAAE;;AAEd,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;IAC5B;AAwCA,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE;AA7DH,QAAA,IAAA,CAAA,GAAG,GAAsB,MAAM,CAAC,iBAAiB,CAAC;AAE1D;;;;;AAKG;AACc,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,oBAAoB,CAAC;;AAG7C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,sBAAsB,CAAC;AAW7D;;;;;;;AAOG;AACM,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAS,CAAC,4DAAC;AAE5C;;;;AAIG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,CAAC,qDAAC;AAE7B;;;AAGG;AACM,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAkB,EAAE,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAEtF;;;;AAImB;AACV,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,OAAO,EAAS;AAaxC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC;IACpD;IAES,QAAQ,GAAA;QACb,KAAK,CAAC,QAAQ,EAAE;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB;QACtC,IAAI,CAAC,OAAO,EAAE;IAClB;IAEA,eAAe,GAAA;QACX,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC;AACA,aAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa;AACrC,aAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aAC/E,SAAS,CAAC,MAAK;AACZ,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,EAAE;gBACtE,IAAI,CAAC,OAAO,EAAE;YAClB;AACJ,QAAA,CAAC,CAAC;IACV;IAEA,WAAW,GAAA;AACP,QAAA,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAEnC,KAAK,CAAC,WAAW,EAAE;IACvB;AAEA;;;;AAIG;IACH,OAAO,GAAA;QACH,IAAI,KAAK,GAAG,EAAE;QACd,IAAI,GAAG,GAAG,EAAE;AAEZ,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB;AAEtC,QAAA,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAG;YACjC,qCAAqC;YACrC;AACH,SAAA,CAAC,GAAG,CAAC,CAAC,aAAa,KAAI;AACpB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,aAAa,CAAA,CAAE,CAAC;YAEhF,IAAI,OAAO,EAAE;AACT,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC;YACrE;YAEA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;YAEtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC;AAEjD,YAAA,OAAO,UAAU;AACrB,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;AAC3F,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;;;;AAKrE,QAAA,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAEnC,QAAA,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC,MAAK;YACpC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;;AAErD,YAAA,MAAM,SAAS,GAAG,aAAa,CAAC,WAAW;AAC3C,YAAA,MAAM,SAAS,GAAG,WAAW,GAAG,SAAS;AAEzC,YAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW;AAEpC,YAAA,IAAI,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;;;;;AAKxE,gBAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC;AAC/F,gBAAA,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,GAAG,gBAAgB,CAAC;;;AAItE,gBAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CACvB,CAAC,EACD,IAAI,CAAC,GAAG,CACJ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,eAAe,CAAC,EAC5D,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CACrC,CACJ;gBAED,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;gBACpD,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,CAAC;YACnD;iBAAO;;;;AAIH,gBAAA,KAAK,GAAG,IAAI,CAAC,kBAAkB;gBAC/B,GAAG,GAAG,EAAE;YACZ;AAEA,YAAA,aAAa,CAAC,SAAS,GAAG,KAAK;AAC/B,YAAA,WAAW,CAAC,SAAS,GAAG,GAAG;AAE3B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,SAAS;AAC1B,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AAC3B,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC;AACvE,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,WAAW,CAAC;IACzE;kIA7KS,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;;sBAiBI;;MAoKQ,uBAAuB,CAAA;kIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mIAAvB,uBAAuB,EAAA,OAAA,EAAA,CApLvB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAA1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;mIAoL1B,uBAAuB,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B;AACvC,iBAAA;;;AC9ND;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-ellipsis-center.mjs","sources":["../../../packages/components/ellipsis-center/ellipsis-center.directive.ts","../../../packages/components/ellipsis-center/koobiq-components-ellipsis-center.ts"],"sourcesContent":["import { SharedResizeObserver } from '@angular/cdk/observers/private';\nimport { _CdkPrivateStyleLoader } from '@angular/cdk/private';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    inject,\n    input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { debounceTime } from 'rxjs/operators';\n\n/**\n * Component used to load the `.kbq-ellipsis-center` styles.\n */\n@Component({\n    selector: 'ellipsis-center-style-loader',\n    template: '',\n    styleUrl: 'ellipsis-center.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nclass EllipsisCenterStyleLoader {}\n\n/**\n * Renders text as two spans and moves the ellipsis into the middle, so the tail — a file extension, the\n * digits that tell two reports apart — stays readable when the host is too narrow for the whole string. A\n * tooltip spells out the full text, and is enabled only while something is actually hidden.\n *\n * The tooltip's `forDisabledComponent` is not for this host and should not be bound on it: the hint always\n * repeats the text this directive shortened, never an explanation of why a wrapped control is unavailable,\n * and the two derive the same state, so they would overwrite each other. Overflow is the only state the\n * directive derives, and `kbqTooltipDisabled` is how a consumer suppresses the hint.\n */\n@Directive({\n    selector: '[kbqEllipsisCenter]',\n    host: {\n        class: 'kbq-ellipsis-center'\n    }\n})\nexport class KbqEllipsisCenterDirective extends KbqTooltipTrigger implements OnInit, AfterViewInit, OnDestroy {\n    private cdr: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    /**\n     * Application-wide `ResizeObserver` shared by every consumer, as `KbqTitleDirective` uses. Unlike the\n     * `window:resize` listener this directive used to carry, it also reacts to container-only resizes — a\n     * splitter drag, a sidebar collapse, or the vertical scrollbar that appears once a file list fills up —\n     * none of which resize the window, all of which change where the text has to be split.\n     */\n    private readonly resizeObserver = inject(SharedResizeObserver);\n\n    /** The two spans this directive renders have no styles of their own until this is loaded. */\n    private readonly styleLoader = inject(_CdkPrivateStyleLoader);\n\n    set kbqEllipsisCenter(value: string) {\n        this._kbqEllipsisCenter = value;\n        this.refresh();\n        // check the view to properly calculate text-start and text-end on text initialized\n        this.cdr.detectChanges();\n    }\n\n    /**\n     * Overrides the tooltip's hoverable default, as `KbqOptionTooltip` does. The hint spells out text that\n     * the directive had to truncate, so it floats over the neighbouring content — and a pointer-capturing\n     * pane would swallow the clicks meant for it.\n     */\n    readonly ignoreTooltipPointerEvents = input<boolean>(true);\n\n    /**\n     * The hint spells out what the split hid, so `kbqTooltipDisabled=\"false\"` cannot conjure one for a name\n     * that fits.\n     *\n     * @docs-private\n     */\n    protected override readonly derivedDisabledWins = true;\n\n    /**\n     * Shortest text worth splitting in the middle. Anything below it keeps its natural order and is cut off\n     * at the end by the host's own `text-overflow`.\n     *\n     * Defaults to `0` — every overflowing text is split — because that is what the directive has always\n     * done: the input was declared but never read, so any other default would silently end-truncate labels\n     * that consumers expect to see split.\n     */\n    readonly minVisibleLength = input<number>(0);\n\n    /**\n     * Lower bound, in pixels, for the average glyph width used to decide how many characters fit in the\n     * tail. The rendered text is measured as well and the wider of the two wins, so an underestimate here\n     * can no longer push the extension out of the tail — raising it only shortens the tail further.\n     */\n    readonly charWidth = input(7);\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position. Defaults to `50`.\n     */\n    readonly debounceInterval = input<number, unknown>(50, { transform: numberAttribute });\n\n    private _kbqEllipsisCenter: string;\n\n    // Host width the last completed `refresh()` measured, so a resize that leaves it untouched (the host is\n    // clamped to its container) does not schedule work that would produce the same split.\n    private lastMeasuredWidth: number | undefined;\n\n    private refreshTimeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    /** @docs-private */\n    readonly kbqEllipsisCenterInput = input<string | undefined>(undefined, { alias: 'kbqEllipsisCenter' });\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` clears the text.\n        if (changes['kbqEllipsisCenterInput']) this.kbqEllipsisCenter = this.kbqEllipsisCenterInput() ?? '';\n    }\n\n    constructor() {\n        super();\n\n        this.styleLoader.load(EllipsisCenterStyleLoader);\n    }\n\n    override ngOnInit(): void {\n        super.ngOnInit();\n        this.content = this._kbqEllipsisCenter;\n        this.refresh();\n    }\n\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n\n        this.resizeObserver\n            .observe(this.elementRef.nativeElement)\n            .pipe(debounceTime(this.debounceInterval()), takeUntilDestroyed(this.destroyRef))\n            .subscribe(() => {\n                if (this.elementRef.nativeElement.clientWidth !== this.lastMeasuredWidth) {\n                    this.refresh();\n                }\n            });\n    }\n\n    ngOnDestroy() {\n        clearTimeout(this.refreshTimeoutId);\n\n        super.ngOnDestroy();\n    }\n\n    /**\n     * Updates the displayed text with center ellipsis truncation based on container width.\n     * Recreates start/end span elements, measures available space, and adjusts text accordingly.\n     *\n     * @docs-private\n     */\n    refresh(): void {\n        let start = '';\n        let end = '';\n\n        this.content = this._kbqEllipsisCenter;\n\n        const [dataTextStart, dataTextEnd] = [\n            'kbq-ellipsis-center_data-text-start',\n            'kbq-ellipsis-center_data-text-end'\n        ].map((querySelector) => {\n            const element = this.elementRef.nativeElement.querySelector(`.${querySelector}`);\n\n            if (element) {\n                this.renderer.removeChild(this.elementRef.nativeElement, element);\n            }\n\n            const newElement = this.renderer.createElement('span');\n\n            this.renderer.addClass(newElement, querySelector);\n\n            return newElement;\n        });\n\n        this.renderer.appendChild(dataTextStart, this.renderer.createText(this._kbqEllipsisCenter));\n        this.renderer.appendChild(dataTextEnd, this.renderer.createText(end));\n\n        // A queued callback outlives both the spans it measures and the directive itself: it would measure\n        // elements a newer `refresh()` has already detached (`scrollWidth === 0`, so the text reads as\n        // fitting) and then call `hide()` on a torn-down trigger.\n        clearTimeout(this.refreshTimeoutId);\n\n        this.refreshTimeoutId = setTimeout(() => {\n            const { clientWidth } = this.elementRef.nativeElement;\n            // The full text is still in the start element at this point, so this is the width it needs.\n            const textWidth = dataTextStart.scrollWidth;\n            const truncated = clientWidth < textWidth;\n\n            this.lastMeasuredWidth = clientWidth;\n\n            if (truncated && this._kbqEllipsisCenter.length >= this.minVisibleLength()) {\n                // What the text actually rendered at, not what `charWidth` assumes: with glyphs wider than\n                // the Latin-sized default (Cyrillic, CJK, uppercase) the estimate hands the tail more\n                // characters than the cell can hold, and the tail does not shrink — so `overflow: hidden`\n                // would swallow the extension the split exists to keep.\n                const averageCharWidth = Math.max(this.charWidth(), textWidth / this._kbqEllipsisCenter.length);\n                const lastCharsLength = Math.round(clientWidth / 2 / averageCharWidth);\n\n                // Both halves have to keep at least one character: an empty start element drops the ellipsis\n                // (it is the only one carrying `text-overflow`), an empty end element drops the extension.\n                const sliceIndex = Math.max(\n                    1,\n                    Math.min(\n                        Math.round(this._kbqEllipsisCenter.length - lastCharsLength),\n                        this._kbqEllipsisCenter.length - 1\n                    )\n                );\n\n                start = this._kbqEllipsisCenter.slice(0, sliceIndex);\n                end = this._kbqEllipsisCenter.slice(sliceIndex);\n            } else {\n                // Text that is not split goes into the start element, the only one carrying\n                // `text-overflow: ellipsis` — the end element cannot shrink, so text parked there would\n                // overflow the host instead of being cut off.\n                start = this._kbqEllipsisCenter;\n                end = '';\n            }\n\n            dataTextStart.innerText = start;\n            dataTextEnd.innerText = end;\n\n            this.setDerivedDisabled(!truncated);\n        });\n\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);\n        this.renderer.appendChild(this.elementRef.nativeElement, dataTextEnd);\n    }\n}\n\n@NgModule({\n    imports: [KbqEllipsisCenterDirective],\n    exports: [KbqEllipsisCenterDirective]\n})\nexport class KbqEllipsisCenterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}