feat(tags,core): added KbqFieldSizingContent directive (#DS-4146)

[artembelik]

should be merged after #987

---

todo:

• feat(tag): implemented editable tags (#DS-4091) #987 (comment)

[github-actions]

Visit the preview URL for this PR (updated for commit db781ba):

https://koobiq-next--prs-999-jrl42h4w.web.app

_{(expires Tue, 16 Sep 2025 08:38:33 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c}

[Copilot]

Pull Request Overview

This PR adds a new KbqFieldSizingContent directive to implement auto-sizing functionality for input fields, replacing the CSS field-sizing: content property for better browser compatibility. The directive emulates this CSS property behavior for browsers that don't support it natively.

• Added KbqFieldSizingContent directive to the core module with auto-sizing logic
• Integrated the directive as a host directive for KbqTagEditInput to enable auto-sizing in tag edit inputs
• Updated tag examples to use kbqInput directive for proper styling and functionality

Reviewed Changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
packages/components/core/form-field/field-sizing-content.ts	New directive implementing field-sizing: content emulation with DOM manipulation
packages/components/core/utils/dom.ts	New utility functions for injecting ElementRef and native elements
packages/components/tags/tag.component.ts	Refactored to use injection for ElementRef and integrated KbqFieldSizingContent
packages/components/tags/tag.scss	Updated styles to work with the new auto-sizing approach
packages/docs-examples/components/tag/*	Added kbqInput directive to tag edit inputs in examples
tools/public_api_guard/components/*.api.md	Updated API signatures to reflect changes

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[rmnturov]

После сохранения длинный текст должен выравниваеться по левой стороне внутри тега, если что обрезаться справа.

Сейчас в теге длинный текст выровнен по правой стороне — это неправильно

tag-input-save-bug.mp4

Правильное положение

А в момент редактирования верно, что уходит направо

[artembelik]

После сохранения длинный текст должен выравниваеться по левой стороне внутри тега, если что обрезаться справа.

поправил