@koobiq/components 19.8.6 → 19.8.7

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

@@ -17,6 +17,11 @@ import { debounceTime } from 'rxjs/operators';
 class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
     constructor() {
         super(...arguments);
+        /**
+         * The hint spells out what the split hid, so `kbqTooltipDisabled="false"` cannot conjure one for a name
+         * that fits.
+         * @docs-private */
+        this.derivedDisabledWins = true;
         this.cdr = inject(ChangeDetectorRef);
         /**
          * Application-wide `ResizeObserver` shared by every consumer, as `KbqTitleDirective` uses. Unlike the
@@ -133,7 +138,7 @@ class KbqEllipsisCenterDirective extends KbqTooltipTrigger {
             }
             dataTextStart.innerText = start;
             dataTextEnd.innerText = end;
-            this.disabled = !truncated;
+            this.setDerivedDisabled(!truncated);
             this.cdr.markForCheck();
         });
         this.renderer.appendChild(this.elementRef.nativeElement, dataTextStart);

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 {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit\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 * 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 host needs the layout contract the consuming component ships (see `.kbq-ellipsis-center` in\n * `file-upload.scss`): the two spans have no styles of their own.\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    @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    @Input() minVisibleLength: 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    @Input() charWidth = 7;\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position.\n     * @default 50\n     */\n    @Input({ transform: numberAttribute }) debounceInterval: number = 50;\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    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":"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"}
+{"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 {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Directive,\n    inject,\n    Input,\n    NgModule,\n    numberAttribute,\n    OnDestroy,\n    OnInit\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 * 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 host needs the layout contract the consuming component ships (see `.kbq-ellipsis-center` in\n * `file-upload.scss`): the two spans have no styles of their own.\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    /**\n     * The hint spells out what the split hid, so `kbqTooltipDisabled=\"false\"` cannot conjure one for a name\n     * that fits.\n     * @docs-private */\n    protected override readonly derivedDisabledWins = true;\n\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    @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    @Input() minVisibleLength: 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    @Input() charWidth = 7;\n\n    /**\n     * Debounce time (ms) for resize events before recalculating ellipsis position.\n     * @default 50\n     */\n    @Input({ transform: numberAttribute }) debounceInterval: number = 50;\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    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.setDerivedDisabled(!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":"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"}